.basket {
	
}

.basket table,
.basket table td {
}

.basket table thead tr th {
	border-bottom: 2px solid #0095c0;
	font-size: 1.5em;
	font-weight: bold;
}

.basket table tr td {
	padding: .4rem;
	border-bottom: 1px solid #eee
}

.basket table tr:last-of-type td {
	border-bottom: 2px solid #0095c0;
}

.basket table tr td > span {
	font-size: 1.5rem;	
}

.basket table tr td.name {
	width: 36%;
}

.basket table tr td.name.invalid {
	color: #f6b130;
}

.basket table tr td a {
	color: #0095c0;
}

.basket table tr td a:hover {
	color: #f6b130;
}

.basket table tr td .warning svg {
	color: #f6b130;
	margin: 0 .5rem 0 0;
}

.basket .buttons a svg {
	margin: 0 .25em 0 0;
}

.basket .buttons {
	margin: .75em 0;
}
.form {
	margin: 1rem 0 0 0;
    padding: 1rem;    
}

.downloads .form .notification {
	font-size: 1.4rem;
}

.form .form-row{
	margin: 0 0 1rem 0;
	
}

.form-row label  {
	display: flex;
}

.form-row label > span {
	display: inline-block;
    font-size: 1.6em;
    flex-basis: 75%;
    line-height: 2;	
}

.form .form-row.invalid label span {
	color: #ff0000;
}

.form-row .input-container {
	flex-basis: 125%;
} 

.form .form-row .form-control {
	display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1.5em;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form .form-row .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #0095c0;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 149, 192,.25);
}

.form .buttons {
	margin: .75em 0;
}

.form .buttons a svg {
	margin: 0 .25em 0 0;
}

.select-container {
}

.form .buttons a {
	margin: 0 .25em;
}


.form fieldset {
	border: 2px solid #ffcc00;
	border-radius: 1rem;
	padding: .5em;
}

.form fieldset legend {
	padding: .5em;
	margin: 0 1em;
}
.downloads {
	margin: 1em;
	width: 100%;
}


.downloads .notification {
	font-size: 1.4rem;
	margin-bottom: 1.2rem;
}

.form.dtm-version {
	margin: 0 0 1.2rem 0;
	padding: 0;
}

.downloads .buttons {	
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.downloads .buttons .button {
	align-items: center;
	border-radius: 4px;
	box-shadow: none;
	display: inline-flex;
	font-size: 1.4rem;

	line-height: 1.5;
	position: relative;
	vertical-align: top;

	background-color: #0b72b5;
	color: #fff;
	cursor: pointer;
	justify-content: center;
	padding-bottom: calc(.375em - 1px);
	padding-left: .75em;
	padding-right: .75em;
	padding-top: calc(.375em - 1px);
	text-align: center;
	white-space: nowrap;
	user-select: none;
	
	border-right: 3px solid #0095c0;
			
	margin-bottom: .5rem;	
	font-family: "opensansbold", arial, helvetica, sans-serif;
}

.downloads .buttons .button:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1px;
}

.downloads .buttons .button:last-child {
	border-right: none;
}

.downloads .buttons .button:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.downloads .buttons .button:hover {
	background-color: #0a7fb5;
}


.downloads .buttons .button.active {	
	background-color: #f8b333;
	color: #000;
}

.downloads .buttons .button.active:hover {
	background-color: #f9bf34;
}
.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 2px solid blue;
}

.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}

.ol-scale-line {
  background: rgba(0,60,136,0.3);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}
.ol-scale-line-inner {
  border: 1px solid #eee;
  border-top: none;
  color: #eee;
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}
.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}
.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: #000000;
  float: right;
  z-Index: 10;
}
.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 12px;
  z-Index: 11;
  color: #000000;
  text-shadow: -2px 0 #FFFFFF, 0 2px #FFFFFF, 2px 0 #FFFFFF, 0 -2px #FFFFFF;
}
.ol-scale-text {
  position: absolute;
  font-size: 14px;
  text-align: center;
  bottom: 25px;
  color: #000000;
  text-shadow: -2px 0 #FFFFFF, 0 2px #FFFFFF, 2px 0 #FFFFFF, 0 -2px #FFFFFF;
}
.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-Index: 9;
  border: 1px solid black;
}

.ol-unsupported {
  display: none;
}
.ol-viewport, .ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.ol-overlaycontainer, .ol-overlaycontainer-stopevent {
  pointer-events: none;
}
.ol-overlaycontainer > *, .ol-overlaycontainer-stopevent > * {
  pointer-events: auto;
}
.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.ol-control {
  position: absolute;
  background-color: rgba(255,255,255,0.4);
  border-radius: 4px;
  padding: 2px;
}
.ol-control:hover {
  background-color: rgba(255,255,255,0.6);
}
.ol-zoom {
  top: .5em;
  left: .5em;
}
.ol-rotate {
  top: .5em;
  right: .5em;
  transition: opacity .25s linear, visibility 0s linear;
}
.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s;
}
.ol-zoom-extent {
  top: 4.643em;
  left: .5em;
}
.ol-full-screen {
  right: .5em;
  top: .5em;
}

.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: white;
  font-size: 1.14em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: rgba(0,60,136,0.5);
  border: none;
  border-radius: 2px;
}
.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}
.ol-control button span {
  pointer-events: none;
}
.ol-zoom-extent button {
  line-height: 1.4em;
}
.ol-compass {
  display: block;
  font-weight: normal;
  font-size: 1.2em;
  will-change: transform;
}
.ol-touch .ol-control button {
  font-size: 1.5em;
}
.ol-touch .ol-zoom-extent {
  top: 5.5em;
}
.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  background-color: rgba(0,60,136,0.7);
}
.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}
.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}


.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em);
}

.ol-attribution ul {
  margin: 0;
  padding: 0 .5em;
  color: #000;
  text-shadow: 0 0 2px #fff;
}
.ol-attribution li {
  display: inline;
  list-style: none;
}
.ol-attribution li:not(:last-child):after {
  content: " ";
}
.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}
.ol-attribution ul, .ol-attribution button {
  display: inline-block;
}
.ol-attribution.ol-collapsed ul {
  display: none;
}
.ol-attribution:not(.ol-collapsed) {
  background: rgba(255,255,255,0.8);
}
.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
}
.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em;
}
.ol-attribution.ol-uncollapsible button {
  display: none;
}

.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px;
}
.ol-zoomslider button {
  position: relative;
  height: 10px;
}

.ol-touch .ol-zoomslider {
  top: 5.5em;
}

.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}
.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}
.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: inline-block;
}
.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid #7b98bc;
  height: 150px;
  margin: 2px;
  width: 150px;
}
.ol-overviewmap:not(.ol-collapsed) button{
  bottom: 1px;
  left: 2px;
  position: absolute;
}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}
.ol-overviewmap:not(.ol-collapsed) {
  background: rgba(255,255,255,0.8);
}
.ol-overviewmap-box {
  border: 2px dotted rgba(0,60,136,0.7);
}

.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}

/**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
.highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  /* #1072 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.highcharts-root {
  display: block;
}

.highcharts-root text {
  stroke-width: 0;
}

.highcharts-strong {
  font-weight: bold;
}

.highcharts-emphasized {
  font-style: italic;
}

.highcharts-anchor {
  cursor: pointer;
}

.highcharts-background {
  fill: #ffffff;
}

.highcharts-plot-border, .highcharts-plot-background {
  fill: none;
}

.highcharts-label-box {
  fill: none;
}

.highcharts-button-box {
  fill: inherit;
}

.highcharts-tracker-line {
  stroke-linejoin: round;
  stroke: rgba(192, 192, 192, 0.0001);
  stroke-width: 22;
  fill: none;
}

.highcharts-tracker-area {
  fill: rgba(192, 192, 192, 0.0001);
  stroke-width: 0;
}

/* Titles */
.highcharts-title {
  fill: #333333;
  font-size: 1.5em;
}

.highcharts-subtitle {
  fill: #666666;
}

/* Axes */
.highcharts-axis-line {
  fill: none;
  stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-axis-title {
  fill: #666666;
}

.highcharts-axis-labels {
  fill: #666666;
  cursor: default;
  font-size: 0.9em;
}

.highcharts-grid-line {
  fill: none;
  stroke: #e6e6e6;
}

.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0px;
}

.highcharts-tick {
  stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-tick {
  stroke-width: 0;
}

.highcharts-minor-grid-line {
  stroke: #f2f2f2;
}

.highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: #cccccc;
}

.highcharts-crosshair-category {
  stroke: #ccd6eb;
  stroke-opacity: 0.25;
}

/* Credits */
.highcharts-credits {
  cursor: pointer;
  fill: #999999;
  font-size: 0.7em;
  transition: fill 250ms, font-size 250ms;
}

.highcharts-credits:hover {
  fill: black;
  font-size: 1em;
}

/* Tooltip */
.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms;
}

.highcharts-tooltip text {
  fill: #333333;
}

.highcharts-tooltip .highcharts-header {
  font-size: 0.85em;
}

.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

.highcharts-tooltip-box .highcharts-label-box {
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

div.highcharts-tooltip {
  filter: none;
}

.highcharts-selection-marker {
  fill: #335cad;
  fill-opacity: 0.25;
}

.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.highcharts-state-hover .highcharts-graph {
  stroke-width: 3;
}

.highcharts-point-inactive {
  opacity: 0.2;
  transition: opacity 50ms;
  /* quick in */
}

.highcharts-series-inactive {
  opacity: 0.2;
  transition: opacity 50ms;
  /* quick in */
}

.highcharts-state-hover path {
  transition: stroke-width 50ms;
  /* quick in */
}

.highcharts-state-normal path {
  transition: stroke-width 250ms;
  /* slow out */
}

/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
  transition: opacity 250ms;
}

.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: 0.2;
}

/* Series options */
/* Default colors */
.highcharts-color-0 {
  fill: #7cb5ec;
  stroke: #7cb5ec;
}

.highcharts-color-1 {
  fill: #434348;
  stroke: #434348;
}

.highcharts-color-2 {
  fill: #90ed7d;
  stroke: #90ed7d;
}

.highcharts-color-3 {
  fill: #f7a35c;
  stroke: #f7a35c;
}

.highcharts-color-4 {
  fill: #8085e9;
  stroke: #8085e9;
}

.highcharts-color-5 {
  fill: #f15c80;
  stroke: #f15c80;
}

.highcharts-color-6 {
  fill: #e4d354;
  stroke: #e4d354;
}

.highcharts-color-7 {
  fill: #2b908f;
  stroke: #2b908f;
}

.highcharts-color-8 {
  fill: #f45b5b;
  stroke: #f45b5b;
}

.highcharts-color-9 {
  fill: #91e8e1;
  stroke: #91e8e1;
}

.highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0;
}

.highcharts-markers {
  stroke-width: 1px;
  stroke: #ffffff;
}

.highcharts-point {
  stroke-width: 1px;
}

.highcharts-dense-data .highcharts-point {
  stroke-width: 0;
}

.highcharts-data-label {
  font-size: 0.9em;
  font-weight: bold;
}

.highcharts-data-label-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-data-label text, text.highcharts-data-label {
  fill: #333333;
}

.highcharts-data-label-connector {
  fill: none;
}

.highcharts-halo {
  fill-opacity: 0.25;
  stroke-width: 0;
}

.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
.highcharts-markers .highcharts-point-select {
  fill: #cccccc;
  stroke: #000000;
}

.highcharts-column-series rect.highcharts-point {
  stroke: #ffffff;
}

.highcharts-column-series .highcharts-point {
  transition: fill-opacity 250ms;
}

.highcharts-column-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: #e6e6e6;
  transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
}

.highcharts-treemap-series .highcharts-point-hover {
  stroke: #999999;
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}

.highcharts-treemap-series .highcharts-above-level {
  display: none;
}

.highcharts-treemap-series .highcharts-internal-node {
  fill: none;
}

.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: 0.15;
  cursor: pointer;
}

.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: 0.75;
}

.highcharts-vector-series .highcharts-point {
  fill: none;
  stroke-width: 2px;
}

.highcharts-windbarb-series .highcharts-point {
  fill: none;
  stroke-width: 2px;
}

.highcharts-lollipop-stem {
  stroke: #000000;
}

.highcharts-focus-border {
  fill: none;
  stroke-width: 2px;
}

.highcharts-legend-item-hidden .highcharts-focus-border {
  fill: none !important;
}

/* Legend */
.highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-legend-item > text {
  fill: #333333;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  stroke-width: 0;
}

.highcharts-legend-item:hover text {
  fill: #000000;
}

.highcharts-legend-item-hidden * {
  fill: #cccccc !important;
  stroke: #cccccc !important;
  transition: fill 250ms;
}

.highcharts-legend-nav-active {
  fill: #003399;
  cursor: pointer;
}

.highcharts-legend-nav-inactive {
  fill: #cccccc;
}

circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
  /* tracker */
  fill: rgba(192, 192, 192, 0.0001);
}

.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0;
}

/* Bubble legend */
.highcharts-bubble-legend-symbol {
  stroke-width: 2;
  fill-opacity: 0.5;
}

.highcharts-bubble-legend-connectors {
  stroke-width: 1;
}

.highcharts-bubble-legend-labels {
  fill: #333333;
}

/* Loading */
.highcharts-loading {
  position: absolute;
  background-color: #ffffff;
  opacity: 0.5;
  text-align: center;
  z-index: 10;
  transition: opacity 250ms;
}

.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 250ms, height 250ms step-end;
}

.highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%;
}

/* Plot bands and polar pane backgrounds */
.highcharts-plot-band, .highcharts-pane {
  fill: #000000;
  fill-opacity: 0.05;
}

.highcharts-plot-line {
  fill: none;
  stroke: #999999;
  stroke-width: 1px;
}

/* Highcharts More and modules */
.highcharts-boxplot-box {
  fill: #ffffff;
}

.highcharts-boxplot-median {
  stroke-width: 2px;
}

.highcharts-bubble-series .highcharts-point {
  fill-opacity: 0.5;
}

.highcharts-errorbar-series .highcharts-point {
  stroke: #000000;
}

.highcharts-gauge-series .highcharts-data-label-box {
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-gauge-series .highcharts-dial {
  fill: #000000;
  stroke-width: 0;
}

.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0;
}

.highcharts-waterfall-series .highcharts-graph {
  stroke: #333333;
  stroke-dasharray: 1, 3;
}

.highcharts-sankey-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-sankey-series .highcharts-link {
  transition: fill 250ms, fill-opacity 250ms;
  fill-opacity: 0.5;
}

.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition: fill 50ms, fill-opacity 50ms;
  fill-opacity: 1;
}

.highcharts-venn-series .highcharts-point {
  fill-opacity: 0.75;
  stroke: #cccccc;
  transition: stroke 250ms, fill-opacity 250ms;
}

.highcharts-venn-series .highcharts-point-hover {
  fill-opacity: 1;
  stroke: #cccccc;
}

/* Highstock */
.highcharts-navigator-mask-outside {
  fill-opacity: 0;
}

.highcharts-navigator-mask-inside {
  fill: #6685c2;
  /* navigator.maskFill option */
  fill-opacity: 0.25;
  cursor: ew-resize;
}

.highcharts-navigator-outline {
  stroke: #cccccc;
  fill: none;
}

.highcharts-navigator-handle {
  stroke: #cccccc;
  fill: #f2f2f2;
  cursor: ew-resize;
}

.highcharts-navigator-series {
  fill: #335cad;
  stroke: #335cad;
}

.highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px;
}

.highcharts-navigator-series .highcharts-area {
  fill-opacity: 0.05;
}

.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #e6e6e6;
}

.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999999;
}

.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-scrollbar-thumb {
  fill: #cccccc;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-button {
  fill: #e6e6e6;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-arrow {
  fill: #666666;
}

.highcharts-scrollbar-rifles {
  stroke: #666666;
  stroke-width: 1px;
}

.highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2;
  stroke-width: 1px;
}

.highcharts-button {
  fill: #f7f7f7;
  stroke: #cccccc;
  cursor: default;
  stroke-width: 1px;
  transition: fill 250ms;
}

.highcharts-button text {
  fill: #333333;
}

.highcharts-button-hover {
  transition: fill 0ms;
  fill: #e6e6e6;
  stroke: #cccccc;
}

.highcharts-button-hover text {
  fill: #333333;
}

.highcharts-button-pressed {
  font-weight: bold;
  fill: #e6ebf5;
  stroke: #cccccc;
}

.highcharts-button-pressed text {
  fill: #333333;
  font-weight: bold;
}

.highcharts-button-disabled text {
  fill: #333333;
}

.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0px;
}

.highcharts-range-label rect {
  fill: none;
}

.highcharts-range-label text {
  fill: #666666;
}

.highcharts-range-input rect {
  fill: none;
}

.highcharts-range-input text {
  fill: #333333;
}

.highcharts-range-input {
  stroke-width: 1px;
  stroke: #cccccc;
}

input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px;
  /* Chrome needs a pixel to see it */
  height: 1px;
  padding: 0;
  text-align: center;
  left: -9em;
  /* #4798 */
}

.highcharts-crosshair-label text {
  fill: #ffffff;
  font-size: 1.1em;
}

.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit;
}

.highcharts-candlestick-series .highcharts-point {
  stroke: #000000;
  stroke-width: 1px;
}

.highcharts-candlestick-series .highcharts-point-up {
  fill: #ffffff;
}

.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px;
}

.highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: #999999;
  fill: #ffffff;
  transition: fill 250ms;
}

.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: #000000;
  fill: #ccd6eb;
}

.highcharts-flags-series .highcharts-point text {
  fill: #000000;
  font-size: 0.9em;
  font-weight: bold;
}

/* Highmaps */
.highcharts-map-series .highcharts-point {
  transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  stroke: #cccccc;
}

.highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: 0.5;
  stroke-width: 2px;
}

.highcharts-mapline-series .highcharts-point {
  fill: none;
}

.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

.highcharts-coloraxis {
  stroke-width: 0;
}

.highcharts-coloraxis-marker {
  fill: #999999;
}

.highcharts-null-point {
  fill: #f7f7f7;
}

/* 3d charts */
.highcharts-3d-frame {
  fill: transparent;
}

/* Exporting module */
.highcharts-contextbutton {
  fill: #ffffff;
  /* needed to capture hover */
  stroke: none;
  stroke-linecap: round;
}

.highcharts-contextbutton:hover {
  fill: #e6e6e6;
  stroke: #e6e6e6;
}

.highcharts-button-symbol {
  stroke: #666666;
  stroke-width: 3px;
}

.highcharts-menu {
  border: 1px solid #999999;
  background: #ffffff;
  padding: 5px 0;
  box-shadow: 3px 3px 10px #888;
}

.highcharts-menu-item {
  padding: 0.5em 1em;
  background: none;
  color: #333333;
  cursor: pointer;
  transition: background 250ms, color 250ms;
}

.highcharts-menu-item:hover {
  background: #335cad;
  color: #ffffff;
}

/* Drilldown module */
.highcharts-drilldown-point {
  cursor: pointer;
}

.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label,
.highcharts-drilldown-axis-label {
  cursor: pointer;
  fill: #003399;
  font-weight: bold;
  text-decoration: underline;
}

/* No-data module */
.highcharts-no-data text {
  font-weight: bold;
  font-size: 12px;
  fill: #666666;
}

/* Drag-panes module */
.highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: black;
  stroke-width: 2px;
}

/* Bullet type series */
.highcharts-bullet-target {
  stroke-width: 0;
}

/* Lineargauge type series */
.highcharts-lineargauge-target {
  stroke-width: 1px;
  stroke: #333333;
}

.highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: #333333;
}

/* Annotations module */
.highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: #000000;
  fill: #000000;
  fill-opacity: 0.75;
}

.highcharts-annotation-label text {
  fill: #e6e6e6;
}

/* Gantt */
.highcharts-treegrid-node-collapsed, .highcharts-treegrid-node-expanded {
  cursor: pointer;
}

.highcharts-point-connecting-path {
  fill: none;
}

.highcharts-grid-axis .highcharts-tick {
  stroke-width: 1px;
}

.highcharts-grid-axis .highcharts-axis-line {
  stroke-width: 1px;
}

@font-face {
    font-family: "opensansregular";
    src: url(fonts/opensans-regular-webfont.woff?ab6e9d5d7db5dfffc24d3b8c57d5619c) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "opensansbold";
    src: url(fonts/opensans-bold-webfont.woff?80e9b54f4fd336ac7ea67df961903238) format('woff');
    font-weight: normal;
    font-style: normal;
}
/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */
html {
	margin: 0;
	padding: 0;
	border: 0;
}

body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article,aside,dialog,figure,footer,header,hgroup,nav,section {
	display: block;
}

/* Line-height should always be unitless! */
body {
	line-height: 1.5;
	background: white;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}

/* float:none prevents the span-x classes from breaking table-cell display */
caption,th,td {
	text-align: left;
	font-weight: normal;
	float: none !important;
}

table,th,td {
	vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before,blockquote:after,q:before,q:after {
	content: '';
}

blockquote,q {
	quotes: "" "";
}

/* Remove annoying border on linked images. */
a img {
	border: none;
}

/* Remember to define your own focus styles! */
:focus {
	outline: 0;
}


/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

/* work around conflict of Chrome and OpenLayers */
.olTileImage {
	-webkit-backface-visibility: visible !important;
	-webkit-transform: none !important;
}

/** general **/
h1,h2,h3,h4,h5 {
	font-weight:bold;
}

html {
	min-height: 100%;	
	font-size: 10px;
}


body, header, nav {
	font-family: opensansregular, 'arial', sans-serif;
}

nav > div {
	line-height: 0px;
}

::selection {
	background: #f7b233;
}

table, iframe {
	width:100%;	
}

iframe {
	height:98%;
	border:none !important;	
}

body, table td, select, a {
	font-family: opensansregular, 'arial', sans-serif;
	font-size: 1rem;
}

a, a:visited {
	text-decoration:none;
	color:#00f;
}

a:hover { 
	text-decoration:underline;
}

.download-frame { 
	position:absolute;
	top:-100;
	left:-100;
	width:1px;
	height:1px;
	z-index:-100;
}

header, nav {
	display:inline-block;	
	flex: 0 1 auto;
}

header { 	
	height:8rem;
	width:100%;

	background-image: url(images/header.jpg?5dbff367f785c26cf6a678ea7192052f);
	background-size: auto 8rem;
	
	line-height: 8rem;	
	user-select: none; 
}

header, header > * {
	display: inline-block;
}

header > * {
	vertical-align: top;
}

header .logo {
	background-image: url(images/emodnet.png?2f7c4b255a3e1a91eec96668f2081afe);
    background-size: auto 7rem;
    background-repeat: no-repeat;
    background-position: center; 
    
    text-indent: -9999px;
    width: 12rem;
    height: 8rem;
    display: inline-block;
    font-size: 1em;
}

header a,
header a:visited,
header a:hover {
	text-decoration: none;
} 

header .text {
	line-height: normal;
	margin: 1.2em 0;
    border-left: .3em solid #F8BC00;
    padding: 0 0 0 2em; 
}

header .text h1, 
header .text h2,
header .text p {
	font-family: "opensansregular", sans-serif;
	margin:0;
	color: #222;
}

header .text h1  {
	font-size: 2.4em;
	text-transform: uppercase;	
}

header .text h2,
header .text p {
	font-size: 1.2em;
    word-spacing: 0.1em;    	
}

header .text h2  {
    font-family: "opensansbold", arial, helvetica, sans-serif;
    font-weight: bold;   
}

header .text p {
    color: #fafafa;
    font-style: italic;
    margin: .4em 0 0 0;
    color: #888;    
}

#top-toggle-box {
	display:none
}

/**
 * Top section
 */
nav {
	height: 4.4rem;
	width: 100%;
	background: #012e58;
	border-top: .6rem solid #0095c0;
	border-bottom: .1rem solid #ccc;	
	user-select: none; 
	position: relative;
}

.overlayed header, .overlayed nav {
	z-index: 10000;
}

nav > div {
	display: inline-block;
	line-height: 2.56rem;	
}

/** active layer selector */
#active-layer {
	width:30rem;
	line-height:4.4rem;
	position: relative;
	box-sizing: border-box;
	padding: 0 .5em;
}

#active-layer .selector {
	color: #fff;
	background-color:#0095c0;
	position: relative;
	display: inline-block;
	height: 3rem;
	margin:.7em 0;
	width: 100%;
	cursor: pointer;
}

#active-layer .active-layer-name {
	padding:0 0 0 .3em;
	display:inline-block;
	line-height: 3rem;
	font-size: 1.4rem;
	overflow: hidden;
	white-space: nowrap;
	max-width: 95%;
}

#active-layer .expand-box {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background-color:#0095c0;	
	line-height: 0px;
}
	
#active-layer .expand-box > * {
	color: #012e58;
	vertical-align: middle;	
    font-size: 1.5rem;
	padding: .5em;
}

#active-layer.expanded .expand-box {
	z-index:10000;
}

#active-layer .layerManager { 
	display:none;	
}	
	
/** layer control **/
#top-controls {
}

nav .list-control {
	display: inline-block;
}

nav .list-control li {
	display: inline-block;
	list-style: none;
	padding: .5em .6em;
}

nav .list-control a { 
    color:#fff;
	text-decoration:none;	
	display:block;
	padding: .25em 0;
	font-size: 1.6rem;		
}

nav .list-control a:hover,
nav .list-control a.toggled {
    color: #f6b130;
}

nav .list-control a span {
}

nav .list-control a:hover span,
nav .list-control a.toggled span {
	border-bottom: thin solid #f6b130;
}

nav .layer-control {
	position: absolute;
    left: 0;
    top: 0;
    margin-left: 30rem;
}

nav .map-control {
	position: absolute;
	top: 0;
	right: 0;
}

nav .small-screen-control {
	display: none;
}

.fileTypeControl {
	padding: .8em 1.6em;
}

.product li {
	line-height: 4rem;
	display:inline-block;
	text-decoration: none;
	color: rgb(11,114,181);
	font-weight: bold;
	margin: 0 1em 0 0;
}


.product li span.fa-layers {
	font-size: 2em;
	color: #0095c0;
}

.product li:hover  span.label {
	color: #f6b130;
}

.product li span.label {
	margin: 0 0 0 .5em;
    display: inline-block;
    border-bottom: thin solid transparent;
    min-width: 5em;
    font-size: 1.5rem;    
}

.product li:hover span.label {
}

.datasets .dataset {
	min-width: 10rem;
}

/** **/
.map-viewer {
	position: relative;	
	height: 75vh;
    display: flex;
    flex-direction: row;
    width: 100vw;
}


.map-content {
	flex-grow: 1;
	position: relative;
}

.map-viewer.list-active .map-content {
	border-right: 4px solid #0095c0;
}

.map-viewer.list-active .list-content {
	max-width:25vw;
}

/** Map area **/
.map-data {
	width: 100%;
	height:100%;
}

/** open layers cursor **/

#measureResult {
	left:-2000px;
	transition:left .5s;
	position: absolute;
}

.measureActive #measureResult {
	position:absolute;
	left:0;
	bottom: 7rem;
	padding: 0.125em 0.625em;
	background-color:#0095c0;
	color:#fafafa;
    font-size: 4rem;
    line-height: 1.5em;
    opacity: 0.9;
	filter:alpha(opacity = 90);	
	display:block;
}

/** chart window **/
.depthProfile { 
	margin:1em;
}

.depthProfile a { 
	margin:0 0.1em;
	text-decoration: none;
}

.feedback-container {
	width: 4rem;
	height:10rem;
	position:absolute;
	top:6rem;
	transition:width 1s, opacity 1s;
	opacity: .8;
	display: block;
}

.feedback-container.active {
	width: 40rem;
	height:42.2rem;
	opacity: 0.9
}

.feedback,
.active-3d {
	background-color: #0095c0;
	border-radius: 0 1em 1em 0;	
}

.feedback {
	height: 10rem;
	display: block;
	width: 4.4rem;
	background-color: #0095c0;
	position: absolute;
	top:2rem;
	border-radius: 0 1em 1em 0;  	
	line-height: 2em;
}

.feedback-container.active div.feedback {
   right: -10px;
}

.feedback:hover {
	background-color: #000;
}

.feedback a,
.active-3d a,
.beta-3d span { 
  display: block; 
  padding: .5em 1em;
  color: #fff; 
  font-family: opensansregular, 'arial', sans-serif;
  font-size: 1.6rem; 
  font-weight: bold; 
  text-decoration: none; 
  transform: rotate(90deg);
}

.feedback:hover a {
	color: #f6b130;
}

.feedback-container .feedbackForm {
	position:relative;
	left:-36.5rem;
	width:36.5rem;
	height:42.2rem;	
	transition:left 1s, opacity 1s;	
	border-radius: 0 1em 1em 0; 
	background-color:#0A71B3;
	opacity: 0;
}

.feedback-container.active  .feedbackForm {
	padding: 1rem 0 .5rem 1rem;
	left:0;
	opacity: 1;
}

.text-content {
	font-size: 1.5rem;
	margin: 1rem;
	display: flex;
}

.text-content a {
	font-size: 1.5rem;
}

.text-content .not-found-icon {
	background-image: url(images/404.png?77c91ed4beeb5925ebcad05c88a9cb72);
	width:200px;
	height:200px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.text-content .message {
	padding: 1rem;
}

.text-content p,
.text-content li {
	margin: 0 0 1.5rem 0;
}

.text-content li {
	list-style: square;
	margin-left: 1.5rem;
}

.text-content a {
	color: #0A71B3;
}

.notification {
	background-color: #ffcc00;
	border-radius: 1rem;
	margin-bottom: 1.8rem;
	padding: 1rem 1rem;	
}

.text-content .notification a {
	font-weight: bold;
	font-size: 2rem;
	padding: 1em;
}


.ol-viewport {
	background-color: #F1EEE8;	
}

.ol-viewport div {
	line-height: normal;
}

.active-3d-container {
	width: 14rem;
    height: 4rem;
    position: absolute;
    top: 0;
    opacity: .8;
    right: 5rem;
    display:none;
}

.active-3d-container a, 
.beta-3d span {
	line-height: 1.5em;
}

.active-3d-container.active-3d-container-active {
	display: block;
}

.active-3d,
.beta-3d {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 0 1em 1em;
}

.active-3d a,
.beta-3d span { 
	transform: rotate(0deg);
}

.beta-3d {
	left: 0;
	right: auto;
	background-color: #f7b233;
}

.beta-3d span { 
  display: block; 
  padding: .5em 1em;
  color:#000;
  font-family: Arial, sans-serif; 
  font-size: 1.7rem; 
  font-weight: bold; 
  text-decoration: none; 
  
}

.ol-mouse-position {
	background: rgba(0,60,136,.3);
	border-radius: .4em;
	padding: .6em;
	color: #eee;
	top: auto;
	right: auto;
	
	bottom: 4rem;
	left: .8rem;
}

.ol-dragbox {
  background-color: rgba(255,255,255,0.4);
  border-color: rgba(100,150,0,1);
}

.ol-rotate {
  top: 3rem;
}

.map-draw-box {
	background-color:rgba(48, 154, 228, 0.75);
	border: .2rem #309ae4 solid;
}

.map-draw-area {
	background-color:rgba(247, 178, 51, 0.25);
	border: .2rem #F7B233 solid;
}

.modal-background { 
	background-color:#000000;
	opacity:0.3;
	filter: alpha(opacity = 30);	
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:100;
}

.mapviewer-dialog {
	position: absolute;
	border: thin solid #999999;
	z-index: 55;
	
	font-size: 1rem;
	
	border-color: #999999 #666666 #666666 #999999;
	
	box-shadow: #999999 0px 0.2rem .3rem;

	opacity:0.9;
	filter:alpha(opacity = 90);
	display: flex;	
	flex-direction: column;
	
}

.mapviewer-dialog div {
	line-height: normal;
}

.mapviewer-dialog.modal {
	z-index:150;
}

.mapviewer-dialog.animate {
	transition: width .5s, height .5s;
}

.mapviewer-dialog.modal {
	opacity:1;
	filter:alpha(opacity = 100);
}

.mapviewer-dialog .header {
	color: #fff;
	height: 3.5rem;
	border-bottom: thin solid #aaaaaa;
	cursor:move;
	background-color: rgba(1,46,88,0.8);
	display: flex;	
	flex-direction: row;
	align-items: stretch;
	flex-shrink: 0;
}

.mapviewer-dialog .header .title {
	font-family: opensansregular, 'arial', sans-serif;
	font-size: 2em;
	line-height: 1.75;
	padding: 0 0 0 0.4em;
	flex-grow: 2;
}

.mapviewer-dialog .controls {
	line-height: 3.5rem;
	padding: 0 .75em 0 0;
}

.mapviewer-dialog .controls a {
	display: inline-block;
	color: #fff;
	font-size:1.6em;
}

.mapviewer-dialog .controls a:hover { 
	color: #f6b130;
}

.mapviewer-dialog .content {
	background: #fdfdfd;
	overflow: auto;
	width: 100%;
	flex-grow: 2;
	display: flex;
	position: relative;
}

.mapviewer-dialog .data.frame {
	overflow:hidden
}

.mapviewer-dialog .data.frame iframe {
	height:100%;
}

.mapviewer-dialog.metadata-dialog {
	width: 49vw;
	height: 44vh; 
}

.mapviewer-dialog.loading .data {
    display:none;
}

.mapviewer-dialog .data .warning {
	font-size: 1.5em;
	padding: 1em;
}

.mapviewer-dialog.loading .content {
     background-color: #AAAAAA;
}

.mapviewer-dialog .content h3 {
	font-size: 1.6em;
	padding: 1em;
	margin: 0;
	font-family: opensansregular, 'arial', sans-serif;
	letter-spacing: 0;
	color:#fff;
	background-color: #0095c0;
}

.mapviewer-dialog .loader {
	display:none;
}

.mapviewer-dialog.loading .loader {
     display: flex;
     position: relative;
     align-self: center; 
     flex-grow: 1;
     justify-content: center;
}

.mapviewer-dialog .loader .loading {
	font-size: 2em;
	letter-spacing: -0.05em;
    background-color: #fff;
    padding: 1em 2em;
    border: 1px solid #000;
}

.mapviewer-dialog .loader .loading svg {
	font-size: 0.75em;
	margin: 0 1em 0 .5em;
}

.mapviewer-dialog .loader .loading > * {
	margin: 0 .25em 0 0;
	display: inline-block;
    vertical-align: middle;
    line-height: 2.5em;
}

.mapviewer-dialog .explanation { 
	width:100%;	
	background:#fafafa;
	border-bottom: 1px solid #999999;
	display: none;
}

.mapviewer-dialog .explanation > * {
	padding:.2em 0 0 .4em;
	font-size:1.4em;
}

.mapviewer-dialog .toolbar { 
	border-top:thin solid #999;
	
	background-color: #f0f0f0;
	padding: .6em .4em 0;
	height: 3.6rem;
	display:none;
}

.buttons a,
.toolbar a {
	background-color: #0095c0;
    color: #fff;
    margin-bottom: 0px;
    padding: .25em .5em;
    display: inline-block;
	font-family: "opensansregular", 'arial', sans-serif;
	font-weight:normal;
	font-size: 1.6em;
	margin-right: .5em;
}

.buttons a:hover,
.toolbar a:hover {
	color:#f7b233;
	background-color:#000;
	text-decoration: none;
}

.explanation-active .explanation { 
	display: block;
}

.toolbar-active .toolbar { 
	display: block;	
}

.toolbar-active .content {
	border-radius: 0;
} 

.mapviewer-dialog .n4m5-ui-resizable-bottom-right {
	width:16px;
	height:16px;
	background-image:url(images/window_resize.png?0f3e89248fe89acb1e254f3ee1a58202);
}

.data .list th, 
.data .list td[colspan="3"] {
	font-family: opensansregular, 'arial', sans-serif; 	
}

.data .list td {
	font-family: opensansregular,Arial,sans-serif;
}

/** list dialog style **/
.data .list tr {
	background-color:#fff;
}

.data .list tbody tr:nth-child(odd) {
	background-color:#f9f9f9;
}

.data .list tbody tr:hover {
	background-color:#eee;
}

.data .list td {
	font-size: 1.4em;
}

.data .list th {
	background-color: #f0f0f0;
	border-bottom: 0.1em solid #6F7277;
    color: #4B4A4A;
    text-align: left;
    font-size: 1.5em;
    line-height: 2em;
    vertical-align: middle;
    padding: .25em;    
}

.data .list th a {
	color: #4B4A4A;
	text-shadow: 1px 1px 0 #DDDDFF;
	text-decoration: none;
}

.data .list th a:hover {
	color: #6C6b6b;
}

.data .list td {
	padding: 4px 6px;
}

.data .list td a {
	color: #222222;
	text-decoration: none;
	font-size: 1em;
}

.data .source_reference_style {
	max-width: 40vw;	
}

.data .source_reference_style .global div {
	margin: 2px 4px;
}

/** instance **/
.data .instance-panel {
	padding: 1em;	
}

.data {
	flex-grow: 1;
}

.data .instance {	
	border-left: .3em solid #E8EEF7;
    margin-left: .6em;
    padding: .4em 0 .4em .8em;
    font-size: 1em;
}

.data .instance td {
	padding: 0 0.5em 0 0.1em;
	border-bottom: thin solid #eee;
	font-size: 1.4em;	
}

.data .instance tr td {
	background-color: #ffffff;
}

.data .instance tr:nth-child(odd) td {
	background-color: #fafafa;
}

.data .depthprofile {
	overflow:hidden;
	height:100%;
    width:100%;
}

.data .depthprofile .highcharts-container {
	width: auto !important;
	height: auto !important;
}

.data .legend {
	 padding: 1em 2em;
}

.data .urlContainer input {
	width:90%;
	margin: 0 0 0 .6em;
	font-size: 1.4em;
	padding: .2em;
}

.data  select {
	font-size: 1.4em;
}

.data .urlContainer.invalid input {
	box-shadow: 0 0 .6em #f00;
}

.ie9 .data .urlContainer.invalid input {
	border: solid .2em #f00;
}

.data .urlContainer .refresh {
	font-size: 1.6em;
	padding: 0 0 0 .2em;
	color: #000;
}

.data .layersSelector select { 
	width:100%;
	height: auto;
}
	
.data .mapConfig {
	margin: 1em;
}

.data .mapConfig fieldset {	
	background: #FEFEFE;
    border: 1px solid #EEEEEE;
    padding: 1em;
}

.data .mapConfig legend {
	font-size: 1.6em;
    padding: 0 0.2em;
}

.data .mapConfig label {
	display: inline-block;
    font-size: 1.4em;
    min-width: 10em;
}

.data .mapConfig div {
	clear: both;
    margin: 4pt 0;
}

.data .mapConfig input[type=text],
.data .mapConfig input[type=password],
.data .mapConfig select {
    color: #555555;    
    background-color: #FFFFFF;
}

.data .mapConfig .control input[type=text],
.data .mapConfig .control input[type=password] {
}

.data .login {
	padding:8pt;
}

.data .login .infoControl a {
	margin: 0 4px 0 0;
}

.data .login .error {
	color:#ff0000;
}

.error .tech {
    border-left: 2px solid #CCCCCC;
    margin: 6px 4px;
    padding-left: 8px;
}

.n4m5-ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 49;
}


.n4m5-ui-resizable-bottom {
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 7px;
  cursor: s-resize;
}
.n4m5-ui-resizing .n4m5-ui-resizable-bottom {
	height: 80px;
}

.n4m5-ui-resizable-right {
  top: 0px;
  bottom: 0px;
  width: 7px;
  height: 100%;
  cursor: e-resize;
  right: 0px;
}

.n4m5-ui-resizing .n4m5-ui-resizable-right {
	width: 80px;
}

.n4m5-ui-resizable-bottom-right {
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 16px;
  height: 16px;
  cursor: se-resize;
  z-index: 50;
}
#active-layer.expanded .layerManager  { 
	display:block;
	height:auto;
    left: 0px;
    position:absolute;
    width:60em;
    top:4.4em;
    
   	box-shadow: #999999 0px .2em .3em;    
		
	z-index:101;
	
	opacity:0.95;
	filter:alpha(opacity = 95);	
	background-color: #e0e0e0;	
}	

#top .layerManager-background { 
	display:none;	
}

#top .layerManager-background.expanded  {
	left:0;
	right:0;
	bottom:0;
	top:0;
	position:fixed;
	z-index:100;
	display:block;
}

.layerManager-container {
	list-style-type: none;
}

.layerManager-header {
	border-bottom: thin solid #ccc;
	position: relative;
	height: 2.3em;
	padding: 0 .2em;
}

.layerManager-header span {
	display:inline-block;
	padding: 0 .5em;
}

.layerManager-header .visible {
	float: right;
}

.layerManager-entry,
.layerManager-header,
.layerManager-action {
	color: #464646;
	line-height: 2.3em;
	font-family: opensansregular, 'arial', sans-serif;
	font-weight:normal;
	font-size: 1.3em;
}

.layerManager-header {
	color:#000;
	
}

.layerManager-entry {
	color: #464646;
	border-bottom: thin solid #ccc;
}

.layerManager-entry::after {
    content: "";
    clear: both;
    display: table;
}

.layerManager-entry:nth-child(even) { background: #fff }
.layerManager-entry:nth-child(odd) { background: #fafafa }


.layerManager-entry.entryActive,
.layerManager-entry:hover {
	background: #0095c0;
	color:#fff;
}

.layerManager-entry:hover {
}

.layerManager-entry > *,
.layerManager-entry input  {
	display: inline-block;
	height: 2.3em;
	vertical-align: middle;	
}


.layerManager-entry label,
.layerManager-entry .active {
	cursor: pointer;
}

.layerManager-entry input {
	margin: 0 5px;
}

.-ms- .layerManager-entry input[type="range"] {
	width: 9em;
	padding: .5em 0 .25em;
}

.layerManager-entry .actions {
	float:right;
}

.layerManager-entry .remove {
	cursor:pointer;
}

.layerManager-entry .remove svg {
	color: #f00;
	vertical-align: middle;	
    font-size: 1.2em;
	padding: 0 .4em;
}

.layerManager-entry .remove a:hover svg {
	color: #f8b333;
}

.layerManager-placeHolder {
	background-color: #000;
	height: .2em;
}

.layerManager-entry.original {
	background-color: #ccc;
}

.layerManager-action {
	padding: .8em;
}

.layerManager-action a {
	background-color: #0095c0;
    color: #fff;
    margin-bottom: 0px;
    padding: .2em .4em;
    display: inline-block;
	font-family: opensansregular, 'arial', sans-serif;
	font-weight: normal;
	font-size: 1.1em;
}

.layerManager-action a:hover {
	color:#f7b233;
	background-color:#000;
	text-decoration: none;
}



/** do not display all items **/
html.noscript #toolbar,
html.noscript #top,
html.noscript #mapControls,
html.noscript #mousePosition,
html.noscript #overview,
html.noscript #measureResult
{
	display:none;
}

html.noscript .content {
    position: absolute;
    width: 100%;
    top: 80px;
}

html.noscript img {
	width:100%;
	height:auto;
}

html.noscript body {
	overflow:hidden;
}

html.noscript #warning {
	padding: 1em;
	background-color:#ff0000;
	margin:0;
}

html.noscript #warning h3, 
html.noscript #warning p {
	color: #fff;
}

@media screen and (min-resolution: 144dpi) {	 
	html {
		font-size: 10px;
	}	
	
	.mapviewer-dialog .header {
		height: 4rem;
	}
}

@media screen and (max-width: 97em) {	 
	nav .list-control a,
	#active-layer .active-layer-name {
		font-size: 1.4em;
	}	
	
	.downloads .buttons .button {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 87.5em) { 
	#active-layer {
		width: 25rem;
	}
	
	#top-controls {
		left: 25rem;
	}
	
	nav .layer-control {
		margin-left: 25rem;
	}
}

@media screen and (max-width: 83em) {
	nav .list-control a,
	#active-layer .active-layer-name {
		font-size: 1.3em;
	}
}

@media screen and (max-width: 80em) { 
	#active-layer {
		width: 20rem;
	}
	
	#top-controls {
		left: 20rem;
	}
	
	nav .layer-control {
		margin-left: 20rem;
	}
}

@media screen and (max-width: 78em) {
	nav .list-control a.collapsable .label {
		display:none;    
	}	
	
	nav .list-control li {
		padding: .5em .3em;
	}	
}

@media screen and (max-width: 62.5em) {	
	nav .list-control a,
	#active-layer .active-layer-name {
		font-size: 1.4em;
	}	
	
	nav > label {
		display: inline-block;
		color:#fff;
		font-size: 3em;
		cursor: pointer;
		margin: 0 .25em;	
		line-height: 1.46em;		
	}
	
	nav label:hover {
		color: #f7b233
	}
	
	nav .layer-control,
	nav .map-control {
		position: inherit;
		right: inherit;
		top: inherit;
		margin-left: inherit;
	}
	
	nav .small-screen-control {
		display: inline-block; 
	}
	
	#active-layer {
		right: 0;
		left: 3.5em;
		position: absolute;
		
		width: auto;
	}	
	
	nav #top-controls {
		display: none;
	}
	
	#top-toggle-box:checked ~ nav { 
		height: auto;
	}
	
	
	#top-toggle-box:checked ~ nav #top-controls {
		display: block;
	}
		 
	nav .list-control li {
	}
	
	nav .list-control a.collapsable .label {
		display: inline;   
	}	
	
	#active-layer.expanded .layerManager {
		top: 3.7em;
		left: .6em;
		right: .6em;
		width: auto;
	}
	
	.layerManager-header {
		background-color: #000;
		color: #fff;
	}
	
	#feedback-container {
		display: none;
	}	
}


@media screen and (max-width: 27.5em) {	
	header {
		font-size: .4em;
	}
	
	header .text {
		font-size: 1.5em;
		line-height: 3.5em;
		vertical-align: middle;
	}
		
	header .text h2 {
		display: inline-block;
		margin: 0 .5em 0 0 ;
	}	
	
	header .text h2 {
		font-size: 1.5em;
	}
}



@media screen and (min-width: 62.5em) {
	nav label {
		display: none;
	}	
}

@media screen and (max-height: 37.5em) {	
	header {
		display:none;	
	}	
}


.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-ad {
  background-image: url(svg/ad.45026b922ec57f969a0a19debde23320.svg);
}
.flag-icon-ad.flag-icon-squared {
  background-image: url(svg/ad.94e810253dbc84702e9a1b1f44e3de36.svg);
}
.flag-icon-ae {
  background-image: url(svg/ae.2c530f6449f3e5abd04b2df6be77ee0a.svg);
}
.flag-icon-ae.flag-icon-squared {
  background-image: url(svg/ae.23c174705b39d649ba4341c8f1c83aac.svg);
}
.flag-icon-af {
  background-image: url(svg/af.458ab7e0c32d14aefe334255c26dc561.svg);
}
.flag-icon-af.flag-icon-squared {
  background-image: url(svg/af.867627c537fd298125324bc38d88de90.svg);
}
.flag-icon-ag {
  background-image: url(svg/ag.5929ca9ff0f160f96fb5ed45aa08fd12.svg);
}
.flag-icon-ag.flag-icon-squared {
  background-image: url(svg/ag.3f18bb58815f1eb37b603c82f58bb62e.svg);
}
.flag-icon-ai {
  background-image: url(svg/ai.c4699001b99c1638c76545a8f3c90d13.svg);
}
.flag-icon-ai.flag-icon-squared {
  background-image: url(svg/ai.546a12e334b3f4d8967c7cd65178f7f0.svg);
}
.flag-icon-al {
  background-image: url(svg/al.3dd8853b91d6f490b4c1429d31c80dee.svg);
}
.flag-icon-al.flag-icon-squared {
  background-image: url(svg/al.090568ab89f9b7e68f3bee7e93b0b48b.svg);
}
.flag-icon-am {
  background-image: url(svg/am.e935f82147f4d3c76c9284797c6f2a20.svg);
}
.flag-icon-am.flag-icon-squared {
  background-image: url(svg/am.36fc7db319e532bff785a981db0c3334.svg);
}
.flag-icon-ao {
  background-image: url(svg/ao.ad6f3c8c3519f36b36c4cf46ebca2ab5.svg);
}
.flag-icon-ao.flag-icon-squared {
  background-image: url(svg/ao.7ed590a16ff7642e7a85cc845a56f4b8.svg);
}
.flag-icon-aq {
  background-image: url(svg/aq.e3fbc5d0ce77f1c9e808345d2bdd18ca.svg);
}
.flag-icon-aq.flag-icon-squared {
  background-image: url(svg/aq.e6c275d0d4e5135fb04baf7ebcaa8e6d.svg);
}
.flag-icon-ar {
  background-image: url(svg/ar.2ff091f8773d0ea8640d60a3a286481b.svg);
}
.flag-icon-ar.flag-icon-squared {
  background-image: url(svg/ar.5a7c09af30ea06db87f16f582b2be3f6.svg);
}
.flag-icon-as {
  background-image: url(svg/as.3b86b6876653592c0fa31eb96c570867.svg);
}
.flag-icon-as.flag-icon-squared {
  background-image: url(svg/as.7ae00cb9d6bf497132c195ddecfc9ecc.svg);
}
.flag-icon-at {
  background-image: url(svg/at.1281f451a103684e9248610c8725fecc.svg);
}
.flag-icon-at.flag-icon-squared {
  background-image: url(svg/at.d7b3791eb6679e92a2bd4447053ebc93.svg);
}
.flag-icon-au {
  background-image: url(svg/au.932d918261bcbb88f0cc22baa8e5f32f.svg);
}
.flag-icon-au.flag-icon-squared {
  background-image: url(svg/au.5b98a120aeec3f5a1aeb9c0a8c011cf8.svg);
}
.flag-icon-aw {
  background-image: url(svg/aw.98298192f432c6fc56cc1899a86b8d04.svg);
}
.flag-icon-aw.flag-icon-squared {
  background-image: url(svg/aw.b478dded01c70ad2275c32a83c4f818d.svg);
}
.flag-icon-ax {
  background-image: url(svg/ax.6651bb2513bc040f7f2b02f9c503b288.svg);
}
.flag-icon-ax.flag-icon-squared {
  background-image: url(svg/ax.c260e9a581b4c4415f206107819ae3b4.svg);
}
.flag-icon-az {
  background-image: url(svg/az.d4faca473814e47b3f03fd7c83e72ad1.svg);
}
.flag-icon-az.flag-icon-squared {
  background-image: url(svg/az.84126238074d3c3c30b970dc95e07324.svg);
}
.flag-icon-ba {
  background-image: url(svg/ba.7097f2f878560a3debc6d5fd27807596.svg);
}
.flag-icon-ba.flag-icon-squared {
  background-image: url(svg/ba.d1e732dc96724fe02492edb7e025a9d9.svg);
}
.flag-icon-bb {
  background-image: url(svg/bb.021629a6a596929b04629ceed2c33ef4.svg);
}
.flag-icon-bb.flag-icon-squared {
  background-image: url(svg/bb.17738ccf41cecf9d38bae410178bc122.svg);
}
.flag-icon-bd {
  background-image: url(svg/bd.d16830cba55e113c58881a5a7cb6a7cb.svg);
}
.flag-icon-bd.flag-icon-squared {
  background-image: url(svg/bd.a3ae69dedf0b3ad8fb44f09bb4f11716.svg);
}
.flag-icon-be {
  background-image: url(svg/be.410c4acc521ec3a598361eacbb8e1557.svg);
}
.flag-icon-be.flag-icon-squared {
  background-image: url(svg/be.914a3c37d1998aa1f6b0bcb231f5f98f.svg);
}
.flag-icon-bf {
  background-image: url(svg/bf.4275eb85c53fe2d0f6a824dd028d8455.svg);
}
.flag-icon-bf.flag-icon-squared {
  background-image: url(svg/bf.6fc31e160aec39c1d496a8a13554b6ad.svg);
}
.flag-icon-bg {
  background-image: url(svg/bg.c9c13073359faec8e076a738146b8f66.svg);
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(svg/bg.4f2a9bbb4c1ea18ea4dd2acca5d79160.svg);
}
.flag-icon-bh {
  background-image: url(svg/bh.ec61516daebfebe2cd499a46c9f6570a.svg);
}
.flag-icon-bh.flag-icon-squared {
  background-image: url(svg/bh.0cfc56195412f09f4c705d519df5972c.svg);
}
.flag-icon-bi {
  background-image: url(svg/bi.3fce551eeb9f82d29f7683f31173db5e.svg);
}
.flag-icon-bi.flag-icon-squared {
  background-image: url(svg/bi.5adb744e68bc13f75956296eb29398a7.svg);
}
.flag-icon-bj {
  background-image: url(svg/bj.e8591ed7d23999de96ef5e714b0fffee.svg);
}
.flag-icon-bj.flag-icon-squared {
  background-image: url(svg/bj.fb3d1c01b8a808e6fe1335322cb758a6.svg);
}
.flag-icon-bl {
  background-image: url(svg/bl.6a6bc7f183b774316b63325b5e8ae296.svg);
}
.flag-icon-bl.flag-icon-squared {
  background-image: url(svg/bl.669bbb820754f1cc0ce4bf010c056e23.svg);
}
.flag-icon-bm {
  background-image: url(svg/bm.e2aa572a02963b087e48158ff3de2fcc.svg);
}
.flag-icon-bm.flag-icon-squared {
  background-image: url(svg/bm.7dd1b92ad42d2f9d69dd785acff5c8da.svg);
}
.flag-icon-bn {
  background-image: url(svg/bn.ad7aafa9a29894397b43296e034a46ee.svg);
}
.flag-icon-bn.flag-icon-squared {
  background-image: url(svg/bn.5fd8c65274736a1b6af4a688b9965a55.svg);
}
.flag-icon-bo {
  background-image: url(svg/bo.1155c3da4861424ea8ffa53c51854847.svg);
}
.flag-icon-bo.flag-icon-squared {
  background-image: url(svg/bo.ee5938f07b3324e9af6d22cc2b9dc1ac.svg);
}
.flag-icon-bq {
  background-image: url(svg/bq.8ff78ac28371e9069bfb5206d9704c9a.svg);
}
.flag-icon-bq.flag-icon-squared {
  background-image: url(svg/bq.6e5b96f6104d2ff9977a1eb9e5c73272.svg);
}
.flag-icon-br {
  background-image: url(svg/br.5ec13287c2da0d77a7e7d968528618ff.svg);
}
.flag-icon-br.flag-icon-squared {
  background-image: url(svg/br.b3663866f502ec386f0ee9bc6df5ecdc.svg);
}
.flag-icon-bs {
  background-image: url(svg/bs.5497678a4578b848e08d70e77484bbad.svg);
}
.flag-icon-bs.flag-icon-squared {
  background-image: url(svg/bs.a9ddb124f725485b9445976c1db059b0.svg);
}
.flag-icon-bt {
  background-image: url(svg/bt.eed19cbfd0dc809d6886614fe43413d5.svg);
}
.flag-icon-bt.flag-icon-squared {
  background-image: url(svg/bt.1372873ed65891680a2d0a4cf3a5d35c.svg);
}
.flag-icon-bv {
  background-image: url(svg/bv.b789f839eda2bce4b0e344610c23e9f7.svg);
}
.flag-icon-bv.flag-icon-squared {
  background-image: url(svg/bv.adee14dc818c2a37dbd9f73c21e61ce1.svg);
}
.flag-icon-bw {
  background-image: url(svg/bw.8a35721e3f5ff275ace83b5654e857a7.svg);
}
.flag-icon-bw.flag-icon-squared {
  background-image: url(svg/bw.0acc600b67ac7165e38c1f691d70c839.svg);
}
.flag-icon-by {
  background-image: url(svg/by.ed1fb53394827e144c8a4ba1b06e77ed.svg);
}
.flag-icon-by.flag-icon-squared {
  background-image: url(svg/by.da99aaa559633b439aa30c100f14cfbb.svg);
}
.flag-icon-bz {
  background-image: url(svg/bz.4eb2d29f4fcc586ae3e27a74fb073cdb.svg);
}
.flag-icon-bz.flag-icon-squared {
  background-image: url(svg/bz.7826f0d58900985ad3120f3a0b8451dd.svg);
}
.flag-icon-ca {
  background-image: url(svg/ca.d348137a99e6d528c5b7ffec1e05488a.svg);
}
.flag-icon-ca.flag-icon-squared {
  background-image: url(svg/ca.102b45b24a03abdaeae6cf78eb470b12.svg);
}
.flag-icon-cc {
  background-image: url(svg/cc.200233c98efe5d026e98498cf8969844.svg);
}
.flag-icon-cc.flag-icon-squared {
  background-image: url(svg/cc.27d55bfa0a8b66542f74f3fc7049997c.svg);
}
.flag-icon-cd {
  background-image: url(svg/cd.e5fd4d1225cc6c53b73d7b6f037aafeb.svg);
}
.flag-icon-cd.flag-icon-squared {
  background-image: url(svg/cd.d44809aaad5d32f91a56124d5f222aba.svg);
}
.flag-icon-cf {
  background-image: url(svg/cf.617adc02abcee400496d073fbbd21515.svg);
}
.flag-icon-cf.flag-icon-squared {
  background-image: url(svg/cf.eb50c5ecfa556ddba5a7a7e6cdd0c75e.svg);
}
.flag-icon-cg {
  background-image: url(svg/cg.440e321a39cf550b0bec17d9fd107038.svg);
}
.flag-icon-cg.flag-icon-squared {
  background-image: url(svg/cg.862f4608de0f8e9d213cd201d252cecc.svg);
}
.flag-icon-ch {
  background-image: url(svg/ch.7a52ef5e31b7f5e08a015cbcdc72e365.svg);
}
.flag-icon-ch.flag-icon-squared {
  background-image: url(svg/ch.1113c7e9162d605ca580694f60526e96.svg);
}
.flag-icon-ci {
  background-image: url(svg/ci.b1030b2b5315547c7fbe93c5dc5e8f78.svg);
}
.flag-icon-ci.flag-icon-squared {
  background-image: url(svg/ci.6f06682eaf98960662af030b21caa3b2.svg);
}
.flag-icon-ck {
  background-image: url(svg/ck.65a80cb3a138985c22dcde8234f36142.svg);
}
.flag-icon-ck.flag-icon-squared {
  background-image: url(svg/ck.d76f3968d6f25ed0bc7d4bb559099de8.svg);
}
.flag-icon-cl {
  background-image: url(svg/cl.b9ff305a088060fd040a79f1252e9bd8.svg);
}
.flag-icon-cl.flag-icon-squared {
  background-image: url(svg/cl.303f56a616afb6bae962ead1475d28f8.svg);
}
.flag-icon-cm {
  background-image: url(svg/cm.7578267e8568b1490427bb8db78871b6.svg);
}
.flag-icon-cm.flag-icon-squared {
  background-image: url(svg/cm.0dcbc4f1fe098b1b8725ef1a2b98dae4.svg);
}
.flag-icon-cn {
  background-image: url(svg/cn.7977e12a9afade492c93c76be2cb47de.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(svg/cn.f5a6f048eb8367343bd42fd1895a8c5f.svg);
}
.flag-icon-co {
  background-image: url(svg/co.59ec93f7d718ebed3779113450fddf23.svg);
}
.flag-icon-co.flag-icon-squared {
  background-image: url(svg/co.4c87d079860a09479706816fb964cfdc.svg);
}
.flag-icon-cr {
  background-image: url(svg/cr.6f2d7bb05d9edb1089ec5bac86cf57c3.svg);
}
.flag-icon-cr.flag-icon-squared {
  background-image: url(svg/cr.ebed46008265a3777565bf8c24dd3bda.svg);
}
.flag-icon-cu {
  background-image: url(svg/cu.ff35f996902731bad2871a6163a8b426.svg);
}
.flag-icon-cu.flag-icon-squared {
  background-image: url(svg/cu.1452c504ef675071dcdf6ef2a44e55df.svg);
}
.flag-icon-cv {
  background-image: url(svg/cv.434373304db5970887de778fb452f3a0.svg);
}
.flag-icon-cv.flag-icon-squared {
  background-image: url(svg/cv.1ddd34244b91f9c46e1d60ea251e248c.svg);
}
.flag-icon-cw {
  background-image: url(svg/cw.8e4cecbf86c9e4b2df3ae368ef68cdd2.svg);
}
.flag-icon-cw.flag-icon-squared {
  background-image: url(svg/cw.3fc4503762b62953af04fb0bccc1436c.svg);
}
.flag-icon-cx {
  background-image: url(svg/cx.b9b5e6cd65826aab60c67ecc613a4612.svg);
}
.flag-icon-cx.flag-icon-squared {
  background-image: url(svg/cx.dda4107fd05b8081ae62bc9871ba1d9d.svg);
}
.flag-icon-cy {
  background-image: url(svg/cy.70de54e68d8683969410788a726e35ec.svg);
}
.flag-icon-cy.flag-icon-squared {
  background-image: url(svg/cy.bdc1fde27ba14b2afa3b59bec603759f.svg);
}
.flag-icon-cz {
  background-image: url(svg/cz.56021c7ff8bc43f94e04987c2f066ed3.svg);
}
.flag-icon-cz.flag-icon-squared {
  background-image: url(svg/cz.955832ab87320b2312a102155fa4c73d.svg);
}
.flag-icon-de {
  background-image: url(svg/de.7e82f4c71df5fc78abbb54a6f82ed299.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(svg/de.11d88d2b77e6abe5ebb1a7264ad57268.svg);
}
.flag-icon-dj {
  background-image: url(svg/dj.76f4cdf5eb6411038bc5994153148b04.svg);
}
.flag-icon-dj.flag-icon-squared {
  background-image: url(svg/dj.278a5a5fce9a6090ce80ad1fc1eaf1fc.svg);
}
.flag-icon-dk {
  background-image: url(svg/dk.f4e8fc5376a202f1d771ff93fab6b2ea.svg);
}
.flag-icon-dk.flag-icon-squared {
  background-image: url(svg/dk.c2e570fa503242ab4c3edca6b2acb2cb.svg);
}
.flag-icon-dm {
  background-image: url(svg/dm.466757644ba07a8bbf786eae1222a578.svg);
}
.flag-icon-dm.flag-icon-squared {
  background-image: url(svg/dm.dc3455775ad035d0926ce4551bc721a6.svg);
}
.flag-icon-do {
  background-image: url(svg/do.c05850db8e87e53a12689a7c273cc1c7.svg);
}
.flag-icon-do.flag-icon-squared {
  background-image: url(svg/do.64a9810e7d07e3af7412bee6afe85102.svg);
}
.flag-icon-dz {
  background-image: url(svg/dz.945a413c6ba8e484b7b1545494376723.svg);
}
.flag-icon-dz.flag-icon-squared {
  background-image: url(svg/dz.2be2fee6433a59e75c3da92d5f366470.svg);
}
.flag-icon-ec {
  background-image: url(svg/ec.3ea7f906eaf807123a280d5806787ff2.svg);
}
.flag-icon-ec.flag-icon-squared {
  background-image: url(svg/ec.7be6ca137c0a396154ac29e4a1fcc6b5.svg);
}
.flag-icon-ee {
  background-image: url(svg/ee.887a78f0eb107b3ce616a7fdf0feab97.svg);
}
.flag-icon-ee.flag-icon-squared {
  background-image: url(svg/ee.7b6b8abcf78cfa7f4a773de556859b2f.svg);
}
.flag-icon-eg {
  background-image: url(svg/eg.b3580df977ae211f31d3c2b1714b8787.svg);
}
.flag-icon-eg.flag-icon-squared {
  background-image: url(svg/eg.c6ff8d6c3057865a32f17e347d1916dd.svg);
}
.flag-icon-eh {
  background-image: url(svg/eh.8c8b27438e64065d85428af7cefbba6d.svg);
}
.flag-icon-eh.flag-icon-squared {
  background-image: url(svg/eh.905fdd0842d1597c4a27ad535ca30c49.svg);
}
.flag-icon-er {
  background-image: url(svg/er.458bc299993e856c309df58a7fb0c4ea.svg);
}
.flag-icon-er.flag-icon-squared {
  background-image: url(svg/er.ff62e2720daee288818f6277da2a1afb.svg);
}
.flag-icon-es {
  background-image: url(svg/es.1a25a96e26fcca676c08fb109bcec333.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(svg/es.b3825b28f7a64779d80d6a5da10cfa08.svg);
}
.flag-icon-et {
  background-image: url(svg/et.cbe354bb4afa8afc62dabc80051f9577.svg);
}
.flag-icon-et.flag-icon-squared {
  background-image: url(svg/et.061591dd14f8c02c150f57d14cabd671.svg);
}
.flag-icon-fi {
  background-image: url(svg/fi.3b522e7f272eee4009b2073b0b6735ac.svg);
}
.flag-icon-fi.flag-icon-squared {
  background-image: url(svg/fi.eb793b740dd4fa0f8b6301a4b74a435e.svg);
}
.flag-icon-fj {
  background-image: url(svg/fj.f3d86add9fe9ed6722749f8a0f21fc1d.svg);
}
.flag-icon-fj.flag-icon-squared {
  background-image: url(svg/fj.55dd1c6e9a323130d8e763f7a6971c8d.svg);
}
.flag-icon-fk {
  background-image: url(svg/fk.ddc6bd174c1e6603e32352cbbb63f3fb.svg);
}
.flag-icon-fk.flag-icon-squared {
  background-image: url(svg/fk.fe8e733a5a44d9626de2b2d6ab9084c5.svg);
}
.flag-icon-fm {
  background-image: url(svg/fm.3bfd96ee5faa59b8017a192bff06f6d6.svg);
}
.flag-icon-fm.flag-icon-squared {
  background-image: url(svg/fm.1579e5b6f7e79e7514451b61b5acd1e0.svg);
}
.flag-icon-fo {
  background-image: url(svg/fo.f284df39e89f9ed508ad86e7b0c7d2ac.svg);
}
.flag-icon-fo.flag-icon-squared {
  background-image: url(svg/fo.8b4db68d6e0717fe940e8f23f6bedb8a.svg);
}
.flag-icon-fr {
  background-image: url(svg/fr.81d43a151d8bc64145f25bc3d4cdc02a.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(svg/fr.c88df3297cffe49852ae43ae5d2dcdd4.svg);
}
.flag-icon-ga {
  background-image: url(svg/ga.4257c8ec8a129da794b2a34583d3988c.svg);
}
.flag-icon-ga.flag-icon-squared {
  background-image: url(svg/ga.dec832634c40be902627f39315558653.svg);
}
.flag-icon-gb {
  background-image: url(svg/gb.ba1c7f5df0dd4173c951a644c65e02df.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(svg/gb.35dbacd736781608964ae37a3b390b48.svg);
}
.flag-icon-gd {
  background-image: url(svg/gd.b446a44dff915db188691a49dd65a49e.svg);
}
.flag-icon-gd.flag-icon-squared {
  background-image: url(svg/gd.1b313417e54a6f4446ee51fb4cfaf958.svg);
}
.flag-icon-ge {
  background-image: url(svg/ge.98cf9dc189b05e67103c0dcff4b7a982.svg);
}
.flag-icon-ge.flag-icon-squared {
  background-image: url(svg/ge.7ccc29e2355cf25d55c56b48a81588b1.svg);
}
.flag-icon-gf {
  background-image: url(svg/gf.695a47d62497dc58466740984bbe3b4f.svg);
}
.flag-icon-gf.flag-icon-squared {
  background-image: url(svg/gf.74219f32e778ea33b181c400c6559a6c.svg);
}
.flag-icon-gg {
  background-image: url(svg/gg.6b23b5b1092e831766f94b8df740deff.svg);
}
.flag-icon-gg.flag-icon-squared {
  background-image: url(svg/gg.30f47622e942430014e8123ba7e1cfee.svg);
}
.flag-icon-gh {
  background-image: url(svg/gh.d060e231aa94a98e78d96e709c1f9914.svg);
}
.flag-icon-gh.flag-icon-squared {
  background-image: url(svg/gh.286f4413bbf14d667ea8cbb147279a4e.svg);
}
.flag-icon-gi {
  background-image: url(svg/gi.345b700f04babfed53e1b6286d2ad511.svg);
}
.flag-icon-gi.flag-icon-squared {
  background-image: url(svg/gi.e73af10429f00dc293ea3230387af7b6.svg);
}
.flag-icon-gl {
  background-image: url(svg/gl.84ac5572fd0727fd850e09e4fc7a8b34.svg);
}
.flag-icon-gl.flag-icon-squared {
  background-image: url(svg/gl.68756f324152d0ada90caf6c823f6f86.svg);
}
.flag-icon-gm {
  background-image: url(svg/gm.cdfdf8bcb862134ab9fe838e0a8c3fbb.svg);
}
.flag-icon-gm.flag-icon-squared {
  background-image: url(svg/gm.65c86e0a8df296521d901a6c76f801d8.svg);
}
.flag-icon-gn {
  background-image: url(svg/gn.bf5b087387ce93eddfacb5f5ff5c656d.svg);
}
.flag-icon-gn.flag-icon-squared {
  background-image: url(svg/gn.7bf7a35a82ae814ed25d6219f39db9d3.svg);
}
.flag-icon-gp {
  background-image: url(svg/gp.092b6bf958cd4a1f76c928e77991adf0.svg);
}
.flag-icon-gp.flag-icon-squared {
  background-image: url(svg/gp.30b1d26cfe9f458611e26248fadb490c.svg);
}
.flag-icon-gq {
  background-image: url(svg/gq.c2cb1adba91b64af03bc41a5597899eb.svg);
}
.flag-icon-gq.flag-icon-squared {
  background-image: url(svg/gq.89421f59da9e40d8cfccac2479092421.svg);
}
.flag-icon-gr {
  background-image: url(svg/gr.e2d0116790bdfda46fb4cdedc74b5b53.svg);
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(svg/gr.c51a52c416ea428fe41f7cee240d7640.svg);
}
.flag-icon-gs {
  background-image: url(svg/gs.c19adcdd5855af626a3c70ddc50f6690.svg);
}
.flag-icon-gs.flag-icon-squared {
  background-image: url(svg/gs.a96857cd4e8cd95734f9af34ce767b6a.svg);
}
.flag-icon-gt {
  background-image: url(svg/gt.ccfc27d34052eec1eb6ecfa9805ae620.svg);
}
.flag-icon-gt.flag-icon-squared {
  background-image: url(svg/gt.3d87ccc4e82ef502f1dd9f09414eb509.svg);
}
.flag-icon-gu {
  background-image: url(svg/gu.459831ea94ce2f15eede065e961764df.svg);
}
.flag-icon-gu.flag-icon-squared {
  background-image: url(svg/gu.35820090ead0219b998c5ca00528e556.svg);
}
.flag-icon-gw {
  background-image: url(svg/gw.f29eedfe431a60cae11edef68d978860.svg);
}
.flag-icon-gw.flag-icon-squared {
  background-image: url(svg/gw.f647ba54d53db3f2e3a46a66bb84f3c7.svg);
}
.flag-icon-gy {
  background-image: url(svg/gy.49a30b4ff82716f3aaddf3e991aef4aa.svg);
}
.flag-icon-gy.flag-icon-squared {
  background-image: url(svg/gy.43c003e277ed5a4d0ca0ccb9dc4515fd.svg);
}
.flag-icon-hk {
  background-image: url(svg/hk.c0a93c089256c99bf337965d0074738d.svg);
}
.flag-icon-hk.flag-icon-squared {
  background-image: url(svg/hk.5a1122079f786b82c2ed4938e65caa7e.svg);
}
.flag-icon-hm {
  background-image: url(svg/hm.fdd5197f75474534c5181648567dd633.svg);
}
.flag-icon-hm.flag-icon-squared {
  background-image: url(svg/hm.8b4c33d4098f83d3cddd6953707af769.svg);
}
.flag-icon-hn {
  background-image: url(svg/hn.f53ee3d65d19c9dd755eb992a52ae727.svg);
}
.flag-icon-hn.flag-icon-squared {
  background-image: url(svg/hn.ebef2cd564ca07f12aa10d84048e0496.svg);
}
.flag-icon-hr {
  background-image: url(svg/hr.00a76e1b588a62b0fad98dd62bd1283b.svg);
}
.flag-icon-hr.flag-icon-squared {
  background-image: url(svg/hr.f3f2e25c45a219c68654040bb674a6c4.svg);
}
.flag-icon-ht {
  background-image: url(svg/ht.3af38bff509f443ef70e799f51a0e5c0.svg);
}
.flag-icon-ht.flag-icon-squared {
  background-image: url(svg/ht.663996cf665e8ab764d5df3d49b4b73d.svg);
}
.flag-icon-hu {
  background-image: url(svg/hu.bcbd277021f4a8f5a0591c07a54c9caf.svg);
}
.flag-icon-hu.flag-icon-squared {
  background-image: url(svg/hu.7ae2a1f04ec537fbba4bea8c15126490.svg);
}
.flag-icon-id {
  background-image: url(svg/id.e2afd171e6a62816237b8c39bdb26ccc.svg);
}
.flag-icon-id.flag-icon-squared {
  background-image: url(svg/id.0b7fa609d99165dc53779622ac443791.svg);
}
.flag-icon-ie {
  background-image: url(svg/ie.5ecf710f14d859cbceb6f20ff89a7c13.svg);
}
.flag-icon-ie.flag-icon-squared {
  background-image: url(svg/ie.1b0ac4e772c2e62aef2f4646a46ab03f.svg);
}
.flag-icon-il {
  background-image: url(svg/il.4c70e23214e9da6a56eb525f6a31a5c8.svg);
}
.flag-icon-il.flag-icon-squared {
  background-image: url(svg/il.3bc4ce048568d30c327fe163783c8f63.svg);
}
.flag-icon-im {
  background-image: url(svg/im.b21ce587e66db16e0428f4f3de36c4d3.svg);
}
.flag-icon-im.flag-icon-squared {
  background-image: url(svg/im.d637f63b68f97839a27b37c34f1af1a1.svg);
}
.flag-icon-in {
  background-image: url(svg/in.e5926cb75dcbb15638dae2af4b9abbcc.svg);
}
.flag-icon-in.flag-icon-squared {
  background-image: url(svg/in.e626d1bb4e16e732e1ddf526206aefb3.svg);
}
.flag-icon-io {
  background-image: url(svg/io.e31ca9aa9209d9b76a0b7511c21e9fc0.svg);
}
.flag-icon-io.flag-icon-squared {
  background-image: url(svg/io.c32d7f9e59460fb90af6fdf4c757a860.svg);
}
.flag-icon-iq {
  background-image: url(svg/iq.5cd51d2bbb7385580434ed831dbdf8ca.svg);
}
.flag-icon-iq.flag-icon-squared {
  background-image: url(svg/iq.e549011efede8b5ba38b8b2af9915c2e.svg);
}
.flag-icon-ir {
  background-image: url(svg/ir.12e7432b428f8d631eb5fede40b2e095.svg);
}
.flag-icon-ir.flag-icon-squared {
  background-image: url(svg/ir.c945dfdfaee26ad2861c09ba9c678844.svg);
}
.flag-icon-is {
  background-image: url(svg/is.2dfa14d19684fbe061e4e81ef473aed2.svg);
}
.flag-icon-is.flag-icon-squared {
  background-image: url(svg/is.1842f1a952e8f0d4ca471d3cd3872b2a.svg);
}
.flag-icon-it {
  background-image: url(svg/it.290f2fec799fabdf2a85be3d2a2f9977.svg);
}
.flag-icon-it.flag-icon-squared {
  background-image: url(svg/it.9938f4b9588502f93b20243ed3a5b60c.svg);
}
.flag-icon-je {
  background-image: url(svg/je.cb9d6ca2be124f56082223398df77acd.svg);
}
.flag-icon-je.flag-icon-squared {
  background-image: url(svg/je.7cfaf0ba9322b9fbc96be06659be452a.svg);
}
.flag-icon-jm {
  background-image: url(svg/jm.6bb96bbc99218d9f84f7edcf8012c77b.svg);
}
.flag-icon-jm.flag-icon-squared {
  background-image: url(svg/jm.74ccffca23e5a91356deb4060afdd5b9.svg);
}
.flag-icon-jo {
  background-image: url(svg/jo.f41fe7d26b69dec06fef1fb61a0e0fff.svg);
}
.flag-icon-jo.flag-icon-squared {
  background-image: url(svg/jo.e678dae866ec74e6a939083ea4223eac.svg);
}
.flag-icon-jp {
  background-image: url(svg/jp.19c631c1498ba5517cd5d01823f50e2a.svg);
}
.flag-icon-jp.flag-icon-squared {
  background-image: url(svg/jp.980c12c54fe2259234344611bde3f6da.svg);
}
.flag-icon-ke {
  background-image: url(svg/ke.74aaf58557811d8e79ab93e6e0a2d3f5.svg);
}
.flag-icon-ke.flag-icon-squared {
  background-image: url(svg/ke.9ea890912ffd2f80e7a3182a0c325afc.svg);
}
.flag-icon-kg {
  background-image: url(svg/kg.1fe994c1e99757dce0236378b8704696.svg);
}
.flag-icon-kg.flag-icon-squared {
  background-image: url(svg/kg.4ad89b3a703d225e1f6d2e2128d573ea.svg);
}
.flag-icon-kh {
  background-image: url(svg/kh.7b33804c913e2285c5387a26b6a95a08.svg);
}
.flag-icon-kh.flag-icon-squared {
  background-image: url(svg/kh.695ec7a1a39090e600d533a38c5db55c.svg);
}
.flag-icon-ki {
  background-image: url(svg/ki.de100d3095b62260166f474b5bd7bbb4.svg);
}
.flag-icon-ki.flag-icon-squared {
  background-image: url(svg/ki.32000b051bb6bb9ee78500c639023c1a.svg);
}
.flag-icon-km {
  background-image: url(svg/km.93ef5e214ae093b8adc829329c310f7f.svg);
}
.flag-icon-km.flag-icon-squared {
  background-image: url(svg/km.4c4fa2a75b7c9360ac5f343b19ad4c9e.svg);
}
.flag-icon-kn {
  background-image: url(svg/kn.a4e974e81853186f152252c4d9c54dbd.svg);
}
.flag-icon-kn.flag-icon-squared {
  background-image: url(svg/kn.091a5508172f8eee28f23ce17d744ecb.svg);
}
.flag-icon-kp {
  background-image: url(svg/kp.8d10def41b377b1163c50a349b8c4394.svg);
}
.flag-icon-kp.flag-icon-squared {
  background-image: url(svg/kp.2e79afa21a3e610e55511db40f3ef092.svg);
}
.flag-icon-kr {
  background-image: url(svg/kr.939387c390531d01a6877e2f6f272f56.svg);
}
.flag-icon-kr.flag-icon-squared {
  background-image: url(svg/kr.9406f22f1237e7e4059d43ab60f9fbc8.svg);
}
.flag-icon-kw {
  background-image: url(svg/kw.2dce482defe9d86d05967143aaeb7d3a.svg);
}
.flag-icon-kw.flag-icon-squared {
  background-image: url(svg/kw.a3a60802b9df1ea679acbbebbc926483.svg);
}
.flag-icon-ky {
  background-image: url(svg/ky.ef8e18776eff1caf6b648c5c29847b64.svg);
}
.flag-icon-ky.flag-icon-squared {
  background-image: url(svg/ky.c311ddba04238d23214d3069072caea2.svg);
}
.flag-icon-kz {
  background-image: url(svg/kz.7194851eb720d3fdb3ad7c94eade695c.svg);
}
.flag-icon-kz.flag-icon-squared {
  background-image: url(svg/kz.f528d1705766032d823749be521ec653.svg);
}
.flag-icon-la {
  background-image: url(svg/la.8d6ad26b7061bc0588921e7a978bdac1.svg);
}
.flag-icon-la.flag-icon-squared {
  background-image: url(svg/la.80cf2b55ad4d86b51967de1bc8a5b7f8.svg);
}
.flag-icon-lb {
  background-image: url(svg/lb.75479923a75562bb3dbec6b5243f1860.svg);
}
.flag-icon-lb.flag-icon-squared {
  background-image: url(svg/lb.940cc75a55e4b18f510a404301dd6e61.svg);
}
.flag-icon-lc {
  background-image: url(svg/lc.c6488de9494a4e151cc47bdfadffdb4d.svg);
}
.flag-icon-lc.flag-icon-squared {
  background-image: url(svg/lc.0d361ba543e6cd2404e1bff90be28d78.svg);
}
.flag-icon-li {
  background-image: url(svg/li.69a1d60ca3996705d91f1f4bd4825b5a.svg);
}
.flag-icon-li.flag-icon-squared {
  background-image: url(svg/li.572f90277090beca0d31315cec8e1bf4.svg);
}
.flag-icon-lk {
  background-image: url(svg/lk.593078c9718a2a7a20d6e8e2242eb739.svg);
}
.flag-icon-lk.flag-icon-squared {
  background-image: url(svg/lk.93412c6fbb52d5bb809b23a3bc50271d.svg);
}
.flag-icon-lr {
  background-image: url(svg/lr.3a7c494b08f2d0e36a4f5452e3919c92.svg);
}
.flag-icon-lr.flag-icon-squared {
  background-image: url(svg/lr.74dcec3fec3f73e24a0a362de1a2e496.svg);
}
.flag-icon-ls {
  background-image: url(svg/ls.0de0f907e70c37b2e86e25e29e4bdad4.svg);
}
.flag-icon-ls.flag-icon-squared {
  background-image: url(svg/ls.cddead61f832a10065e915b2c41e04d6.svg);
}
.flag-icon-lt {
  background-image: url(svg/lt.4c19d3a9f8cb00a45baa5b619cc1dc21.svg);
}
.flag-icon-lt.flag-icon-squared {
  background-image: url(svg/lt.2ea82cfcd24756f9d718925a52c8efa7.svg);
}
.flag-icon-lu {
  background-image: url(svg/lu.adc8f77e99b53bd83b54e64df9ee9ceb.svg);
}
.flag-icon-lu.flag-icon-squared {
  background-image: url(svg/lu.b843e6436ac12254b9d23ba3fc407e37.svg);
}
.flag-icon-lv {
  background-image: url(svg/lv.9a5d132cec13c3e033f02e906883f06b.svg);
}
.flag-icon-lv.flag-icon-squared {
  background-image: url(svg/lv.2ce7f836390f846b1359abaa9ba4e8bc.svg);
}
.flag-icon-ly {
  background-image: url(svg/ly.0ea8dfcec5cc820043a4a07c40a56fdc.svg);
}
.flag-icon-ly.flag-icon-squared {
  background-image: url(svg/ly.9d867c1b9d3b76652858a0c5505718bb.svg);
}
.flag-icon-ma {
  background-image: url(svg/ma.363a4f79da72a6e74be0d7f8d4e6c1dc.svg);
}
.flag-icon-ma.flag-icon-squared {
  background-image: url(svg/ma.3b79aff17ae55b760333c9c11e2e1998.svg);
}
.flag-icon-mc {
  background-image: url(svg/mc.a2634c60fa92f9ff20f08026a6a4b56e.svg);
}
.flag-icon-mc.flag-icon-squared {
  background-image: url(svg/mc.082fc1558b4cf726b6130f863131d635.svg);
}
.flag-icon-md {
  background-image: url(svg/md.4d08e48ef4cfb7c192dc4a833ededb93.svg);
}
.flag-icon-md.flag-icon-squared {
  background-image: url(svg/md.efdfab01385b30e739862fd2fc165f48.svg);
}
.flag-icon-me {
  background-image: url(svg/me.0b785614513a0b99de04a91166cbf603.svg);
}
.flag-icon-me.flag-icon-squared {
  background-image: url(svg/me.4c8b84af010134d56b90d1ce18ad9e6b.svg);
}
.flag-icon-mf {
  background-image: url(svg/mf.2d96a80bd05aca4ef7119716fad0fe64.svg);
}
.flag-icon-mf.flag-icon-squared {
  background-image: url(svg/mf.c02a78fb2738ceb5eece24c60cb245f5.svg);
}
.flag-icon-mg {
  background-image: url(svg/mg.f9101073ea57c9f7664cd8f4cc26effa.svg);
}
.flag-icon-mg.flag-icon-squared {
  background-image: url(svg/mg.5bdc14fe1aa439d1a0b7bec9890f0ef8.svg);
}
.flag-icon-mh {
  background-image: url(svg/mh.c0b2e372c1a8cb36930ed13adc05d0a8.svg);
}
.flag-icon-mh.flag-icon-squared {
  background-image: url(svg/mh.7ec670b4d72f8a614957322d46619007.svg);
}
.flag-icon-mk {
  background-image: url(svg/mk.31ba11ec4d4cdae74ebc0cbc1b768f44.svg);
}
.flag-icon-mk.flag-icon-squared {
  background-image: url(svg/mk.c370fe88a49ab3c18701c98f02ebbcf4.svg);
}
.flag-icon-ml {
  background-image: url(svg/ml.18083e46073cc9f5f58fda59451b15f9.svg);
}
.flag-icon-ml.flag-icon-squared {
  background-image: url(svg/ml.d11c30638f3d7b1766dc9194c76f52f8.svg);
}
.flag-icon-mm {
  background-image: url(svg/mm.6f93c6d0ec04077b61c7c7f0f97f0332.svg);
}
.flag-icon-mm.flag-icon-squared {
  background-image: url(svg/mm.7068544f07c5b683b67aeaf8afb43ff1.svg);
}
.flag-icon-mn {
  background-image: url(svg/mn.5e4557f7ed743f19592c0f3d5424ad8f.svg);
}
.flag-icon-mn.flag-icon-squared {
  background-image: url(svg/mn.291814d605941d58335feaba24527a3c.svg);
}
.flag-icon-mo {
  background-image: url(svg/mo.51161bb2c65f7b5c3096d5f33fd80fa1.svg);
}
.flag-icon-mo.flag-icon-squared {
  background-image: url(svg/mo.77d75a5ceaa9580d6761d8f58c2eadd6.svg);
}
.flag-icon-mp {
  background-image: url(svg/mp.394b0c91d8212a6cb6db896dcbd08758.svg);
}
.flag-icon-mp.flag-icon-squared {
  background-image: url(svg/mp.b0a5ed44db6410228f23d1f2676aeded.svg);
}
.flag-icon-mq {
  background-image: url(svg/mq.e82d6df9e99c87fb655bdcdc315d2730.svg);
}
.flag-icon-mq.flag-icon-squared {
  background-image: url(svg/mq.09c19f656772c8f93989b6123655dd91.svg);
}
.flag-icon-mr {
  background-image: url(svg/mr.3642790a35ff100e55f7874d13af32c5.svg);
}
.flag-icon-mr.flag-icon-squared {
  background-image: url(svg/mr.7211bfd49f97a5ae1253d2172336ade9.svg);
}
.flag-icon-ms {
  background-image: url(svg/ms.9474f8cf128ce6813e2d501b08cfd7a0.svg);
}
.flag-icon-ms.flag-icon-squared {
  background-image: url(svg/ms.8f7c204278ae1cdcd35caa2bb55dacc7.svg);
}
.flag-icon-mt {
  background-image: url(svg/mt.c91049a111e0a4dc2611b09a5a469c0b.svg);
}
.flag-icon-mt.flag-icon-squared {
  background-image: url(svg/mt.0c23ea353ac917d9e4d486a9af72e221.svg);
}
.flag-icon-mu {
  background-image: url(svg/mu.97beced41b168e88e8fb1d9562264d1d.svg);
}
.flag-icon-mu.flag-icon-squared {
  background-image: url(svg/mu.d7d71f034d81a71053730203f958dca1.svg);
}
.flag-icon-mv {
  background-image: url(svg/mv.0329f53cf8f786716fe4c85fecf33bf2.svg);
}
.flag-icon-mv.flag-icon-squared {
  background-image: url(svg/mv.91b2c27c9c550f55860739fda63e1ec9.svg);
}
.flag-icon-mw {
  background-image: url(svg/mw.b4d805efda655aef8b6e88cb546f2d80.svg);
}
.flag-icon-mw.flag-icon-squared {
  background-image: url(svg/mw.6807c4fdd0370b23d239d22883ecf478.svg);
}
.flag-icon-mx {
  background-image: url(svg/mx.bc63d25be57acf721e56aa378395e51b.svg);
}
.flag-icon-mx.flag-icon-squared {
  background-image: url(svg/mx.05c8d69783e68aaad2f439631db79616.svg);
}
.flag-icon-my {
  background-image: url(svg/my.0d298a9e4566332f8a840d388fa6db2d.svg);
}
.flag-icon-my.flag-icon-squared {
  background-image: url(svg/my.848fbf91865a8d1912638bb1c2b8fa0a.svg);
}
.flag-icon-mz {
  background-image: url(svg/mz.dac5f7ee4f2a02e79de217bea9f79849.svg);
}
.flag-icon-mz.flag-icon-squared {
  background-image: url(svg/mz.dcf8977ee74002921810a1e8014a57a1.svg);
}
.flag-icon-na {
  background-image: url(svg/na.e241f81665d5aa3bcd027395adb6eb1a.svg);
}
.flag-icon-na.flag-icon-squared {
  background-image: url(svg/na.27bc2313a9535106015ccb6e98c26b29.svg);
}
.flag-icon-nc {
  background-image: url(svg/nc.5681de45e8340741e312252970a01037.svg);
}
.flag-icon-nc.flag-icon-squared {
  background-image: url(svg/nc.046cebb8a66efa64641c9c90e9f077b2.svg);
}
.flag-icon-ne {
  background-image: url(svg/ne.6fd3ccdef1a91e8be5aef3841765069d.svg);
}
.flag-icon-ne.flag-icon-squared {
  background-image: url(svg/ne.64f5ff142997ea42d42e58f1831693bc.svg);
}
.flag-icon-nf {
  background-image: url(svg/nf.7a4f3d1b34fa49f5a098666d39b3ba44.svg);
}
.flag-icon-nf.flag-icon-squared {
  background-image: url(svg/nf.7c3216dcabd2a393fa48df68238d1667.svg);
}
.flag-icon-ng {
  background-image: url(svg/ng.b69ed1e58b69dcadbf0e30265064ee70.svg);
}
.flag-icon-ng.flag-icon-squared {
  background-image: url(svg/ng.caaf41205a6fde2a18533c696a971248.svg);
}
.flag-icon-ni {
  background-image: url(svg/ni.d30c03773b8ce54120334c712f6c79f9.svg);
}
.flag-icon-ni.flag-icon-squared {
  background-image: url(svg/ni.52cfeebfb0f78f395c1380c208ae088d.svg);
}
.flag-icon-nl {
  background-image: url(svg/nl.21eb77dcfa38c6d7bb81fb3d3ab4a7cf.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(svg/nl.f9d570ec865ab2c1e9d4c00bfe653190.svg);
}
.flag-icon-no {
  background-image: url(svg/no.6df96bb22557028a5f7728dd629bfdef.svg);
}
.flag-icon-no.flag-icon-squared {
  background-image: url(svg/no.266dbd6fc3e66414aa3c05bb90510bf7.svg);
}
.flag-icon-np {
  background-image: url(svg/np.ecc31e52fb6b958eb68131f217009d1b.svg);
}
.flag-icon-np.flag-icon-squared {
  background-image: url(svg/np.f7885aa646996a2aa6e0da751dd93816.svg);
}
.flag-icon-nr {
  background-image: url(svg/nr.dcf2ea3a8e5dbf8a9b805ecb2d2fc922.svg);
}
.flag-icon-nr.flag-icon-squared {
  background-image: url(svg/nr.1f7cfffb6cb01e5215ada60e128ea252.svg);
}
.flag-icon-nu {
  background-image: url(svg/nu.770e6779515b496ac3b67e6f0a207c7e.svg);
}
.flag-icon-nu.flag-icon-squared {
  background-image: url(svg/nu.9deebec59d90dece17fc9c87e82b6ff0.svg);
}
.flag-icon-nz {
  background-image: url(svg/nz.4dedf09b8933ec6f43903ba10d865d56.svg);
}
.flag-icon-nz.flag-icon-squared {
  background-image: url(svg/nz.37be84f4206a0eae405bbd495ecaaa69.svg);
}
.flag-icon-om {
  background-image: url(svg/om.716feea54634c16f406a0bdd4efa9b21.svg);
}
.flag-icon-om.flag-icon-squared {
  background-image: url(svg/om.09e65f88432f6b938338e8d055807259.svg);
}
.flag-icon-pa {
  background-image: url(svg/pa.8788ab50de263793f74b85d2e6eaba5c.svg);
}
.flag-icon-pa.flag-icon-squared {
  background-image: url(svg/pa.69b3b90501ccfc42beffe5f0fd531d4e.svg);
}
.flag-icon-pe {
  background-image: url(svg/pe.9e2ec84ad461c170e9e5ece9be584c46.svg);
}
.flag-icon-pe.flag-icon-squared {
  background-image: url(svg/pe.83c26459858b4334c435886c37cc8379.svg);
}
.flag-icon-pf {
  background-image: url(svg/pf.296e94595f307817fc2bf28cc6a98618.svg);
}
.flag-icon-pf.flag-icon-squared {
  background-image: url(svg/pf.fbd548e641a7199e969d252cf9d1eb18.svg);
}
.flag-icon-pg {
  background-image: url(svg/pg.dcb8c4ab032af81620bdf25bc2ff9575.svg);
}
.flag-icon-pg.flag-icon-squared {
  background-image: url(svg/pg.9ebf0bb36bfe656e7aba15d47451a236.svg);
}
.flag-icon-ph {
  background-image: url(svg/ph.596b9b66d026fa222c2d4a055e7f299d.svg);
}
.flag-icon-ph.flag-icon-squared {
  background-image: url(svg/ph.374bb0d60bc777e60d0fd5350e9a03cc.svg);
}
.flag-icon-pk {
  background-image: url(svg/pk.8f9276eb2e7dc3eac94d57ec63ea2818.svg);
}
.flag-icon-pk.flag-icon-squared {
  background-image: url(svg/pk.0e17f31b0f156316ef2028671d12825f.svg);
}
.flag-icon-pl {
  background-image: url(svg/pl.7ea4b5b2df865bf73b06a50c1763b50e.svg);
}
.flag-icon-pl.flag-icon-squared {
  background-image: url(svg/pl.9400273de5d060652ce7f8c43adbcf25.svg);
}
.flag-icon-pm {
  background-image: url(svg/pm.c5a64f87b2370f6a2ae3cf9d6523c9e4.svg);
}
.flag-icon-pm.flag-icon-squared {
  background-image: url(svg/pm.7582c30f04bd66a4e73cc3975398f85d.svg);
}
.flag-icon-pn {
  background-image: url(svg/pn.0911eddaa4bb5cbf54b8d318c454fe35.svg);
}
.flag-icon-pn.flag-icon-squared {
  background-image: url(svg/pn.ab7259a94ec182c05827fd8bd1a3e445.svg);
}
.flag-icon-pr {
  background-image: url(svg/pr.7845ecd77b3b58e3c8a531c23905ef9c.svg);
}
.flag-icon-pr.flag-icon-squared {
  background-image: url(svg/pr.836bcb814711de3da2063e866565340a.svg);
}
.flag-icon-ps {
  background-image: url(svg/ps.77489c5e7455703ed84f5548c3addbb3.svg);
}
.flag-icon-ps.flag-icon-squared {
  background-image: url(svg/ps.451101efffc43d2b1ae6755db0380c6c.svg);
}
.flag-icon-pt {
  background-image: url(svg/pt.b89a5b80ca1a71c3b96a85fe858b62da.svg);
}
.flag-icon-pt.flag-icon-squared {
  background-image: url(svg/pt.5697f2973616282e4c76ffeadbc78f0a.svg);
}
.flag-icon-pw {
  background-image: url(svg/pw.5f3d8d8e8473f6439a214096e59c7636.svg);
}
.flag-icon-pw.flag-icon-squared {
  background-image: url(svg/pw.666cd05f03955ea01aa5859d914a0fa1.svg);
}
.flag-icon-py {
  background-image: url(svg/py.51b0bef3321042c047177de5e4f42e7c.svg);
}
.flag-icon-py.flag-icon-squared {
  background-image: url(svg/py.b19bb0ae9ad5d553a146f088ed6fa4a0.svg);
}
.flag-icon-qa {
  background-image: url(svg/qa.90240e607800ce7ed1bdf42b580695bc.svg);
}
.flag-icon-qa.flag-icon-squared {
  background-image: url(svg/qa.c08921ec8cdc1b1a0e8e7f818cfdbe2f.svg);
}
.flag-icon-re {
  background-image: url(svg/re.f05b5f1673afe6db0760a5fc7e8610c6.svg);
}
.flag-icon-re.flag-icon-squared {
  background-image: url(svg/re.7e8577e98f035e765e59bb047a0cd2d2.svg);
}
.flag-icon-ro {
  background-image: url(svg/ro.ea966c3dc0adf3d08a0048f1af8e322c.svg);
}
.flag-icon-ro.flag-icon-squared {
  background-image: url(svg/ro.51182fc9671cbaa10989dbae17427f55.svg);
}
.flag-icon-rs {
  background-image: url(svg/rs.51e6180ced2cf59fd51e42fcc904988b.svg);
}
.flag-icon-rs.flag-icon-squared {
  background-image: url(svg/rs.3b67d7bed888271edff679c68117af49.svg);
}
.flag-icon-ru {
  background-image: url(svg/ru.f1c2ba49b3ccc06ba58a3889e1445971.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(svg/ru.f760036294e1fff52a9a88663d0d7a46.svg);
}
.flag-icon-rw {
  background-image: url(svg/rw.26854553b660fa5e4982e8253545fa3c.svg);
}
.flag-icon-rw.flag-icon-squared {
  background-image: url(svg/rw.02a8a07e06e4ae9c012213554233b005.svg);
}
.flag-icon-sa {
  background-image: url(svg/sa.b9a346574cdc8950dd34b50780441f57.svg);
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(svg/sa.dbdc272cb217fd407ff810ae4b6e2762.svg);
}
.flag-icon-sb {
  background-image: url(svg/sb.2c405bb603253b6e2040a62b6b417b90.svg);
}
.flag-icon-sb.flag-icon-squared {
  background-image: url(svg/sb.00988e025b134db9744329626d126aab.svg);
}
.flag-icon-sc {
  background-image: url(svg/sc.9ba013463b785efeb6be8cb92d335bb1.svg);
}
.flag-icon-sc.flag-icon-squared {
  background-image: url(svg/sc.8357ba15f90dbaaeec2a8b5ab44fdfad.svg);
}
.flag-icon-sd {
  background-image: url(svg/sd.090d0e106e0c7fd28b239852af2c91e1.svg);
}
.flag-icon-sd.flag-icon-squared {
  background-image: url(svg/sd.cb3da007630d3b35d1ca521bb2c76364.svg);
}
.flag-icon-se {
  background-image: url(svg/se.4f5f456f4d5e5bdab0759efead2e26b1.svg);
}
.flag-icon-se.flag-icon-squared {
  background-image: url(svg/se.9d0641e44f1e26bfc1cea21a5e245fdc.svg);
}
.flag-icon-sg {
  background-image: url(svg/sg.e6a27ad3fc2dedabca8b680fae357537.svg);
}
.flag-icon-sg.flag-icon-squared {
  background-image: url(svg/sg.9751741f84e6e5263a407b127b7d782b.svg);
}
.flag-icon-sh {
  background-image: url(svg/sh.c5ab8c6e3ffc963e14fb32d4ac271ccd.svg);
}
.flag-icon-sh.flag-icon-squared {
  background-image: url(svg/sh.acd7b6efcbb9ea9ca7e6f87ca23d5b9b.svg);
}
.flag-icon-si {
  background-image: url(svg/si.7f576d8798a8732afa465065bff56a6b.svg);
}
.flag-icon-si.flag-icon-squared {
  background-image: url(svg/si.d38938fcbf4ff943085655e60cd4899d.svg);
}
.flag-icon-sj {
  background-image: url(svg/sj.4952c9a6d03f7d9caa08bffd322b3bce.svg);
}
.flag-icon-sj.flag-icon-squared {
  background-image: url(svg/sj.bf11a7596686324ffe17b844d8d2da49.svg);
}
.flag-icon-sk {
  background-image: url(svg/sk.be58e557507f1468968917cb825153ab.svg);
}
.flag-icon-sk.flag-icon-squared {
  background-image: url(svg/sk.563985765998ec7428e99bda01cbee7c.svg);
}
.flag-icon-sl {
  background-image: url(svg/sl.4fd17d63688a1b300bcafac703d5dd7c.svg);
}
.flag-icon-sl.flag-icon-squared {
  background-image: url(svg/sl.f1772cd4436de4f4535ad8725adbd85d.svg);
}
.flag-icon-sm {
  background-image: url(svg/sm.7e23c95234800a7c7e1e0a03e8b3702e.svg);
}
.flag-icon-sm.flag-icon-squared {
  background-image: url(svg/sm.b57f66050d777f87e0a5ca189c484b15.svg);
}
.flag-icon-sn {
  background-image: url(svg/sn.1ce79520b54b680dcc8ef40e1ed8a80b.svg);
}
.flag-icon-sn.flag-icon-squared {
  background-image: url(svg/sn.a03bc309423c9052891ad0e5e65dbcee.svg);
}
.flag-icon-so {
  background-image: url(svg/so.d1a7d3e18523bf69f2eb0470b89b7622.svg);
}
.flag-icon-so.flag-icon-squared {
  background-image: url(svg/so.34b037a702aae22a75340594821f0476.svg);
}
.flag-icon-sr {
  background-image: url(svg/sr.690504905775fc1b1480f659e631a028.svg);
}
.flag-icon-sr.flag-icon-squared {
  background-image: url(svg/sr.4ee190817d3b7c7862ca83e56bea902d.svg);
}
.flag-icon-ss {
  background-image: url(svg/ss.e4bf9bb42bd5d25190fee9dfdd245c76.svg);
}
.flag-icon-ss.flag-icon-squared {
  background-image: url(svg/ss.2ad5a2bbc138690704ada7e1a8577410.svg);
}
.flag-icon-st {
  background-image: url(svg/st.72697a87cfc011963be4361604931288.svg);
}
.flag-icon-st.flag-icon-squared {
  background-image: url(svg/st.342a4d3c791c89ec3103cbfbc44496c0.svg);
}
.flag-icon-sv {
  background-image: url(svg/sv.3bb132d79aef68d7fe4173688648ef29.svg);
}
.flag-icon-sv.flag-icon-squared {
  background-image: url(svg/sv.f4b3314001ea3a7cf1d0a98c254d8cd3.svg);
}
.flag-icon-sx {
  background-image: url(svg/sx.aafb13f61b6688f41a14c976d908b855.svg);
}
.flag-icon-sx.flag-icon-squared {
  background-image: url(svg/sx.ce647f25cbbcdb00ed0d4be53bff5d32.svg);
}
.flag-icon-sy {
  background-image: url(svg/sy.6529aa17e46f775a39317b1ed78a526d.svg);
}
.flag-icon-sy.flag-icon-squared {
  background-image: url(svg/sy.9d13beb594ee208a68642569e115b3ff.svg);
}
.flag-icon-sz {
  background-image: url(svg/sz.d62f5eab640be40355e8fdca853ed0a4.svg);
}
.flag-icon-sz.flag-icon-squared {
  background-image: url(svg/sz.5d494168348fddfa3aeb364ab6c2e3ea.svg);
}
.flag-icon-tc {
  background-image: url(svg/tc.f4f865830e706c26ef447d41af35610d.svg);
}
.flag-icon-tc.flag-icon-squared {
  background-image: url(svg/tc.0d16f864a483488586df2212e962475a.svg);
}
.flag-icon-td {
  background-image: url(svg/td.230eddd3b5d97166b70e47afed43a67f.svg);
}
.flag-icon-td.flag-icon-squared {
  background-image: url(svg/td.ad4b4469031fb72bd98f795c031cfeee.svg);
}
.flag-icon-tf {
  background-image: url(svg/tf.cf4959c4339d5b1230931b8b44c5e9a9.svg);
}
.flag-icon-tf.flag-icon-squared {
  background-image: url(svg/tf.aaea08de295f296f0bba198b214831ae.svg);
}
.flag-icon-tg {
  background-image: url(svg/tg.f97c4ebe662df8683fdec11f56c87599.svg);
}
.flag-icon-tg.flag-icon-squared {
  background-image: url(svg/tg.4abbb52870d11bce293d114b7fa12619.svg);
}
.flag-icon-th {
  background-image: url(svg/th.b6ade2beba225ed5f2b5dc6487ffa54a.svg);
}
.flag-icon-th.flag-icon-squared {
  background-image: url(svg/th.2ca3db46e2b26412705d4c1c0b6ced04.svg);
}
.flag-icon-tj {
  background-image: url(svg/tj.b32f7c017787f0d8579b5aeab5923fb4.svg);
}
.flag-icon-tj.flag-icon-squared {
  background-image: url(svg/tj.e97716cafb6e3b770d5b939f587d026e.svg);
}
.flag-icon-tk {
  background-image: url(svg/tk.54b9e3f941cb3083e2a3f71fe78e0c2d.svg);
}
.flag-icon-tk.flag-icon-squared {
  background-image: url(svg/tk.e3d850fb9644bf50d89118be561bd46e.svg);
}
.flag-icon-tl {
  background-image: url(svg/tl.503b7926732b784efbede0c1d6569df2.svg);
}
.flag-icon-tl.flag-icon-squared {
  background-image: url(svg/tl.c7a146dc0d916983f8dd11f2982c0ed9.svg);
}
.flag-icon-tm {
  background-image: url(svg/tm.6de6696b70775fd30f3b5a237fceb28c.svg);
}
.flag-icon-tm.flag-icon-squared {
  background-image: url(svg/tm.442986488503d5356e8026045953e0d6.svg);
}
.flag-icon-tn {
  background-image: url(svg/tn.6cd8c9a453cd0fc5e7619a480e957d2d.svg);
}
.flag-icon-tn.flag-icon-squared {
  background-image: url(svg/tn.8b09464a7524dff3fa47e5a0204991e5.svg);
}
.flag-icon-to {
  background-image: url(svg/to.65dda6ec6f9719bbd78463630e8470b6.svg);
}
.flag-icon-to.flag-icon-squared {
  background-image: url(svg/to.aaa24511e1160314531ac9a771642a48.svg);
}
.flag-icon-tr {
  background-image: url(svg/tr.2880fc8e0e28f4a11a8d5f7db508d4c6.svg);
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(svg/tr.c3d773f3ebbea061e963baad5606508a.svg);
}
.flag-icon-tt {
  background-image: url(svg/tt.b9a6939e2ab09927d19088bb11957702.svg);
}
.flag-icon-tt.flag-icon-squared {
  background-image: url(svg/tt.4252a958aa98bb3ef5f7755b8f0f8736.svg);
}
.flag-icon-tv {
  background-image: url(svg/tv.99618ffc3d126b12802f080330a16921.svg);
}
.flag-icon-tv.flag-icon-squared {
  background-image: url(svg/tv.c87adc622981a557f7a5e841ea9ad1a6.svg);
}
.flag-icon-tw {
  background-image: url(svg/tw.83324ef79fd96b77a6090612fad174df.svg);
}
.flag-icon-tw.flag-icon-squared {
  background-image: url(svg/tw.a72a85cb06aca393b4c6820552923106.svg);
}
.flag-icon-tz {
  background-image: url(svg/tz.2218434d34c055a29fdf4ebd154fe074.svg);
}
.flag-icon-tz.flag-icon-squared {
  background-image: url(svg/tz.20af2614818e325d953d7ed0c602923c.svg);
}
.flag-icon-ua {
  background-image: url(svg/ua.67a46bf793e26237ace0ff44b2eff6b6.svg);
}
.flag-icon-ua.flag-icon-squared {
  background-image: url(svg/ua.2dd397cb920452449acaff2aa80a167d.svg);
}
.flag-icon-ug {
  background-image: url(svg/ug.83f4207b3f42150d667b04e7fe6b6a47.svg);
}
.flag-icon-ug.flag-icon-squared {
  background-image: url(svg/ug.983dd591c56af488af9614a3b3fc9711.svg);
}
.flag-icon-um {
  background-image: url(svg/um.0f5d59d436cb8d91444b8cbe055abc3a.svg);
}
.flag-icon-um.flag-icon-squared {
  background-image: url(svg/um.c3e06b4d7dfec14653ce49da7ac9efe4.svg);
}
.flag-icon-us {
  background-image: url(svg/us.3cc0d38b3e8d93132c90fec5d3d06c68.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(svg/us.c95087e1a852cf730acc3defc2d52724.svg);
}
.flag-icon-uy {
  background-image: url(svg/uy.4c3f85c5401c3a3875eedbcd2173f43f.svg);
}
.flag-icon-uy.flag-icon-squared {
  background-image: url(svg/uy.091841c8018480091faefbc9124eb3eb.svg);
}
.flag-icon-uz {
  background-image: url(svg/uz.6e16292aee6b5262a6938af4ed24792d.svg);
}
.flag-icon-uz.flag-icon-squared {
  background-image: url(svg/uz.ba79d2974850ade2d0360e7cd0616f31.svg);
}
.flag-icon-va {
  background-image: url(svg/va.6d6a5ae672030a7e351ffa3265e44c32.svg);
}
.flag-icon-va.flag-icon-squared {
  background-image: url(svg/va.555e01bd279c6bbc28c4b4bd85a47582.svg);
}
.flag-icon-vc {
  background-image: url(svg/vc.e19034240ae39be40a4c1ce9a31b3ba7.svg);
}
.flag-icon-vc.flag-icon-squared {
  background-image: url(svg/vc.2614017538c99c0f2ea7b5823d128ae4.svg);
}
.flag-icon-ve {
  background-image: url(svg/ve.b8bb0477d02228d82ffb54c74b24ec24.svg);
}
.flag-icon-ve.flag-icon-squared {
  background-image: url(svg/ve.125ee9246eea1cb1b6626f2cb1f335af.svg);
}
.flag-icon-vg {
  background-image: url(svg/vg.7bc5c83294392b4386af3792418872b1.svg);
}
.flag-icon-vg.flag-icon-squared {
  background-image: url(svg/vg.76c17dc332a16129789a6a33f58627a3.svg);
}
.flag-icon-vi {
  background-image: url(svg/vi.bad0002a368d6bca0956ab2b5b889145.svg);
}
.flag-icon-vi.flag-icon-squared {
  background-image: url(svg/vi.1ae3b627580608e32c9947b9a2a87144.svg);
}
.flag-icon-vn {
  background-image: url(svg/vn.2301f6f466f2e744e48a5bbaa83269eb.svg);
}
.flag-icon-vn.flag-icon-squared {
  background-image: url(svg/vn.25540177a9e64be64b71d743cec8a669.svg);
}
.flag-icon-vu {
  background-image: url(svg/vu.25acc79729c1d8a104b6a5d1afc4c9fa.svg);
}
.flag-icon-vu.flag-icon-squared {
  background-image: url(svg/vu.87d69c1826cf7245c2d83ae1d4e4a7fb.svg);
}
.flag-icon-wf {
  background-image: url(svg/wf.e9a373c6bcbf8ea5021ff0ce24b72e06.svg);
}
.flag-icon-wf.flag-icon-squared {
  background-image: url(svg/wf.55c63880d979782164502e87292e35b5.svg);
}
.flag-icon-ws {
  background-image: url(svg/ws.a6817aa95b8cdf652ba6f8c60527188d.svg);
}
.flag-icon-ws.flag-icon-squared {
  background-image: url(svg/ws.81cbff3db85ab05a4ac816a8ab047727.svg);
}
.flag-icon-ye {
  background-image: url(svg/ye.f62afcddf3ac8b1dfd3e9b0e67ba23bd.svg);
}
.flag-icon-ye.flag-icon-squared {
  background-image: url(svg/ye.2289a38ef27f51f7e88a7791dd125021.svg);
}
.flag-icon-yt {
  background-image: url(svg/yt.5c77b04743aada260f6b0daaa7c08793.svg);
}
.flag-icon-yt.flag-icon-squared {
  background-image: url(svg/yt.bf9663aea16580e485d0b525dfaa73f1.svg);
}
.flag-icon-za {
  background-image: url(svg/za.83099da26ad6804ed7a59dfb9b639de0.svg);
}
.flag-icon-za.flag-icon-squared {
  background-image: url(svg/za.3c71a2a22271a414dd3d3b34e95364d3.svg);
}
.flag-icon-zm {
  background-image: url(svg/zm.79a41234f024ca5ab0a9ea130ab83b7b.svg);
}
.flag-icon-zm.flag-icon-squared {
  background-image: url(svg/zm.a303f51a36999e85ed3baa54fef73a7a.svg);
}
.flag-icon-zw {
  background-image: url(svg/zw.f5ceeff7d65d0b5e33b79719b9948b59.svg);
}
.flag-icon-zw.flag-icon-squared {
  background-image: url(svg/zw.2840e62aaca37d36b327f560b9557df1.svg);
}
.flag-icon-es-ca {
  background-image: url(svg/es-ca.2b2d073d58c4747e322ef8e48b09beca.svg);
}
.flag-icon-es-ca.flag-icon-squared {
  background-image: url(svg/es-ca.a03129ff81e9f5633e7501e84ad38e4d.svg);
}
.flag-icon-eu {
  background-image: url(svg/eu.db2e50ad0bf5ecccc0caf01d1556a162.svg);
}
.flag-icon-eu.flag-icon-squared {
  background-image: url(svg/eu.1019087b8a58ac24c4ea6304579bdd0f.svg);
}
.flag-icon-gb-eng {
  background-image: url(svg/gb-eng.1fa89df2764a3f107c345ec3d56886e8.svg);
}
.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(svg/gb-eng.ebbd69accf16823ad6840bbdfef791ba.svg);
}
.flag-icon-gb-nir {
  background-image: url(svg/gb-nir.8ad03581959bce8c3da0e389104cf1e3.svg);
}
.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(svg/gb-nir.f9fcc604971f0e53b88d3edf29000e85.svg);
}
.flag-icon-gb-sct {
  background-image: url(svg/gb-sct.4743f1b0f3ffe8d16ba501687a3dc597.svg);
}
.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(svg/gb-sct.bea4865f11865ef5646547efd1a78c32.svg);
}
.flag-icon-gb-wls {
  background-image: url(svg/gb-wls.a69b6bb076d89808e06433d79c9d3d6d.svg);
}
.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(svg/gb-wls.77f90d8e620af4d9604d4da7c7f49346.svg);
}
.flag-icon-un {
  background-image: url(svg/un.4c0a34afb0c02cd13b3df7aa133bed62.svg);
}
.flag-icon-un.flag-icon-squared {
  background-image: url(svg/un.19c1ad320e901a90c0e31c38039a0f27.svg);
}
.flag-icon-xk {
  background-image: url(svg/xk.12d1409638442c96c8b9998dfa744c6c.svg);
}
.flag-icon-xk.flag-icon-squared {
  background-image: url(svg/xk.48269c0b55c2532ccb7608a0fc28a5c2.svg);
}

.cesium-svgPath-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cesium-button {
    display: inline-block;
    position: relative;
    background: #303336;
    border: 1px solid #444;
    color: #edffff; /* For text buttons */
    fill: #edffff; /* For SVG buttons */
    border-radius: 4px;
    padding: 5px 12px;
    margin: 2px 3px;
    cursor: pointer;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cesium-button:focus {
    color: #fff; /* For text buttons */
    fill: #fff; /* For SVG buttons */
    border-color: #ea4;
    outline: none;
}

.cesium-button:hover {
    color: #fff; /* For text buttons */
    fill: #fff; /* For SVG buttons */
    background: #48b;
    border-color: #aef;
    box-shadow: 0 0 8px #fff;
}

.cesium-button:active {
    color: #000; /* For text buttons */
    fill: #000; /* For SVG buttons */
    background: #adf;
    border-color: #fff;
    box-shadow: 0 0 8px #fff;
}

.cesium-button:disabled,
.cesium-button-disabled,
.cesium-button-disabled:focus,
.cesium-button-disabled:hover,
.cesium-button-disabled:active {
    background: #303336;
    border-color: #444;
    color: #646464; /* For text buttons */
    fill: #646464; /* For SVG buttons */
    box-shadow: none;
    cursor: default;
}

.cesium-button option {
    background-color: #000;
    color: #eee;
}

.cesium-button option:disabled {
    color: #777;
}

.cesium-button input, .cesium-button label {
    cursor: pointer;
}

.cesium-button input {
    vertical-align: sub;
}

.cesium-toolbar-button {
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    border-radius: 14%;
    padding: 0;
    vertical-align: middle;
    z-index: 0; /* Workaround for rounded raster image corners in Chrome */
}

.cesium-performanceDisplay-defaultContainer {
    position: absolute;
    top: 50px;
    right: 10px;
    text-align: right;
}

.cesium-performanceDisplay {
    background-color: rgba(40, 40, 40, 0.7);
    padding: 7px;
    border-radius: 5px;
    border: 1px solid #444;
    font: bold 12px sans-serif;
}

.cesium-performanceDisplay-fps {
    color: #e52;
}

.cesium-performanceDisplay-throttled {
    color: #a42;
}

.cesium-performanceDisplay-ms {
    color: #de3;
}

.cesium-animation-theme {
    visibility: hidden;
    display: block;
    position: absolute;
    z-index: -100;
}

.cesium-animation-themeNormal {
    color: #222;
}

.cesium-animation-themeHover {
    color: #4488B0;
}

.cesium-animation-themeSelect {
    color: #242;
}

.cesium-animation-themeDisabled {
    color: #333;
}

.cesium-animation-themeKnob {
    color: #222;
}

.cesium-animation-themePointer {
    color: #2E2;
}

.cesium-animation-themeSwoosh {
    color: #8AC;
}

.cesium-animation-themeSwooshHover {
    color: #AEF;
}

.cesium-animation-svgText {
    fill: #edffff;
    font-family: Sans-Serif;
    font-size: 15px;
    text-anchor: middle;
}

.cesium-animation-blank {
    fill: #000;
    fill-opacity: 0.01; /* This must be clickable, so it can't be 'fill: none'. */
    stroke: none;
}

.cesium-animation-rectButton {
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cesium-animation-rectButton .cesium-animation-buttonGlow {
    fill: #fff;
    stroke: none;
    /* Widget will add: filter: url(#animation_blurred); */
    display: none;
}

.cesium-animation-rectButton:hover .cesium-animation-buttonGlow {
    display: block;
}

.cesium-animation-rectButton .cesium-animation-buttonPath {
    fill: #edffff;
}

.cesium-animation-rectButton .cesium-animation-buttonMain {
    /* Widget will add: fill: url(#animation_buttonNormal); */
    stroke: #444;
    stroke-width: 1.2;
}

.cesium-animation-rectButton:hover .cesium-animation-buttonMain {
    /* Widget will add: fill: url(#animation_buttonHovered); */
    stroke: #AEF;
}

.cesium-animation-rectButton:active .cesium-animation-buttonMain {
    fill: #ABD6FF;
}

.cesium-animation-buttonDisabled {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cesium-animation-buttonDisabled .cesium-animation-buttonMain {
    /* Widget will add: fill: url(#animation_buttonDisabled); */
    stroke: #555;
}

.cesium-animation-buttonDisabled .cesium-animation-buttonPath {
    fill: #818181;
}

.cesium-animation-buttonDisabled .cesium-animation-buttonGlow {
    display: none;
}

.cesium-animation-buttonToggled .cesium-animation-buttonGlow {
    display: block;
    fill: #2E2;
}

.cesium-animation-buttonToggled .cesium-animation-buttonMain {
    stroke: #2E2;
}

.cesium-animation-buttonToggled:hover .cesium-animation-buttonGlow {
    fill: #fff;
}

.cesium-animation-buttonToggled:hover .cesium-animation-buttonMain {
    stroke: #2E2;
}

.cesium-animation-shuttleRingG {
    cursor: pointer;
}

/* Widget will add:
.cesium-animation-shuttleRingG .cesium-animation-shuttleRingSwoosh {
    fill: url(#animation_shuttleRingSwooshGradient);
}

.cesium-animation-shuttleRingG:hover .cesium-animation-shuttleRingSwoosh {
    fill: url(#animation_shuttleRingSwooshHovered);
}
*/

.cesium-animation-shuttleRingPointer {
    /* Widget will add: fill: url(#animation_shuttleRingPointerGradient); */
    cursor: pointer;
}

.cesium-animation-shuttleRingPausePointer {
    /* Widget will add: fill: url(#animation_shuttleRingPointerPaused); */
    cursor: pointer;
}

.cesium-animation-shuttleRingBack {
    fill: #181818;
    fill-opacity: 0.8;
    stroke: #333;
    stroke-width: 1.2;
}

.cesium-animation-shuttleRingSwoosh line {
    stroke: #8AC;
    stroke-width: 3;
    stroke-opacity: 0.2;
    stroke-linecap: round;
}

.cesium-animation-knobOuter {
    /* Widget will add: fill: url(#animation_knobOuter); */
    cursor: pointer;
    stroke: #444;
    stroke-width: 1.2;
}

.cesium-animation-knobInner {
    /* Widget will add: fill: url(#animation_knobInner); */
    cursor: pointer;
}

.cesium-baseLayerPicker-selected {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.cesium-baseLayerPicker-dropDown {
    display: block;
    position: absolute;
    box-sizing: content-box;
    top: auto;
    right: 0;
    width: 320px; /* Includes space needed for scrollbar */
    max-height: 500px;
    margin-top: 5px;
    background-color: rgba(38, 38, 38, 0.75);
    border: 1px solid #444;
    padding: 6px;
    overflow: auto;
    border-radius: 10px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transform: translate(0, -20%);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.2s, opacity 0.2s ease-in, transform 0.2s ease-in;
}

.cesium-baseLayerPicker-dropDown-visible {
    transform: translate(0, 0);
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}

.cesium-baseLayerPicker-sectionTitle {
    display: block;
    font-family: sans-serif;
    font-size: 16pt;
    text-align: left;
    color: #edffff;
    margin-bottom: 4px;
}

.cesium-baseLayerPicker-choices {
    margin-bottom: 5px;
}

.cesium-baseLayerPicker-categoryTitle {
    color: #edffff;
    font-size: 11pt;
}

.cesium-baseLayerPicker-choices {
    display: block;
    border: 1px solid #888;
    border-radius: 5px;
    padding: 5px 0;
}

.cesium-baseLayerPicker-item {
    display: inline-block;
    vertical-align: top;
    margin: 2px 5px;
    width: 64px;
    text-align: center;
    cursor: pointer;
}

.cesium-baseLayerPicker-itemLabel {
    display: block;
    font-family: sans-serif;
    font-size: 8pt;
    text-align: center;
    vertical-align: middle;
    color: #edffff;
    cursor: pointer;
    word-wrap: break-word;
}

.cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemLabel, .cesium-baseLayerPicker-item:focus .cesium-baseLayerPicker-itemLabel {
    text-decoration: underline;
}

.cesium-baseLayerPicker-itemIcon {
    display: inline-block;
    position: relative;
    width: inherit;
    height: auto;
    background-size: 100% 100%;
    border: solid 1px #444;
    border-radius: 9px;
    color: #edffff;
    margin: 0;
    padding: 0;
    cursor: pointer;
    box-sizing: border-box;
}

.cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemIcon {
    border-color: #fff;
    box-shadow: 0 0 8px #fff, 0 0 8px #fff;
}

.cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemLabel {
    color: rgb(189, 236, 248);
}

.cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemIcon {
    border: double 4px rgb(189, 236, 248);
}

.cesium-widget {
    position: relative;
}

.cesium-widget, .cesium-widget canvas {
    width: 100%;
    height: 100%;
    touch-action: none;
}

.cesium-widget-credits {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 10px;
    text-shadow: 0px 0px 2px #000000;
    padding-right: 5px;
}

.cesium-widget-credits a,
.cesium-widget-credits a:visited {
    color: #fff;
}

.cesium-widget-errorPanel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
}

.cesium-widget-errorPanel:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    content: "";
}

.cesium-widget-errorPanel-content {
    width: 75%;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #526F82;
    border-radius: 7px;
    background-color: black;
    color: white;
    font-size: 10pt;
    padding: 1em;
}

.cesium-widget-errorPanel-header {
    font-size: 120%;
    color: #fe4;
}

.cesium-widget-errorPanel-scroll {
    overflow: auto;
    font-family: monospace;
    white-space: pre-wrap;
    padding: 0;
    margin: 10px 0;
}

.cesium-widget-errorPanel-buttonPanel {
    text-align: center;
}

.cesium-cesiumInspector {
    border-radius: 5px;
    transition: width ease-in-out 0.25s;
    background: rgba(48, 51, 54, 0.8);
    border: 1px solid #444;
    color: #edffff;
    display: inline-block;
    position: relative;
    padding: 4px 12px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
}

.cesium-cesiumInspector-button {
    text-align: center;
    font-size: 11pt;
}

.cesium-cesiumInspector-visible .cesium-cesiumInspector-button {
    border-bottom: 1px solid #aaa;
    padding-bottom: 3px;
}

.cesium-cesiumInspector input:enabled, .cesium-cesiumInspector-button {
    cursor: pointer;
}

.cesium-cesiumInspector-visible {
    width: 185px;
    height: auto;
}

.cesium-cesiumInspector-hidden {
    width: 122px;
    height: 17px;
}

.cesium-cesiumInspector-sectionContent {
    max-height: 500px;
}

.cesium-cesiumInspector-section-collapsed .cesium-cesiumInspector-sectionContent {
    max-height: 0;
    padding: 0 !important;
    overflow: hidden;
}

.cesium-cesiumInspector-dropDown {
    margin: 5px 0;
    font-family: sans-serif;
    font-size: 10pt;
    width: 185px;
}

.cesium-cesiumInspector-frustumStatistics {
    padding-left: 10px;
    padding: 5px;
    background-color: rgba(80, 80, 80, 0.75);
}

.cesium-cesiumInspector-pickButton {
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid #444;
    color: #edffff;
    border-radius: 5px;
    padding: 3px 7px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 auto;
}

.cesium-cesiumInspector-pickButton:focus {
    outline: none;
}

.cesium-cesiumInspector-pickButton:active, .cesium-cesiumInspector-pickButtonHighlight {
    color: #000; /* For text buttons */
    background: #adf;
    border-color: #fff;
    box-shadow: 0 0 8px #fff;
}

.cesium-cesiumInspector-center {
    text-align: center;
}

.cesium-cesiumInspector-sectionHeader {
    font-weight: bold;
    font-size: 10pt;
    margin: 0;
    cursor: pointer;
}

.cesium-cesiumInspector-pickSection {
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 3px;
    margin-bottom: 5px;
}

.cesium-cesiumInspector-sectionContent {
    margin-bottom: 10px;
    transition: max-height 0.25s;
}

.cesium-cesiumInspector-tileText {
    padding-bottom: 10px;
    border-bottom: 1px solid #aaa;
}

.cesium-cesiumInspector-relativeText {
    padding-top: 10px;
}

.cesium-cesiumInspector-sectionHeader::before {
    margin-right: 5px;
    content: '-';
    width: 1ch;
    display: inline-block;
}

.cesium-cesiumInspector-section-collapsed .cesium-cesiumInspector-sectionHeader::before {
    content: '+';
}


ul.cesium-cesiumInspector-statistics {
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
}

ul.cesium-cesiumInspector-statistics + ul.cesium-cesiumInspector-statistics {
    border-top: 1px solid #aaa;
}

.cesium-cesiumInspector-slider {
    margin-top: 5px;
}

.cesium-cesiumInspector-slider input[type=number] {
    text-align: left;
    background-color: #222;
    outline: none;
    border: 1px solid #444;
    color: #edffff;
    width: 100px;
    border-radius: 3px;
    padding: 1px;
    margin-left: 10px;
    cursor: auto;
}

.cesium-cesiumInspector-slider input[type=number]::-webkit-outer-spin-button,
.cesium-cesiumInspector-slider input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cesium-cesiumInspector-slider input[type=range] {
    margin-left: 5px;
    vertical-align: middle;
}

.cesium-cesiumInspector-hide .cesium-cesiumInspector-styleEditor {
    display: none;
}

.cesium-cesiumInspector-styleEditor {
    padding: 10px;
    border-radius: 5px;
    background: rgba(48, 51, 54, 0.8);
    border: 1px solid #444;
}

.cesium-cesiumInspector-styleEditor textarea {
    width: 100%;
    height: 300px;
    background: transparent;
    color: #edffff;
    border: none;
    padding: 0;
    white-space: pre;
    overflow-wrap: normal;
    overflow-x: auto;
}

.cesium-3DTilesInspector {
    width: 300px;
    pointer-events: all;
}

.cesium-3DTilesInspector-statistics {
    font-size: 11px;
}

.cesium-3DTilesInspector div, .cesium-3DTilesInspector input[type=range] {
    width: 100%;
    box-sizing: border-box;
}

.cesium-cesiumInspector-error {
    color: #ff9e9e;
    overflow: auto;
}

.cesium-3DTilesInspector .cesium-cesiumInspector-section {
    margin-top: 3px;
}

.cesium-3DTilesInspector .cesium-cesiumInspector-sectionHeader + .cesium-cesiumInspector-show {
    border-top: 1px solid white;
}

input.cesium-cesiumInspector-url {
    overflow: hidden;
    white-space: nowrap;
    overflow-x: scroll;
    background-color: transparent;
    color: white;
    outline: none;
    border: none;
    height: 1em;
    width: 100%;
}

.cesium-cesiumInspector .field-group {
    display: table;
}

.cesium-cesiumInspector .field-group > label {
    display: table-cell;
    font-weight: bold;
}

.cesium-cesiumInspector .field-group > .field {
    display: table-cell;
    width: 100%;
}

.cesium-button.cesium-fullscreenButton {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0;
}

.cesium-button.cesium-vrButton {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0;
}

.cesium-viewer-geocoderContainer .cesium-geocoder-input {
    border: solid 1px #444;
    background-color: rgba(40, 40, 40, 0.7);
    color: white;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 32px;
    margin: 0;
    padding: 0 32px 0 0;
    border-radius: 0;
    box-sizing: border-box;
    transition: width ease-in-out 0.25s, background-color 0.2s ease-in-out;
    -webkit-appearance: none;
}

.cesium-viewer-geocoderContainer:hover .cesium-geocoder-input {
    border-color: #aef;
    box-shadow: 0 0 8px #fff;
}

.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus {
    border-color: #ea4;
    background-color: rgba(15, 15, 15, 0.9);
    box-shadow: none;
    outline: none;
}

.cesium-viewer-geocoderContainer:hover .cesium-geocoder-input,
.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus,
.cesium-viewer-geocoderContainer .cesium-geocoder-input-wide {
    padding-left: 4px;
    width: 250px;
}

.cesium-viewer-geocoderContainer .search-results {
    position: absolute;
    background-color: #000;
    color: #eee;
    overflow-y: auto;
    opacity: 0.8;
    width: 100%;
}

.cesium-viewer-geocoderContainer .search-results ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.cesium-viewer-geocoderContainer .search-results ul li {
    font-size: 14px;
    padding: 3px 10px;
}
.cesium-viewer-geocoderContainer .search-results ul li:hover {
    cursor: pointer;
}

.cesium-viewer-geocoderContainer .search-results ul li.active {
    background: #48b;
}

.cesium-geocoder-searchButton {
    background-color: #303336;
    display: inline-block;
    position: absolute;
    cursor: pointer;
    width: 32px;
    top: 1px;
    right: 1px;
    height: 30px;
    vertical-align: middle;
    fill: #edffff;
}

.cesium-geocoder-searchButton:hover {
    background-color: #48b;
}

.cesium-infoBox {
    display: block;
    position: absolute;
    top: 50px;
    right: 0;
    width: 40%;
    max-width: 480px;
    background: rgba(38, 38, 38, 0.95);
    color: #edffff;
    border: 1px solid #444;
    border-right: none;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    box-shadow: 0 0 10px 1px #000;
    transform: translate(100%, 0);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.2s, opacity 0.2s ease-in, transform 0.2s ease-in;
}

.cesium-infoBox-visible {
    transform: translate(0, 0);
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}

.cesium-infoBox-title {
    display: block;
    height: 20px;
    padding: 5px 30px 5px 25px;
    background: rgba(84, 84, 84, 1.0);
    border-top-left-radius: 7px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: content-box;
}

.cesium-infoBox-bodyless .cesium-infoBox-title {
    border-bottom-left-radius: 7px;
}

button.cesium-infoBox-camera {
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 22px;
    height: 22px;
    background: transparent;
    border-color: transparent;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0;
}

button.cesium-infoBox-close {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 20px;
    background: transparent;
    border: none;
    border-radius: 2px;
    font-weight: bold;
    font-size: 16px;
    padding: 0 5px;
    margin: 0;
    color: #edffff;
}

button.cesium-infoBox-close:focus {
    background: rgba(238, 136, 0, 0.44);
    outline: none;
}

button.cesium-infoBox-close:hover {
    background: #888;
    color: #000;
}

button.cesium-infoBox-close:active {
    background: #a00;
    color: #000;
}

.cesium-infoBox-bodyless .cesium-infoBox-iframe {
    display: none;
}

.cesium-infoBox-iframe {
    border: none;
    width: 100%; /* Fallback */
    width: calc(100% - 2px);
}

span.cesium-sceneModePicker-wrapper {
    display: inline-block;
    position: relative;
    margin: 0 3px;
}

.cesium-sceneModePicker-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.25s linear;
}

.cesium-sceneModePicker-hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.25s, opacity 0.25s linear;
}

.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-none {
    display: none;
}

.cesium-sceneModePicker-slide-svg {
    transition: left 2s;
    top: 0;
    left: 0;
}

.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
    box-sizing: border-box;
    padding: 0;
    margin: 3px 0;
}

.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D,
.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView,
.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D {
    margin: 0 0 3px 0;
}

.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-icon2D {
    left: 100%;
}

.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-iconColumbusView {
    left: 200%;
}

.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon3D {
    left: -200%;
}

.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon2D {
    left: -100%;
}

.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-icon3D {
    left: -100%;
}

.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-iconColumbusView {
    left: 100%;
}

.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-selected {
    border-color: #2e2;
    box-shadow: 0 0 8px #fff, 0 0 8px #fff;
}

span.cesium-projectionPicker-wrapper {
    display: inline-block;
    position: relative;
    margin: 0 3px;
}

.cesium-projectionPicker-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.25s linear;
}

.cesium-projectionPicker-hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.25s, opacity 0.25s linear;
}

.cesium-projectionPicker-wrapper .cesium-projectionPicker-none {
    display: none;
}

.cesium-projectionPicker-wrapper .cesium-projectionPicker-dropDown-icon {
    box-sizing: border-box;
    padding: 0;
    margin: 3px 0;
}

.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective,
.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic {
    margin: 0 0 3px 0;
}

.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective .cesium-projectionPicker-iconOrthographic {
    left: 100%;
}

.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic .cesium-projectionPicker-iconPerspective {
    left: -100%;
}

.cesium-projectionPicker-wrapper .cesium-projectionPicker-selected {
    border-color: #2e2;
    box-shadow: 0 0 8px #fff, 0 0 8px #fff;
}

.cesium-performance-watchdog-message-area {
    position: relative;
    background-color: yellow;
    color: black;
    padding: 10px;
}

.cesium-performance-watchdog-message {
    margin-right: 30px;
}

.cesium-performance-watchdog-message-dismiss {
    position: absolute;
    right: 0;
    margin: 0 10px 0 0;
}

.cesium-navigationHelpButton-wrapper {
    position: relative;
    display: inline-block;
}

.cesium-navigation-help {
    visibility: hidden;
    position: absolute;
    top: 38px;
    right: 2px;
    width: 250px;
    border-radius: 10px;
    transform: scale(0.01);
    transform-origin: 234px -10px;
    transition: visibility 0s 0.25s, transform 0.25s ease-in;
}

.cesium-navigation-help-visible {
    visibility: visible;
    transform: scale(1);
    transition: transform 0.25s ease-out;
}

.cesium-navigation-help-instructions {
    border: 1px solid #444;
    background-color: rgba(38, 38, 38, 0.75);
    padding-bottom: 5px;
    border-radius: 0 0 10px 10px;
}

.cesium-click-navigation-help {
    display: none;
}

.cesium-touch-navigation-help {
    display: none;
    padding-top: 5px;
}

.cesium-click-navigation-help-visible {
    display: block;
}

.cesium-touch-navigation-help-visible {
    display: block;
}

.cesium-navigation-help-pan {
    color: #66ccff;
    font-weight: bold;
}

.cesium-navigation-help-zoom {
    color: #65fd00;
    font-weight: bold;
}

.cesium-navigation-help-rotate {
    color: #ffd800;
    font-weight: bold;
}

.cesium-navigation-help-tilt {
    color: #d800d8;
    font-weight: bold;
}

.cesium-navigation-help-details {
    color: #ffffff;
}

.cesium-navigation-button {
    color: #fff;
    background-color: transparent;
    border-bottom: none;
    border-top: 1px solid #444;
    border-right: 1px solid #444;
    margin: 0;
    width: 50%;
    cursor: pointer;
}

.cesium-navigation-button-icon {
    vertical-align: middle;
    padding: 5px 1px;
}

.cesium-navigation-button:focus {
    outline: none;
}

.cesium-navigation-button-left {
    border-radius: 10px 0 0 0;
    border-left: 1px solid #444;
}

.cesium-navigation-button-right {
    border-radius: 0 10px 0 0;
    border-left: none;
}

.cesium-navigation-button-selected {
    background-color: rgba(38, 38, 38, 0.75);
}

.cesium-navigation-button-unselected {
    background-color: rgba(0, 0, 0, 0.75);
}

.cesium-navigation-button-unselected:hover {
    background-color: rgba(76, 76, 76, 0.75);
}

.cesium-selection-wrapper {
    position: absolute;
    width: 160px;
    height: 160px;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.2s, opacity 0.2s ease-in;
}

.cesium-selection-wrapper-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease-out;
}

.cesium-selection-wrapper svg {
    fill: #2e2;
    stroke: #000;
    stroke-width: 1.1px;
}

.cesium-timeline-main {
	position: relative;
	left: 0;
	bottom: 0;
	overflow: hidden;
	border: solid 1px #888;
}

.cesium-timeline-trackContainer {
	width: 100%;
	overflow: auto;
	border-top: solid 1px #888;
	position: relative;
	top: 0;
	left: 0;
}

.cesium-timeline-tracks {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.cesium-timeline-needle {
	position: absolute;
	left: 0;
	top: 1.7em;
	bottom: 0;
	width: 1px;
	background: #F00;
}

.cesium-timeline-bar {
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: 1.7em;
    background: linear-gradient(to bottom, rgba(116,117,119,0.8) 0%,rgba(58,68,82,0.8) 11%,rgba(46,50,56,0.8) 46%,rgba(53,53,53,0.8) 81%,rgba(53,53,53,0.8) 100%);
}

.cesium-timeline-ruler {
	/* NOTE: The label and the ruler must use the same font/size */
	visibility: hidden;
	white-space: nowrap;
	font-size: 80%;
	z-index: -200;
}

.cesium-timeline-highlight {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #08F;
}

.cesium-timeline-ticLabel {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    font-size: 80%;
    color: #eee;
}

.cesium-timeline-ticMain {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 50%;
    background: #eee;
}

.cesium-timeline-ticSub {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 33%;
    background: #aaa;
}

.cesium-timeline-ticTiny {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 25%;
	background: #888;
}

.cesium-timeline-icon16 {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url(images/TimelineIcons.png?487661867eb05c0d93589649c30df8a1);
	background-repeat: no-repeat;
}

.cesium-viewer {
    font-family: sans-serif;
    font-size: 16px;
    overflow: hidden;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cesium-viewer-cesiumWidgetContainer {
    width: 100%;
    height: 100%;
}

.cesium-viewer-bottom {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-right: 5px;
}

.cesium-viewer .cesium-widget-credits {
    display: inline;
    position: static;
    bottom: auto;
    left: auto;
    padding-right: 0;
    color: #ffffff;
    font-size: 10px;
    text-shadow: 0 0 2px #000000;
}

.cesium-viewer-timelineContainer {
    position: absolute;
    bottom: 0;
    left: 169px;
    right: 29px;
    height: 27px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    font-size: 14px;
}

.cesium-viewer-animationContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    width: 169px;
    height: 112px;
}

.cesium-viewer-fullscreenContainer {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0;
    width: 29px;
    height: 29px;
    overflow: hidden;
}

.cesium-viewer-vrContainer {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0;
    width: 29px;
    height: 29px;
    overflow: hidden;
}

.cesium-viewer-toolbar {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
}

.cesium-viewer-cesiumInspectorContainer {
    display: block;
    position: absolute;
    top: 50px;
    right: 10px;
}

.cesium-viewer-geocoderContainer {
    position: relative;
    display: inline-block;
    margin: 0 3px;
}

.cesium-viewer-cesium3DTilesInspectorContainer {
    display: block;
    position: absolute;
    top: 50px;
    right: 10px;
    max-height: calc(100% - 120px);
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
}