@charset "UTF-8";
/***********************************************
    fcoo-colors.scss,

    (c) 2023, FCOO

    https://github.com/fcoo/fcoo-colors
    https://github.com/fcoo


************************************************/
/***********************************************************************

leaflet-bootstrap-marker-mixin.scss

*************************************************************************/
/***********************************************************************
marker-circle-color
Create style for bsMarkerCircle in different colors
*************************************************************************/
/***********************************************************************
lbm-circle-and-icon-classes
Create class for bsMarkerCircle named $name with color and color-border
*************************************************************************/
/***********************************************************************
lbm-marker-and-icon-classes
Create class for bsMarkerCircle named $name with color and color-border
*************************************************************************/
/***********************************************************************
fa-lbm-color
Create class for color and border-color used by L.bsMarkerAsIcon (and $.bsMarkerAsIcon)
to create fa-icon looking like the marker
*************************************************************************/
/***********************************************
    _leaflet-polyline-mixin.scss

	(c) 2018, FCOO

	https://github.com/FCOO/leaflet-polyline
	https://github.com/FCOO

************************************************/
/**********************************************************
	fcoo-colors-variables.scss,

	https://github.com/FCOO/fcoo-colors
	https://github.com/FCOO
**********************************************************/
/**********************************************************
The color scheme is from LinkedIn and shown in linkedin-palette-screen.pdf
**********************************************************/
/**********************************************************
Color for time = tree colors for the past, now, and the future
**********************************************************/
/**********************************************************
Application color
Defaults is = DALO color in "Forsvarsministeriets koncernfælles Designmanual 2018"
Can be changed by mixin application-base-color( new-color )
in src/_fcoo-color-mixin.scss
**********************************************************/
/**********************************************************
Environmental colors
Defines a number of colors and $-variables for different
parts of the environmental. Eq sky, cloud, sea etc.
**********************************************************/
/**********************************************************
    fcoo-colors-mixin.scss

	https://github.com/FCOO/fcoo-colors
	https://github.com/FCOO

**********************************************************/
/**********************************************************
Functions to get colors in different (relative) gradients
**********************************************************/
/**********************************************************
marker-and-polygon-color
create color-classes for bsMarker and bsPolyline
**********************************************************/
/**********************************************************
Application color
Defaults is = DALO color in "Forsvarsministeriets koncernfælles Designmanual 2018"
Can be changed by mixin application-base-color( new-color )
**********************************************************/
/**********************************************************
Color for time = tree colors for the past, now, and the future
**********************************************************/
:root {
  --fc-time-past-color: #EADCC1;
  --fc-time-past-text-color: #000;
  --fc-time-now-color: #BDD9BF;
  --fc-time-now-text-color: #000;
  --fc-time-future-color: #94B5C2;
  --fc-time-future-text-color: #000;
}

.time-past-text-color {
  color: var(--fc-time-past-text-color);
}

.time-past-color {
  background-color: var(--fc-time-past-color);
}

.time-now-text-color {
  color: var(--fc-time-now-text-color);
}

.time-now-color {
  background-color: var(--fc-time-now-color);
}

.time-future-text-color {
  color: var(--fc-time-future-text-color);
}

.time-future-color {
  background-color: var(--fc-time-future-color);
}

/**********************************************************
Application color
Defaults is = DALO color in "Forsvarsministeriets koncernfælles Designmanual 2018"
Can be changed by mixin application-base-color( new-color )
in src/_fcoo-color-mixin.scss
**********************************************************/
:root {
  --_fcoo-default-app-base-color: #3f5b58;
  --fcoo-app-base-color: var(--_fcoo-app-base-color, var(--_fcoo-default-app-base-color));
  --_fcoo-default-app-base-text-color: #ffffff;
  --fcoo-app-base-text-color: var(--_fcoo-app-base-text-color, var(--_fcoo-default-app-base-text-color));
}

.fcoo-app-base-text-color {
  color: var(--fcoo-app-base-text-color);
}

.fcoo-app-base-color {
  background-color: var(--fcoo-app-base-color);
}

/**********************************************************
Environmental color
**********************************************************/
:root {
  --fcoo-env-space-color: #28161C;
  --fcoo-env-sky-color: #50B8E7;
  --fcoo-env-cloud-color: #DDE7EE;
  --fcoo-env-sea-color: #046997;
  --fcoo-env-ice-color: #BAF2EF;
  --fcoo-env-snow-color: #FFFAFA;
  --fcoo-env-land-color: #4E341D;
  --fcoo-env-seabed-color: #351B04;
}

.fcoo-env-space-text-color {
  color: var(--fcoo-env-space-color);
}

.fcoo-env-space-color {
  background-color: var(--fcoo-env-space-color);
}

.fcoo-env-sky-text-color {
  color: var(--fcoo-env-sky-color);
}

.fcoo-env-sky-color {
  background-color: var(--fcoo-env-sky-color);
}

.fcoo-env-cloud-text-color {
  color: var(--fcoo-env-cloud-color);
}

.fcoo-env-cloud-color {
  background-color: var(--fcoo-env-cloud-color);
}

.fcoo-env-sea-text-color {
  color: var(--fcoo-env-sea-color);
}

.fcoo-env-sea-color {
  background-color: var(--fcoo-env-sea-color);
}

.fcoo-env-ice-text-color {
  color: var(--fcoo-env-ice-color);
}

.fcoo-env-ice-color {
  background-color: var(--fcoo-env-ice-color);
}

.fcoo-env-snow-text-color {
  color: var(--fcoo-env-snow-color);
}

.fcoo-env-snow-color {
  background-color: var(--fcoo-env-snow-color);
}

.fcoo-env-land-text-color {
  color: var(--fcoo-env-land-color);
}

.fcoo-env-land-color {
  background-color: var(--fcoo-env-land-color);
}

.fcoo-env-seabed-text-color {
  color: var(--fcoo-env-seabed-color);
}

.fcoo-env-seabed-color {
  background-color: var(--fcoo-env-seabed-color);
}