@font-face {
	font-family: 'Inconsolata';
	src: url("/fonts/Inconsolata-Regular.woff2") format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Exo 2';
	src: url("/fonts/Exo2-Regular.woff2") format('woff'); 
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Exo 2-Bold';
	src: url("/fonts/Exo2-Bold.woff2") format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* ---------------------------------------------------------------------------
   DESIGN TOKENS
   ---------------------------------------------------------------------------
   Every colour in every stylesheet resolves through one of these tokens; no
   stylesheet contains a raw colour literal any more. css_main is always loaded
   first, so this block is the single place where the palette is defined.

   Naming:  --<role>-<family>-<level>
     role    bg | text | border | shadow | overlay
             The role is deliberately part of the name: the same light-mode
             colour often has to move in *opposite* directions in dark mode
             (black text -> near-white, a black border -> mid-grey, a black
             shadow -> still black), so each role needs its own token.
     family  neutral, surface (tinted panels/rows), brand, and the status
             families danger / success / warning / caution / info, plus
             cal-* for the booking-calendar categories and a few accents.
     level   1 = lightest, ascending to the darkest, consistently for every
             role. Levels denote emphasis rank, which is preserved across
             themes, not a fixed lightness.
     -aNN    translucent variants; NN is the alpha percentage.

   The dark theme at the bottom of this file overrides these same names, so
   adding or renaming a token here means doing the same there.
   --------------------------------------------------------------------------- */
:root,
[data-theme="light"] {
	color-scheme: light;

	/* Brand */
	--bg-brand-dark:#002959;              /* 8 */
	--bg-brand:#336699;                   /* 20 */
	--border-brand-dark:#002959;          /* 7 */
	--border-brand:#336699;               /* 10 */
	--text-brand-dark:#002959;            /* 17 */
	--text-brand:#336699;                 /* 16 */
	--text-brand-accent:#336699;          /* 1 - same color as a --bg-brand button, as text */

	/* Neutrals */
	--bg-neutral-1:#ffffff;               /* 98 */
	--bg-neutral-2:#f5fff5;               /* 1 */
	--bg-neutral-3:#fafaff;               /* 12 */
	--bg-neutral-4:#f9f9f9;               /* 1 */
	--bg-neutral-5:#f5f5ff;               /* 19 */
	--bg-neutral-6:#f5f5f5;               /* 13 */
	--bg-neutral-7:#f0f0f4;               /* 2 */
	--bg-neutral-8:#eeeeee;               /* 23 */
	--bg-neutral-9:#eaeaea;               /* 4 */
	--bg-neutral-10:#e4e4e4;              /* 1 */
	--bg-neutral-11:#dddddd;              /* 7 */
	--bg-neutral-12:#cccccc;              /* 2 */
	--bg-neutral-13:#c4c8cb;              /* 5 */
	--bg-neutral-14:#c0c0c0;              /* 8 */
	--bg-neutral-15:#bbbbbb;              /* 3 */
	--bg-neutral-16:#969696;              /* 1 */
	--bg-neutral-17:#111111;              /* 1 */
	--border-neutral-1:#ffffff;           /* 13 */
	--border-neutral-2:#eeeeee;           /* 26 */
	--border-neutral-3:#dddddd;           /* 20 */
	--border-neutral-4:#c0c0c0;           /* 57 */
	--border-neutral-5:#aaaaaa;           /* 24 */
	--border-neutral-6:#999999;           /* 6 */
	--border-neutral-7:#808080;           /* 24 */
	--border-neutral-8:#666666;           /* 8 */
	--border-neutral-9:#555555;           /* 10 */
	--border-neutral-10:#444444;          /* 5 */
	--border-neutral-11:#333333;          /* 5 */
	--border-neutral-12:#000000;          /* 64 */
	--text-neutral-1:#ffffff;             /* 74 */
	--text-neutral-2:#eeeeee;             /* 1 */
	--text-neutral-3:#dddddd;             /* 3 */
	--text-neutral-4:#c0c0c0;             /* 17 */
	--text-neutral-5:#aaaaaa;             /* 12 */
	--text-neutral-6:#999999;             /* 2 */
	--text-neutral-7:#808080;             /* 36 */
	--text-neutral-8:#666666;             /* 4 */
	--text-neutral-9:#555555;             /* 21 */
	--text-neutral-10:#444444;            /* 3 */
	--text-neutral-11:#333333;            /* 10 */
	--text-neutral-12:#222222;            /* 8 */
	--text-neutral-13:#000000;            /* 70 */

	/* Tinted surfaces (panels, table rows) */
	--bg-surface-1:#f0f0ff;               /* 17 */
	--bg-surface-2:#e7f1ff;               /* 1 */
	--bg-surface-3:#eaeaff;               /* 2 */
	--text-surface:#333344;               /* 1 */

	/* Status: danger / error */
	--bg-danger-1:#ffeeee;                /* 2 */
	--bg-danger-2:#ffe2e2;                /* 1 */
	--bg-danger-3:#f9dbdc;                /* 4 */
	--bg-danger-4:#ffbbbb;                /* 3 */
	--bg-danger-5:#ff6666;                /* 2 */
	--bg-danger-6:#dd3333;                /* 1 */
	--bg-danger-7:#cc3333;                /* 6 */
	--bg-danger-8:#cd272c;                /* 1 */
	--bg-danger-9:#ff0000;                /* 8 */
	--bg-danger-10:#cc1515;               /* 1 */
	--bg-danger-11:#cc0000;               /* 1 */
	--border-danger-1:#ee5555;            /* 1 */
	--border-danger-2:#907070;            /* 1 */
	--border-danger-3:#cd272c;            /* 4 */
	--border-danger-4:#ff0000;            /* 5 */
	--border-danger-5:#aa0000;            /* 1 */
	--border-danger-6:#771111;            /* 1 */
	--text-danger-1:#fff0f0;              /* 1 */
	--text-danger-2:#ae7878;              /* 1 */
	--text-danger-3:#cd272c;              /* 16 */
	--text-danger-4:#ff0000;              /* 40 */
	--text-danger-5:#b31818;              /* 2 */
	--text-danger-6:#b50000;              /* 3 */
	--text-danger-7:#820000;              /* 1 */

	/* Status: success / ok */
	--bg-success-1:#f2fff2;               /* 1 */
	--bg-success-2:#ddffdd;               /* 1 */
	--bg-success-3:#dbfada;               /* 4 */
	--bg-success-4:#cceecc;               /* 1 */
	--bg-success-5:#a2e6b8;               /* 1 */
	--bg-success-6:#89f574;               /* 1 */
	--bg-success-7:#44aa44;               /* 1 */
	--bg-success-8:#339933;               /* 3 */
	--bg-success-9:#229922;               /* 1 */
	--bg-success-10:#117711;              /* 2 */
	--bg-success-11:#008000;              /* 2 */
	--border-success-a92:rgba(37,133,37, 0.918);      /* 1 */
	--border-success-1:#00ff00;           /* 1 */
	--border-success-2:#55bb55;           /* 1 */
	--border-success-3:#249e21;           /* 2 */
	--border-success-4:#117711;           /* 1 */
	--border-success-5:#008000;           /* 1 */
	--text-success-1:#249e21;             /* 5 */
	--text-success-2:#00b400;             /* 3 */
	--text-success-3:#008000;             /* 12 */
	--text-success-4:#1f691b;             /* 1 */
	--text-success-5:#006400;             /* 2 */

	/* Status: warning / highlight */
	--bg-warning-1:#ffffee;               /* 4 */
	--bg-warning-2:#ffffdd;               /* 7 */
	--bg-warning-3:#fffdd7;               /* 4 */
	--bg-warning-4:#ffffcc;               /* 2 */
	--bg-warning-5:#ffffbb;               /* 5 */
	--bg-warning-6:#ffff77;               /* 2 */
	--bg-warning-7:#faf285;               /* 1 */
	--bg-warning-8:#eeee99;               /* 1 */
	--bg-warning-9:#ffff00;               /* 1 */
	--bg-warning-10:#eeee33;              /* 1 */
	--bg-warning-11:#f2e166;              /* 1 */
	--border-warning-1:#e0e3b9;           /* 3 */
	--border-warning-2:#d9e259;           /* 1 */
	--text-warning-1:#d9e259;             /* 1 */
	--text-warning-2:#f5cd52;             /* 1 */

	/* Status: caution / orange */
	--border-caution-1:#ffbb44;           /* 2 */
	--border-caution-2:#ff9966;           /* 1 */
	--border-caution-3:#ffa500;           /* 1 */
	--text-caution-1:#ffa500;             /* 1 */
	--text-caution-2:#d09500;             /* 2 */

	/* Status: info / blue */
	--bg-info-1:#d0e0f0;                  /* 1 */
	--bg-info-2:#ceddff;                  /* 1 */
	--bg-info-3:#d7d7ff;                  /* 1 */
	--bg-info-4:#c6d9ec;                  /* 1 */
	--bg-info-5:#ccccff;                  /* 3 */
	--bg-info-6:#b9b4ff;                  /* 1 */
	--bg-info-7:#aabbee;                  /* 1 */
	--bg-info-8:#4986c2;                  /* 2 */
	--border-info-1:#ddeeff;              /* 1 */
	--border-info-2:#d0d0ee;              /* 3 */
	--border-info-3:#aaaadd;              /* 1 */
	--border-info-4:#6699cc;              /* 1 */
	--border-info-5:#8080cc;              /* 1 */
	--border-info-6:#5588bb;              /* 3 */
	--border-info-7:#5555bb;              /* 2 */
	--text-info-a73:rgba(51,102,153, 0.7333);   /* 4 */
	--text-info-1:#c6d9ec;                /* 1 */
	--text-info-2:#4986c2;                /* 1 */
	--text-info-3:#6666aa;                /* 1 */
	--text-info-5:#55587c;                /* 2 */
	--text-info-6:#3143c4;                /* 1 */
	--text-info-7:#404090;                /* 1 */
	--text-info-8:#404066;                /* 2 */
	--text-info-9:#1d4197;                /* 2 */
	--text-info-10:#3030a0;               /* 1 */
	--text-info-11:#1b3652;               /* 1 */
	--text-info-12:#222288;               /* 1 */
	--text-info-14:#0000ff;               /* 2 */
	--text-info-15:#111166;               /* 3 */
	--text-info-16:#0000cc;               /* 1 */
	--text-info-17:#000077;               /* 5 */
	--text-info-18:#000055;               /* 1 */
	--text-info-19:#000033;               /* 7 */

	/* Accent: cyan */
	--bg-cyan:#00ffff;                    /* 1 */
	--border-cyan:#008296;                /* 1 */
	--text-cyan:#057f65;                  /* 1 */

	/* Accent: purple */
	--text-purple:#a3238e;                /* 1 */

	/* Booking calendar categories */
	--bg-cal-cyan:#44eeee;                /* 2 */
	--bg-cal-danger-1:#ffdddd;            /* 1 */
	--bg-cal-danger-2:#daafb0;            /* 1 */
	--bg-cal-danger-3:#dd8c8e;            /* 1 */
	--bg-cal-danger-4:#dd8888;            /* 2 */
	--bg-cal-danger-5:#dd5555;            /* 3 */
	--bg-cal-danger-6:#bb4040;            /* 1 */
	--bg-cal-danger-7:#a85a5d;            /* 1 */
	--bg-cal-danger-8:#c88587;            /* 1 */
	--bg-cal-info-1:#ddddff;              /* 2 */
	--bg-cal-info-2:#ccccee;              /* 1 */
	--bg-cal-info-3:#b0c4d9;              /* 1 */
	--bg-cal-info-4:#9bb3ce;              /* 1 */
	--bg-cal-info-5:#88aaff;              /* 2 */
	--bg-cal-info-6:#8899ee;              /* 2 */
	--bg-cal-info-7:#556699;              /* 5 */
	--bg-cal-purple-1:#ffaaff;            /* 2 */
	--bg-cal-purple-4:#dd88dd;            /* 2 */
	--bg-cal-purple-5:#885588;            /* 5 */
	--bg-cal-success-1:#ccffcc;           /* 1 */
	--bg-cal-success-2:#33dd33;           /* 4 */
	--bg-cal-success-3:#44cc44;           /* 2 */
	--bg-cal-success-4:#22cc22;           /* 1 */
	--bg-cal-success-5:#559955;           /* 7 */
	--bg-cal-success-6:#448844;           /* 1 */
	--bg-cal-warning-1:#ffffe0;           /* 1 */
	--bg-cal-warning-2:#ffffaa;           /* 1 */
	--bg-cal-warning-3:#ffff88;           /* 1 */
	--bg-cal-warning-4:#eeee55;           /* 2 */
	--bg-cal-warning-5:#eeee44;           /* 2 */
	--bg-cal-warning-6:#cccc44;           /* 3 */
	--bg-cal-warning-7:#aaaa44;           /* 5 */
	--border-cal-danger-1:#d7484b;        /* 1 */
	--border-cal-danger-2:#aa1111;        /* 1 */
	--border-cal-danger-3:#cd272c;        /* 3 */
	--border-cal-info-1:#aaaacc;          /* 1 */
	--border-cal-info-2:#698db6;          /* 1 */
	--border-cal-info-3:#445588;          /* 1 */
	--border-cal-neutral:#909a90;         /* 6 */
	--border-cal-purple:#774477;          /* 1 */
	--border-cal-success:#337733;         /* 2 */
	--border-cal-warning:#999933;         /* 1 */
	--text-cal-danger:#530002;            /* 1 */
	--text-cal-info-1:#4d739d;            /* 1 */
	--text-cal-info-2:#111144;            /* 1 */
	--text-cal-warning:#dfd500;           /* 1 */

	/* Shadows */
	--shadow-danger-a50:rgba(220,0,0, .5);/* 2 */
	--shadow-dark-a15:rgba(0,0,0, 0.15);  /* 1 */
	--shadow-dark-a20:rgba(0,0,0, 0.2);   /* 2 */
	--shadow-dark-a5:rgba(0,0,0, 0.05);   /* 1 */
	--shadow-dark-a50:rgba(0,0,0, .5);    /* 3 */
	--shadow-info-a20:rgba(149,157,165, 0.2);   /* 2 */
	--shadow-light-a40:rgba(255,255,255, .4);   /* 1 */
	--shadow-light-a48:rgba(255,255,255, 0.4784);       /* 1 */
	--shadow-light-a50:rgba(210,220,220, .5);   /* 3 */
	--shadow-success-a50:rgba(0,220,0, .5); /* 2 */
	--shadow-teal-a50:rgba(100,120,120, .5);  /* 2 */
	--shadow-1:#f0f0f0;                   /* 2 */
	--shadow-2:#cccccc;                   /* 13 */
	--shadow-3:#bbbbbb;                   /* 10 */
	--shadow-4:#aaaaaa;                   /* 19 */
	--shadow-5:#888888;                   /* 6 */
	--shadow-6:#777777;                   /* 2 */
	--shadow-7:#666666;                   /* 1 */
	--shadow-8:#555555;                   /* 5 */
	--shadow-9:#000000;                   /* 15 */

	/* Translucent overlays */
	--overlay-info-a16:rgba(51,102,153, 0.1647);      /* 3 */
	--overlay-info-a20-1:rgba(185,180,255, 0.2);      /* 1 */
	--overlay-info-a20-2:rgba(59,83,148, 0.2);    /* 1 */
	--overlay-info-a20-3:rgba(195,204,255, 0.2);      /* 1 */
	--overlay-info-a6:rgba(51,102,153, 0.0588);     /* 1 */
	--overlay-light-a10:rgba(255,255,255, 0.1);     /* 1 */
	--overlay-light-a20:rgba(255,255,255, 0.2);     /* 1 */
	--overlay-success-a84:rgba(37,133,37, 0.842);       /* 1 */

	/* Other */
	--border-dark-a16:rgba(0,0,0, 0.16);  /* 1 */

	/* Page */
	--bg-page:#ffffff;
	--bg-headline-divider:#f4f4f4;
	--logo-filter:none;
	--home-image-filter:none;
}

/* The page surface itself. In the light theme these are the browser defaults,
   written out explicitly so the dark theme has something to override. */
body {
	background-color:var(--bg-page);
	color:var(--text-neutral-13);
}

/* The myWebLog logo is dark ink on transparency, so it loses its edges against a
   dark surface. drop-shadow follows the alpha channel, unlike box-shadow, so the
   halo hugs the letterforms rather than the image box. --logo-filter is none in
   the light theme, so this costs nothing there. Club logos keep their own look. */
img.mwlLogo {
	filter:var(--logo-filter);
}

/* Product pictures on home.php: a faint white glow in the dark theme softens
   their transparent edges. none in the light theme. */
img.homeImage {
	filter:var(--home-image-filter);
}


/* Fade-out of the popup notifications (.fadeAway4 / .fadeAway6). They keep their
   z-index above the menus while fading, and are hidden at the end so the invisible
   popup does not block clicks on the menu. */
@keyframes userXfer{
    from {opacity :1;transform:translateY(0);visibility:visible;}
    to {opacity :0;transform:translateY(-40px);visibility:hidden;}
}

@-webkit-keyframes userXfer{
    from {opacity :1;-webkit-transform:translateY(0);visibility:visible;}
    to {opacity :0;-webkit-transform:translateY(-40px);visibility:hidden;}
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
/* Exceptions */
div.exception
{
	padding:15px;
	border:1px solid var(--border-danger-4);
	background:var(--bg-warning-5);
	color:var(--text-neutral-13);
	width:600px;
	max-width:90vw;
	margin:auto;
	margin-top:30px;
	margin-bottom:20px;
	box-shadow: 0px 3px 4px -1px var(--shadow-2);
}


div.eDebug
{
	padding:15px;
	border:1px dashed var(--border-danger-4);
	background:var(--bg-neutral-1);
	color:var(--text-neutral-13);
	width:600px;
	max-width:90vw;
	margin:auto;
	margin-top:30px;
	box-shadow: 0px 3px 4px -1px var(--shadow-2);
}

div.exception h1
{
	color:var(--text-danger-4);
	font-size:1.3em;
	text-align:center;
	margin-bottom:20px;
}
div.exception p
{
	text-align:center;
}
div.exception p.eMessage
{
	font-weight:bold;
}
/*
	TABLES
*/


#refTable
{
	border-collapse:collapse;
}
#refTable tr
{
	height:40px;
}
#refTable td
{
	border-bottom:1px solid var(--border-neutral-2);
	padding:5px;
}
#refTable td:first-of-type
{
	padding-top:7px;
}

#refTable td:nth-of-type(2)
{
	padding-left:15px;
	padding-right:60px;
}
td.refHidden
{
	color:var(--text-neutral-3);
	font-style:italic;
}
#docsTable
{
	width:100%;
	border-collapse:collapse;
}
#docsTable tr
{
	height:50px;
}
#docsTable tr:last-child td
{
	border-bottom:none;
}
#docsTable td
{
	border-bottom:1px solid var(--border-neutral-2);
	padding:5px;
}

div.tblView2
{
	margin:auto;
	width:100%;
	text-align:left;
	border:none;
  box-sizing: border-box;
  font-size:1.1em;
}
div.tblView2 > h1
{
	margin-top:2em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	padding-left:5px;
	font-size:1.2em;
	letter-spacing: 0.1em;
	background-color: var(--bg-neutral-6);
}
div.tblView2 table
{
	width:100%;
	border:none;
	border-collapse: collapse;
	
}
div.tblView2 table th
{ 
	color:var(--text-brand-dark);
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid var(--border-brand);
	font-family:"Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
	font-size:0.9em;
	padding:5px;
}

div.tblView2 table tr:first-of-type:hover
{ 
	background-color:var(--bg-neutral-1);
	cursor:default;
}
div.tblView2 table tr
{ 
	height:40px;
}
div.tblView2 table tr:first-of-type
{ 
	height:20px;
}
div.tblView2 table tr:hover
{ 
	background-color:var(--bg-surface-3);
	cursor:pointer;
	transition: background-color 100ms linear;
}
div.tblView2 table td
{ 
	border:none;
	margin:0;
	padding: 5px;
	border-bottom:1px solid var(--border-neutral-2);
	font-family:Inconsolata,monospace;
  font-size:1.0em;
}
div.tblView2 table tr:last-of-type td
{ 
	border:none;
}
div.tblView2 i.fa-times
{
	color:var(--text-danger-3);
}
div.tblView2 i.fa-check
{
	color:var(--text-success-2);
	font-weight:bold;
}
div.tblView2 div.topWarning
{
	color:var(--text-danger-3);
	padding:20px;
	width:100%;
	text-align:center;
	font-weight:bold;
}


div#afterLogFractions div.fractionHeadline
{
	font-family:"Courier New";
	font-size:12px;
	padding-left:20px;
	width:100px;
	float:left;
	clear:left;
	margin-bottom:2px;
}
div#afterLogFractions div.fractionValue
{
	font-family:"Courier New";
	font-size:12px;
	font-weight:bold;
	width:70px;
	float:left;
	text-align:right;
	margin-bottom:2px;
}
div#afterLogFractions div:first-of-type
{
	font-weight:bold;
	margin-bottom:15px;
}
div#afterLogFractions div:last-of-type
{
	color:var(--text-danger-4);
	clear:left;
	padding-top:15px;
}



/* API token */

#apiTokens,
#sharedObjects,
table#integrations
{
	border-collapse:collapse;
	width:100%;
}
table#integrations{
	margin-top:3em;
}
#apiTokens tr,
#sharedObjects tr
{
	height:40px;
}
#integrations tr
{
	height:15em;
}
#apiTokens th,
#sharedObjects th
{
	border-bottom:1px solid var(--border-neutral-9);
	padding:5px;
	background-color:var(--bg-neutral-6);
	font-size:1.1em;
}
#apiTokens td,
#sharedObjects td,
#integrations td
{
	border-bottom:1px solid var(--border-neutral-2);
	padding:5px;
}
#integrations tr:last-of-type > td
{
	border-bottom:none;
}
#integrations td
{
	padding-top:10px;
	padding-bottom:30px;
	padding-right:20px;
}
#integrations tr.int_link:hover
{
	background-color:var(--bg-neutral-6);
	cursor:pointer;
}
#apiTokens th:nth-of-type(5),
#apiTokens th:nth-of-type(6)
{
	width:140px;
}
#apiTokens th:nth-of-type(7)
{
	text-align:center;
	width:30px;
}
#apiTokens td:nth-of-type(7)
{
	text-align:center;
}
#apiTokens td:nth-of-type(8) a.trash:hover
{
	color:var(--text-danger-4);
}
#integrations td:first-of-type
{
	text-align:center;
	width:120px;
	padding-right:5em;
}
/* Partner logos get the same dark-theme glow as the myWebLog logo */
#integrations td:first-of-type img
{
	filter:var(--logo-filter);
}



#sharedObjects th:nth-of-type(1)
{
	width:100px;
}
#sharedObjects td:nth-of-type(6)
{
	width:30px;
	text-align:center;
}
#sharedObjects td:nth-of-type(6) a:hover
{
	color:var(--text-danger-4);
}
#sharedObjects td:nth-of-type(6) a.pendingAction:hover
{
	color:var(--text-neutral-13);
}
#sharedObjects tr.pending:hover {
	cursor:pointer;
	background-color:var(--bg-info-1);
}
div#apiInfo,
div#sharedObjectsInfo,
div#nexiInfo,
div#swishInfo
{
	padding:20px 5px 30px 5px;
	width:100%;
	text-align:center;
	font-size:1.1em;
}
div#swishInfo > p.no_integration,
div#nexiInfo > p.no_integration
{
	color:var(--text-danger-6);
}
div#swishInfo > p.integration,
div#nexiInfo > p.integration
{
	color:var(--text-success-5);
}
div#swishInfo > p
{
	padding-left:2em;
	padding-right:2em;
}

div#newTokenWarning
{
	padding-top:20px;
	width:100%;
	text-align:center;
	color:var(--text-danger-4);
	font-size:1.1em;
}
div#newToken
{
	text-align:center;
	padding:20px;
	font-weight:bold;
	font-size:1.1em;
	letter-spacing:1px;
}

form#nexi div
{
	padding:2px;
	margin-bottom:10px;
	margin-top:20px;
}
form#nexi div:last-of-type
{
	text-align:center;
	margin-top:30px;
	margin-bottom:20px;
}
form#nexi span#invalid_amount
{
	color:var(--text-danger-4);
	padding-left:15px;
}
form#nexi label
{
	width:200px;
	display:inline-block;
	font-size:1.1em;
	text-align:right;
	padding-right:10px;
	
}
input[type=text],
input[type=number],
input[type=password],
input[type=email]
{
	background-color:var(--bg-neutral-1);
	border: 1px solid var(--border-neutral-3);
	border-bottom: 1px solid var(--border-neutral-8);
	margin-right:5px;
	/*height:20px;*/
	height:1.7em;
	font-family: "Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
	font-size:1em;
	letter-spacing:0.06em;
	padding-left:0.5em;
	padding-right:0.5em;
	margin: 3px 1px 1px 3px;
}
input.mono
{
	font-family:Inconsolata,monospace;
	letter-spacing:0.1em;
	
}
input.bold
{
	font-weight:bold;
}
input.right
{
	text-align:center;
}
input.redborder
{
	border:1px solid var(--border-danger-4);
}
input.ctr
{
	text-align:center;
}
input.gbottom
{
	border-bottom: 1px solid var(--border-neutral-5);
}

select
{
	background-color:var(--bg-neutral-1);
	border: 1px solid var(--border-neutral-3);
	border-bottom: 1px solid var(--border-neutral-8);
/*height:24px;*/
	height:2em;
	
	margin: 3px 1px 1px 3px;
	font-family: "Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
	font-size:1em;
	letter-spacing:0.06em;
	padding-left:0.5em;
	padding-right:0.5em;
}
select:hover,
input[type=text]:hover,
input[type=number]:hover,
input[type=password]:hover
{
	border-bottom: 1px solid var(--border-neutral-12);
}


form#nexi input[type=text],
form#nexi input[type=number]
{
	width:5em;
	font-size:1.1em;
}
form#newtoken div
{
	padding:2px;
	margin-bottom:10px;
}
form#newtoken label
{
	width:140px;
	display:inline-block;
	font-size:1.1em;
}
form#newtoken input[type=text],
form#newtoken input[type=number]
{
	width:250px;
	font-size:1.1em;
}
form#newtoken select
{
	width:100px;
	margin-right:5px;
	margin-left:0;
	margin-bottom:0;
}

div#remarkSelections select
{
	background-color:var(--bg-neutral-3);
	border:0;
	border-bottom: 1px solid var(--border-neutral-7);
	margin-right:20px;
	margin-left:0;
	margin-bottom:0;
	height:20px;
	font-family: "Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
	font-size:1.1em;
	padding:2px;
	height:24px;
}

div#remarkSelections select
{
	color:var(--text-neutral-11);
}
div#remarkSelections select:hover
{
	color:var(--text-neutral-13);
}
div#remarkSelections
{
	padding-top:5px;
	padding-bottom:40px;
}
div#remarkSelections div
{
	float:left; height:30px;
	font-size:1.1em;line-height:30px;vertical-align:middle;
}
div#remarkSelections div:last-of-type
{
	float:right;height:30px;font-size:1.2em;line-height:30px;vertical-align:middle;padding-right:10px;
}
div.remarkModal
{
	overflow-y:auto;
	max-height:80vh;
	padding:0;
	margin:10px;
	text-align:center;
}
div.remarkModal div
{
	padding:20px;
	font-size:1.1em;
}
div.remarkModal h1
{
	text-align:center;
	font-weight:bold;
	margin-top:15px;
}
div.remarkModalError
{
	color:var(--text-danger-4);
	text-align:center;
	margin-top:40vh;
	margin-bottom:20px;
	font-weight:bold;
	letter-spacing:1px;
}
div.remarkModal input[type=submit]
{
	padding:3px 10px 5px 10px;
	background-color:var(--bg-neutral-5);
	border:1px solid var(--border-info-2);
	color:var(--text-info-8);
	margin-top:20px;
	margin-bottom:20px;
}
div.remarkModal input[type=submit]:hover
{
	color:var(--text-neutral-13);
	cursor:pointer;
	background-color:var(--bg-neutral-7);
}
div.remarkModal div textarea
{
	width:80%;
	height:80px;
	padding:3px 10px 5px 10px;
	background-color:var(--bg-neutral-1);
	border:1px solid var(--border-info-2);
	color:var(--text-info-8);
	margin-top:20px;
	resize:none;
}
tr.remarkDataRow td p
{
	font-size:1.3em;
	text-align:left;
	padding-left:10px;
	color:var(--text-neutral-13);
}
tr.remarkDataRow td p:first-of-type
{
	font-size:0.9em;
	padding-left:0px;
	padding:0;margin:0;
}
tr.remarkDataRow td p:last-of-type
{
	font-size:0.8em;
	text-align:right;
	padding:0;margin:0;
	color:var(--text-neutral-9);
}

div#noRemarks
{
	text-align:center;padding:20px;
	background-color:var(--bg-neutral-8);
	width:30%;
	margin:3em auto 3em auto;
	border-radius:0.5em;
	font-size:1.1em;
}
div#noMaintData
{
	text-align:center;padding:20px;
	background-color:var(--bg-neutral-8);
	width:30%;
	margin:3em auto 3em auto;
	border-radius:0.5em;
	font-size:1.1em;
}



/* yfee table specific css */
div.tblView2.yfees table tr {height:24px;}
div.tblView2.yfees table td:nth-of-type(1) {width:180px;max-width:180px;white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}
div.tblView2.yfees table td:nth-of-type(2) {width:140px;max-width:140px;white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}
div.tblView2.yfees table td:nth-of-type(4) {width:120px;max-width:120px;white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}
div.tblView2.yfees table td:nth-of-type(3),
div.tblView2.yfees table th:nth-of-type(2) {text-align:center;width:100px;}
div.tblView2.yfees table td:nth-of-type(5),
div.tblView2.yfees table th:nth-of-type(4) {text-align:center;width:60px;}
div.tblView2.yfees table td:nth-of-type(6),
div.tblView2.yfees table th:nth-of-type(5) {text-align:right;width:80px;}
div.tblView2.yfees table td:nth-of-type(7),
div.tblView2.yfees table th:nth-of-type(6) {text-align:center;width:100px;}
div.tblView2.yfees table td:nth-of-type(8) {width:180px;max-width:180px;white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}


/* member list table specific css */
div.tblView2.memberRegister table tr {height:32px;white-space: nowrap; cursor:pointer !important;}
div.tblView2.memberRegister table td {font-size:1em;}
div.tblView2.memberRegister table tr.inactive {background-color:var(--bg-danger-4) !important;}
div.tblView2.memberRegister table tr.inactive:hover {background-color:var(--bg-surface-3);}
div.tblView2.memberRegister table .pos { text-align:right; }
div.tblView2.memberRegister table .neg { text-align:right;color:var(--text-danger-3); }
div.tblView2.memberRegister table .nil { text-align:right;color:var(--text-neutral-4); }
div.tblView2.memberRegister table .nil a,
div.tblView2.memberRegister table .neg a { color:inherit; }
div.tblView2.memberRegister table td i.fa-exchange {font-size:0.8em;color:var(--text-success-2);}
/*div.tblView2.memberRegister table td i.fa-lock-alt {font-size:0.7em;margin-left:3px;}*/
div.tblView2.memberRegister table td i.fa-lock-alt {color:var(--text-caution-2);font-size:0.8em;margin:2px;}
div.tblView2.memberRegister table td i.fa-asterisk {font-size:0.6em;margin:2px;color:var(--text-danger-3);}
div.tblView2.memberRegister table td i.fa-eye-slash {font-size:0.8em;margin:2px;color:var(--text-neutral-7);}
div.tblView2.memberRegister table td i.fa-infinity {font-size:0.7em;color:var(--text-neutral-5);}

div.tblView2.memberRegister table td:nth-of-type(1) {width:1em;text-align:center;font-size:0.9em;}
div.tblView2.memberRegister table td:nth-of-type(2) {width:9em;}
div.tblView2.memberRegister table td:nth-of-type(3) {width:140px;max-width:140px; overflow: hidden;text-overflow:ellipsis;}
div.tblView2.memberRegister table td:nth-of-type(4) {width:150px;max-width:150px; overflow: hidden;text-overflow:ellipsis;}
div.tblView2.memberRegister table td:nth-last-of-type(1),
div.tblView2.memberRegister table th:nth-last-of-type(1){width:30px;text-align:center;}
div.tblView2.memberRegister table td:nth-last-of-type(2) {width:130px;max-width:130px; overflow: hidden;text-overflow:ellipsis;}

div.tblView2.memberRegister table td.mship {width:130px;max-width:130px; overflow: hidden;text-overflow:ellipsis;}
div.tblView2 #letterRow { border:1px solid var(--border-neutral-12); height:30px;text-align:center;margin-bottom:20px;}
div.tblView2 #letterRow div { margin:auto;display: inline-block;}
div.tblView2 #letterRow div div { color:var(--text-neutral-3); float:left; border:none;width:32px; line-height:30px;vertical-align:center;}
div.tblView2 #letterRow div a { color:var(--text-neutral-13); float:left; border:none;width:32px; line-height:30px;vertical-align:center;}
div.tblView2 #letterRow div a:hover { background-color:var(--bg-brand);color:var(--text-neutral-1); text-decoration:none;}



invoices
{
	width:100%;
	border-collapse:collapse;
}
#invoices tr
{
	height:30px;
}


#invalidEmails
{
	margin-top:40px;
	width:100%;
	border-collapse:collapse;
	
}
#invalidEmails tr
{
	height:28px;
	line-height:28px;
}
#invalidEmails tr:nth-child(even)
{
	background-color:var(--bg-neutral-3);
}
#invalidEmails tr th
{
	padding:5px;
	background-color:var(--bg-neutral-8);
	border-bottom:1px solid var(--border-neutral-7);
}
#invalidEmails tr td
{
	padding:5px;
	border-bottom:1px solid var(--border-neutral-2);
	
}
#invalidEmails tr td:nth-of-type(2)
{
	white-space: nowrap;
}

#priceAdjustments
{
	margin-top:40px;
	width:100%;
	border-collapse:collapse;
	
}
#priceAdjustments tr
{
	height:28px;
	line-height:28px;
}
#priceAdjustments tr:nth-child(even)
{
	background-color:var(--bg-neutral-3);
}
#priceAdjustments tr th
{
	padding:5px;
	background-color:var(--bg-neutral-8);
	border-bottom:1px solid var(--border-neutral-7);
}
#priceAdjustments tr td
{
	padding:5px;
	border-bottom:1px solid var(--border-neutral-2);
	
}
#priceAdjustments tr td:nth-of-type(2)
{
	white-space: nowrap;
}


#FUELAVERAGE
{
	width:100%;
	border-collapse:collapse;
	margin-top:20px;
}
#FUELAVERAGE th
{
	font-weight:bold;
	text-align:center;
	padding:5px;
	/*background-color:#F0F0F0;*/
	font-size:1em;
}

/* #FUELAVERAGE tr.headlineRow:nth-of-type(1){ 	border-width: 1px; border-color:#BFBFBF;	}*/
#FUELAVERAGE tr.headlineRow:first-of-type th:nth-of-type(1), 
#FUELAVERAGE tr.headlineRow:first-of-type th:nth-of-type(2), 
#FUELAVERAGE tr.headlineRow:first-of-type th:nth-of-type(3) { 	border-width: 1px; border-color:var(--border-neutral-4); border-style: none solid solid none;	}
#FUELAVERAGE tr.headlineRow:nth-of-type(2) th:nth-of-type(1),
#FUELAVERAGE tr.headlineRow:nth-of-type(2) th:nth-of-type(2),
#FUELAVERAGE tr.headlineRow:nth-of-type(2) th:nth-of-type(3)  { 	font-weight:normal; font-size:0.9em;border-width: 1px; border-color:var(--border-neutral-4); border-style: none dashed solid none;		}
#FUELAVERAGE tr.headlineRow:nth-of-type(2) th:nth-of-type(4) { 	font-weight:normal; font-size:0.9em;border-width: 1px; border-color:var(--border-neutral-4); border-style: none none solid none;		}
#FUELAVERAGE tr.dataRow:nth-of-type(2n) { 	background-color:var(--bg-neutral-3);	}
#FUELAVERAGE td
{
	text-align:center;
	padding:5px;
	font-size:1em;
}
#FUELAVERAGE tr.dataRow td { 	font-family:Inconsolata,monospace; letter-spacing:0.04em; color:var(--text-info-17); border-width: 1px; border-color:var(--border-neutral-4);  }
#FUELAVERAGE tr.dataRow td:nth-of-type(1)  { 	border-style: none solid none none; }
#FUELAVERAGE tr.dataRow td:nth-of-type(2)  { 	width:90px;	border-style: none solid none none; 	 }
#FUELAVERAGE tr.dataRow td:nth-of-type(3)  { 	width:90px;		border-style: none solid none none;  }
#FUELAVERAGE tr.dataRow td:nth-of-type(4)  { 	width:60px;		border-style: none dashed none none;  }
#FUELAVERAGE tr.dataRow td:nth-of-type(5)  { 	width:60px;		border-style: none dashed none none;  }
#FUELAVERAGE tr.dataRow td:nth-of-type(6)  { 	width:60px;		border-style: none dashed none none;  }
#FUELAVERAGE tr.dataRow td:nth-of-type(7)  { 	width:60px;		border-style: none none none none;  }
#FUELAVERAGE tr.dataRow td:last-of-type  { 	width:60px;		border-style: none none none none;  }

/*
	MENU ITEMS
*/
ul.tabMenu
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size:13px;
}
.tabMenu li {
	float:left;
}
.tabMenu li a {
	display:block;
	background-color:var(--bg-neutral-8);
	border:1px solid var(--border-neutral-3);
}
.tabMenu a {
	color:var(--text-info-11);
	text-shadow:0;
	padding:4px;
	margin:2px 3px -1px 3px;
	border-radius: 3px 3px 0 0;
	
}
.tabMenu li a:hover {
	color:var(--text-neutral-1);
	background-color:var(--bg-info-8);
	border:1px solid var(--border-info-1);
	cursor:pointer;
}
.tabMenu a.tabMenuSelected {
	color:var(--text-neutral-13);
	background-color:var(--bg-info-4);
	border:1px solid var(--border-info-4);
	cursor:default;
	pointer-events: none;
}

#mainMenuContainer{
	border-bottom:1px solid var(--border-neutral-4);
	/*border-top:1px solid #aaa;*/
	height:76px;
	/*position: -webkit-sticky;
  	position: sticky;
  	*/
  	width:100%;
  	position:fixed;
  	top: 0;
  	z-index:-1; /* To be set to 1200 by mwlPageLayout */
  	background-color:var(--bg-neutral-1);
  	opacity: 0;
	transition: all 300ms linear;
	box-shadow:1px 1px 5px var(--shadow-3);
}
#mainMenuContainer3{
	border-bottom:1px solid var(--border-neutral-4);
	/*border-top:1px solid #aaa;*/
	height:116px;
	z-index:1200;
  	background-color:var(--bg-neutral-1);
  	opacity: 1;
	transition: all 300ms linear;
	box-shadow:1px 1px 5px var(--shadow-3);
	
}
#mainMenuContainer table,
#mainMenuContainer3 table
{
	width:100%;
}
#mainMenuContainer table tr td{
	height:70px;
}
#mainMenuContainer3 table tr td{
	height:110px;
}
#mainMenuContainer table tr td:first-of-type, 
#mainMenuContainer table tr td:last-of-type, 
#mainMenuContainer3 table tr td:first-of-type, 
#mainMenuContainer3 table tr td:last-of-type 
{
	width:13.3vw;
}
#mainMenuContainer table tr td img,
#mainMenuContainer table tr td a img{
	max-width:170px;
	max-height:70px;
}
#mainMenuContainer3 table tr td img,
#mainMenuContainer3 table tr td a img{
	max-width:213px;
	max-height:110px;
}

#bcalSubMenuContainer{
	margin:auto auto 15px -1px;
	border:0;
	z-index:999;
}
ul#mainMenuSticky,ul#mainMenuSticky ul,
ul#mainMenu,ul#mainMenu ul{
	margin:0;
	list-style:none;
	padding:0;
	background-color:var(--bg-neutral-1);
	border-width:0px;
}
ul#mainMenuSticky ul,
ul#mainMenu ul{
	display:none;
	position:absolute;
	top:97%;
	box-shadow:1px 1px 3px var(--shadow-5);
	background-color:var(--bg-neutral-1);
	border-radius:1px 1px 5px 5px;
	border:1px solid var(--border-neutral-2);
	padding:3px;
	min-width:90%;
}
ul#mainMenuSticky li:hover>*,
ul#mainMenu li:hover>*{
	display:block;}
ul#mainMenuSticky li,
ul#mainMenu li{
	position:relative;
	display:block;
	white-space:nowrap;
	font-size:0;
	float:left;
}
ul#mainMenuSticky li:hover,
ul#mainMenu li:hover{
	z-index:1100;}
ul#mainMenuSticky ul ul,
ul#mainMenu ul ul{
	position:absolute;
	left:95%;
	top:0;
}
ul#mainMenuSticky,
ul#mainMenu{
	font-size:0;
	width:100%;
	z-index:1101;
	position:relative;
	display:inline-block;
	zoom:1;
	padding:0 0%;
	margin:0 0%;
	display:inline;
	padding-right:1.82%;}
* html ul#mainMenuSticky li a,
* html ul#mainMenu li a{
	display:inline-block;}
ul#mainMenuSticky>li,
ul#mainMenu>li{
	margin:0;}



body:first-of-type ul#mainMenuSticky,
body:first-of-type ul#mainMenu{
	display:inline-table;border-spacing:0px 0;}
body:first-of-type ul#mainMenuSticky>li,
body:first-of-type ul#mainMenu>li{
	display:table-cell;float:none;}
ul#mainMenuSticky a:active, ul#mainMenuSticky a:focus,
ul#mainMenu a:active, ul#mainMenu a:focus{
	outline-style:none;}
ul#mainMenuSticky a,
ul#mainMenu a{
	display:block;
	text-align:center;
	text-decoration:none;
	font-family:"Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
	font-size: 14px;
	color:var(--text-neutral-9);
	/*text-shadow:#FFF 0 0 1px;*/
	cursor:pointer;
	padding:8px 10px 8px 10px;
	background-repeat:repeat;
	background-position:0 0;
	border-width:0 0 0 1px;
	border-style:solid;
	border-color:var(--border-neutral-2);
}
ul#mainMenuSticky ul li,
ul#mainMenu ul li{
	float:none;margin:0px 0 0;}
ul#mainMenuSticky ul a,
ul#mainMenu ul a{
	text-align:left;
	padding:5px 20px 5px 20px;
	/*background-color:red;*/
	background-image:none;
	border-radius:0px;
	font-family:"Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
	font-size: 13px;
	color:var(--text-neutral-9);
	text-decoration:none;
	/* Reserves the space the hover border occupies, so it must stay invisible against
	   the dropdown surface - hence the bg token rather than a border one. */
	border:1px solid var(--bg-neutral-1);
}
ul#mainMenuSticky li:hover>a,ul#mainMenuSticky li a.pressed,
ul#mainMenu li:hover>a,ul#mainMenu li a.pressed
{
	background-color:var(--bg-brand-dark);
	border-color:var(--border-neutral-4);
	border-style:solid;
	color:var(--text-neutral-1);
	text-decoration:none;
	transition: background-color 200ms linear;
}
	
ul#mainMenuSticky img,
ul#mainMenu img{
	border:none;vertical-align:middle;margin-right:3px;}
ul#mainMenuSticky span,
ul#mainMenu span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#mainMenuSticky ul span,
ul#mainMenu ul span{
	/*background-image:url("/images/mainMenu/arrowsub.png");*/
	padding-right:12px;
}


/* Hover �ver menyvalen i undermenyer */
ul#mainMenuSticky ul li:hover>a,ul#mainMenuSticky ul li a.pressed,
ul#mainMenu ul li:hover>a,ul#mainMenu ul li a.pressed,
ul#bcalSubMenu ul li:hover>a,ul#bcalSubMenu ul li a.pressed{
	
	background-color:var(--bg-brand);
	background-image:none;
	color:var(--text-neutral-1);
	text-decoration:none;
	border-radius:3px;
}

ul#mainMenuSticky li.topfirst>a,
ul#mainMenu li.topfirst>a{
	border-radius:0px 0 0 0px;
	
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	border-left:0px;
}
ul#mainMenuSticky li.topmenu>a,
ul#mainMenu li.topmenu>a{
	height:17px;
	line-height:17px;
}

ul#mainMenuSticky li.logoutmenu>a,
ul#mainMenu li.logoutmenu>a{
	color:var(--text-danger-5);
}
ul#mainMenuSticky li.toplast>a,
ul#mainMenu li.toplast>a{
	border-radius:0 0px 0px 0;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}

ul.toolsmenu{
	display:none;
	position:absolute;
	left:5px;
	top:97%;
	box-shadow:1px 1px 3px var(--shadow-7);
	background-color:var(--bg-neutral-6);
	border-radius:0px 0px 5px 5px;
	border:1px solid var(--border-neutral-5);
	padding:3px;
	}

img.downArrow{
	border:none;vertical-align:middle;margin-left:5px;margin-right:5px;
}


	
	
	
	
	
	
ul#bcalSubMenu,ul#bcalSubMenu ul{
	margin:0;
	list-style:none;
	padding:0;
	background-color:var(--bg-neutral-11);
	border-width:1px;
	border-style:solid;
	border-color:var(--border-brand);
	border-radius:2px;
}
ul#bcalSubMenu ul{
	visibility:hidden;
	position:absolute;
	top:97%;
	/*-moz-box-shadow:1px 1px 3px #666;
	box-shadow:1px 1px 3px #666;
	background-color:#fcfcfc;
	border-radius:2px;
	border:1px solid #9f9f9f;
	padding:3px;
	*/
	
	box-shadow:1px 1px 3px var(--shadow-5);
	background-color:var(--bg-neutral-1);
	border-radius:1px 1px 5px 5px;
	border:1px solid var(--border-neutral-2);
	padding:3px;
	min-width:90%;
}
ul#bcalSubMenu li:hover>ul{
	visibility:visible;}
ul#bcalSubMenu li{
	position:relative;
	display:block;
	white-space:nowrap;
	font-size:0;
	float:left;
}
ul#bcalSubMenu li:hover{
	z-index:1;}
ul#bcalSubMenu ul ul{
	position:absolute;left:100%;top:0;
}
ul#bcalSubMenu{
	font-size:0;
	width:100%;
	z-index:999;
	position:relative;
	display:inline-block;
	zoom:1;
	padding:0 0%;
	margin:0 0%;
	display:inline;
	box-sizing:border-box;}
* html ul#bcalSubMenu li a{
	display:inline-block;}
ul#bcalSubMenu>li{
	margin:0;width:25%;}
body:first-of-type ul#bcalSubMenu{
	display:inline-table;border-spacing:0px 0;}
body:first-of-type ul#bcalSubMenu>li{
	display:table-cell;float:none;}
ul#bcalSubMenu a:active, ul#bcalSubMenu a:focus{
	outline-style:none;}
ul#bcalSubMenu a{
	display:block;
	text-align:left;
	text-decoration:none;
	font:11px Arial,Helvetica,sans-serif;
	color:var(--text-neutral-1);
	/* text-shadow:#FFF 0 0 1px; */
	cursor:default;
	padding:3px 10px 3px 10px;
	background-color:var(--bg-brand);
	border-width:0 0 0 1px;

}
ul#bcalSubMenu ul li{
	float:none;margin:0;}
ul#bcalSubMenu ul a{
	text-align:left;
	padding:5px;
	background-color:var(--bg-neutral-1);
	background-image:none;
	border-width:0;
	border-radius:0px;
	font:11px Arial,Helvetica,sans-serif;
	color:var(--text-neutral-13);
	text-decoration:none;
	/* Same as the main menu: invisible against the dropdown surface until hovered. */
	border:1px solid var(--bg-neutral-1);
	vertical-align: middle;
	padding-left:25px;
	padding-right:25px;
}
ul#mainMenuSticky ul a.divider,
ul#mainMenu ul a.divider,
ul#bcalSubMenu ul a.divider{
	text-align:center;
	color:var(--text-neutral-5);
	height:6px;
	line-height: 6px;
	vertical-align: middle;
	padding-left:25px;
	padding-right:25px;
}
/* Dividers are dead items: no pointer and no hover effect, they keep their resting look */
ul#mainMenuSticky ul a.divider,
ul#mainMenu ul a.divider,
ul#mainMenuSticky li.divider:hover>a,ul#mainMenuSticky li.divider a.pressed,
ul#mainMenu li.divider:hover>a,ul#mainMenu li.divider a.pressed{
	cursor:default;
	color:var(--text-neutral-5);
	background-color:transparent;
	border:1px solid var(--bg-neutral-1);
	transition:none;
}
ul#bcalSubMenu ul a.divider,
ul#bcalSubMenu li.divider:hover>a,ul#bcalSubMenu li.divider a.pressed{
	cursor:default;
	color:var(--text-neutral-5);
	background-color:var(--bg-neutral-1);
	border:1px solid var(--bg-neutral-1);
	transition:none;
}
ul#bcalSubMenu li:hover>a,ul#bcalSubMenu li a.pressed{
	background-color:var(--bg-neutral-14);
	color:var(--text-brand);
	transition: all 100ms linear;
	
	border-color:var(--border-neutral-4);
	border-style:solid;
	text-decoration:none;
	
	cursor:pointer;
}
ul#bcalSubMenu img{
	border:none;
	vertical-align:middle;
	margin-right:20px;}
ul#bcalSubMenu span{
	display:block;
	overflow:visible;
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:0px;}
ul#bcalSubMenu ul span{
	/*background-image:url("/images/mainMenu/arrowsub.png");*/
	padding-right:12px;}






/*
	PRINT SETTINGS
*/
@media print {
	.noprint,.copyright {
	display:none;
	color:var(--text-neutral-13);
	}

	#upperBnr,
	#lowerBnr,
	#lowerBnrnewLook,
	#mainMenuContainer,
	#mainMenuContainer3,
	#header_containerNew, 
	#newLookTopContainer,
	#newLookFooterContainer1,
	#newLookFooterContainer2,
	#scrollUp,
	#mainMenuContainer,
	#bcalSubMenuContainer, 
	.helpSideButton
	{
	display:none;
	}
	
	body
	{
		background:var(--bg-neutral-1);
		font-family: "Exo 2", "Helvetica Neue", Verdana, Arial, sans-serif;
		font-size: 11px;
		color:var(--text-neutral-13);
		margin: 0;
	}
	
}

@media screen { 
	.print {
		display:none;
	}
	html {
	  scroll-behavior: smooth;
	}
	body
	{
		color:var(--text-neutral-13);
		background:var(--bg-page);
		height:100%;
		margin:0;
		padding:0;
		
		/* WITHOUT THIS, A PAGE THAT IS WIDER THAN THE SCREEN (A 1000px WINDOW ON AN IPAD, A */
		/* WIDE TABLE) ONLY GETS ITS TOP BAR, MENU AND FOOTER PAINTED ACROSS THE FIRST SCREEN */
		/* WIDTH, SINCE THEIR width:100% IS 100% OF THE VIEWPORT AND NOT OF WHAT IS SCROLLED. */
		min-width:min-content;
		font-family: "Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
		/* font-size:1em;*/
		font-size:12px;
	}
	.blinkMe {
	  animation: blinker 1s linear infinite;
	}
	.blinkMeSlow {
	  animation: blinker 4s linear infinite;
	}
	@keyframes blinker {
	  50% {
	    opacity: 0.2;
	  }
	}
	
	.fadeAway4
	{
		animation:userXfer 0.5s 1;
	  animation-fill-mode: forwards;

	  animation-delay:4s;
		
		transition: all 500ms linear;
	}
	
	.fadeAway6
	{
		animation:userXfer 0.5s 1;
	  animation-fill-mode: forwards;

	  animation-delay:6s;
		
		transition: all 600ms linear;
	}
	
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--text-neutral-4);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--text-neutral-4);
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--text-neutral-4);
}
	
div.noticeCounter
{
	border-radius:10px;
	background-color:var(--bg-danger-9);
	width:20px;
	line-height:20px;
	height:20px;
	font-size:0.8em;
	color:var(--text-neutral-1);
	position:relative;
	top:-10px;
	left:45%;
	clear:none;
	float:left;
}
#masterContainer
	{
		position:relative;
		border:0;
		width:auto;
		margin:0;
		padding:0;
		font:inherit;
	}
	#mainContainer
	{
		position:relative;
		border-left:1px solid var(--border-neutral-8);
		border-right:1px solid var(--border-neutral-8);
		font:inherit;
		margin:0;
		padding:0;
		min-height:1200px;
		background:var(--bg-neutral-1);
		box-shadow: 0px -2px 6px 0px var(--shadow-8);
		display:table;
		text-align:left;
		width:100%;
	}
	#contentsContainer
	{
		position:relative;
		overflow:auto;
		font:inherit;
		padding:15px 15px 50px 15px;
		min-height:320px;
		cursor:default;
		
	}
	#newLookContentsContainer
	{
		
		position:relative;
		overflow:auto;
		font:inherit;
		padding:20px 15px 20px 15px;
		min-height:52vh;
		cursor:default;
		
		background-repeat: no-repeat;
		background-position: 0 50px;
		background-size:100%;
	}
	#footerContainer
	{
		font:inherit;
		height:35px;
		line-height:35px;
		border-top: 1px dashed var(--border-neutral-3);
		padding: 10px 5px 10px 5px;
		text-align:center;
		cursor:default;
	}
	/* The container is the anchor, so the dropdown opens right under its own icon
	   and floats above the page instead of pushing the other icons away */
	div#flagmenu_container,
	div#thememenu_container
	{
		display:inline-block;
		position:relative;
	}
	div#flagmenu_container > div:first-of-type
	{
		position:absolute;
		padding:0;
		background-color:var(--bg-neutral-1);
		color:var(--text-neutral-13);
		border:1px solid var(--border-neutral-7);
		left:0;
		top:calc(100% - 14px);
		z-index:1250; /* above the main menu (1101) and sticky menu (1200), below modals (1300) */
		width:10em;
		display:none;
		box-shadow: 0px 4px 6px -1px var(--shadow-4);
		border-radius: 0 0 5px 5px;
		
	}
	div#flagmenu_container > div > div
	{
		cursor:pointer;
		padding:0.3em;
	}
	div#flagmenu_container > div > div:hover
	{
		background-color:var(--bg-brand);
		color:var(--text-neutral-1);
	}
	div#flagmenu_container > div > div > img
	{
		margin-right:0.5em;
		padding-top:1em;
		position:relative;
		top:2px;
	}
	div#flagmenu_container > div#moreflags > div > span.fi
	{
		margin:0.5em;
	}
	div#flagmenu_container > a > span.fi
	{
		box-shadow: 0px 0px 3px 1px var(--shadow-light-a48);
	}

	/* Theme menu (light / dark / system), styled like the flag menu */
	/* Extra space to the right of the icon, so the menu doesn't close too early
	   when the cursor moves right */
	div#thememenu_container
	{
		padding-right:1.5em;
	}
	div#thememenu_container > a
	{
		margin-left:0.8em;
	}
	div#thememenu_container > div#morethemes
	{
		position:absolute;
		padding:0;
		background-color:var(--bg-neutral-1);
		color:var(--text-neutral-13);
		border:1px solid var(--border-neutral-7);
		left:0;
		top:calc(100% - 14px);
		z-index:1250; /* same as the flag menu */
		width:14em;
		display:none;
		box-shadow: 0px 4px 6px -1px var(--shadow-4);
		border-radius: 0 0 5px 5px;
	}
	div#thememenu_container > div#morethemes > div
	{
		cursor:pointer;
		padding:0.3em;
	}
	div#thememenu_container > div#morethemes > div:hover
	{
		background-color:var(--bg-brand);
		color:var(--text-neutral-1);
	}
	div#thememenu_container > div#morethemes > div.thememenu_selected
	{
		font-weight:bold;
	}
	div#thememenu_container > div#morethemes > div > i
	{
		width:1.2em;
		margin:0.5em;
		text-align:center;
	}
	
	div.newLookTopButton
	{
		background-color:var(--bg-brand);
		width:103px;
		height:100%;
		color:var(--text-neutral-1);
		text-align:center;
		margin-left:6px;
		font-size:0.9Em;
	}
	div.newLookTopButton:hover
	{
		background-color:var(--bg-neutral-14);
		color:var(--text-brand-dark);
	    transition: background-color 200ms linear;
	}
	div.newLookTopButton i,
	div.newLookTopLogoutButton i
	{
		margin-right:10px;
	}
	
	div.newLookTopButton div i,
	div.newLookTopLogoutButton div i
	{
		margin-left:10px;
		margin-right:10px;
	}
	
	div.newLookTopButton div
	{
		padding:0;
		border:1px solid var(--border-brand);
		color:var(--text-neutral-13);
		background-color:var(--bg-neutral-6);
		z-index:2010;
		position:relative;
		top:-2px;right:-1px;
		width:250px;
		visibility:hidden;
		cursor:pointer;
		float:right;
		text-align:left;
	  transition: visibility 100ms linear;
	  box-shadow: 0px 4px 6px -1px var(--shadow-4);
		box-sizing:border-box;
		overflow:visible;
		resize:none;
	}
	div.newLookTopButton div:hover
	{
		background-color:var(--bg-brand);
		color:var(--text-neutral-1);
	}
	div.newLookTopButton div div
	{
		box-sizing:border-box;
		margin:0;
		top:0;
		right:0;
		height:50px;
		width:100%;
		line-height:50px;
		vertical-align:center;
		float:left;
		background-color:none;
		box-shadow: none;
		border:none;
		overflow:visible;
		resize:none;
	}
	div.newLookTopButton div div:nth-of-type(2)
	{
		border-bottom:1px dashed var(--border-neutral-5);
	}
	div.newLookTopButton div div:last-of-type
	{
		border-bottom:none;
		
	}
	div.newLookTopButton div div.profWithName div:first-of-type
	{
		position:absolute;
		left:10px;
		/*top:18px;*/
		height:20px;
		width:24px;
		background-color:transparent;
		font-size:1.0em;
		float:left;
		border:none;
		color:inherit;
		padding:0px;
		margin:0px;
	}
	div.newLookTopButton div div.profWithName div:nth-of-type(2)
	{
		position:absolute;
		left:32px;
		width:210px;
		top:8px;
		height:18px;
		line-height:18px;
		background-color:transparent;
		font-size:1.0em;float:left;
		border:none;color:inherit;
		box-sizing:border-box;
	}
	div.newLookTopButton div div.profWithName div:nth-of-type(3)
	{
		position:absolute;
		left:32px;
		width:210px;
		top:22px;
		height:18px;
		line-height:18px;
		background-color:transparent;
		font-size:0.8em;
		float:left;
		border:none;
		color:inherit;
		box-sizing:border-box;
	}
	/*
	div.newLookTopButton div div:nth-of-type(2)
	{
		box-sizing:border-box;
		width:30px;
		float:left;
		background-color:none;
		color:green;
		box-shadow: none;
		width:79%;
	}*/
	div.newLookTopButton:hover>div,
	div.newLookTopButton:hover>div div
	{
		visibility:visible;
	}
	div.newLookTopLogoutButton
	{
		background-color:var(--bg-brand);
		width:105px;
		height:100%;
		color:var(--text-neutral-1);
		text-align:center;
		margin-left:8px;
		font-size:0.9Em;
	}
	div.newLookTopLogoutButton:hover
	{
		background-color:var(--bg-neutral-14);
		color:var(--text-danger-4);
	    transition: background-color 200ms linear;
	}
	div.helpSideButton
	{
		background-color:var(--bg-success-11);
		width:45px;
		height:49px;
		line-height:43px;
		color:var(--text-neutral-1);
		text-align:left;
		padding-left:10px;
		padding-top:3px;
		font-size:1em;
		position:fixed;
		right:0;
		top:188px;
	    transition: all 100ms linear;
	    border-radius: 5px 0 0 5px;
	    z-index:1200;
	    box-shadow: 0px 4px 6px -1px var(--shadow-4);
		overflow:hidden;
		white-space:nowrap;
		letter-spacing:1.4px;
	}
	div.helpSideButton:hover
	{
		width:70px;
	    transition: all 100ms linear;
	}
	#newLookFooterContainer1
	{
		font-family:"Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
		min-height:450px;
		line-height:2em;
		padding: 10px 5px 10px 50px;
		text-align:center;
		cursor:default;
		/* background-color:#484848; */
		/*color:#bbbbbb;*/
		
		box-shadow: 0px -3px 6px -1px var(--shadow-3);
		border-top:1px solid var(--border-neutral-3);
		background-color:var(--bg-neutral-8);
		color:var(--text-neutral-7);
		font-size:1.3em;
	}
	#newLookFooterContainer2
	{
		font-family:"Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
		height:35px;
		line-height:35px;
		padding: 10px 5px 10px 5px;
		text-align:center;
		cursor:default;
		/*background-color:var(--bg-brand-dark);*/
		background-color:var(--bg-neutral-8);
		
		/* color:#CCCCDD;*/
		color:var(--text-neutral-7);
		font-size:1.2em;
	}
	#newLookTopContainer
	{
		font-family:"Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
		height:50px;
		line-height:50px;
		padding: 0px;
		text-align:center;
		cursor:default;
		background-color:var(--bg-brand-dark);
		color:var(--text-neutral-1);
		font-size:1.2em;
		width:100%;
		box-sizing: border-box;
	}
	.topInfoContainer
	{
		width:24vw;
		min-width:255px;
		display: inline-block;
		text-align:left;
		vertical-align:top;
	}
	.footerInfoContainer
	{
		width:18vw;
		min-width:220px;
		display: inline-block;
		margin-top:30px;
		text-align:left;
		vertical-align:top;
	}
	.footerInfoContainer p
	{
		margin:0px;
		padding:0px;
	}
	.footerInfoContainer p a
	{
		color:var(--text-neutral-7);
	}
	.footerInfoContainer p a:visited
	{
		color:var(--text-neutral-7);
	}
	.footerInfoContainer p a:hover
	{
		color:var(--text-neutral-13);
	    transition: color 200ms linear;
	}
	.footerInfoContainer h2
	{
		font-size:1em;
		letter-spacing:2px;
		font-weight:600;
		color:var(--text-neutral-10);
		text-transform:uppercase;
	}
	.topLink
	{
		color:var(--text-neutral-1);
		
		margin:0px;
		padding:0px;
	}
	.topLink:visited
	{
		color:var(--text-neutral-1);
	}
	.topLink:hover
	{
		color:var(--text-neutral-1);
	}
	
	div.topInfoContainer a img
	{
		padding-bottom:1px;
		vertical-align:middle;
	}
	div.topInfoContainer a
	{
		color:var(--text-neutral-1);
		
		margin:0px;
		padding:0px;
	}
	div.topInfoContainer a:visited
	{
		color:var(--text-neutral-1);
	}
	div.topInfoContainer a:hover
	{
		color:var(--text-neutral-1);
	}
	
	.copyright {
	text-decoration:none;
	color:var(--text-neutral-9);
	font-weight:400
	}
	div.userXferContainer
	{
		width:36%;
		margin-left:32%;
		margin-right:32%;
		position:fixed; /* at the top of the visible screen, also when the page is scrolled down */
		top:60px;
		z-index:10000; /* above all menus (up to 2010) and modals (up to 5000) */
		box-sizing:border-box;
		font-size:1.2em;
		height:100px;
	}
	div.userXferContainer div
	{
		background-color:var(--bg-success-11);
		width:100%;
		margin:auto;
		box-sizing:border-box;
		padding:5px;
		text-align:center;
		color:var(--text-neutral-1);
		border-radius: 5px;
	  box-shadow: 0px 4px 6px -1px var(--shadow-4);
		letter-spacing:1.4px;
		z-index:1000;
	}
	
	div.userXferContainer div i
	{
		margin-right:10px;
	}
	div.userXferContainer div i:last-of-type
	{
		margin-right:30px;
	}



	div.topInfoNtfctnContainer
	{
		width:28%;
		margin-left:36%;
		margin-right:36%;
		position:fixed; /* at the top of the visible screen, also when the page is scrolled down */
		top:60px;
		z-index:10000; /* above all menus (up to 2010) and modals (up to 5000) */
		box-sizing:border-box;
		font-size:1.2em;
		min-height:100px;
	}
	div.topInfoNtfctnContainer div
	{
		background-color:var(--bg-success-9);
		width:100%;
		margin:auto;
		box-sizing:border-box;
		padding:5px;
		text-align:center;
		color:var(--text-neutral-1);
		border:1px solid var(--border-success-4);
		border-radius: 5px 5px 5px 5px;
	  box-shadow: 0px 4px 6px -1px var(--shadow-4);
		letter-spacing:1.4px;
		z-index:1000;
	}
	div.topInfoNtfctnContainerRed div
	{
		background-color:var(--bg-danger-9);
		border:1px solid var(--border-danger-6);
		
	}
	
	div.topInfoNtfctnContainer div i
	{
		margin-right:10px;
	}
	div.topInfoNtfctnContainer div i:last-of-type
	{
		margin-right:30px;
	}

	/* Close button (x): a small circle on the top right corner of the popup notifications,
	   in the popup's own colour with a ring in the text colour */
	div.popupNotification > div
	{
		position:relative;
		padding-left:20px;
		padding-right:20px;
		cursor:pointer; /* a click anywhere on the popup closes it */
	}
	div.popupNotification div button.popupCloseButton
	{
		position:absolute;
		top:-12px;
		right:-12px;
		width:26px;
		height:26px;
		padding:0;
		display:flex;
		align-items:center;
		justify-content:center;
		border:2px solid currentColor;
		border-radius:50%;
		background-color:inherit;
		color:inherit;
		font-size:0.75em;
		line-height:1;
		cursor:pointer;
		box-shadow: 0px 2px 4px var(--shadow-4);
	}
	div.popupNotification div button.popupCloseButton i
	{
		margin:0;
	}
}


div.subSubWinContainer
{
	border:1px solid var(--border-info-6);
	background-color:var(--bg-neutral-1);
	margin-bottom:30px;
}
div.subSubWinHeadlineContainer
{
	padding:5px;
	background-color:var(--bg-info-8);
	height:20px;
	line-height:19px;
	color:var(--text-neutral-1);
}
div.subSubWinHeadlineText
{
	float:left;
	color:var(--text-neutral-1);
}
div.subSubWinHeadlineTags
{
	float:right;
	color:var(--text-info-1);
}
.subSubWinHeadlineTags i:hover
{
	color:var(--text-neutral-1);
}
div.sentByRow
{
	height:16px;
	line-height:16px;
	padding:2px 5px 2px 5px;
	color:var(--text-neutral-5);
	font-style:italic;
	border-bottom:1px solid var(--border-neutral-3);
}
div.msgTrashcan
{
	font-size:1.0em;
	float:right;
	color:var(--text-info-2);
	cursor:pointer;
}
div.msgTrashcan:hover
{
	color:var(--text-danger-4);
}

/* DISCLAIMER DIV */
div.remarkDisclaimer
{
	background-color:var(--bg-danger-9);
	color:var(--text-neutral-1);
	padding:20px;
	margin:20px 0 20px 0;
	letter-spacing:0.12em;
	line-height:1.5em;
	box-sizing: border-box;
	border-radius: 3px;
	box-shadow: 0px 4px 6px -1px var(--shadow-4);
	text-align: justify;
}

.hl_l
{
	/*font-size:2em;*/
	/*text-shadow: 2px 2px 5px #cccccc;*/
	margin-bottom:15px;
	text-align:left;
}
/* CONTAINER FOR ALL LOBBY NOTES. THE NOTES WRAP ONTO AS MANY ROWS AS THE SCREEN NEEDS */
.lby_note_flex
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	gap:10px;
	
	/* 80% OF THE SCREEN, BUT KEEP ROOM FOR THREE NOTES (3 x 300 + 2 x 10) FOR AS LONG AS */
	/* THE SCREEN ALLOWS. A SCREEN TOO NARROW FOR THREE 300px NOTES IS HANDLED BY THE MEDIA */
	/* QUERY FURTHER DOWN, WHICH NARROWS THE NOTES INSTEAD OF DROPPING A COLUMN. */
	/* A PLAIN BREAKPOINT WOULD WIDEN THE CONTAINER ON A NARROWER SCREEN, AND THAT WOULD */
	/* LET IN ANOTHER COLUMN JUST AS THE SCREEN GETS SMALLER. */
	width:min(96vw , max(80vw , 920px));
	margin:0 auto;
	box-sizing:border-box;
}
/* THE NOTES KEEP THEIR SIZE, ONLY THE NUMBER OF NOTES PER ROW CHANGES WITH THE SCREEN WIDTH */
.lby_note_flex > .lby_box,
.lby_note_flex > .lby_box_empty
{
	flex:0 0 300px;
	max-width:100%;
	
	/* A NOTE WHOSE CONTENT CANNOT WRAP (A TABLE WITH nowrap CELLS, FOR INSTANCE) WOULD */
	/* OTHERWISE END UP WIDER THAN THE REST AND BREAK THE COLUMNS. THESE TWO KEEP EVERY */
	/* NOTE AT 300px AND LET SUCH CONTENT SCROLL INSIDE THE NOTE INSTEAD. */
	width:300px;
	table-layout:fixed;
}
/* A PLACEHOLDER FILLS UP THE LAST ROW, AND FOLLOWS THE HEIGHT OF THE NOTES BESIDE IT */
.lby_note_flex > .lby_box_empty
{
	align-self:stretch;
}
/* A WIDE NOTE TAKES TWO COLUMNS */
.lby_note_flex > .lby_box_wide
{
	flex-basis:610px;
	width:610px;
}

/* A TABLET DOES NOT LAY OUT AT 980px THE WAY WE FIRST ASSUMED. AN IPAD IN PORTRAIT GIVES US */
/* SOMEWHERE AROUND 744-834px, AND THREE 300px NOTES SIMPLY DO NOT FIT ON THAT. INSTEAD OF */
/* DROPPING TO TWO COLUMNS, THE NOTES NARROW SO THAT THREE OF THEM STILL FIT ON THE ROW. */
/* */
/* min() KEEPS THE NOTES AT 300px WHENEVER THE ROW IS WIDE ENOUGH FOR THREE OF THEM, SO THIS */
/* CHANGES NOTHING AT THE TOP OF THE RANGE AND NOTHING ON A DESKTOP. THE LOWER BOUND KEEPS */
/* PHONES OUT OF IT, WHERE THREE COLUMNS WOULD BE FAR TOO NARROW TO READ. */
/* */
/* A COLUMN IS (100% - 2 x 10px GAP) / 3, AND A WIDE NOTE IS TWO COLUMNS PLUS ONE GAP, */
/* WHICH WORKS OUT AS (200% - 10px) / 3. */
@media screen and (min-width:700px) and (max-width:1200px)
{
	.lby_note_flex > .lby_box,
	.lby_note_flex > .lby_box_empty
	{
		flex-basis:min(300px , calc((100% - 20px) / 3));
		width:min(300px , calc((100% - 20px) / 3));
	}
	.lby_note_flex > .lby_box_wide
	{
		flex-basis:min(610px , calc((200% - 10px) / 3));
		width:min(610px , calc((200% - 10px) / 3));
	}
}
.lby_box
{
	background-color:var(--bg-neutral-1);
	min-height:230px;
	padding:0px;
	padding-bottom:10px;
	border:1px solid var(--border-info-6);
	box-sizing: border-box;
	
	border-radius: 3px 3px 0 0;
	
	box-shadow: 0px 4px 6px -1px var(--shadow-4);
	
	display:table;
	position:relative;
}
.lby_box_mwlnotice
{
	border:1px solid var(--border-brand-dark);
}
.lby_box_rednotice
{
	border:1px solid var(--border-danger-5);
}
.fullNotificationContainer
{
	margin:auto;
	width:650px;
	text-align:left;
	margin-top:30px;
}
.lby_box_mwlnotice_readmore
{
	border:1px solid var(--border-brand-dark);	
	width:100%;
	
}
.lby_box_empty
{
	background-color:var(--bg-neutral-3);
	min-height:230px;
	padding:0px;
	padding-bottom:10px;
	border:1px solid var(--border-neutral-2);
	box-sizing: border-box;
	
	border-radius: 3px 3px 0 0;
	display:table;
	position:relative;
}
.lby_box_link:hover
{
	box-shadow: 0px 1px 8px 1px var(--shadow-5);
	cursor:pointer;
}
.lby_note_hl
{
	font-family:"Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
	height:24px;
	line-height: 25px;
	
	font-size: 1.1em;
	letter-spacing: 0.1em;
	
	
	background-color:var(--bg-brand); color:var(--text-neutral-1); padding:5px 5px 5px 10px; 
}
.lby_note_hl_mwlnotice { background-color:var(--bg-brand-dark); padding:5px 5px 5px 10px; }
.lby_note_hl_rednotice { background-color:var(--bg-danger-11); padding:5px 5px 5px 10px; }
.lby_note_container { display:table-row; } 
.lby_note_text { 
	color:var(--text-neutral-12);
	padding:10px; font-size:1.1em; text-align:justify; 
	font-family:"Exo 2","Helvetica Neue", Verdana, Arial, sans-serif; overflow-y:auto; 
	/*white-
	space:overflow;*/ 
} 
.lby_note_fulltext { padding:30px; margin-bottom:30px; }
	
.lby_note_fulltext img { max-width:100%; }
	
.lby_note_fulltext h2 { margin-top:3em; font-size:1.1em; color:var(--text-brand-dark); }

.lby_note_text_c
{
	color:var(--text-neutral-12);
	padding:10px;
	font-size:1.3em;
	text-align:center;
	font-family:"Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
}
.lby_note_readmore
{
	position:absolute;
	bottom:10px;
	left:10px;
	padding-left:2px;
	font-size:0.9em;
	font-style:italic;
	cursor:pointer;
	color:var(--text-brand-dark);
}
.lby_note_readmore:hover
{
	color:var(--text-brand);
}
.lby_note_trash
{
	color:var(--text-neutral-4);
	position:absolute;
	bottom:10px;
	right:10px;
	padding-right:2px;
	font-size:1.0em;
}
.lby_note_trash a
{
	color:var(--text-danger-7);
}
.lby_note_trash a:hover
{
	color:var(--text-danger-4);
}
.lby_balance
{
	text-align:center;
	font-size:4em;
	color:var(--text-info-3);
	padding:2px;
	padding-top:10px;
}
.neg_value
{
	color:var(--text-danger-4);
}
.pos_value
{
	color:var(--text-success-2);
}

.lby_currency
{
	text-align:center;
	font-size:2em;
	color:var(--text-neutral-4);
	padding:2px;
	margin:2px;
}

div.windowPlaceholder
{
	margin:auto;
	padding:0;
}
div.cText
{
	text-align:justify;
	width:80vw;
	max-width:800px;
	font-size:16px;
	color:var(--text-neutral-12);
}
.cText
{
	color:var(--text-neutral-12);
}
.cText h1
{
	font-size:22px;
	color:var(--text-info-15);
	letter-spacing:0.05em;
	font-weight:strong;
	margin-top:36px;
	margin-bottom:20px;
}
.cText h2
{
	font-size:18px;
	color:var(--text-info-15);
	letter-spacing:0.05em;
	margin-top:32px;
	font-weight:normal;
}
@media print
{.cText button
{
	visibility:hidden;
}
}
.mobileAppView img {
	padding:8px;
}
.NLFPFLY input
{
	font-family: "Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
	font-size:14px;
	text-align:center;
	height:18px;
}
.NLFPFLY table
{
	width:100%;
	border-collapse: collapse;
}
.NLFPFLY th, .NLFPFLY td {
  border: 1px solid var(--border-neutral-3);
}
.NLFPFLY table tr th
{
	height: 25px;
  	text-align:left;
	background-color:var(--bg-neutral-9);
  	padding:5px;
  	white-space: nowrap;
}
.NLFPFLY table tr td
{
	text-align:right;
	height: 25px;
  	vertical-align: center;
  	padding:5px;
  	white-space: nowrap;
}

.nlfUserList table
{
	width:100%;
	border-collapse: collapse;
	font-size:0.8em;
	margin-bottom:20px;
}
.nlfUserList th, .nlfUserList td {
  border: 1px solid var(--border-neutral-3);
}
.nlfUserList table tr th
{
	height: 20px;
  	text-align:left;
	background-color:var(--bg-neutral-9);
  	padding:3px;
  	white-space: nowrap;
}
.nlfUserList table tr:first-of-type th
{
	border-bottom:none;
}
.nlfUserList table tr:nth-of-type(2) th
{
	border-top:none;
}
.nlfUserList table tr td
{
	font-family: 'Inconsolata';
	text-align:left;
	height: 20px;
  	vertical-align: center;
  	padding:3px;
  	white-space: nowrap;
}
.nlfUserList table tr th:nth-of-type(4) {	text-align:center;}
.nlfUserList table tr th:nth-of-type(6) {	text-align:center;}

.nlfUserList table tr td:nth-of-type(1) {	width:80px; }
.nlfUserList table tr td:nth-of-type(2) {	width:120px; border-right:none;}
.nlfUserList table tr td:nth-of-type(3) {	border-left:none;}
.nlfUserList table tr td:nth-of-type(4) {	width:120px; text-align:center;}
.nlfUserList table tr td:nth-of-type(5) {	width:80px;}
.nlfUserList table tr td:nth-of-type(6) {	width:80px; text-align:center;}
.nlfUserList table tr td span.noPaid
{
	color:var(--text-danger-4);
}
div.nlfUserDetails
{
	max-height:80vh;
	padding:10px;
	text-align:center;
}
div.nlfUserDetails img
{
	height:100px;
	max-width:100%;
}
div.nlfUserDetails table
{
	width:100%;
	margin-bottom:30px;
}
div.nlfUserDetails table tr th
{
	background-color:var(--bg-neutral-8);
	padding:5px;
	letter-spacing:2px;
}
div.nlfUserDetails table tr td:nth-of-type(2)
{
	font-weight:bold;
}
div.nlfUserDetails table tr td:first-of-type
{
	width:120px;
}
div.nlfUserDetails table tr td
{
	text-align:left;
	padding-left:8px;
}
div.nlfUserDetails div
{
	margin:20px 1px 20px 1px;
	font-size:0.9em;
}
div.nlfUserDetails div.NlfErrorMsg
{
	color:var(--text-danger-4);
}
div.helpText h1,
div.helpText h2,
div.helpText a
{
	color:var(--text-success-3);
}

span.hiddenPIC
{
	color:var(--text-neutral-4);
	font-style:italic;
}
#scrollUp
{
	z-index:-1;
	opacity:0;
	position:fixed;
	right:120px;
	bottom:70px;
	width:40px;
	height:40px;
	/* color:#333; */
	color:var(--text-neutral-7);
	border: 1px solid var(--border-neutral-7);
	background-color:var(--overlay-light-a20);
	transition: all 300ms linear;
	text-align:center;
	padding-top:6px;
	box-sizing: border-box;
	border-radius: 10px 10px 10px 10px;
	    
}
#scrollUp:hover
{
	color:var(--text-neutral-1);
	background-color:var(--bg-neutral-16);
	transition: all 300ms linear;
}
div.subWin
{
	/* Width is set via "style" */
	padding:0;
	border:0;
	margin:0;
	display:table;
	text-align:left;
	max-width:1000px;
}
div.newLookSubWin
{
	/* Width is set via "style" */
	padding:0;
	border:0;
	margin:0;
	display:table;
	text-align:left;
	max-width:1000px;
}
div.subWinTitle
{
	position:relative;
	
	background: var(--bg-neutral-11);
   background: -webkit-gradient(linear, left top, left bottom, from(var(--bg-neutral-1)), to(var(--bg-neutral-13)));
   background: -webkit-linear-gradient(top, var(--bg-neutral-1), var(--bg-neutral-13));
   background: -moz-linear-gradient(top, var(--bg-neutral-1), var(--bg-neutral-13));
   background: -ms-linear-gradient(top, var(--bg-neutral-1), var(--bg-neutral-13));
   background: -o-linear-gradient(top, var(--bg-neutral-1), var(--bg-neutral-13));
   
   
	background-position: right center;
	background-repeat: no-repeat;
	
	padding:3px 3px 3px 15px;
	width:auto;
	text-align: left;
	color:var(--text-neutral-13);
	
	height:15px;
	line-height: 16px;
	/*font-family: "Helvetica Neue", Verdana, Arial, sans-serif;*/
	font-size: 1.1em;
	letter-spacing: 0.1em;
	
	border:1px solid var(--border-neutral-5);
	border-radius: 5px 5px 0 0;
	
	box-shadow: 0px 4px 6px -1px var(--shadow-4);
	
	z-index:10;
}
div.newLookSubWinTitle
{
	position:relative;
	
	background: var(--bg-brand);
   
	background-position: right center;
	background-repeat: no-repeat;
	
	padding:5px 5px 5px 10px;
	width:auto;
	text-align: left;
	color:var(--text-neutral-1);
	
	height:24px;
	line-height: 25px;
	
	font-size: 1.1em;
	letter-spacing: 0.1em;
	
	border:1px solid var(--border-brand);
	border-radius: 3px 3px 0 0;
	
	box-shadow: 0px 4px 6px -1px var(--shadow-4);
	
	z-index:10;
}
div.newLookSubWinTitleRed
{
	position:relative;
	
	background: var(--bg-danger-8);
   
	background-position: right center;
	background-repeat: no-repeat;
	
	padding:5px 5px 5px 10px;
	width:auto;
	text-align: left;
	color:var(--text-neutral-1);
	
	height:24px;
	line-height: 25px;
	
	font-size: 1.1em;
	letter-spacing: 0.1em;
	
	border:1px solid var(--border-danger-3);;
	border-radius: 3px 3px 0 0;
	
	box-shadow: 0px 4px 6px -1px var(--shadow-4);
	
	z-index:10;
}
div.subWinContents
{
	position:relative;
	background-color: var(--bg-neutral-8);
	padding:5px;
	width:auto;
	text-align: left;
	border:1px solid var(--border-neutral-5);
	border-top: 0;
	
	box-shadow: 0px 4px 6px -1px var(--shadow-4);
	/*
	box-shadow: 0px 4px 6px -1px green;
	*/
	z-index:20;
}
div.newLookSubWinContents
{
	position:relative;
	background-color: var(--bg-neutral-1);
	padding:5px;
	width:auto;
	text-align: left;
	border:1px solid var(--border-info-6);
	border-top: 0;
	
	box-shadow: 0px 3px 4px -1px var(--shadow-2);
	/*
	box-shadow: 0px 4px 6px -1px green;
	*/
	z-index:20;
}
div.newLookSubWinContentsRed
{
	position:relative;
	background-color: var(--bg-neutral-1);
	padding:5px;
	width:auto;
	text-align: left;
	border:1px solid var(--border-danger-3);;
	border-top: 0;
	
	box-shadow: 0px 3px 4px -1px var(--shadow-2);
	/*
	box-shadow: 0px 4px 6px -1px green;
	*/
	z-index:20;
}
div.subWinTitleNoGfx
{
	display:none;
}
div.newLookSubWinTitleNoGfx
{
	display:none;
}
div.subWinContentsNoGfx
{
	position:relative;
	padding:5px;
	width:auto;
	text-align: left;
	border:0;
	
	z-index:20;
}
div.newLookSubWinContentsNoGfx
{
	position:relative;
	padding:5px;
	width:auto;
	text-align: left;
	border:0;
	
	z-index:20;
}



/* Input with a Font Awesome icon inside its left edge (mwlTextInput::setIcon) */
span.iconInput
{
	position:relative;
	display:inline-block;
}
span.iconInput > i
{
	position:absolute;
	left:calc(3px + 0.6em);	/* input left margin + a little air */
	top:calc(50% + 1px);	/* input has 3px top / 1px bottom margin */
	transform:translateY(-50%);
	color:var(--text-neutral-7);
	pointer-events:none;	/* clicks go through to the input */
}
span.iconInput > input
{
	padding-left:2.2em;
}

input[type="text"]:focus,
input[type="text"].textFields:focus,
input[type="password"].textFields:focus
{
	box-shadow: 0px 0px 6px 2px var(--shadow-2);
	outline: none;
	transition: all 0.3s linear;
}

label
{ 
	cursor:pointer;
}

input[type="checkbox"]
{
	cursor:pointer;
	accent-color:var(--bg-brand);
}

input[type="radio"]
{
	cursor:pointer;
}

img {
	border:0 none;
}

#upperLeftLogo
{
	margin:0 0 0 5px;
	text-align:left;
	position:relative;
	top:0;
	left:0;
	float:left;
	max-width:289px;
	overflow:hidden;
	z-index:1200;
}
#nameBelowLogo
{
	text-align:left;
	border:0;
	position:absolute;
	top:65px;
	clear:both;
	margin:5px;
	max-width:400px;
}

#upperBnr
{
	text-align:center;
	clear:both;
	z-index:999;
	padding-top:15px;
	padding-bottom:5px;
}
#lowerBnr
{
	text-align:center;
	clear:both;
	height:80px;
	z-index:999;
	padding-top:5px;
	padding-bottom:15px;
}
#lowerBnrnewLook
{
	text-align:center;
	clear:both;
	z-index:999;
	padding:10px;
}
#upperBnr img,
#upperBnr video
{
	border:1px solid var(--border-neutral-9);
	height:60px;
	width:468px;
	box-shadow: 0px 0px 6px -1px var(--shadow-6);
	
}
#upperBnrOLD img,
#lowerBnrnewLook img,
#lowerBnr img,
#lowerBnr video
{
	border:1px solid var(--border-neutral-9);
	height:60px;
	width:468px;
	box-shadow: 0px 0px 6px -1px var(--shadow-6);

}

.SETTINGSDESC
{
	color:var(--text-info-5);
}

.FLIK
{
	color:var(--text-neutral-13);
	padding:6px;
}

img.scrAdjInc
{
	width:21px;
	height:14px;
	background:url("/images/spritesGeneral_v1.0.11.png") -21px 0;
}
img.scrAdjIncDisabled
{
	width:21px;
	height:14px;
	background:url("/images/spritesGeneral_v1.0.11.png") 0 0;
}
img.scrAdjDec
{
	width:21px;
	height:14px;
	background:url("/images/spritesGeneral_v1.0.11.png") -21px -14px;
}
img.scrAdjDecDisabled
{
	width:21px;
	height:14px;
	background:url("/images/spritesGeneral_v1.0.11.png") 0 -14px;
}
img.flagSE
{
	width:21px;
	height:21px;
	background:url("/images/spritesGeneral_v1.0.11.png") 0 -28px;
	cursor:pointer;
}
img.flagNO
{
	width:21px;
	height:21px;
	background:url("/images/spritesGeneral_v1.0.11.png") 0 -49px;
	cursor:pointer;
}
img.flagUK
{
	width:21px;
	height:21px;
	background:url("/images/spritesGeneral_v1.0.11.png") -21px -28px;
	cursor:pointer;
}
img.RSS12
{
	width:12px;
	height:12px;
	background:url("/images/spritesGeneral_v1.0.11.png") 0 -70px;
}
img.RSS24
{
	width:24px;
	height:24px;
	background:url("/images/spritesGeneral_v1.0.11.png") -18px -70px;
}
img.TWT12
{
	width:12px;
	height:12px;
	background:url("/images/spritesGeneral_v1.0.11.png") 0 -82px;
}
img.FB12
{
	width:12px;
	height:12px;
	background:url("/images/spritesGeneral_v1.0.11.png") -116px -0px;
}
img.TWT24
{
	width:24px;
	height:24px;
	background:url("/images/spritesGeneral_v1.0.11.png") -18px -94px;
}
img.TB_LEFT
{
	width:4px;
	height:22px;
	background:url("/images/spritesGeneral_v1.0.11.png") 0 -118px;
}
img.TB_RIGHT
{
	width:20px;
	height:22px;
	background:url("/images/spritesGeneral_v1.0.11.png") -7px -118px;
}
img.CALIMG
{
	width:18px;
	height:14px;
	cursor:pointer;
	border:0px solid var(--border-neutral-12);
	padding-bottom: 2px;
	background:url("/images/spritesGeneral_v1.0.11.png") 0px -94px;
}
img.INSTR_15
{
	width:12px;
	height:15px;
	background:url("/images/spritesGeneral_v1.0.11.png") -13px -182px;
}
img.STUDENT_15
{
	width:12px;
	height:15px;
	background:url("/images/spritesGeneral_v1.0.11.png") 0px -182px;
}
img.INSTR_25
{
	width:20px;
	height:25px;
	background:url("/images/spritesGeneral_v1.0.11.png") 0px -155px;
}
img.STUDENT_25
{
	width:20px;
	height:25px;
	background:url("/images/spritesGeneral_v1.0.11.png") -22px -155px;
}
img.REDSTOP
{
	width:15px;
	height:15px;
	background:url("/images/spritesGeneral_v1.0.11.png") 0px -140px;
}
img.EXCLMARK
{
	width:15px;
	height:15px;
	background:url("/images/spritesGeneral_v1.0.11.png") -17px -140px;
}
img.PADLOCK_S
{
	width:11px;
	height:13px;
	background:url("/images/spritesGeneral_v1.0.11.png") -27px -118px;
}
img.MAGGLASS
{
	width:10px;
	height:10px;
	background:url("/images/spritesGeneral_v1.0.11.png") -32px -135px;
}
img.ONETICK
{
	width:1px;
	height:2px;
	background:url("/images/spritesGeneral_v1.0.11.png") -35px -149px;
}
img.SIXTICK
{
	width:1px;
	height:4px;
	background:url("/images/spritesGeneral_v1.0.11.png") -37px -147px;
}
img.UPARROW
{
	width:15px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -26px -181px;
}
img.RPT_SCREEN
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -1px -197px;
}
img.RPT_SCREEN_D
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -19px -197px;
}
img.RPT_PRINT
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -1px -213px;
}
img.RPT_PRINT_D
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -19px -213px;
}
img.RPT_PDF
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -1px -230px;
}
img.RPT_PDF_D
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -19px -230px;
}
img.RPT_EMAIL
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -1px -247px;
}
img.RPT_EMAIL_D
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -19px -247px;
}
img.RPT_REPORT
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -1px -264px;
}
img.RPT_REPORT_D
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -19px -264px;
}
img.RPT_PIECHRT
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -1px -281px;
}
img.RPT_PIECHRT_D
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -19px -298px;
}
img.RPT_LINECHRT
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -19px -281px;
}
img.RPT_BARCHRT
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -1px -298px;
}

img.STOPHAND
{
	width:40px;
	height:40px;
	background:url("/images/spritesGeneral_v1.0.11.png") -42px 0px;
}
img.WARNINGTRI
{
	width:40px;
	height:40px;
	background:url("/images/spritesGeneral_v1.0.11.png") -42px -40px;
}
img.LIGHTBULB
{
	width:40px;
	height:40px;
	background:url("/images/spritesGeneral_v1.0.11.png") -43px -82px;
}
img.MINICHKGREEN
{
	width:13px;
	height:13px;
	background:url("/images/spritesGeneral_v1.0.11.png") -65px -125px;
}
img.EDITPEN
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -44px -147px;
}
img.EDITPEND
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -63px -147px;
}
img.BIGPADLOCK
{
	width:35px;
	height:50px;
	background:url("/images/spritesGeneral_v1.0.11.png") -45px -165px;
}
img.BELL
{
	width:11px;
	height:10px;
	background:url("/images/spritesGeneral_v1.0.11.png") -42px -216px;
}
img.TRILEFT
{
	width:9px;
	height:9px;
	background:url("/images/spritesGeneral_v1.0.11.png") -57px -217px;
}
img.TIMEUP16
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -90px -301px;
}
img.TIMEUP16T30
{
	width:16px;
	height:16px;
	background:url("/images/spritesGeneral_v1.0.11.png") -65px -250px;
}
img.TIMEUP24T50
{
	width:24px;
	height:24px;
	background:url("/images/spritesGeneral_v1.0.11.png") -39px -246px;
}
img.TIMEUP43
{
	width:43px;
	height:43px;
	background:url("/images/spritesGeneral_v1.0.11.png") -43px -271px;
}
img.FILEEXCEL
{
	width:32px;
	height:32px;
	background:url("/images/spritesGeneral_v1.0.11.png") -83px -1px;
}
img.FILEPDF
{
	width:32px;
	height:32px;
	background:url("/images/spritesGeneral_v1.0.11.png") -83px -33px;
}
img.FILECSV
{
	width:32px;
	height:32px;
	background:url("/images/icon/csv.png");
}
img.FILEPDFD
{
	width:32px;
	height:32px;
	background:url("/images/spritesGeneral_v1.0.11.png") -83px -66px;
}
img.FILEIMG
{
	width:32px;
	height:32px;
	background:url("/images/spritesGeneral_v1.0.11.png") -83px -98px;
}
img.FILEFOLDER
{
	width:32px;
	height:32px;
	background:url("/images/spritesGeneral_v1.0.11.png") -83px -131px;
}
img.FILEDOC
{
	width:32px;
	height:32px;
	background:url("/images/spritesGeneral_v1.0.11.png") -83px -165px;
}
img.FILEBACK
{
	width:32px;
	height:32px;
	background:url("/images/spritesGeneral_v1.0.11.png") -83px -200px;
}
img.PRINTER
{
	width:32px;
	height:32px;
	background:url("/images/spritesGeneral_v1.0.11.png") -83px -234px;
}
img.PLUS
{
	width:9px;
	height:9px;
	background:url("/images/spritesGeneral_v1.0.11.png") -42px -229px;
}
img.MBRSMALL
{
	width:12px;
	height:14px;
	background:url("/images/spritesGeneral_v1.0.11.png") -52px -228px;
}
img.ACSMALL
{
	width:15px;
	height:15px;
	background:url("/images/spritesGeneral_v1.0.11.png") -65px -227px;
}
img.REDCROSS
{
	width:15px;
	height:15px;
	background:url("/images/spritesGeneral_v1.0.11.png") -89px -271px;
}
img.REDCROSSD
{
	width:15px;
	height:15px;
	background:url("/images/spritesGeneral_v1.0.11.png") -89px -286px;
}
img.MBRPHOTO {
	width:100px;
	height:120px;
	border:1px solid var(--border-neutral-12);
	background-color:var(--bg-neutral-1);
	box-shadow: 2px 2px 2px var(--shadow-3);
}
img.MBR_NOPHOTO {
	width:100px;
	height:120px;
	border:1px solid var(--border-neutral-10);
	background-color:var(--bg-neutral-1);
	background:url("/images/spritesGeneral_v1.0.11.png") 0px -421px;
	box-shadow: 2px 2px 2px var(--shadow-3);
}

img.OBJPHOTO {
	width:150px;
	height:100px;
	border:1px solid var(--border-neutral-12);
	background-color:var(--bg-neutral-1);
	cursor:pointer;
	box-shadow: 2px 2px 2px var(--shadow-3);
}

img.OBJ_NOPHOTO {
	width:150px;
	height:100px;
	border:1px solid var(--border-neutral-10);
	background-color:var(--bg-neutral-1);
	cursor:default;
	background:url("/images/spritesGeneral_v1.0.11.png") 0px -320px;
	box-shadow: 2px 2px 2px var(--shadow-3);
}

img.VM
{
	vertical-align:middle;
}
img.PTR
{
	cursor: pointer;
}











.notused
{
	color:var(--text-neutral-4);
	cursor:default;
	padding:6px;
}

img.C {
	border:0 none;
	vertical-align:middle;
	cursor:pointer;
}

H1 {
font-size:13px;
text-align:left;
font-weight:400;
letter-spacing:1px;
word-spacing:1px;
color:var(--text-neutral-13);
margin:0;
padding:0
}

H2 {
font-size:14px;
text-align:left;
font-weight:700;
letter-spacing:1px;
word-spacing:1px;
color:var(--text-neutral-13);
margin:0;
padding:0
}

H1.mdl {
	font-size:1.5em;
	text-align:left;
	font-weight:bold;
	margin-bottom:1.5em;
	letter-spacing:0.15em;
}
H2.mdl {
	font-size:1.2em;
	text-align:left;
	font-weight:bold;
	margin-top:0.5em;
	margin-bottom:0.5em;
	width:100%;
	border-bottom:1px solid var(--border-neutral-4);
}
P.mdl {
	padding-left:5px;
	color:var(--text-neutral-11);
}
div.mdl
{
	padding:10px;
}
div.mdl div
{
	padding:5px;
	
	font-size:1.1em;
}


div.bannerReplacement {
	height:50px;
}
div.freeAdBanner {
	cursor:pointer;
	background-color:var(--bg-neutral-4);
	border:1px solid var(--border-neutral-8);
	width:468px;
	height:60px;
	margin:0 auto;
	border-radius:0.5em;
	box-shadow: 0 0 8px var(--shadow-3);
	background: var(--bg-info-6);
background: linear-gradient(0, var(--overlay-info-a20-1) 0%, var(--overlay-info-a20-2) 34%, var(--overlay-info-a20-3) 100%);
}

div.freeAdBanner > div:first-of-type {
	font-size:3em;
	font-weight:bold;
	letter-spacing:0.1em;
	height:65%;
  color:var(--text-info-19);
}
div.freeAdBanner > div:nth-of-type(2) {
	height:35%;
}

#header_container {
height:85px;
margin:0 auto;
}
#header_containerNew {
position:relative;
height:85px;
margin:0 auto;
background:url("/images/CloudBanner2.png");
/*background-repeat:repeat-x;*/
background-repeat:no-repeat;
background-size:100% 100%;
}
#header_containernewLook {
position:relative;
height:85px;
margin:0 auto;
background-size:100% 100%;
background-color:var(--bg-neutral-1);
}
#cookieBar {
width:100%;
height:80px;
margin:0;
color:var(--text-neutral-1);
background-color:var(--bg-brand);
box-sizing: border-box;
padding: 15px 15vw 20px 15vw;
font-family: "Exo 2", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size: 1.5em;
box-shadow: 2px -2px 6px 2px var(--shadow-8);
/*margin-bottom:15px;

border-bottom:1px solid #aaaa77;*/
position: -webkit-sticky;
position: sticky;
top:0;
border-bottom:1px solid var(--border-neutral-1);
z-index:1300;
}
#cookieDisclaimerText {
	cursor:default;
	font-size:0.8em;
	float:left;
	font-family: "Exo 2", "Helvetica Neue", Verdana, Arial, sans-serif;
	max-width:45vw;
}
#cookieDisclaimerText a {
	color:var(--text-neutral-1);
	text-decoration:underline;
}
#cookieButton {
	background-color:var(--bg-brand-dark);
	color:var(--text-neutral-1);
	float:right;

    border: none;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    /*display: inline-block;*/
    font-size: 0.9em;
    cursor:pointer;
    font-family: "Exo 2", "Helvetica Neue", Verdana, Arial, sans-serif;
		
}
#cookieButton:hover
{
	background-color:var(--bg-neutral-14);
	color:var(--text-brand);
	transition: background-color 200ms linear;
}

#plogExpiryBar {
width:100%;
height:50px;
margin:0;
color:var(--text-warning-1);
background-color:var(--bg-brand);
box-sizing: border-box;
padding: 9px 15vw 9px 15vw;
font-family: "Exo 2", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size: 1.5em;
box-shadow: 2px -2px 6px 2px var(--shadow-8);
/*margin-bottom:15px;

border-bottom:1px solid #aaaa77;*/
position: -webkit-sticky;
position: sticky;
top:0;
border-bottom:1px solid var(--border-neutral-1);
z-index:1300;
}
#plogExpiryDisclaimerText {
	cursor:default;
	font-size:0.8em;
	padding:0.5em;
	
	float:left;
	font-family: "Exo 2", "Helvetica Neue", Verdana, Arial, sans-serif;
	max-width:45vw;
	border: 1px solid var(--border-warning-2);
	border-radius: 0.3em;
}
#plogExpiryDisclaimerText a {
	color:var(--text-neutral-1);
	text-decoration:underline;
}
#plogExpiryButton {
	background-color:var(--bg-brand-dark);
	color:var(--text-neutral-1);
	float:right;

    border: none;
    padding: 7px 32px;
    text-align: center;
    text-decoration: none;
    /*display: inline-block;*/
    font-size: 0.8em;
    cursor:pointer;
    font-family: "Exo 2", "Helvetica Neue", Verdana, Arial, sans-serif;
	border-radius: 0.3em;
}
#plogExpiryButton:hover
{
	background-color:var(--bg-neutral-14);
	color:var(--text-brand-dark);
	transition: background-color 200ms linear;
}
		
	
#header_left {
float:left;
width:228px;
height:85px;
background:url("/images/newtop_bg7.gif");
background-repeat:no-repeat;
cursor:default;
color:var(--text-neutral-9);
font-size:10px;
text-align:left;
padding-left: 66px;
padding-top: 0px;
}

#header_left_empty {
float:left;
width:289px;
height:85px;
background:url("/images/topleftbg.gif");
background-repeat:no-repeat;
cursor:default;
color:var(--text-neutral-9);
font-size:10px;
text-align:left;
padding-left: 5px;
padding-top: 0px;
}

#header_left_reallyEmpty {
float:left;
width:289px;
height:85px;
cursor:default;
color:var(--text-neutral-9);
font-size:10px;
text-align:left;
padding-left: 5px;
padding-top: 0px;
}

#header_left_NLF {
float:left;
width:289px;
height:85px;
background:url("/images/TopLeftBG_with_NLF.gif");
background-repeat:no-repeat;
cursor:default;
color:var(--text-neutral-7);
font-size:10px;
text-align:left;
padding-left: 5px;
padding-top: 0px;
}

#header_left_dev {
float:left;
width:228px;
height:85px;
background:url("/images/newtop_bg7.gif");
background-repeat:no-repeat;
cursor:default;
color:var(--text-neutral-9);
font-size:10px;
text-align:left;
padding-left: 66px;
padding-top: 0px;
}

#MenuPosition {
height:22px;
background:url("/images/spritesBars.gif") 0px 0px;
background-repeat:repeat-x;
width:100%
}

.textdta {
font-family:"courier new", sans-serif;
font-size:11px;
color:var(--text-neutral-13)
}

.mid_topbar_silver {
background:url("/images/spritesBars.gif") 0px -109px;
background-repeat: repeat-x;
font-size:13px;
letter-spacing:1px;
word-spacing:1px;
color:var(--text-neutral-13);
padding-left:8px;
padding-right:20px
}



A.menu {
font-family:inherit;
font-size:10px;
text-decoration:none;
color:var(--text-purple)
}

a {
color:var(--text-info-10);
font-weight:400;
text-decoration:none
}
a:hover {
color:var(--text-neutral-13);
font-weight:400;
text-decoration:none;
}

.BLUE {
	color:var(--text-info-16);
}

.RED {
	color:var(--text-danger-6);
}
.CN11 {
font-family:"Courier New", "Lucida Console", monospace, sans-serif;
font-size:1em;
}

TD.PAGETAB_MID {
background:url("/images/flik_mellan3.gif")
}

TD.PAGETAB_LEFT {
background:url("/images/flik_left.gif")
}

TD.PAGETAB_FILL {
background:url("/images/flik_fill.gif");
cursor:pointer
}

TD.PAGETAB_FILLHIGH {
background:url("/images/flik_fill_high.gif")
}

TD.PAGETAB_RIGHT {
background:url("/images/flik_right.gif")
}

.tableheader2 {
font-size:10px;
font-weight:700;
background-color:var(--bg-neutral-11);
color:var(--text-neutral-13)
}

.tableheader3 {
font-size:8px;
background-color:var(--bg-neutral-14);
color:var(--text-neutral-13)
}

TD.LtopLeftBoldBorder {
border-top:2px solid;
border-left:2px solid;
vertical-align:middle;
border-color:var(--border-neutral-12)
}

TD.LtopLightLeftBoldBorder {
border-top:1px solid;
border-left:2px solid;
vertical-align:middle;
border-color:var(--border-neutral-12)
}

TD.LtopLightLeftLightBorder {
border-top:1px solid;
border-left:1px solid;
vertical-align:middle;
border-color:var(--border-neutral-12)
}

TD.LtopLeftRightBoldBorder {
border-top:2px solid;
border-right:2px solid;
border-left:2px solid;
vertical-align:middle;
border-color:var(--border-neutral-12)
}

TD.LtopBoldLeftLightBottomLightBorder {
border-top:2px solid;
border-left:1px solid;
border-bottom:1px solid;
vertical-align:middle;
border-color:var(--border-neutral-12)
}

TD.LLeftLightBottomLightBorder {
border-left:1px solid;
border-bottom:1px solid;
vertical-align:middle;
border-color:var(--border-neutral-12)
}

TD.LtopBoldLeftLightBottomLightRightLightBorder {
border-top:2px solid;
border-left:1px solid;
border-right:1px solid;
border-bottom:1px solid;
vertical-align:middle;
border-color:var(--border-neutral-12)
}

TD.LtopBoldLeftBoldBottomLightBorder {
border-top:1px solid;
border-left:2px solid;
border-bottom:2px solid;
vertical-align:middle;
border-color:var(--border-neutral-12)
}

TD.LtopLightLeftLightRightBoldBorder {
border-top:1px solid;
border-left:1px solid;
border-right:2px solid;
vertical-align:middle;
border-color:var(--border-neutral-12)
}

TD.LtopLightLeftLightBottomBoldBorder {
border-top:1px solid;
border-left:1px solid;
border-bottom:2px solid;
vertical-align:middle;
border-color:var(--border-neutral-12)
}

TD.LtopLightLeftLightBottomBoldRightBoldBorder {
border-top:1px solid;
border-left:1px solid;
border-bottom:2px solid;
border-right:2px solid;
vertical-align:middle;
border-color:var(--border-neutral-12)
}

TD.LLeftLightBottomLightRightLightBorder {
border-left:1px solid;
border-right:1px solid;
border-bottom:1px solid;
vertical-align:middle;
border-color:var(--border-neutral-12)
}

TD.LtopBoldLeftLightBorder {
border-top:2px solid;
border-left:1px solid;
vertical-align:middle;
border-color:var(--border-neutral-12)
}

TABLE.SUMTABLE {
background:var(--bg-neutral-1);
border:1px solid var(--border-neutral-12);
width:100%;
font-family:Inconsolata,monospace;
font-size:1.1em;
}

TR.SR1 {
background-color:var(--bg-neutral-1);
height:18px
}

TR.SR2 {
background-color:var(--bg-surface-1);
height:18px
}

TR.SR1_24 {
background-color:var(--bg-neutral-1);
height:24px
}

TR.SR2_24 {
background-color:var(--bg-surface-1);
height:24px
}

TR.SR3_24 {
background-color:var(--bg-info-5);
height:24px
}

TR.SR1_24bright {
background-color:var(--bg-neutral-5);
height:24px
}

TR.SR2_24bright {
background-color:var(--bg-surface-1);
height:24px
}

TR.SR1h {
background-color:var(--bg-neutral-1);
height:24px
}

TR.SR2h {
background-color:var(--bg-surface-1);
height:24px
}

TR.TL1 {
background-color:var(--bg-neutral-1);
height:21px;
}

TR.TL2 {
background-color:var(--bg-surface-1);
height:21px;
}

TR.TL_HOVER {
background-color:var(--bg-info-5);
height:21px;
}

TR.TL_HIDDEN {
background-color:var(--bg-danger-4);
height:21px;
}

TR.TL1_30 {
background-color:var(--bg-neutral-1);
height:30px;
}

TR.TL2_30 {
background-color:var(--bg-surface-1);
height:30px;
}

TR.TL_30_HOVER {
background-color:var(--bg-info-5);
height:30px;
}

TR.TL_30_HIDDEN {
background-color:var(--bg-danger-4);
height:30px;
}

TD.AFTER_SUMLINES {
border-top:1px dotted var(--border-neutral-4)
}

TR.ANALYZETR {
height:60px
}

TD.LIGHT {
background-color:var(--bg-neutral-5);
text-align:center;
width:18px;
border-bottom:1px solid var(--border-neutral-2);
}

TD.LIGHT_ER {
background-color:var(--bg-neutral-3);
text-align:center;
width:18px;
border-bottom:1px solid var(--border-neutral-2);
}

TD.LIGHT_MO {
background-color:var(--bg-info-3);
text-align:center;
width:18px;
cursor:pointer
}

/* Report icons (screen, printer, pdf, e-mail, csv, chart) in the analyze list */
TD.LIGHT i.RPT_ICON,
TD.LIGHT_MO i.RPT_ICON {
font-size:16px;
color:var(--text-brand);
}

TD.LIGHT_MO i.RPT_ICON {
color:var(--text-brand-dark);
}

/* Pale, inactive icon when the report type has no link */
TD.LIGHT_ER i.RPT_ICON_D {
font-size:16px;
color:var(--text-neutral-4);
opacity:0.25;
}

TD.ANALYZEHL {
padding-left:15px;
font-weight:700;
border-bottom:1px solid var(--border-neutral-2);
border-left:1px solid var(--border-neutral-2);
}

TD.ANALYZEDESC {
text-align:left;
width:300px;
color:var(--text-neutral-9);
font-style:italic;
padding-left:20px;
padding-right:10px;
border-bottom:1px solid var(--border-neutral-2);

}

DIV.RUBRIK_C {
font-family:"Arial Narrow", sans-serif;
font-size:14px;
font-weight:700;
color:var(--text-neutral-13);
text-align:center
}

DIV.DATA {
font-family:"Courier New", sans-serif;
font-size:14px;
font-weight:700;
color:var(--text-neutral-13)
}

.OCRNR {
font-family:"Courier New", sans-serif;
font-size:12px;
font-weight:700;
color:var(--text-neutral-13)
}

DIV.GULRUBRIK {
border-top:1px dotted var(--border-neutral-11);
border-bottom:1px dotted var(--border-neutral-11);
background-color:var(--bg-warning-2);
padding:0.3em 0.5em;
font-family:"Arial Narrow", sans-serif;
font-size:16px;
font-weight:700;
color:var(--text-neutral-13)
}

DIV.GULRUBRIK_SHADE {
background-color:var(--bg-warning-4);
padding:0.3em 0.5em;
font-family:"Arial Narrow", sans-serif;
font-size:14px;
font-weight:700;
color:var(--text-neutral-13)
}

DIV.GULRUBRIK_SHADE_THIN {
background-color:var(--bg-warning-5);
padding:0.3em 0.5em;
font-family:"Arial Narrow", sans serif;
font-size:14px;
color:var(--text-neutral-13)
}

DIV.REDRUBRIK_SHADE {
background-color:var(--bg-danger-10);
padding:0.3em;
padding-left:5px;
font-family:"Arial Narrow", sans serif;
font-size:14px;
color:var(--text-neutral-1);
}

DIV.GREENRUBRIK_SHADE {
background-color:var(--bg-success-6);
padding:0.3em;
padding-left:5px;
font-family:"Arial Narrow", sans serif;
font-size:14px;
color:var(--text-neutral-13)
}

DIV.GULRUBRIK_SMALL {
border-top:1px dotted var(--border-neutral-11);
border-bottom:1px dotted var(--border-neutral-11);
background-color:var(--bg-warning-2);
padding:0.3em 0.5em;
font-size:10px;
color:var(--text-neutral-13)
}

DIV.COLUMNSDESC {
border-top:1px solid var(--border-neutral-5);
background-color:var(--bg-neutral-8);
padding-left:2px;
font-family:"Arial Narrow", sans-serif;
font-size:12px;
color:var(--text-neutral-7);
font-weight:700
}

DIV.G_HL {
padding-left:2px;
font-family:"Arial Narrow", sans-serif;
font-size:12px;
color:var(--text-neutral-7);
font-weight:700
}

TD.MLIST_G {
color:var(--text-neutral-7);
width:75px
}

TD.MLIST_B {
color:var(--text-neutral-13);
width:180px
}

TD.DASHUNDER {
border-bottom:1px dashed var(--border-neutral-7)
}

A.airport {
text-decoration:none;
color:var(--text-neutral-13);
font-weight:400
}

A.airport:hover {
color:var(--text-neutral-13);
font-weight:400;
text-decoration:underline
}

TR.logrow {
background-color:var(--bg-neutral-1);
cursor:default
}

TR.logrow2 {
background-color:var(--bg-neutral-9);
cursor:default
}

TD.ROWFIRST {
border-right:solid 1px var(--border-neutral-4);
border-top:solid 1px var(--border-neutral-4)
}

TD.ROWLAST {
border-right:solid 1px var(--border-neutral-4);
border-bottom:solid 1px var(--border-neutral-4)
}

TD.ROWL {
border-left:solid 1px var(--border-neutral-4);
border-right:solid 1px var(--border-neutral-4);
padding-left:3px;
padding-right:3px
}

TD.ROWFIRSTNL {
border-top:solid 1px var(--border-neutral-4)
}

TD.ROWLASTNL {
border-bottom:solid 1px var(--border-neutral-4)
}

TD.ROWONEROW {
border-right:solid 1px var(--border-neutral-4);
border-top:solid 1px var(--border-neutral-4);
border-bottom:solid 1px var(--border-neutral-4)
}

TD.ROWONEROWNL {
border-top:solid 1px var(--border-neutral-4);
border-bottom:solid 1px var(--border-neutral-4)
}

TD.ROWFIRSTANDLAST {
border-right:solid 1px var(--border-neutral-4);
padding-left:3px;
padding-right:3px;
border-top:solid 1px var(--border-neutral-4);
border-bottom:solid 1px var(--border-neutral-4)
}

TD.ROW_M {
border-right:solid 1px var(--border-neutral-4);
cursor:pointer;
height:25px
}

TD.PNTNW{
	cursor:pointer;
	white-space: nowrap;
}

TD.ROWFIRST_M {
border-right:solid 1px var(--border-neutral-4);
border-top:solid 1px var(--border-neutral-4);
cursor:pointer;
height:25px
}

TD.ROWLAST_M {
border-right:solid 1px var(--border-neutral-4);
border-bottom:solid 1px var(--border-neutral-4);
cursor:pointer;
height:25px
}

TD.ROW_M2 {
border-bottom:solid 1px var(--border-neutral-3);
cursor:pointer;
height:25px
}

TD.ROW_M3 {
border-top:solid 1px var(--border-neutral-1);
border-bottom:solid 1px var(--border-neutral-6);
border-right:dotted 1px var(--border-neutral-4);
cursor:pointer;
height:25px
}

TD.ROW_ML2 {
border-right:solid 1px var(--border-neutral-1)
}

TD.ROW_M4 {
border-top:solid 1px var(--border-neutral-1);
border-bottom:solid 1px var(--border-neutral-6);
cursor:pointer;
height:35px
}

TD.ROW_M5 {
border-top:solid 1px var(--border-neutral-1);
border-bottom:solid 1px var(--border-neutral-6);
border-right:dotted 1px var(--border-neutral-4);
cursor:pointer;
height:35px
}

.TXTB {
vertical-align:text-bottom
}

input.bd {
background-color:var(--bg-neutral-8);
border:1px solid var(--border-neutral-5);
height:17px;
padding-left:3px
}

input.bd_2 {
background-color:var(--bg-neutral-8);
border:1px solid var(--border-neutral-5);
height:14px;
padding-left:3px;
font-family:"Courier New", sans-serif;
font-size:11px
}

SPAN.mbel {
color:var(--text-danger-4)
}

SPAN.foundit {
background-color:var(--bg-warning-9)
}

TD.T_DATUM {
background-color:var(--bg-warning-5)
}

IMG.BTNIMG {
vertical-align:text-bottom;
cursor:default
}

IMG.BTNIMG_P {
vertical-align:text-bottom;
cursor:pointer
}


TABLE.BOBJTBL {
background:var(--bg-neutral-1);
border:1px dotted var(--border-neutral-12);
width:100%;
padding:2px
}

TD.BOBJ_T {
font-family:"Arial Narrow", sans-serif;
font-size:12px;
color:var(--text-neutral-9);
width:70px
}

TD.mid_club_msg {
background:url("/images/tb_m.gif")
}

.infobox_table {
border:1px solid var(--border-info-5);
border-radius: 5px;
background:var(--bg-surface-1);
/*font-family:"Trebuchet Ms", Tahoma, sans-serif;*/
font-size:12px;
color:var(--text-info-7);
padding:3px;
margin:5px 0 5px 0;
}

.tipbox_table {
border:1px dashed var(--border-info-7);
border-radius: 5px;
background:var(--bg-neutral-5);
font-family:"Trebuchet Ms", Tahoma, sans-serif;
font-size:12px;
color:var(--text-neutral-9);
padding:3px;
margin:5px 0 5px 0;
}

.ksak_table {
border:1px dashed var(--border-info-7);
border-radius: 5px;
background:var(--bg-neutral-5);
font-family:"Trebuchet Ms", Tahoma, sans-serif;
font-size:12px;
color:var(--text-neutral-9);
padding:3px;
margin:5px 0 5px 0;
}

.green_table {
border:1px solid var(--border-success-2);
border-radius: 5px;
background:var(--bg-neutral-2);
font-family:"Trebuchet Ms", Tahoma, sans-serif;
font-size:12px;
color:var(--text-neutral-9);
padding:3px;
margin:5px 0 5px 0;
}

.cautionbox_table {
border:1px solid var(--border-caution-1);
border-radius: 5px;
background:var(--bg-warning-2);
font-family:"Trebuchet Ms", Tahoma, sans-serif;
font-size:12px;
color:var(--text-neutral-10);
padding:3px;
margin:5px 0 5px 0;
}

.warningbox_table {
border:2px solid var(--border-danger-1);
border-radius: 5px;
background:var(--bg-warning-5);
/*font-family:"Trebuchet Ms", Tahoma, sans-serif;*/
font-size:12px;
color:var(--text-neutral-12);
padding:3px;
margin:5px 0 5px 0;
}

.infobox_tiptitle {
/*font-family:"Trebuchet Ms", Tahoma, sans-serif;*/
border-radius: 5px;
font-size:14px;
color:var(--text-neutral-10);
font-weight:700;
letter-spacing:1px;
word-spacing:1px
}

.tbl_container {
background:var(--bg-neutral-1);
padding:0
}
.tbl_containerEmpty {
padding:0
}

.side_td_left2 {
border-right: 1px solid var(--border-neutral-8);
}

.side_td_right2 {
border-left: 1px solid var(--border-neutral-8);
}


TD.AN_R1 {
background-color:var(--bg-neutral-8);
border-left:1px var(--border-neutral-12) solid;
border-top:1px var(--border-neutral-12) solid
}

TD.AN_R1LAST {
background-color:var(--bg-neutral-8);
border-right:1px var(--border-neutral-12) solid;
border-top:1px var(--border-neutral-12) solid
}

input.disabled3 {
border:0;
color:var(--text-danger-4);
background-color:var(--bg-neutral-8);
font-weight:700
}

TD.PAD3 {
padding-left:3px;
padding-right:3px
}

TR.TR_HIDE,TD.TD_HIDE,.blockHIDE,TR.MSG_HIDE {
visibility:hidden;
display:none
}

TR.TR_SHOW,TD.TD_SHOW {
visibility:visible;
display:block
}

TR.MSG_SHOW,TR.TR_INLINE_SHOW,TD.TD_INLINE_SHOW {
visibility:visible;
display:inline-block
}

DIV.RUBRIK,DIV.MNAME {
font-family:"Arial Narrow", sans-serif;
font-size:14px;
font-weight:700;
color:var(--text-neutral-13)
}

DIV.sectionMain {
color:var(--text-neutral-13);
background-color:var(--bg-neutral-1);
border-radius: 5px 5px 0px 0px;
padding:0px;
background-color:var(--bg-warning-1);
border: 1px solid var(--border-neutral-5);
box-shadow: 2px 2px 2px var(--shadow-3);
margin: 5px;
}

DIV.sectionSubHeadline {
color:var(--text-neutral-13);
font-size:14px;
font-weight: bold;
border-bottom: 1px solid var(--border-neutral-3);
padding:10px;

}

DIV.sectionSubText {
color:var(--text-neutral-11);
padding:20px;
background-color:var(--bg-neutral-1);
}

TR.logrow:hover,TR.logrowmarked {
background-color:var(--bg-warning-5);
cursor:default
}

TR.logrow2:hover,TR.logrow2marked {
background-color:var(--bg-warning-8);
cursor:default
}

TD.ROW,TD.ROWNP {
border-right:solid 1px var(--border-neutral-4)
}

SPAN.ingsaldo,TD.det_t {
color:var(--text-neutral-7);
vertical-align:top;
}

TR.t_menu,TR.BOBJ_T_TR {
height:26px
} 

.strike {
	text-decoration: line-through;	
	color: var(--text-neutral-5);			
}

.t_det_minus {
	font-family:"Courier New", sans-serif;
	color: var(--text-danger-4);
	text-align:right;
	font-size:11px;
}

.t_det_plus {
	font-family:"Courier New", sans-serif;
	color: var(--text-neutral-13);
	text-align:right;
	font-size:11px;
}

.receipt {
	background-color:var(--bg-neutral-5);
	border:1px solid var(--border-neutral-5);
	padding:10px;
	font-family:"Courier New", sans-serif;
	font-size:12px;
	box-shadow: 0px 3px 4px -1px var(--shadow-2);
}

.logflight_sub {
	color: var(--text-neutral-7);
	font-style:italic;
}

.deb_table {
color: var(--text-neutral-13);
background-color:var(--bg-neutral-1);
border:1px solid var(--border-neutral-7);
padding:0px;
width:100%;
font-family:"Courier New", sans-serif;
font-size:12px
}

.deb_table tr:nth-child(even)
{
	background-color:var(--bg-neutral-1);
	height:18px;
}
.deb_table tr:nth-child(odd)
{
	background-color:var(--bg-surface-1);
	height:18px;
}

.checkBoxList {
	padding: 3px;
	width:95%; 
	height: 95%; 
	overflow-y: scroll;
	overflow-x: hidden;
	white-space: nowrap;
}
.checkBoxContainer {
	background-color: var(--bg-neutral-1);
	width:96%; 
	height: 200px; 
	border: 1px solid var(--border-neutral-7);
	border-radius: 5px;
}
.checkBoxListDivider {
	
	font-style: italic;
	color: var(--text-neutral-7);
	padding-top: 10px;
}

/* Box around a file selection (p_import, c_bgpgimport, c_upload_*photo) */
.fileSelectBox {
	background-color: var(--bg-neutral-4);
	border: 1px dashed var(--border-neutral-5);
	border-radius: 0.5em;
}

/* Instruction box above the file selection in c_change_logo.php */
.changeLogoInfo {
	background-color: var(--bg-neutral-1);
	border: 1px dashed var(--border-neutral-7);
	border-radius: 5px;
	padding: 5px;
}

/* Logbook and annual summary tables (f_logbook.php, p_annualsummary.php) */
.tableSpacerCell {
	background-color: var(--bg-neutral-1);
}
.tableSubHeaderCell {
	background-color: var(--bg-neutral-11);
}
.tableTotalsRow {
	background-color: var(--bg-neutral-8);
}
.tableCurrentRow {
	background-color: var(--bg-warning-5);
}

/* Year drop-down from yearSelect() in f_main.php (annual summary) */
.yearSelect {
	margin: 0 0 1em 8px;
}

/* Table row inserted by hrow2() in f_main.php */
.hrow2 {
	border-bottom: 1px solid var(--border-neutral-2);
	padding: 5px;
}

/* Table rows inserted by headlineDivider() in f_main.php */
.headlineDividerSpacer {
	height: 2em;
}
.headlineDivider {
	background-color: var(--bg-headline-divider);
	padding: 0.6em 0 0.6em 0.2em;
	letter-spacing: 0.1em;
	font-weight: 600;
	font-size: 1.1em;
}

.noContentsInfobox {
	background-color: var(--bg-warning-1);
	border:1px dashed var(--border-neutral-7);
	border-radius: 5px;
	padding:20px;
	text-align: center;
}
.adminMailContainer {
	background-color: var(--bg-neutral-1);
	border:1px solid var(--border-neutral-7);
	border-radius: 5px;
	padding:20px;
	width:700px;
}

.vatLine {
	
	padding-right:15px; 
	color:var(--text-neutral-7);
	font-style: italic;
	height: 20px;
	border-bottom: 1px solid var(--border-neutral-5);
	
}

.priceSectionHeadline {
	
	padding-right:15px; 
	color:var(--text-info-15);
	font-weight: bold;
	font-size:1.1em;
	letter-spacing: 3px;
	height: 40px;
	vertical-align:bottom;
	border-bottom: 1px solid var(--border-neutral-4);
	
}
.vatHeadline {
	
	padding-right:15px; 
	color:var(--text-neutral-7);
	font-weight: normal;
	font-style:italic;
	font-size:0.8em;
	letter-spacing: 2px;
	height: 40px;
	vertical-align:bottom;
	border-bottom: 1px solid var(--border-neutral-4);
	
}
.priceListTable
{
	font-size:0.8em;
	width:100%;
	border:1px solid var(--border-neutral-5);
	border-spacing: 0;
    border-collapse: separate;
    text-align:right;
}
.priceListTable tr
{
	height:25px;
}
.priceListTable tr td
{
	padding:5px 10px 5px 10px;
}
.priceListTable tr td:first-of-type
{
	text-align:left;
}
.mRegCaution {
	
	color:var(--text-danger-4); 
	background-color:var(--bg-warning-4); 
	padding:3px; 
	border:1px solid var(--border-caution-2); 
	border-radius:3px;
	text-align: center;
	font-size:0.8em;
}

.breadHeadline {
	
	float:left;
	clear:both;
	padding:3px;
	font-size: 11px;
	color:var(--text-neutral-13);
	font-weight: bold;
	letter-spacing: 2px;
	
}

.breadText {
	
	float:left;
	clear:both;
	padding:3px;
	font-size: 10px;
	padding-left: 8px;
	color:var(--text-neutral-11);
	
}

.browserUpdate {
	text-align:center;
	margin-bottom:15px;
	border:1px solid var(--border-caution-1);
	border-radius: 5px;
	background:var(--bg-warning-2);
	font-family:"Trebuchet Ms", Tahoma, sans-serif;
	font-size:12px;
	color:var(--text-danger-5);
	padding:10px;
	cursor:default;
	box-shadow: 2px 2px 2px var(--shadow-3);
}
.error404 {
	text-align: center;
	margin-bottom:20px;
	color:var(--text-neutral-11);
}
.error404 h1 {
	text-align: center;
	margin:10px;
	font-weight: bold;
	font-size: 24px;
	color:var(--text-danger-4);
	text-shadow: 1px 1px 4px var(--shadow-8);
}

table#adminInfo
{
	width:100%;
	border-collapse:collapse;
	margin-top:30px;
}
table#adminInfo tr
{
	height:36px;
}
table#adminInfo tr:first-of-type td
{
	border-top:none;
	
}
table#adminInfo tr td
{
	border-bottom:1px solid var(--border-neutral-3);
	vertical-align:top;
	padding:10px;
}
table#adminInfo tr:not(.yearRow) td:first-of-type
{
	padding-top:16px;
	color:var(--text-neutral-7);
}
table#adminInfo tr td:first-of-type
{
	width:100px;
}
table#adminInfo tr td div:first-of-type
{
	color:var(--text-info-19);
	font-style:bold;
	font-size:1.3em;
	padding:3px;
}
table#adminInfo tr td div:nth-of-type(n+2)
{
	color:var(--text-neutral-7);
	padding:3px;
	font-size:0.9em;
}
table#adminInfo tr.yearRow td
{
	border-bottom:2px solid var(--border-neutral-12);
	border-top:none;
	padding-top:60px;
	text-align:center;
	font-family:"Exo 2","Helvetica Neue", Verdana, Arial, sans-serif;
	font-size: 2em;
	
   
}
table#adminInfo tr:not(.yearRow):hover
{
	background-color:var(--bg-neutral-5);
	cursor:pointer;
}

div.setTemporaryPassword
{
	width:90%;
	min-width:400px;
	min-height:4em;
	padding:2em;
	text-align:center;
	font-size:1.2em;
}
div.setTemporaryPassword p:nth-of-type(3)
{
	font-size:3em;
	letter-spacing:0.5em;
	color:var(--text-neutral-13);
}

div.about {
	text-align:left;
	margin: auto;
	margin-top:30px;
  width: 70%;
  max-width:350px;
  border: 1px solid var(--border-neutral-7);
  background-color:var(--bg-neutral-1);
  padding: 20px;
	color:var(--text-neutral-12);
	border-radius:10px;
	box-shadow: var(--shadow-info-a20) 0px 8px 24px;
	font-size:1.1em;
}
div.about div {
	padding:0.2em;
}
div.about div:first-of-type {
	padding-bottom:1em;
}
span.aboutTitle {
	padding-left:0;
	margin-left:0;
	color:var(--text-brand);
}

div#paymentSelectionJqm,
div#transactionJqm{
	color:var(--text-neutral-11);
	margin:2em;
}
div#paymentSelectionJqm > div{
	background-color:var(--bg-neutral-1);
	padding:2em;
	margin:1em;
	cursor:pointer;
	border:1px solid var(--border-neutral-8);
	border-radius:0.5em;
	font-size:1.3em;
	box-shadow:					var(--shadow-teal-a50) 0 0 4px 0;
}
div#paymentSelectionJqm > div > div:first-of-type{
	width:2em;
	font-size:2em;
	text-align:center;
}
div#paymentSelectionJqm > div > div:last-of-type{
	padding-left:1em;
}
div#paymentSelectionJqm > div > div{
	display: table-cell;
	vertical-align:middle;
}
div#paymentSelectionJqm > div:hover{
	box-shadow:					var(--shadow-dark-a50) 0 0 6px 0;
	transition-duration: 200ms;
	transform:scale(1.02);
	border:1px solid var(--border-brand);
}
div#paymentSelectionJqm table,
div#transactionJqm table {
	width:100%;
}
div#paymentSelectionJqm h2,
div#transactionJqm h2 {
	margin-bottom:1em;
	padding-bottom:0.3em;
	border-bottom:1px solid var(--border-neutral-6);
}
div#transactionJqm table tr td {
	padding:0.4em;
}
div#transactionJqm table:first-of-type tr td:first-of-type {
	width: 100px;
	color:var(--text-neutral-8);
}
div#transactionJqm table:last-of-type  tr td:first-of-type {
	width: 350px;
	color:var(--text-neutral-13);;
}
div#transactionJqm div:last-of-type {
	text-align:right;
}
div#transactionJqm button {
	margin-top:2em;
}

div#transactionAddData > table:first-of-type {
	margin-left:2em;
	margin-top:1em;
}
div#transactionAddData table tr td {
	padding:0.4em;
}
div#transactionAddData table:first-of-type tr td:first-of-type {
	width: 100px;
	color:var(--text-neutral-8);
}
div#transactionAddData table:first-of-type  tr td:last-of-type {
	color:var(--text-neutral-13);
	font-size:1.1em;
}


form#transactionReversal div{
	font-size:1.1em;
	padding:0.3em;
}
form#transactionReversal div#transactionInformation {
	padding-bottom:1em;
	margin-bottom:1em;
	background-color:var(--bg-surface-1);
	border-radius:0.5em;
}
form#transactionReversal div#transactionInformation table{
	background-color:var(--bg-neutral-5);
	font-size:0.8em;
	border-collapse:collapse;
}
form#transactionReversal div#transactionInformation table td,
form#transactionReversal div#transactionInformation table th{
	border:1px solid var(--border-neutral-5);
	text-align:center;
	padding:0.2em;
	width:10em;
}
form#transactionReversal div#transactionInformation table td{
	font-size:0.9em;
}
form#transactionReversal div:first-of-type{
	margin-bottom:1em;
}
form#transactionReversal div#transactionInformation > div.prop{
	color:var(--text-neutral-9);
	float:left;
	width:8em;
	margin-left:0.8em;
}
form#transactionReversal div#dateSelection > div:first-of-type,
form#transactionReversal div#comment > div:first-of-type,
form#transactionReversal div#transactionInformation > div:first-of-type{
	font-weight:bold;
}
form#transactionReversal div#dateSelection > div:nth-of-type(2n){
	float:left;
	padding-left:1em;
	padding-right:0.5em;
}
form#transactionReversal div#dateSelection input[type=text]{
	margin-left:1em;
	width:8em;
}
form#transactionReversal div#comment > div > input{
	width:90%;
	margin-left:1em;
	padding:0.4em;
	height:1.8em;
}
form#transactionReversal > div:first-of-type{
	padding:0.5em;
}
form#transactionReversal div#buttons,
form#add_transaction div#buttons{
	text-align:center;
	padding:2em;
}
form#transactionReversal div.errorText{
	color:var(--text-danger-4);
	padding:1em;
}
form#transactionReversal div.errorText:before{
	font-family: FontAwesome;
  content:"\f06a\00a0\00a0";
  font-weight: 900;
}

div.infobox {
	background-color:var(--bg-cyan);
	padding:0;
}
span.fi {
	box-shadow: 1px 1px 2px 1px var(--shadow-dark-a20);
	font-size:1.1em;
}

span#departure_textField,
span#arrival_textField,
span#d_departure_textField,
span#d_arrival_textField,
span#acdesc {
	margin-left:1em;
}
span#departure_textField span.fi,
span#arrival_textField span.fi,
span#d_departure_textField span.fi,
span#d_arrival_textField span.fi,
span#acdesc {
	margin-right:0.5em;
}
table#c_logflight {
	width:100%;
	border-collapse: collapse;
}
table#c_logflight td {
	padding:2px;
}
table#c_logflight td a {
	margin-left:1em;
}

table.p_logflight {
	width:100%;
	border-collapse: collapse;
}
table.p_logflight td {
	padding:2px;
	white-space: nowrap;
}
table.p_logflight i.fa-circle-arrow-left {
	cursor:pointer;
	margin-left:0.2em;
	padding:0.2em;
	color:var(--text-neutral-7);
}
table.p_logflight i.fa-circle-arrow-left:hover {
	color:var(--text-neutral-13);
}
table#plog_saved_ok {
	width:100%;
	border:1px solid var(--border-success-1);
	background-color:var(--bg-success-2);
	height:40px;
	margin-bottom:1em;
	border-radius: 0.5em;
	color:var(--text-success-5);
}
table#plog_saved_ok tr td {
	padding:0.5em;
	cursor:pointer;
}
table#plog_saved_ok tr td:first-of-type {
	width:2em;
	text-align:center;
	font-size:2em;
}
ul.p_import_info li {
	padding:0.1em;
}
div#plog_import_info {
	padding:1.5em;
	background-color: var(--bg-neutral-3);
	border: 1px solid var(--border-neutral-2);
	border-radius:0.5em;
}
div#map-canvas{
	border: 1px solid var(--border-neutral-12);
	border-radius: 1em;
	margin:auto;
	margin-top:2em;
	width: 80vw;
	height: 80vh;
	box-shadow: 0px 3px 4px -1px var(--shadow-2);
}
div#map-canvas-small{
	border: 1px solid var(--border-neutral-12);
	border-radius: 1em;
	margin:auto;
	margin-top:2em;
	width: 100%;
	height: 50vh;
	box-shadow: 0px 3px 4px -1px var(--shadow-2);
}
div#map-header{
	width:80vw;
	margin:auto;
}
div#map-header table{
	width:100%;
}
div#map-header table tr td:last-of-type{
	text-align:right;
}
div#index_buttons_container{
	width:350px;
	margin:auto;
	text-align:center;
	clear:both;
	padding:4em;
}
div#index_buttons_container > div{
	border:1px solid var(--border-brand);
	padding:1em;
	width:130px;
	margin:auto;
	border-radius:10px;
	cursor:pointer;
}
div#index_buttons_container > div.wht{
	background-color:var(--bg-neutral-1);
	color:var(--text-brand);
	float:left;
}
div#index_buttons_container > div.blu{
	background-color:var(--bg-brand);
	color:var(--text-neutral-1);
	float:right;
}
div#index_buttons_container > div.wht:hover,
div#index_buttons_container > div.blu:hover{
	border:1px solid var(--border-brand-dark);
	background-color:var(--bg-brand-dark);
	color:var(--text-neutral-1);
}
div#index_buttons_container i{
	margin-right:0.5em;
}
div.invalid_email_reason{
	background-color:var(--bg-neutral-1);
	border:1px dashed var(--border-neutral-7);
	padding:1em;
	font-style:italic;
	border-radius: 0.5em;
}
.google-visualization-tooltip {
  pointer-events: none;
}


/* ---------------------------------------------------------------------------
   DARK THEME
   ---------------------------------------------------------------------------
   Overrides the same token names declared in :root above. Nothing outside this
   block needs to change: every stylesheet already resolves its colours through
   these tokens.

   It applies in three ways:
     - by default, following the operating system's light/dark preference
     - forced dark with data-theme="dark"
     - forced light with data-theme="light", which also wins over an OS
       preference for dark

   The attribute works on <html> or on <body> (or on any container, to theme
   one region). <html> is the better place: color-scheme only reaches the
   scrollbars, the canvas and native form controls from the root element, so
   an attribute on <body> themes the page but leaves that browser chrome
   following the OS. Setting that one attribute is all a theme switcher does.

   Dark styling is confined to @media screen, so printing always uses the
   light palette regardless of the OS preference or the attribute.

   How the values were derived:
     backgrounds  light surfaces fold into a narrow dark band, keeping their
                  elevation order; near-black fills invert to light ones
     text         body text inverts to near-white, while text that was already
                  light (white on a coloured button) stays light
     borders      compress towards the middle so they stay visible either way
     status hues  keep their hue, lighten for contrast against dark surfaces

   Known gap: colours baked into images cannot be themed from CSS. The shared
   sprite sheet (/images/spritesGeneral_v1.0.11.png, referenced 68 times) and
   the older .gif chrome still render light-on-light in this theme.
   --------------------------------------------------------------------------- */

@media screen and (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		color-scheme: dark;

		/* Brand */
		--bg-brand-dark:#193f6b;
		--bg-brand:#2f5070;
		--border-brand-dark:#518ed6;
		--border-brand:#5686b5;
		--text-brand-dark:#a1c7f5;
		--text-brand:#9fbcd8;
		--text-brand-accent:#5686b5;

		/* Neutrals */
		--bg-neutral-1:#26282b;
		--bg-neutral-2:#26282b;
		--bg-neutral-3:#28292d;
		--bg-neutral-4:#26272b;
		--bg-neutral-5:#2e3034;
		--bg-neutral-6:#242528;
		--bg-neutral-7:#222427;
		--bg-neutral-8:#202224;
		--bg-neutral-9:#1e1f22;
		--bg-neutral-10:#1b1c1e;
		--bg-neutral-11:#1b1c1f;
		--bg-neutral-12:#26272a;
		--bg-neutral-13:#282a2e;
		--bg-neutral-14:#2d2f33;
		--bg-neutral-15:#303236;
		--bg-neutral-16:#46494f;
		--bg-neutral-17:#9c9fa7;
		--border-neutral-1:#2f3237;
		--border-neutral-2:#33363b;
		--border-neutral-3:#3a3e43;
		--border-neutral-4:#40434a;
		--border-neutral-5:#44484e;
		--border-neutral-6:#474b52;
		--border-neutral-7:#51555d;
		--border-neutral-8:#555a62;
		--border-neutral-9:#595d66;
		--border-neutral-10:#60666f;
		--border-neutral-11:#646973;
		--border-neutral-12:#6d737e;
		--text-neutral-1:#eff0f1;
		--text-neutral-2:#eaebec;
		--text-neutral-3:#e5e6e8;
		--text-neutral-4:#747b86;
		--text-neutral-5:#7c838d;
		--text-neutral-6:#828993;
		--text-neutral-7:#8b919a;
		--text-neutral-8:#949aa2;
		--text-neutral-9:#9a9fa7;
		--text-neutral-10:#a5aab0;
		--text-neutral-11:#b4b8be;
		--text-neutral-12:#c4c7cc;
		--text-neutral-13:#e4e5e7;

		/* Tinted surfaces (panels, table rows) */
		--bg-surface-1:#2b2f38;
		--bg-surface-2:#20222a;
		--bg-surface-3:#21232b;
		--text-surface:#b6b6d8;

		/* Status: danger / error */
		--bg-danger-1:#321515;
		--bg-danger-2:#321515;
		--bg-danger-3:#331819;
		--bg-danger-4:#3c1a1a;
		--bg-danger-5:#d34343;
		--bg-danger-6:#a82c2c;
		--bg-danger-7:#943333;
		--bg-danger-8:#942a2d;
		--bg-danger-9:#a12626;
		--bg-danger-10:#8e2121;
		--bg-danger-11:#811e1e;
		--border-danger-1:#c12d2d;
		--border-danger-2:#9f6060;
		--border-danger-3:#c43e42;
		--border-danger-4:#cf3030;
		--border-danger-5:#d24141;
		--border-danger-6:#d04c4c;
		--text-danger-1:#ecedef;
		--text-danger-2:#c89898;
		--text-danger-3:#e08d8f;
		--text-danger-4:#f07a7a;
		--text-danger-5:#e79090;
		--text-danger-6:#f28b8b;
		--text-danger-7:#f39797;

		/* Status: success / ok */
		--bg-success-1:#26272a;
		--bg-success-2:#163316;
		--bg-success-3:#183417;
		--bg-success-4:#203620;
		--bg-success-5:#5ac47c;
		--bg-success-6:#5dd446;
		--bg-success-7:#3c7d3c;
		--bg-success-8:#2f702f;
		--bg-success-9:#236f23;
		--bg-success-10:#1a6b1a;
		--bg-success-11:#196b19;
		--border-success-a92:rgba(37,133,37, 0.918);
		--border-success-1:#30cf30;
		--border-success-2:#54a754;
		--border-success-3:#4dc44a;
		--border-success-4:#4cd04c;
		--border-success-5:#49d449;
		--text-success-1:#9be299;
		--text-success-2:#8bf28b;
		--text-success-3:#98f498;
		--text-success-4:#abe2a8;
		--text-success-5:#9ef49e;

		/* Status: warning / highlight */
		--bg-warning-1:#323215;
		--bg-warning-2:#333316;
		--bg-warning-3:#343316;
		--bg-warning-4:#373718;
		--bg-warning-5:#3c3c1a;
		--bg-warning-6:#d4d449;
		--bg-warning-7:#d4cb49;
		--bg-warning-8:#d1d14d;
		--bg-warning-9:#a1a126;
		--bg-warning-10:#b7b72b;
		--bg-warning-11:#d1bf3b;
		--border-warning-1:#8c9148;
		--border-warning-2:#b2ba36;
		--text-warning-1:#d8de7c;
		--text-warning-2:#ebcc6d;

		/* Status: caution / orange */
		--border-caution-1:#c18c2d;
		--border-caution-2:#bb5b2c;
		--border-caution-3:#cf9730;
		--text-caution-1:#f0c67a;
		--text-caution-2:#f1d385;

		/* Status: info / blue */
		--bg-info-1:#1f2a34;
		--bg-info-2:#172137;
		--bg-info-3:#161634;
		--bg-info-4:#212d38;
		--bg-info-5:#181837;
		--bg-info-6:#1d1b3e;
		--bg-info-7:#5170cc;
		--bg-info-8:#3e6893;
		--border-info-1:#2665a4;
		--border-info-2:#42428f;
		--border-info-3:#4a4a94;
		--border-info-4:#4a79a9;
		--border-info-5:#4f4f9e;
		--border-info-6:#547da7;
		--border-info-7:#5454a7;
		--text-info-a73:rgba(51,102,153, 0.7333);
		--text-info-1:#c9d9e9;
		--text-info-2:#94b4d3;
		--text-info-3:#9c9cca;
		--text-info-5:#a7aacf;
		--text-info-6:#919adb;
		--text-info-7:#a5a5d1;
		--text-info-8:#aeaed3;
		--text-info-9:#9ab0e4;
		--text-info-10:#9c9cda;
		--text-info-11:#b0c8e0;
		--text-info-12:#a0a0e0;
		--text-info-14:#7a7af0;
		--text-info-15:#8ca5e9;
		--text-info-16:#8686f2;
		--text-info-17:#9a9af4;
		--text-info-18:#a2a2f5;
		--text-info-19:#aaaaf6;

		/* Accent: cyan */
		--bg-cyan:#26a1a1;
		--border-cyan:#45c0d3;
		--text-cyan:#98f3df;

		/* Accent: purple */
		--text-purple:#e198d5;

		/* Booking calendar categories */
		--bg-cal-cyan:#2dc1c1;
		--bg-cal-danger-1:#331616;
		--bg-cal-danger-2:#b16d6f;
		--bg-cal-danger-3:#c05a5c;
		--bg-cal-danger-4:#c05656;
		--bg-cal-danger-5:#b93636;
		--bg-cal-danger-6:#893b3b;
		--bg-cal-danger-7:#5e2729;
		--bg-cal-danger-8:#7a393c;
		--bg-cal-info-1:#161633;
		--bg-cal-info-2:#0e0e24;
		--bg-cal-info-3:#6f8eaf;
		--bg-cal-info-4:#6d8bad;
		--bg-cal-info-5:#4971d4;
		--bg-cal-info-6:#4a61d4;
		--bg-cal-info-7:#475273;
		--bg-cal-purple-1:#411c41;
		--bg-cal-purple-4:#c056c0;
		--bg-cal-purple-5:#6b426b;
		--bg-cal-success-1:#183718;
		--bg-cal-success-2:#2ca82c;
		--bg-cal-success-3:#389c38;
		--bg-cal-success-4:#269326;
		--bg-cal-success-5:#477347;
		--bg-cal-success-6:#3a653a;
		--bg-cal-warning-1:#323215;
		--bg-cal-warning-2:#41411c;
		--bg-cal-warning-3:#d4d449;
		--bg-cal-warning-4:#cccc30;
		--bg-cal-warning-5:#c1c12d;
		--bg-cal-warning-6:#9c9c38;
		--bg-cal-warning-7:#7d7d3c;
		--border-cal-danger-1:#ba3e40;
		--border-cal-danger-2:#d23e3e;
		--border-cal-danger-3:#8a2a2d;
		--border-cal-info-1:#55558e;
		--border-cal-info-2:#5a799d;
		--border-cal-info-3:#6676a5;
		--border-cal-neutral:#4d5158;
		--border-cal-purple:#a56aa5;
		--border-cal-success:#65ae65;
		--border-cal-warning:#b5b556;
		--text-cal-danger:#f5a2a4;
		--text-cal-info-1:#a2b7cd;
		--text-cal-info-2:#b1b1e6;
		--text-cal-warning:#f1ec81;

		/* Shadows */
		--shadow-danger-a50:rgba(220,0,0, .5);
		--shadow-dark-a15:rgba(0,0,0, 0.26);
		--shadow-dark-a20:rgba(0,0,0, 0.34);
		--shadow-dark-a5:rgba(0,0,0, 0.09);
		--shadow-dark-a50:rgba(0,0,0, 0.75);
		--shadow-info-a20:rgba(149,157,165, 0.2);
		--shadow-light-a40:rgba(255,255,255, .4);
		--shadow-light-a48:rgba(255,255,255, 0.4784);
		--shadow-light-a50:rgba(210,220,220, .5);
		--shadow-success-a50:rgba(0,220,0, .5);
		--shadow-teal-a50:rgba(100,120,120, .5);
		--shadow-1:#333333;
		--shadow-2:#333333;
		--shadow-3:#333333;
		--shadow-4:#333333;
		--shadow-5:#303030;
		--shadow-6:#2a2a2a;
		--shadow-7:#242424;
		--shadow-8:#1e1e1e;
		--shadow-9:#050505;

		/* Translucent overlays */
		--overlay-info-a16:rgba(51,102,153, 0.1647);
		--overlay-info-a20-1:rgba(185,180,255, 0.2);
		--overlay-info-a20-2:rgba(59,83,148, 0.2);
		--overlay-info-a20-3:rgba(195,204,255, 0.2);
		--overlay-info-a6:rgba(51,102,153, 0.0588);
		--overlay-light-a10:rgba(255,255,255, 0.1);
		--overlay-light-a20:rgba(255,255,255, 0.2);
		--overlay-success-a84:rgba(37,133,37, 0.842);

		/* Other */
		--bg-page:#0f1113;
		--bg-headline-divider:#3a3e43;
		--logo-filter:drop-shadow(0 0 1px rgba(255,255,255,0.85)) drop-shadow(0 0 12px rgba(255,255,255,0.55));
		--home-image-filter:drop-shadow(0 0 1px rgba(255,255,255,0.6)) drop-shadow(0 0 4px rgba(255,255,255,0.3));
		--border-dark-a16:rgba(0,0,0, 0.16);
	}
}

@media screen {

[data-theme="dark"] {
	color-scheme: dark;

	/* Brand */
	--bg-brand-dark:#193f6b;
	--bg-brand:#2f5070;
	--border-brand-dark:#518ed6;
	--border-brand:#5686b5;
	--text-brand-dark:#a1c7f5;
	--text-brand:#9fbcd8;
	--text-brand-accent:#5686b5;

	/* Neutrals */
	--bg-neutral-1:#26282b;
	--bg-neutral-2:#26282b;
	--bg-neutral-3:#28292d;
	--bg-neutral-4:#26272b;
	--bg-neutral-5:#2e3034;
	--bg-neutral-6:#242528;
	--bg-neutral-7:#222427;
	--bg-neutral-8:#202224;
	--bg-neutral-9:#1e1f22;
	--bg-neutral-10:#1b1c1e;
	--bg-neutral-11:#1b1c1f;
	--bg-neutral-12:#26272a;
	--bg-neutral-13:#282a2e;
	--bg-neutral-14:#2d2f33;
	--bg-neutral-15:#303236;
	--bg-neutral-16:#46494f;
	--bg-neutral-17:#9c9fa7;
	--border-neutral-1:#2f3237;
	--border-neutral-2:#33363b;
	--border-neutral-3:#3a3e43;
	--border-neutral-4:#40434a;
	--border-neutral-5:#44484e;
	--border-neutral-6:#474b52;
	--border-neutral-7:#51555d;
	--border-neutral-8:#555a62;
	--border-neutral-9:#595d66;
	--border-neutral-10:#60666f;
	--border-neutral-11:#646973;
	--border-neutral-12:#6d737e;
	--text-neutral-1:#eff0f1;
	--text-neutral-2:#eaebec;
	--text-neutral-3:#e5e6e8;
	--text-neutral-4:#747b86;
	--text-neutral-5:#7c838d;
	--text-neutral-6:#828993;
	--text-neutral-7:#8b919a;
	--text-neutral-8:#949aa2;
	--text-neutral-9:#9a9fa7;
	--text-neutral-10:#a5aab0;
	--text-neutral-11:#b4b8be;
	--text-neutral-12:#c4c7cc;
	--text-neutral-13:#e4e5e7;

	/* Tinted surfaces (panels, table rows) */
	--bg-surface-1:#2b2f38;
	--bg-surface-2:#20222a;
	--bg-surface-3:#21232b;
	--text-surface:#b6b6d8;

	/* Status: danger / error */
	--bg-danger-1:#321515;
	--bg-danger-2:#321515;
	--bg-danger-3:#331819;
	--bg-danger-4:#3c1a1a;
	--bg-danger-5:#d34343;
	--bg-danger-6:#a82c2c;
	--bg-danger-7:#943333;
	--bg-danger-8:#942a2d;
	--bg-danger-9:#a12626;
	--bg-danger-10:#8e2121;
	--bg-danger-11:#811e1e;
	--border-danger-1:#c12d2d;
	--border-danger-2:#9f6060;
	--border-danger-3:#c43e42;
	--border-danger-4:#cf3030;
	--border-danger-5:#d24141;
	--border-danger-6:#d04c4c;
	--text-danger-1:#ecedef;
	--text-danger-2:#c89898;
	--text-danger-3:#e08d8f;
	--text-danger-4:#f07a7a;
	--text-danger-5:#e79090;
	--text-danger-6:#f28b8b;
	--text-danger-7:#f39797;

	/* Status: success / ok */
	--bg-success-1:#26272a;
	--bg-success-2:#163316;
	--bg-success-3:#183417;
	--bg-success-4:#203620;
	--bg-success-5:#5ac47c;
	--bg-success-6:#5dd446;
	--bg-success-7:#3c7d3c;
	--bg-success-8:#2f702f;
	--bg-success-9:#236f23;
	--bg-success-10:#1a6b1a;
	--bg-success-11:#196b19;
	--border-success-a92:rgba(37,133,37, 0.918);
	--border-success-1:#30cf30;
	--border-success-2:#54a754;
	--border-success-3:#4dc44a;
	--border-success-4:#4cd04c;
	--border-success-5:#49d449;
	--text-success-1:#9be299;
	--text-success-2:#8bf28b;
	--text-success-3:#98f498;
	--text-success-4:#abe2a8;
	--text-success-5:#9ef49e;

	/* Status: warning / highlight */
	--bg-warning-1:#323215;
	--bg-warning-2:#333316;
	--bg-warning-3:#343316;
	--bg-warning-4:#373718;
	--bg-warning-5:#3c3c1a;
	--bg-warning-6:#d4d449;
	--bg-warning-7:#d4cb49;
	--bg-warning-8:#d1d14d;
	--bg-warning-9:#a1a126;
	--bg-warning-10:#b7b72b;
	--bg-warning-11:#d1bf3b;
	--border-warning-1:#8c9148;
	--border-warning-2:#b2ba36;
	--text-warning-1:#d8de7c;
	--text-warning-2:#ebcc6d;

	/* Status: caution / orange */
	--border-caution-1:#c18c2d;
	--border-caution-2:#bb5b2c;
	--border-caution-3:#cf9730;
	--text-caution-1:#f0c67a;
	--text-caution-2:#f1d385;

	/* Status: info / blue */
	--bg-info-1:#1f2a34;
	--bg-info-2:#172137;
	--bg-info-3:#161634;
	--bg-info-4:#212d38;
	--bg-info-5:#181837;
	--bg-info-6:#1d1b3e;
	--bg-info-7:#5170cc;
	--bg-info-8:#3e6893;
	--border-info-1:#2665a4;
	--border-info-2:#42428f;
	--border-info-3:#4a4a94;
	--border-info-4:#4a79a9;
	--border-info-5:#4f4f9e;
	--border-info-6:#547da7;
	--border-info-7:#5454a7;
	--text-info-a73:rgba(51,102,153, 0.7333);
	--text-info-1:#c9d9e9;
	--text-info-2:#94b4d3;
	--text-info-3:#9c9cca;
	--text-info-5:#a7aacf;
	--text-info-6:#919adb;
	--text-info-7:#a5a5d1;
	--text-info-8:#aeaed3;
	--text-info-9:#9ab0e4;
	--text-info-10:#9c9cda;
	--text-info-11:#b0c8e0;
	--text-info-12:#a0a0e0;
	--text-info-14:#7a7af0;
	--text-info-15:#8ca5e9;
	--text-info-16:#8686f2;
	--text-info-17:#9a9af4;
	--text-info-18:#a2a2f5;
	--text-info-19:#aaaaf6;

	/* Accent: cyan */
	--bg-cyan:#26a1a1;
	--border-cyan:#45c0d3;
	--text-cyan:#98f3df;

	/* Accent: purple */
	--text-purple:#e198d5;

	/* Booking calendar categories */
	--bg-cal-cyan:#2dc1c1;
	--bg-cal-danger-1:#331616;
	--bg-cal-danger-2:#b16d6f;
	--bg-cal-danger-3:#c05a5c;
	--bg-cal-danger-4:#c05656;
	--bg-cal-danger-5:#b93636;
	--bg-cal-danger-6:#893b3b;
	--bg-cal-danger-7:#5e2729;
	--bg-cal-danger-8:#7a393c;
	--bg-cal-info-1:#161633;
	--bg-cal-info-2:#0e0e24;
	--bg-cal-info-3:#6f8eaf;
	--bg-cal-info-4:#6d8bad;
	--bg-cal-info-5:#4971d4;
	--bg-cal-info-6:#4a61d4;
	--bg-cal-info-7:#475273;
	--bg-cal-purple-1:#411c41;
	--bg-cal-purple-4:#c056c0;
	--bg-cal-purple-5:#6b426b;
	--bg-cal-success-1:#183718;
	--bg-cal-success-2:#2ca82c;
	--bg-cal-success-3:#389c38;
	--bg-cal-success-4:#269326;
	--bg-cal-success-5:#477347;
	--bg-cal-success-6:#3a653a;
	--bg-cal-warning-1:#323215;
	--bg-cal-warning-2:#41411c;
	--bg-cal-warning-3:#d4d449;
	--bg-cal-warning-4:#cccc30;
	--bg-cal-warning-5:#c1c12d;
	--bg-cal-warning-6:#9c9c38;
	--bg-cal-warning-7:#7d7d3c;
	--border-cal-danger-1:#ba3e40;
	--border-cal-danger-2:#d23e3e;
	--border-cal-danger-3:#8a2a2d;
	--border-cal-info-1:#55558e;
	--border-cal-info-2:#5a799d;
	--border-cal-info-3:#6676a5;
	--border-cal-neutral:#4d5158;
	--border-cal-purple:#a56aa5;
	--border-cal-success:#65ae65;
	--border-cal-warning:#b5b556;
	--text-cal-danger:#f5a2a4;
	--text-cal-info-1:#a2b7cd;
	--text-cal-info-2:#b1b1e6;
	--text-cal-warning:#f1ec81;

	/* Shadows */
	--shadow-danger-a50:rgba(220,0,0, .5);
	--shadow-dark-a15:rgba(0,0,0, 0.26);
	--shadow-dark-a20:rgba(0,0,0, 0.34);
	--shadow-dark-a5:rgba(0,0,0, 0.09);
	--shadow-dark-a50:rgba(0,0,0, 0.75);
	--shadow-info-a20:rgba(149,157,165, 0.2);
	--shadow-light-a40:rgba(255,255,255, .4);
	--shadow-light-a48:rgba(255,255,255, 0.4784);
	--shadow-light-a50:rgba(210,220,220, .5);
	--shadow-success-a50:rgba(0,220,0, .5);
	--shadow-teal-a50:rgba(100,120,120, .5);
	--shadow-1:#333333;
	--shadow-2:#333333;
	--shadow-3:#333333;
	--shadow-4:#333333;
	--shadow-5:#303030;
	--shadow-6:#2a2a2a;
	--shadow-7:#242424;
	--shadow-8:#1e1e1e;
	--shadow-9:#050505;

	/* Translucent overlays */
	--overlay-info-a16:rgba(51,102,153, 0.1647);
	--overlay-info-a20-1:rgba(185,180,255, 0.2);
	--overlay-info-a20-2:rgba(59,83,148, 0.2);
	--overlay-info-a20-3:rgba(195,204,255, 0.2);
	--overlay-info-a6:rgba(51,102,153, 0.0588);
	--overlay-light-a10:rgba(255,255,255, 0.1);
	--overlay-light-a20:rgba(255,255,255, 0.2);
	--overlay-success-a84:rgba(37,133,37, 0.842);

	/* Other */
	--bg-page:#0f1113;
	--bg-headline-divider:#3a3e43;
	--logo-filter:drop-shadow(0 0 1px rgba(255,255,255,0.85)) drop-shadow(0 0 12px rgba(255,255,255,0.55));
	--home-image-filter:drop-shadow(0 0 1px rgba(255,255,255,0.6)) drop-shadow(0 0 4px rgba(255,255,255,0.3));
	--border-dark-a16:rgba(0,0,0, 0.16);
}
}