@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*!
 * Copyright (c) 2017 ~ present NAVER Corp.
 * billboard.js project is licensed under the MIT license
 *
 * billboard.js, JavaScript chart library
 * https://naver.github.io/billboard.js/
 *
 * @version 3.3.1
 */
/*-- Chart --*/
.bb svg {
  font: 10px sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.bb path, .bb line {
  fill: none;
  stroke: #000;
}

.bb text, .bb .bb-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.bb-legend-item-tile,
.bb-xgrid-focus,
.bb-ygrid-focus,
.bb-ygrid,
.bb-event-rect,
.bb-bars path {
  shape-rendering: crispEdges;
}

.bb-chart-arc .bb-gauge-value {
  fill: #000;
}

.bb-chart-arc path {
  stroke: #fff;
}

.bb-chart-arc rect {
  stroke: #fff;
  stroke-width: 1;
}

.bb-chart-arc text {
  fill: #fff;
  font-size: 13px;
}

/*-- Axis --*/
.bb-axis {
  shape-rendering: crispEdges;
}

/*-- Grid --*/
.bb-grid {
  pointer-events: none;
}

.bb-grid line {
  stroke: #aaa;
}

.bb-grid text {
  fill: #aaa;
}

.bb-xgrid, .bb-ygrid {
  stroke-dasharray: 3 3;
}

/*-- Text on Chart --*/
.bb-text.bb-empty {
  fill: #808080;
  font-size: 2em;
}

/*-- Line --*/
.bb-line {
  stroke-width: 1px;
}

/*-- Point --*/
.bb-circle._expanded_ {
  stroke-width: 1px;
  stroke: white;
}

.bb-selected-circle {
  fill: white;
  stroke-width: 2px;
}

/*-- Bar --*/
.bb-bar {
  stroke-width: 0;
}

.bb-bar._expanded_ {
  fill-opacity: 0.75;
}

/*-- Candlestick --*/
.bb-candlestick {
  stroke-width: 1px;
}

.bb-candlestick._expanded_ {
  fill-opacity: 0.75;
}

/*-- Focus --*/
.bb-target.bb-focused, .bb-circles.bb-focused {
  opacity: 1;
}

.bb-target.bb-focused path.bb-line, .bb-target.bb-focused path.bb-step, .bb-circles.bb-focused path.bb-line, .bb-circles.bb-focused path.bb-step {
  stroke-width: 2px;
}

.bb-target.bb-defocused, .bb-circles.bb-defocused {
  opacity: 0.3 !important;
}

.bb-target.bb-defocused .text-overlapping, .bb-circles.bb-defocused .text-overlapping {
  opacity: 0.05 !important;
}

/*-- Region --*/
.bb-region {
  fill: steelblue;
  fill-opacity: 0.1;
}

/*-- Zoom region --*/
.bb-zoom-brush {
  fill-opacity: 0.1;
}

/*-- Brush --*/
.bb-brush .extent {
  fill-opacity: 0.1;
}

/*-- Legend --*/
.bb-legend-item {
  font-size: 12px;
  user-select: none;
}

.bb-legend-item-hidden {
  opacity: 0.15;
}

.bb-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1;
}

/*-- Title --*/
.bb-title {
  font: 14px sans-serif;
}

/*-- Tooltip --*/
.bb-tooltip-container {
  z-index: 10;
  user-select: none;
}

.bb-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  opacity: 0.9;
  -webkit-box-shadow: 7px 7px 12px -9px #777777;
  -moz-box-shadow: 7px 7px 12px -9px #777777;
  box-shadow: 7px 7px 12px -9px #777777;
}

.bb-tooltip tr {
  border: 1px solid #CCC;
}

.bb-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF;
}

.bb-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999;
}

.bb-tooltip td > span, .bb-tooltip td > svg {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}

.bb-tooltip.value {
  text-align: right;
}

/*-- Area --*/
.bb-area {
  stroke-width: 0;
  opacity: 0.2;
}

/*-- Arc --*/
.bb-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}

text.bb-chart-arcs-gauge-title {
  dominant-baseline: middle;
  font-size: 2.7em;
}

.bb-chart-arcs .bb-chart-arcs-background {
  fill: #e0e0e0;
  stroke: #fff;
}

.bb-chart-arcs .bb-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px;
}

.bb-chart-arcs .bb-chart-arcs-gauge-max {
  fill: #777;
}

.bb-chart-arcs .bb-chart-arcs-gauge-min {
  fill: #777;
}

/*-- Radar --*/
.bb-chart-radars .bb-levels polygon {
  fill: none;
  stroke: #848282;
  stroke-width: 0.5px;
}

.bb-chart-radars .bb-levels text {
  fill: #848282;
}

.bb-chart-radars .bb-axis line {
  stroke: #848282;
  stroke-width: 0.5px;
}

.bb-chart-radars .bb-axis text {
  font-size: 1.15em;
  cursor: default;
}

.bb-chart-radars .bb-shapes polygon {
  fill-opacity: 0.2;
  stroke-width: 1px;
}

/*-- Button --*/
.bb-button {
  position: absolute;
  top: 10px;
  right: 10px;
}

.bb-button .bb-zoom-reset {
  font-size: 11px;
  border: solid 1px #ccc;
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
  clip-path: inset(100% 100%);
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  -webkit-clip-path: none;
  clip-path: none;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("/static/img/statistics/chosen/chosen-sprite.8b55a822e72b.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/static/img/statistics/chosen/chosen-sprite.8b55a822e72b.png") no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type=text] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url("/static/img/statistics/chosen/chosen-sprite.8b55a822e72b.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
  clip-path: inset(100% 100%);
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("/static/img/statistics/chosen/chosen-sprite.8b55a822e72b.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
  background-image: linear-gradient(#eee 20%, #fff 80%);
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type=text] {
  padding: 4px 5px 4px 20px;
  background: url("/static/img/statistics/chosen/chosen-sprite.8b55a822e72b.png") no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type=text],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type=text],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
    background-image: url("/static/img/statistics/chosen/chosen-sprite@2x.614fad616d01.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*!
 * jQuery UI Autocomplete 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

/*!
 * jQuery UI Datepicker 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

/*!
 * jQuery UI Dialog 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

/*!
 * jQuery UI Menu 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

/*!
 * jQuery UI Resizable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

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

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

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

/*!
 * jQuery UI Tooltip 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tooltip/#theming
 */
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

ul.tagit {
  padding: 1px 5px;
  overflow: auto;
  margin-left: inherit;
  /* usually we don't want the regular ul margins. */
  margin-right: inherit;
}

ul.tagit li {
  display: block;
  float: left;
  margin: 2px 5px 2px 0;
}

ul.tagit li.tagit-choice {
  position: relative;
  line-height: inherit;
}

input.tagit-hidden-field {
  display: none;
}

ul.tagit li.tagit-choice-read-only {
  padding: 0.2em 0.5em 0.2em 0.5em;
}

ul.tagit li.tagit-choice-editable {
  padding: 0.2em 18px 0.2em 0.5em;
}

ul.tagit li.tagit-new {
  padding: 0.25em 4px 0.25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
  cursor: pointer;
  text-decoration: none;
}

ul.tagit li.tagit-choice .tagit-close {
  cursor: pointer;
  position: absolute;
  right: 0.1em;
  top: 50%;
  margin-top: -8px;
  line-height: 17px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
  display: none;
}

ul.tagit li.tagit-choice input {
  display: block;
  float: left;
  margin: 2px 5px 2px 0;
}

ul.tagit input[type=text] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  margin: 0;
  padding: 0;
  width: inherit;
  background-color: inherit;
  outline: none;
}

:root {
  --brand-font-family: Fira Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  --brand-yellow: #ffc41e;
  --brand-orange: #e07e26;
  --brand-black: #222223;
  --color-red: #ff4136;
  --color-orange: #ff851b;
  --color-yellow: #ffc41e;
  --color-green: #2ecc40;
  --color-blue: #0074d9;
  --color-magenta: #e9198e;
  --color-purple: #af5fd3;
  --color-yellow-fade: #fffbcc;
  --color-range-start: #0074d9;
  --color-range-end: #ff4136;
  --color-triple-red: 255, 65, 54;
  --color-triple-orange: 255, 133, 27;
  --color-triple-yellow: 255, 196, 30;
  --color-triple-green: 46, 204, 64;
  --color-triple-blue: 0, 116, 217;
  --color-triple-magenta: 233, 25, 142;
  --color-triple-purple: 175, 95, 211;
  --shade-black: #000000;
  --shade-off-black: #222223;
  --shade-dark: #494949;
  --shade-mid: #949497;
  --shade-off-mid: #abacac;
  --shade-light: #d4d4d6;
  --shade-pale: #efeded;
  --shade-off-white: #fafafa;
  --shade-white: #ffffff;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes yellow-fade {
  0% {
    background-color: #fffbcc;
  }
  100% {
    background-color: transparent;
  }
}
body {
  font-family: Fira Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 1.65;
  background: #fafafa;
  color: #222223;
  min-height: 100vh;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

*, *:before, *:after {
  box-sizing: border-box;
}

a {
  color: #222223;
}

a.brand {
  font-weight: 500;
  color: #222223;
  text-decoration: none;
  border-bottom: 2px solid #ffc41e;
}

a.brand:hover {
  color: #e3af15;
}

a.icon-link {
  /* For use with glyphicons to avoid unsightly link-underlining
     beneath the space between the icon and the link text. */
  text-decoration: none;
}

a.icon-link span {
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222223;
  font-weight: normal;
  line-height: 1.3;
}

h1 {
  font-size: 1.4em;
}

h2 {
  font-size: 2em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.2em;
}

h5,
h6 {
  font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  margin: 40px 0 20px 0;
}

.col h1:first-child,
.col h2:first-child,
.col h3:first-child {
  margin-top: 10px;
}

header {
  color: #fff;
  background: #222223;
}

header h1 {
  margin: 0;
}

header h1 a {
  color: #fff;
  text-decoration: none;
}

header .rgt {
  line-height: 25px;
  vertical-align: middle;
}

header a {
  color: #fff;
}

header .dim {
  color: #949497;
}

.menu-wrapper {
  position: relative;
  display: inline-block;
  cursor: default;
}

.menu-wrapper-with-arrow {
  padding-right: 16px;
  margin-right: -16px;
}
[dir=rtl] .menu-wrapper-with-arrow {
  padding-right: 0;
  margin-right: 0;
  padding-left: 16px;
  margin-left: -16px;
}

.menu-wrapper-with-arrow:after {
  content: " ";
  display: inline-block;
  position: relative;
  top: -0.15em;
  margin-left: 5px;
  border: 5px solid transparent;
  border-bottom-width: 0;
  border-top-color: #949497;
}
[dir=rtl] .menu-wrapper-with-arrow:after {
  margin-left: 0;
  margin-right: 5px;
}

.menu-wrapper:hover .menu-options {
  display: block;
}

.menu-wrapper-disabled {
  padding-right: 0;
  margin-right: 0;
}

.menu-wrapper-disabled:after,
.menu-wrapper-disabled:hover .menu-options {
  display: none;
}

.menu-options {
  display: none;
  position: absolute;
  z-index: 999999;
  top: 100%;
  right: 0px;
  min-width: 100%;
  margin-top: 10px;
  font-size: 1rem;
  font-weight: normal;
  border-radius: 4px;
  padding: 10px 15px;
  color: #000;
  background: #fff;
  background-clip: padding-box;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
[dir=rtl] .menu-options {
  right: auto;
  left: 0px;
}

.menu-options:before {
  position: absolute;
  content: " ";
  display: block;
  bottom: 100%;
  left: 0;
  height: 13px;
  width: 100%;
}

.menu-options:after {
  --transform-rotate: rotate(-45deg);
  position: absolute;
  content: " ";
  display: block;
  top: -6px;
  right: 15px;
  width: 10px;
  height: 10px;
  background: #fff;
  background-clip: padding-box;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  transform: var(--transform-rotate);
}
[dir=rtl] .menu-options:after {
  right: auto;
  left: 15px;
}

.menu-options ul,
.menu-options li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu-options ul {
  margin: 0 -15px;
}

.menu-options a {
  display: block;
  padding: 5px 15px;
  color: inherit;
  text-decoration: none;
}

.menu-options a:hover {
  color: #fff;
  background: #0074d9;
}

.menu-options-flipped {
  top: auto;
  bottom: 100%;
  margin-bottom: 12px;
}

.menu-options-flipped:before {
  top: 100%;
  bottom: auto;
}

.menu-options-flipped:after {
  --transform-rotate: rotate(135deg);
  top: auto;
  bottom: -6px;
}

/* These are mixins so they can either be applied manually
 * via the .menu-options-centered class, or responsively
 * via the @media (max-width: ...) rules later in this file. */
.menu-options-centered {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}

.menu-options-centered:after {
  right: auto;
  left: 50%;
  transform: translateX(-50%) var(--transform-rotate);
}

main .container {
  padding-top: 0;
  padding-bottom: 20px;
}

footer {
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 15px 30px;
  font-size: 0.75rem;
  color: #abacac;
  background: #222223;
}

footer .smallprint-item > a {
  color: #ffffff;
  text-decoration: none;
}

footer .smallprint-item > a:hover {
  opacity: 0.8;
}

footer a.icon,
footer a.icon img {
  display: block;
}

footer a:hover {
  color: #d4d4d6;
}

footer .brand img {
  width: 32px;
}

footer .smallprint {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px 16px;
}

footer .smallprint-item {
  line-height: 1;
}

footer .smallprint-item::after {
  content: "/";
  color: #494949;
  margin-left: 16px;
}
[dir=rtl] footer .smallprint-item::after {
  margin-left: 0;
  margin-right: 16px;
}

footer .smallprint-item:last-child::after {
  display: none;
}

footer .copyright {
  text-transform: uppercase;
  letter-spacing: 1.7px;
}

footer .social {
  display: flex;
  gap: 8px;
}

footer .social a.icon {
  transition: all 0.2s ease;
}

footer .social a.icon:hover {
  opacity: 0.8;
}

footer .lang-menu input#id_lang_menu {
  display: none;
}

footer .lang-menu label {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5em;
  height: 28px;
  padding: 3px 14px;
  color: #000000;
  background: #f3f3f3;
  border-radius: 14px;
  transition: all 0.2s ease;
}

footer .lang-menu label:hover {
  opacity: 0.8;
}

footer .lang-menu label img {
  flex: 0;
  height: 1em;
}

footer .lang-menu .menu-options {
  text-transform: none;
  letter-spacing: normal;
  color: #222223;
  font-size: 0.8rem;
}

.dim {
  color: #949497;
}

.unbold {
  font-weight: normal;
}

.pale {
  font-weight: 300;
  color: #efeded;
}

.xl {
  font-size: 1.4em;
}

.large {
  font-size: 1.2em;
}

.small {
  font-size: 0.8em;
}

.inactive {
  opacity: 0.25;
}

.inactive a,
a.inactive {
  color: inherit;
  cursor: default;
}

.inactive button,
button.inactive {
  cursor: default;
}

.hide {
  display: none;
}

.flush {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flush-top {
  margin-top: 0 !important;
}

.flush-btm {
  margin-bottom: 0 !important;
}

.flush-children > :first-child {
  margin-top: 0 !important;
}

.flush-children > :last-child {
  margin-bottom: 0 !important;
}

.align-lft {
  text-align: left !important;
}

.align-ctr {
  text-align: center !important;
}

.align-rgt {
  text-align: right !important;
}

section {
  margin-bottom: 45px;
}

section:last-child {
  margin-bottom: 0;
}

section > h2,
.underline {
  padding-bottom: 15px;
  border-bottom: 1px solid #efeded;
  margin-bottom: 20px;
}

h2.no-underline {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
h2.no-underline ~ .title-links {
  margin-top: 0;
  margin-bottom: -15px;
}

hr {
  border: none;
  border-top: 1px solid #efeded;
  height: 0;
  margin: 20px 0;
}

ul {
  padding-left: 20px;
}

ul ul,
ul ul ul,
ul ul ul ul {
  list-style-type: disc;
}

ul li {
  margin: 0.5em 0;
}

/* No margins at the top of the list: */
ul.flush li:first-child,
ul.flush-top li:first-child {
  margin-top: 0;
}

/* No margins at the bottom of the list: */
ul.flush li:last-child,
ul.flush-btm li:last-child {
  margin-bottom: 0;
}

/* No margins between the list items: */
ul.compact li {
  margin: 0;
}

/* Inline list with space between items: */
ul.spaced {
  margin: 0;
  padding: 0;
}

ul.spaced li {
  margin: 0;
  padding: 0;
  margin-left: 5px;
  display: inline-block;
  position: relative;
}

ul.spaced li:first-child {
  margin-left: 0;
}

/* Inline list with vertical bars between items: */
ul.inline {
  margin: 0;
  padding: 0;
}

ul.inline > li {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
}

ul.inline > li:before {
  display: inline-block;
  content: "|";
  color: #efeded;
  padding: 0 7px;
  margin-left: -0.3em;
}

ul.inline > li:first-child:before {
  display: none;
}

dl.definitions dt {
  font-size: 1.2em;
  font-style: italic;
  font-weight: 500;
}

dl.definitions dd {
  margin-left: 0;
  margin-right: 0;
}

dl.definitions dd + dt {
  margin-top: 1em;
}

header ul.inline > li:before {
  color: rgba(255, 255, 255, 0.5);
  padding: 0 10px;
}

.lft {
  float: left;
}

.rgt {
  float: right;
}

.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.row:after,
.clearfix:after {
  clear: both;
}

.row,
.clearfix {
  *zoom: 1;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row > .lft {
  padding-left: 15px;
}

.row > .rgt {
  padding-right: 15px;
}

.row + .row {
  margin-top: 20px;
}

.col {
  float: left;
  padding: 0 15px;
  width: 100%;
}

.row-2 > .col {
  width: 50%;
}

.row-3 > .col {
  width: 33.333%;
}

.row-3 > .col-double {
  width: 66.666%;
}

.row-4 > .col {
  width: 25%;
}

.row-4 > .col-double {
  width: 50%;
}

.row-4 > .col-triple {
  width: 75%;
}

.row-5 > .col {
  width: 20%;
}

.row-6 > .col {
  width: 16.666%;
}

.btn {
  display: inline-block;
  padding: 8px 12px;
  color: #222223;
  background: #ffc41e;
  border: none;
  border-bottom: 3px solid #e3af15;
  border-radius: 5px;
  font-size: 0.9em;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  min-width: 100px;
  transition: all 0.2s ease;
}

.btn:hover {
  background: #e3af15;
}

.btn.btn-black {
  color: #fafafa;
  background: #494949;
  border-color: #3b3b3b;
}

.btn.btn-black:hover {
  background: #3b3b3b;
}

.btn-small {
  padding: 4px 12px;
  min-width: 0;
}

.btn-tiny {
  padding: 2px 12px;
  min-width: 0;
  font-size: 0.9em;
  border-radius: 14px;
}

.btn-full-width {
  display: block;
}

.btn-loading,
.btn-disabled {
  background: #d4d4d6;
  border-color: #d4d4d6;
  cursor: default;
  transition: none;
}

.btn-loading:hover,
.btn-disabled:hover {
  background: #d4d4d6;
}

.btn-loading-indicator {
  display: flex;
  flex-direction: row;
  gap: 1em;
  justify-content: center;
  align-items: center;
}

.btn-auto-width {
  min-width: auto;
}

.btn-menu-wrapper {
  position: relative;
  display: inline-flex;
  padding: 0;
}

.btn-menu-label {
  display: flex;
  width: 100%;
  align-items: center;
}

.btn-menu-label a {
  flex-grow: 1;
  display: inline-block;
  min-width: 100%;
  margin-right: -28px;
  text-decoration: none;
  order: 1;
}
[dir=rtl] .btn-menu-label a {
  margin-right: 0;
  margin-left: -28px;
}

.open .btn-menu-options {
  display: inline-block;
}

.btn-menu-label-arrow {
  top: -0.1em;
  border: 5px solid transparent;
  border-bottom-width: 0;
  border-top-color: currentColor;
  margin-right: 12px;
  margin-left: 0.5em;
  order: 2;
  pointer-events: none;
}
[dir=rtl] .btn-menu-label-arrow {
  margin-right: 0.5em;
  margin-left: 12px;
}

.btn.btn-menu-wrapper .btn-menu-label a {
  padding: 8px 12px;
}

.btn-small.btn-menu-wrapper .btn-menu-label a {
  padding: 4px 12px;
}

.btn-tiny.btn-menu-wrapper .btn-menu-label a {
  padding: 2px 12px;
}

.btn-tiny.btn-menu-wrapper .btn-menu-label a {
  padding-right: 12px;
}
[dir=rtl] .btn-tiny.btn-menu-wrapper .btn-menu-label a {
  padding-right: 0;
  padding-left: 12px;
}

.btn-menu-options {
  display: none;
  position: absolute;
  z-index: 999999;
  top: 100%;
  left: -1px;
  right: -1px;
  min-width: 100%;
  margin-top: 12px;
}

.btn-menu-options:after {
  position: absolute;
  content: " ";
  display: block;
  top: -5px;
  right: 13px;
  width: 10px;
  height: 10px;
  background: #fff;
  background-clip: padding-box;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  border-right: 1px solid rgba(0, 0, 0, 0.25);
  transform: rotate(-45deg);
}
[dir=rtl] .btn-menu-options:after {
  right: auto;
  left: 13px;
}

.btn-menu-options ul,
.btn-menu-options li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.btn-menu-options ul:before {
  position: absolute;
  content: " ";
  display: block;
  bottom: 100%;
  left: 0;
  height: 13px;
  width: 100%;
}

.btn-menu-options ul {
  position: absolute;
  font-size: 1.1em;
  font-weight: normal;
  text-align: left;
  border-radius: 4px;
  min-width: 100%;
  padding: 10px 0;
  color: #000;
  background: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  white-space: nowrap;
}
[dir=rtl] .btn-menu-options ul {
  text-align: right;
}

.btn-menu-options a {
  display: block;
  padding: 5px 15px;
  color: inherit;
  text-decoration: none;
}

.btn-menu-options a:hover {
  color: #fff;
  background: var(--color-blue);
}

.page-messages {
  margin: 40px 0;
}

.message {
  position: relative;
  margin: 20px 0;
  padding: 12px 15px;
  padding-left: 45px;
  color: #0074d9;
  border-width: 1px;
  border-style: solid;
}

.message:before {
  position: absolute;
  top: 12px;
  left: 15px;
  content: "⚠️";
}

.message-success {
  color: #2ecc40;
}

.message-success:before {
  content: "✔";
}

.message-warning {
  color: #ff851b;
}

.message-error {
  color: #ff4136;
}

.message-error:before {
  content: "✘";
}

.message-fade {
  animation: yellow-fade 1s forwards;
}

.notice {
  position: relative;
  margin: 20px auto;
  padding: 12px 15px;
  padding-left: 45px;
  background: rgba(var(--color-triple-blue), 0.075);
  border: 1px solid rgba(var(--color-triple-blue), 0.15);
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 #eae5e5;
}

.notice:before {
  position: absolute;
  top: 12px;
  left: 15px;
  content: "⚠️";
  color: var(--color-blue);
}

.notice-warning {
  background-color: rgba(var(--color-triple-yellow), 0.2);
}

.notice-warning:before {
  color: rgba(var(--color-triple-red), 0.6);
}

.empty-message {
  margin: 5em auto;
  color: #949497;
  font-size: 1.4em;
  font-weight: 300;
  text-align: center;
}

.empty-message-compact {
  margin: 40px auto;
}

.pagination {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

a.header-link {
  text-decoration: none;
  color: inherit;
}

a.header-link:before {
  content: "¶";
  opacity: 0;
  text-decoration: none;
  float: left;
  margin-left: -1.1em;
  font-size: 0.85em;
  margin-top: 0.05em;
  color: #949497;
}

h1:hover > a.header-link:before,
h2:hover > a.header-link:before,
h3:hover > a.header-link:before,
h4:hover > a.header-link:before,
h5:hover > a.header-link:before,
h6:hover > a.header-link:before {
  opacity: 1;
}

nav {
  padding: 10px 30px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eae5e5;
}

.logo-container {
  display: flex;
  justify-content: space-between;
}

.logo-and-uk-gov-logo {
  display: flex;
  align-items: center;
  gap: 20px;
}

.logo {
  display: flex;
  align-items: center;
  gap: 15px;
}

.logo > .icon-with-text img {
  height: 58px;
}

.logo > .icon-only {
  display: none;
}

.uk-gov-logo img {
  display: block;
  height: 29px;
  margin-top: 2px;
}

.menu-icon, .menu-icon-checkbox {
  display: none;
}

.main-menu, .sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-menu {
  display: flex;
  align-items: center;
  gap: 5px;
}

.main-menu-link {
  display: inline-block;
  font-size: 12px;
  padding: 14px 23px 11px;
  border-bottom: 2px solid transparent;
  color: #494949;
  text-decoration: none;
  letter-spacing: 0.6px;
  line-height: 14px;
}

.main-menu-link::after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background-color: transparent;
}

.active > .main-menu-link::after, .main-menu-link:hover::after {
  background-color: #ffc41e;
}

h1 {
  margin: 0 0 0.67em 0;
  font-weight: 300;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 48px;
}

h4 {
  letter-spacing: 0.2px;
}

.cef-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cef-logo,
.cef-text {
  flex: 1;
}

.cef-logo,
.cef-logo img {
  display: block;
}

.cef-logo img {
  max-height: 32px;
  width: 100%;
}

.cef-text {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* Responsive layout */
@media (max-width: 1400px) {
  .logo > img {
    height: 48px;
    width: auto;
  }

  .uk-gov-logo > img {
    height: 25px;
  }
}
@media (min-width: 1201px) {
  .main-menu-item {
    position: relative;
  }

  .sub-menu {
    display: none;
    position: absolute;
    z-index: 99999;
    top: 100%;
    right: 0;
    min-width: 100%;
    margin: 0;
    padding: 10px 0;
    background: #222223;
    border-radius: 4px;
  }

  .sub-menu:before {
    position: absolute;
    content: " ";
    display: block;
    bottom: 100%;
    right: 30px;
    border: 6px solid transparent;
    border-top-width: 0;
    border-bottom-color: #222223;
    pointer-events: none;
  }

  .main-menu-item:hover .sub-menu {
    display: block;
  }

  .sub-menu-item {
    margin: 0;
  }

  .sub-menu-link {
    display: block;
    font-size: 12px;
    padding: 8px 18px;
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.6px;
    line-height: 14px;
    white-space: nowrap;
  }

  .sub-menu-link:hover {
    color: #222223;
    background: #ffc41e;
  }
}
@media (max-width: 1200px) {
  nav {
    flex-direction: column;
    padding: 0;
  }

  .logo-and-uk-gov-logo {
    padding: 18px 10px 17px 20px;
    max-width: calc(100% - 70px);
    overflow: hidden;
  }

  .main-menu {
    display: block;
    width: 100%;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .main-menu-item {
    padding: 0;
    margin: 0;
  }

  .main-menu-link {
    font-size: 13px;
    padding: 15px 30px 12px;
  }

  .menu-icon, .menu-icon-checkbox {
    display: block;
  }

  .menu-icon {
    box-sizing: content-box;
    width: 30px;
    padding: 0px 30px;
    cursor: pointer;
  }

  .menu-icon-inner {
    position: relative;
    height: 2px;
    width: 100%;
    background: #ffc41e;
    top: 50%;
    transform: translateY(-50%);
  }

  .menu-icon-inner::before,
.menu-icon-inner::after {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #ffc41e;
  }

  .menu-icon-inner::before {
    top: -9px;
  }

  .menu-icon-inner::after {
    top: 9px;
  }

  .menu-icon-checkbox {
    display: none;
  }

  .menu-icon-checkbox:checked ~ .main-menu {
    max-height: 1000px;
    opacity: 1;
    padding: 15px 0;
    border-top: 1px solid #eae5e5;
  }

  .sub-menu {
    display: none;
    border: 1px solid #eae5e5;
    border-width: 1px 0;
    background: #fafafa;
    margin: 15px 0;
  }

  .active > .sub-menu {
    display: block;
  }

  .sub-menu-item {
    margin: 0;
    padding-left: 30px;
    border-bottom: 1px solid #eae5e5;
  }

  .sub-menu-item:last-child {
    border-bottom: none;
  }

  .sub-menu-link {
    display: inline-block;
    font-size: 12px;
    padding: 14px 30px 11px;
    border-bottom: 2px solid transparent;
    color: #494949;
    text-decoration: none;
    letter-spacing: 0.6px;
    line-height: 14px;
  }

  .sub-menu-link::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background-color: transparent;
  }

  .active > .sub-menu-link::after, .sub-menu-link:hover::after {
    background-color: #ffc41e;
  }

  .cef-content {
    flex-direction: row;
    gap: 15px;
  }

  footer .lang-menu input#id_lang_menu:checked ~ .menu-options {
    display: block;
  }
}
@media (max-width: 880px) {
  footer {
    flex-direction: column;
    gap: 30px;
    padding: 45px 30px;
  }

  footer .brand img {
    width: auto;
  }

  footer .smallprint {
    max-width: 300px;
    flex-wrap: wrap;
    justify-content: center;
  }

  footer .smallprint-item::after {
    display: none;
  }

  footer .smallprint-item.privacy::after,
footer .smallprint-item.contact::after {
    display: inline-block;
  }

  footer .lang-menu .menu-options {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  footer .lang-menu .menu-options:after {
    right: auto;
    left: 50%;
    transform: translateX(-50%) var(--transform-rotate);
  }
}
@media (max-width: 600px) {
  .logo > img {
    height: 38px;
  }

  .uk-gov-logo > img {
    height: 20px;
  }

  .cef-content {
    flex-direction: column;
  }
}
@media (max-width: 500px) {
  .logo > img {
    height: 32px;
  }

  .uk-gov-logo > img {
    height: 14px;
  }

  .menu-icon {
    padding: 0px 15px;
  }
}
@media (max-width: 370px) {
  .logo > .icon-only {
    display: block;
  }

  .logo > .icon-with-text {
    display: none;
  }
}
.form-row {
  display: flex;
  margin-bottom: 15px;
}

.form-actions {
  margin-top: 20px;
  margin-left: 20%;
}

.form-col.label {
  flex: none;
  width: 20%;
  padding-right: 15px;
}
[dir=rtl] .form-col.label {
  padding-right: 0;
  padding-left: 15px;
}

.form-col.label label {
  font-weight: 500;
}

.form-col.field,
.form-col.field-aligned {
  flex: 1;
}

.form-col.field-aligned {
  margin-left: 20%;
}
[dir=rtl] .form-col.field-aligned {
  margin-left: 0;
  margin-right: 20%;
}

.form-col.field input[type=text],
.form-col.field input[type=url],
.form-col.field input[type=email],
.form-col.field input[type=password],
.form-col.field input[type=number],
.form-col.field select,
.form-col.field textarea {
  width: 100%;
}

.form-col.field input[type=number] {
  /* Hide number input controls in firefox. */
  -moz-appearance: textfield;
}

.form-col.field input[type=number]::-webkit-outer-spin-button,
.form-col.field input[type=number]::-webkit-inner-spin-button {
  /* Hide number input controls in webkit. */
  -webkit-appearance: none;
  margin: 0;
}

.form-col.field select[multiple].chosen {
  /* Stop layout jumping around as JS loads: */
  height: 25px;
}

.form-col.field input[type=checkbox],
.form-col.field input[type=radio] {
  margin-right: 0.5em;
}
[dir=rtl] .form-col.field input[type=checkbox],
[dir=rtl] .form-col.field input[type=radio] {
  margin-right: 0;
  margin-left: 0.5em;
}

.form-col.field input:disabled,
.form-col.field select:disabled,
.form-col.field textarea:disabled {
  color: #abacac;
}

.form-col.field-checkbox-list label,
.form-col.field-checkable label {
  position: relative;
  display: inline-block;
  font-size: 0.8rem;
  padding-left: 1.6em;
}
[dir=rtl] .form-col.field-checkbox-list label,
[dir=rtl] .form-col.field-checkable label {
  padding-left: 0;
  padding-right: 1.6em;
}

.form-col.field-checkbox-list input[type=checkbox],
.form-col.field-checkable input[type=checkbox],
.form-col.field-checkable input[type=radio] {
  position: absolute;
  top: 0.2rem;
  left: 0;
}
[dir=rtl] .form-col.field-checkbox-list input[type=checkbox],
[dir=rtl] .form-col.field-checkable input[type=checkbox],
[dir=rtl] .form-col.field-checkable input[type=radio] {
  left: auto;
  right: 0;
}

.form-col.field textarea {
  min-height: 100px;
  display: block;
}

.form-col.field ul.errorlist,
.formset-form-field ul.errorlist {
  font-size: 0.9em;
}

.form-col.field pre {
  margin: -2px 0 0 0;
}

.form-col.field-checkbox-list ul:first-child,
.form-col.field-checkbox-list ul:first-child li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.form-col.field-info {
  flex: none;
  display: flex;
  align-items: center;
}

.form-col.field-info a {
  display: block;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  margin-left: 0.5em;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  background: #222223;
}
[dir=rtl] .form-col.field-info a {
  margin-left: 0;
  margin-right: 0.5em;
}

.form-row.date-range-other {
  margin-top: -5px;
}

.side-by-side {
  display: flex;
  gap: 3px;
}

.side-by-side .lft,
.side-by-side .rgt {
  flex: 1;
}

.side-by-side .dash {
  flex: none;
  font-weight: 300;
}

.side-by-side input[type=number] {
  width: 100%;
}

.radio-inline .radio-list .radio-item {
  display: inline-block;
  margin-right: 1.6em;
}
[dir=rtl] .radio-inline .radio-list .radio-item {
  margin-right: 0;
  margin-left: 1.6em;
}

.radio-inline .radio-list .radio-item:last-child {
  margin-right: 0;
}
[dir=rtl] .radio-inline .radio-list .radio-item:last-child {
  margin-left: 0;
}

.error {
  color: #ff4136;
}

.info {
  color: #0074d9;
}

ul.errorlist {
  margin: 0;
  margin-top: 5px;
  padding: 0;
  color: #ff4136;
  list-style-type: none;
}

ul.errorlist li {
  margin: 0;
}

ul.errorlist li.warning {
  color: #ff851b;
}

ul.errorlist li.info {
  color: #0074d9;
}

.message ul.errorlist {
  margin: 0;
}

.form-panel {
  margin: 20px auto;
  padding: 20px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #efeded;
  box-shadow: 3px 3px 6px 0 #efeded;
}

::placeholder {
  color: #949497;
  /* Firefox's default placeholder style is
     done with opacity rather than color: */
  opacity: 1;
}

button.link,
button:focus.link,
button:active.link {
  background: none;
  border: none;
  display: inline;
  font: inherit;
  margin: 0;
  padding: 0;
  outline: none;
  outline-offset: 0;
  color: #0074d9;
  cursor: pointer;
  text-decoration: underline;
}

button.link::-moz-focus-inner {
  border: none;
  padding: 0;
}

.table {
  width: 100%;
  border-collapse: collapse;
}

.table-small {
  font-size: 0.9em;
}

.table th,
.table td {
  padding: 5px 10px;
  border: 1px solid #efeded;
  vertical-align: top;
}

.table th {
  text-align: left;
  white-space: nowrap;
  background: #fafafa;
}

.table td {
  background: #ffffff;
}

.table th.show-if-fluid,
.table td.show-if-fluid {
  display: none;
}

body.fluid .table th.show-if-fluid,
body.fluid .table td.show-if-fluid {
  display: table-cell;
}

.table td.wrap {
  white-space: normal;
}

.table td.collapse {
  width: 1px;
  white-space: nowrap;
}

.table td.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 1px;
}

/* This is a weird one. When an RTL language is selected, any table cell content
 * will be right-aligned. But some of that content will be untranslated English
 * language text since it comes from our DB. This means that any truncation will
 * be performed on the wrong side of the text. We can fix this with [dir="ltr"]
 * but then the cell content will be left-aligned which is wrong in its own way.
 * The rule below lets the dir attribute fix the `overflow` and `text-overflow`
 * but reapplies the right alignment. */
[dir=rtl] .table td[dir=ltr].collapse,
[dir=rtl] .table td[dir=ltr].truncate {
  text-align: right;
}

.table-resizable th,
.table-resizable td {
  width: auto;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-resizable-test-widths .table-filters {
  display: none;
}

.table-resizable-test-widths td.truncate {
  max-width: 250px;
  word-break: break-all;
  white-space: inherit;
}

.table-resizable-test-widths td.collapse {
  width: 1px;
}

.table-handle-wrap {
  position: relative;
}

.table-handle {
  position: absolute;
  /* background: rgba(0,255,0, 0.25); */
  width: 10px;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

body.dragging * {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.table th a.order {
  color: inherit;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

.table th a.order::after {
  content: " ";
  height: 11px;
  width: 11px;
  background-repeat: no-repeat;
  background-image: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIUnC2nKLnT4or00PvyrQwrPzUZshQAOw==);
  opacity: 0.2;
}

.table th.order {
  cursor: pointer;
  padding-right: 10px;
}

.table th.order a.order {
  margin-right: 0;
}

.table th.order a.order:before {
  display: inline-block;
}

.table th.order:hover a.order:before,
.table th a.order:hover:before {
  opacity: 1;
}

.table th a.order.asc::after {
  background-image: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIRnC2nKLnT4or00Puy3rx7VQAAOw==);
  opacity: 1;
}

.table th a.order.desc::after {
  background-image: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
  opacity: 1;
}

.tooltip {
  position: absolute;
  z-index: 2;
  display: inline-block;
  padding: 7px 12px;
  color: #ffffff;
  background: #222223;
  font-size: 0.9em;
  border-radius: 4px;
}

.tooltip:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top-color: #222223;
  border-bottom-width: 0;
}

.chart {
  /* e.g. Stacked area graphs using billboard.js */
  margin: 20px 0;
  /* For positioning of .chart-menu: */
  position: relative;
}

.chart-render,
.chart-legend {
  /* Can't do this on the whole chart because that *
   * includes menu options which should stay as RTL. */
}
[dir=rtl] .chart-render,
[dir=rtl] .chart-legend {
  direction: ltr;
}

.chart .bb-circle {
  fill: white !important;
  stroke-width: 1.25px;
}

.chart .bb-arc {
  stroke-width: 0;
}

.chart .bb-axis line,
.chart .bb-axis path {
  stroke: #efeded;
}

.chart .bb-axis text,
.chart .bb-legend-item text {
  fill: #949497;
}

.chart line.bb-ygrid,
.chart line.bb-xgrid,
.chart line.bb-xgrid-focus {
  stroke: #efeded;
}

.chart line.bb-ygrid,
.chart line.bb-xgrid {
  stroke-dasharray: none;
}

.chart .bb-tooltip-wrapper {
  padding: 5px;
  border-radius: 3px;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  overflow: hidden;
}

.chart .bb-tooltip-wrapper table {
  opacity: 1;
  box-shadow: none;
  border: none;
}

.chart .bb-tooltip-wrapper tr {
  border: none;
}

.chart .bb-tooltip-wrapper th,
.chart .bb-tooltip-wrapper td {
  padding: 2px 5px;
  border: none;
  font-size: 0.75rem;
  color: inherit;
  background: #fff;
}

.chart .bb-tooltip-wrapper tr:first-child th {
  border-top: 0;
}

.chart .bb-tooltip-wrapper tr:last-child td {
  border-bottom: 0;
}

.chart .bb-tooltip-wrapper tr td:first-child,
.chart .bb-tooltip-wrapper tr th:first-child {
  border-left: 0;
}

.chart .bb-tooltip-wrapper tr td:last-child,
.chart .bb-tooltip-wrapper tr th:last-child {
  border-right: 0;
}

.chart .bb-tooltip-wrapper th.total,
.chart .bb-tooltip-wrapper td.value {
  text-align: right;
}

.chart-legend {
  text-align: center;
  font-size: 12px;
  line-height: 1;
}

.chart-legend-item {
  display: inline-block;
  color: #949497;
  padding: 4px 6px;
}

.chart-legend-item-interactive {
  cursor: pointer;
  user-select: none;
}

.chart-legend-item.off {
  color: #d4d4d6;
}

.chart-legend-item.on-hover {
  color: #222223;
}

.chart-legend-item.off.on-hover {
  color: #949497;
}

.chart .bb-tooltip-wrapper td.name > span,
.chart-legend-item i {
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin: 0.1em 0;
  margin-right: 0.5em;
  border-radius: 50%;
  vertical-align: baseline;
}

.chart-legend-item i {
  background: currentColor;
  border: 1px solid currentColor;
}

.chart-legend-item.off i {
  background: transparent;
  border-color: #d4d4d6;
}

.chart-high-contrast .bb-axis line,
.chart-high-contrast .bb-axis path,
.chart-high-contrast line.bb-ygrid,
.chart-high-contrast line.bb-xgrid,
.chart-high-contrast line.bb-xgrid-focus,
.chart-high-contrast .bb-grid-lines line {
  stroke: #000000;
}

.chart-high-contrast .bb-axis text,
.chart-high-contrast .bb-legend-item text {
  fill: #000000;
}

.chart-high-contrast .chart-legend-item,
.chart-high-contrast .chart-legend-item.on-hover,
.chart-high-contrast .chart-legend-item.off.on-hover {
  color: #000000;
}

.chart-high-contrast .chart-legend-item.off {
  color: #888888;
}

.chart-high-contrast .chart-legend-item.off i {
  border-color: #888888;
}

.chart-menu.menu-wrapper {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0px 8px;
  margin-right: 0;
}
[dir=rtl] .chart-menu.menu-wrapper {
  right: auto;
  margin-right: 0;
  left: 0;
  margin-left: 0;
}

.chart-menu.menu-wrapper:before {
  content: "☰";
  display: inline-block;
  color: #222223;
}

.chart-menu.menu-wrapper .menu-options {
  margin-top: 15px;
  margin-right: -1px;
  font-size: 0.85rem;
  line-height: 1.4;
}
[dir=rtl] .chart-menu.menu-wrapper .menu-options {
  margin-right: 0;
  margin-left: -1px;
}

.chart-menu.menu-wrapper .menu-options:before {
  height: 16px;
}

.chosen-container {
  font-size: 0.8rem;
}

.chosen-container .chosen-single > span {
  /* By default, chosen.js uses `white-space: nowrap` for the selected
   * option's label and uses text-overflow to truncate it with a '...'.
   * Unfortunately this only works when the width of the dropdown is
   * fixed.
   *
   * We're using width: 100% in a number of places (above and in
   * the initialisation JS) to make sure the dropdown fills any space
   * that's available. But that means the truncation doesn't happen
   * and as a knock-on effect long labels can cause layout breakages.
   *
   * To work around all that we're wrapping with word-breaking here
   * as a kind of make-shift truncation so that as much of the selected
   * label is visible as possible */
  white-space: normal;
  word-break: break-all;
}

.chosen-results {
  /* Wrap long option labels so they're readable even
     when the width of the dropdown is constrained: */
  white-space: normal;
}

.chosen-container-multi .chosen-choices {
  padding: 2px 0 0 2px;
}
[dir=rtl] .chosen-container-multi .chosen-choices {
  padding: 2px 2px 0 0;
}

.chosen-container-multi .chosen-choices li.search-choice {
  margin: 0 2px 2px 0;
}
[dir=rtl] .chosen-container-multi .chosen-choices li.search-choice {
  margin: 0 0 2px 2px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  top: 3px;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  margin: 0 0 0 3px;
  height: 23px;
}

.loading-icon {
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: #0074d9;
  border-bottom-color: rgba(0, 116, 217, 0.3);
  -webkit-animation: loading 0.5s infinite linear;
  animation: loading 0.5s infinite linear;
}

.load-html .loading-icon {
  margin: 40px auto 20px auto;
}

.load-html-chart {
  position: relative;
  min-height: 250px;
  background: #fafafa;
}

.load-html-chart.load-html-done {
  background: none;
}

.load-html-chart .loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
}

span.load-html .loading-icon {
  display: inline-block;
  margin: 0;
  height: 0.9em;
  width: 0.9em;
  border-width: 1px;
}

.detail-with-label {
  /* Truncate long labels to avoid ugly wrapping. */
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.date-input {
  width: 120px;
}

.tabs {
  margin: 20px 0 40px 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-content: flex-start;
  flex-flow: row nowrap;
}

.tabs > li {
  margin: 0 -1px 0 0;
  padding: 0;
  border: 1px solid #efeded;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #fafafa;
  color: #949497;
}

.tabs > li.active {
  background: #fff;
  color: #222223;
  border-bottom: none;
}

.tabs > li > a {
  position: relative;
  display: inline-block;
  padding: 8px 20px;
  color: inherit;
  text-decoration: none;
}

.tabs > li.error > a {
  color: #ff4136;
}

.tabs > li > a .tab-content-count {
  position: relative;
  top: -1px;
  display: inline-block;
  padding: 0px 5px;
  margin: 0 -12px 0 3px;
  font-size: 0.7em;
  color: rgba(0, 116, 217, 0.75);
  border: 1px solid rgba(0, 116, 217, 0.75);
  border-radius: 100px;
}

.tabs > li > a .tab-content-count-non-zero {
  font-weight: 500;
  text-shadow: 0 1px 1px #0074d9;
  color: #ffffff;
  background: linear-gradient(#73beff, #40a6ff);
  border-color: #40a6ff;
}

#credits {
  display: none;
}

#gdpr-message {
  position: fixed;
  width: 450px;
  right: 30px;
  bottom: 30px;
  background: #ffc41e;
  color: #453404;
  padding: 0 25px 15px 25px;
  z-index: 1002;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  display: none;
}
#gdpr-message .btn-solid {
  position: relative;
  text-align: center;
  border-radius: 5px;
  border: 0;
  padding: 11px 23px 14px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.6px;
  line-height: 16px;
  z-index: 1;
  cursor: pointer;
}
#gdpr-message .btn-solid.btn-solid-dark-gray {
  background: #000;
  color: #efeded;
}
#gdpr-message a {
  font-weight: 500;
  color: #000;
  text-decoration: none;
  border-bottom: 2px solid #fff;
}

@media (max-width: 450px) {
  #gdpr-message {
    width: auto;
    left: 20px;
    right: 20px;
    bottom: 20px;
    max-height: calc(100% - 40px);
    overflow: scroll;
  }
}
.dashboard-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px !important;
}

.dashboard-content > .empty-message {
  margin: 0;
  margin-bottom: 10%;
}

.dashboard-menu ul,
.dashboard-menu li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.dashboard-menu li {
  margin-bottom: 15px;
}

.dashboard-menu li:last-child {
  margin-bottom: 0;
}

.dashboard-menu a {
  display: flex;
  gap: 20px;
  align-items: center;
  color: #000000;
  font-size: 1.1em;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: 1px;
  border: 1px solid transparent;
  border-radius: 5px;
}

.dashboard-menu .icon {
  flex: none;
}

.dashboard-menu .icon img {
  display: block;
  min-height: 45px;
  width: 45px;
}

.dashboard-menu .text {
  flex: 1;
  max-width: fit-content;
  border-bottom: 3px solid transparent;
}

.dashboard-menu a:hover .text,
.dashboard-menu .active .text {
  border-color: #ffc41e;
}

.dashboard-menu .text:after {
  content: " »";
}

.sidebar-section {
  margin: 2px -30px 0 -30px;
  border: 1px solid #efeded;
  border-width: 1px 0;
  padding: 30px;
  background: #ffffff;
}

.sidebar-section:first-child {
  margin-top: 0;
  border-top: 0;
}

.sidebar-section .sidebar-heading {
  margin-bottom: 15px;
}

.dashboard-help .sidebar-heading {
  margin-bottom: 5px;
}

.dashboard-help .sidebar-content {
  font-size: 0.75rem;
  line-height: 1.5;
}

.dashboard-language-suggestion {
  width: 100%;
  max-width: 1300px;
  font-size: 0.75rem;
  line-height: 1.5;
  text-align: center;
  padding: 12px 15px;
  color: var(--shade-white);
  background: var(--shade-off-black);
  border: 1px solid #eae5e5;
  border-radius: 4px;
  box-shadow: 0px 3px 6px 0 #eae5e5;
}

.dashboard-language-suggestion a {
  color: inherit;
}

.dashboard-panel-list {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(280px, 1fr);
  gap: 15px;
  width: 100%;
  max-width: 1300px;
}

.dashboard-panel {
  display: flex;
  flex-flow: column;
  background: #fff;
  border: 1px solid #eae5e5;
  box-shadow: 0px 3px 6px 0 #eae5e5;
  text-decoration: none;
  overflow: hidden;
}

.dashboard-panel .panel-heading {
  display: flex;
  align-items: center;
  color: #494949;
  font-size: 0.75rem;
  line-height: 1.2;
  padding: 10px;
  border-bottom: 1px solid #efeded;
}

.dashboard-panel .panel-heading .name {
  flex: 1;
  white-space: nowrap;
}

.dashboard-panel .panel-heading .date {
  color: #949497;
  text-align: right;
}

.dashboard-panel .panel-content {
  flex: 1;
  margin: 10px;
}

.dashboard-panel .panel-content-loading {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dashboard-panel .loading-icon {
  border-color: rgba(0, 0, 0, 0.3);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.dashboard-panel .minimal-map,
.dashboard-panel .tree {
  height: 100%;
  width: 100%;
}

.dashboard-panel .minimal-map svg {
  display: block;
}

.dashboard-panel .chart.chart-manual {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 15px 0;
}

@media (max-width: 1200px) {
  .dashboard-menu {
    margin: 0;
    padding: 0;
    background: transparent;
    border-bottom: none;
    max-height: 100px;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
  }

  .dashboard-menu a:hover .text,
.dashboard-menu .active .text {
    border-color: transparent;
  }

  .dashboard-menu.open {
    max-height: 2000px;
  }

  .dashboard-menu ul {
    display: flex;
    flex-direction: column;
  }

  .dashboard-menu li {
    display: none;
    margin: 0;
  }

  .dashboard-menu .active {
    display: block;
    opacity: 1;
    order: -1;
  }

  .dashboard-menu.open li {
    display: block;
  }

  .dashboard-menu a {
    transition: none;
    padding: 10px 30px;
  }

  .dashboard-menu .icon {
    padding-left: 0;
  }

  .dashboard-menu .text::after {
    display: none;
  }

  .dashboard-menu .active a::after {
    content: "▼";
    display: flex;
    border-bottom: 3px solid transparent;
  }

  .dashboard-help {
    margin: 0;
  }

  .dashboard-content {
    background: transparent;
  }

  body.index {
    height: unset;
  }

  .dashboard-panel-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    height: unset;
  }

  .dashboard-panel {
    width: calc(50% - 10px);
    height: calc(50vw - 80px);
  }
}
@media (max-width: 960px) {
  .dashboard-panel {
    width: 100%;
    height: calc(100vw - 80px);
    max-width: unset;
    max-height: unset;
  }
}
/* Custom styles for jQuery UI tooltips */
.ui-tooltip {
  max-width: min(398px, 100vw - 60px);
  width: max-content;
  padding: 7px 12px;
  color: #abacac;
  background: #222223;
  font-size: 0.8em;
  line-height: 1.5;
  border-radius: 4px;
  /* Undo styles from jquery-ui.structure.css: */
  border-width: 0 !important;
  box-shadow: none;
  /* Allow the :after position to be modified via JS */
  --after-left: 50%;
}

.ui-tooltip:after {
  position: absolute;
  content: "";
  border: 6px solid transparent;
  color: #222223;
}

.ui-tooltip em {
  color: #fff;
}

.ui-tooltip-light {
  color: #222223;
  background: #ffffff;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ui-tooltip-light:after {
  color: #ffffff;
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.15)) drop-shadow(0px 4px 2px rgba(0, 0, 0, 0.15));
}

.ui-tooltip-light em {
  color: #949497;
}

.ui-tooltip.top:after {
  bottom: 100%;
  left: var(--after-left);
  margin-left: -6px;
  border-bottom-color: currentColor;
  border-top-width: 0;
}

.ui-tooltip.bottom:after {
  top: 100%;
  left: var(--after-left);
  margin-left: -6px;
  border-top-color: currentColor;
  border-bottom-width: 0;
}

.ui-tooltip.left:after {
  top: 11px;
  right: 100%;
  border-right-color: currentColor;
  border-left-width: 0;
}

.ui-tooltip.right:after {
  top: 11px;
  left: 100%;
  border-left-color: currentColor;
  border-right-width: 0;
}

/* Custom styles for jQuery UI date pickers */
.ui-datepicker {
  font-size: 0.8em;
  padding: 4px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 5px 15px rgba(0, 0, 0, 0.3);
}

.ui-datepicker .ui-datepicker-header {
  font-weight: bold;
  color: #fff;
  background: #222223;
  padding: 4px;
  border-radius: 4px 4px 0 0;
  margin: -4px -4px 4px -4px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 0;
  width: 30px;
  height: 100%;
  cursor: pointer;
  color: #fff;
}

.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled {
  color: #494949;
}

.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -4px;
  display: block;
  content: " ";
  border: 5px solid transparent;
}

.ui-datepicker .ui-datepicker-prev {
  left: 0;
}
[dir=rtl] .ui-datepicker .ui-datepicker-prev {
  left: auto;
  right: 0;
}

.ui-datepicker .ui-datepicker-next {
  border-radius: 0 4px 0 0;
  right: 0;
}
[dir=rtl] .ui-datepicker .ui-datepicker-next {
  border-radius: 0 0 0 4px;
  right: auto;
  left: 0;
}

.ui-datepicker .ui-datepicker-prev:before {
  border-left-width: 0;
  border-right-color: currentColor;
  border-right-width: 8px;
}
[dir=rtl] .ui-datepicker .ui-datepicker-prev:before {
  border-right-width: 0;
  border-right-color: transparent;
  border-left-color: currentColor;
  border-left-width: 8px;
}

.ui-datepicker .ui-datepicker-next:before {
  border-right-width: 0;
  border-left-color: currentColor;
  border-left-width: 8px;
}
[dir=rtl] .ui-datepicker .ui-datepicker-next:before {
  border-left-width: 0;
  border-left-color: transparent;
  border-right-color: currentColor;
  border-right-width: 8px;
}

.ui-datepicker table {
  table-layout: fixed;
  border-spacing: 2px;
  border-collapse: separate;
  margin-bottom: 0;
}

.ui-datepicker td {
  padding: 0;
}

.ui-datepicker td.ui-state-disabled {
  color: #949497;
}

.ui-datepicker td .ui-state-default {
  background: #fafafa;
}

.ui-datepicker th,
.ui-datepicker td span,
.ui-datepicker td a {
  padding: 2px 6px;
  text-align: center;
}

.ui-datepicker th {
  font-weight: normal;
}

.ui-datepicker td a {
  border-bottom: 1px solid transparent;
}

.ui-datepicker td.ui-datepicker-today a {
  border-bottom: 1px solid #0074d9;
}

.ui-datepicker td a.ui-state-hover {
  background: rgba(0, 116, 217, 0.075);
}

.ui-datepicker td a.ui-state-active {
  color: #fff;
  background: #0074d9;
}

/* Custom styles for jQuery UI dialogs */
.ui-front {
  /* Minimum z-index must be above leaflet map elements.
   * jQuery UI seems to be smart enough to use this as
   * a starting point, and sets it to a higher number if
   * multiple dialogs need to be stacked. */
  z-index: 1001;
}

.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.ui-dialog {
  position: fixed;
  background: #fff;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 5px 15px rgba(0, 0, 0, 0.3);
  max-width: calc(100vw - 15px);
}
[dir=rtl] .ui-dialog {
  direction: ltr;
}

.ui-dialog .ui-dialog-titlebar {
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1;
  color: #222223;
  background: #fafafa;
  border-bottom: 1px solid #efeded;
  border-radius: 8px 8px 0 0;
  padding: 15px;
}

.ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
  overflow: visible;
}

.ui-dialog-titlebar .ui-dialog-titlebar-close {
  float: right;
  position: relative;
  right: 0;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  /* Hide the "close" text-node, in a way that can be
   * unset for children that we still want to see:
   * https://stackoverflow.com/a/15196985 */
  visibility: hidden;
  cursor: pointer;
}

.ui-dialog-titlebar .ui-dialog-titlebar-close:before {
  visibility: visible;
  content: "×";
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 0.6;
  color: inherit;
}

.ui-dialog-titlebar .ui-dialog-titlebar-close:hover:before {
  color: inherit;
}

.ui-dialog .ui-dialog-content {
  font-size: 0.8rem;
  padding: 20px;
}

.ui-dialog .ui-dialog-buttonpane {
  background: #fafafa;
  border-top: 1px solid #efeded;
  border-radius: 0 0 8px 8px;
  padding: 10px 15px;
  margin: 0;
}

.ui-dialog .ui-dialog-buttonpane .ui-button {
  margin: 0 0 0 5px;
  display: inline-block;
  padding: 2px 12px;
  height: 26px;
  color: #ffffff;
  background: #222223;
  border: none;
  border-radius: 14px;
  font-size: 0.8rem;
  font-weight: 500;
  text-align: center;
  min-width: 70px;
}

.ui-dialog .ui-dialog-buttonpane .ui-button-disabled {
  color: #abacac;
  border-color: #abacac;
}

.ui-dialog-buttonpane .ui-button-text {
  padding: 0;
}

.ui-dialog.no-title .ui-dialog-titlebar {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}

.ui-dialog.no-title .ui-dialog-titlebar:before,
.ui-dialog.no-title .ui-dialog-titlebar:after {
  display: none;
}

.ui-dialog.no-title .ui-dialog-titlebar .ui-dialog-title {
  display: none;
}

.ui-dialog.no-title .ui-dialog-titlebar .ui-dialog-titlebar-close {
  float: none;
  position: absolute;
  top: 20px;
  right: 20px;
}

.ui-dialog.no-title .ui-dialog-titlebar .ui-dialog-titlebar-close {
  z-index: 1;
}

.ui-dialog.no-title .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
  color: #949497;
}

/* Custom styles for jQuery tag-it */
ul.tagit {
  background-color: white;
  border: 1px solid #8f8f9d;
  border-radius: 2px;
  margin: 0;
  padding: 3px 0 0 3px;
  overflow: hidden;
}

ul.tagit li {
  margin: 0 3px 2px 0;
}

ul.tagit li.tagit-new {
  margin: -2px 0;
  padding: 0;
}

ul.tagit li.tagit-choice {
  padding: 0 4px;
  border-radius: 2px;
  background: rgba(0, 116, 217, 0.075);
  cursor: default;
  font-size: 0.9em;
  line-height: 16px;
}

ul.tagit li.tagit-choice a.tagit-close {
  margin-left: 3px;
  text-decoration: none;
  position: static;
  right: inherit;
  top: inherit;
  margin-top: inherit;
  line-height: inherit;
}

ul.tagit li.tagit-choice a.tagit-close .ui-icon {
  display: none;
}

ul.tagit li.tagit-choice a.tagit-close .text-icon {
  display: inline;
}

/* Layout */
body.stats {
  display: flex;
  flex-flow: column;
  height: 100vh;
}

body.stats > main {
  flex: 1;
  display: flex;
  flex-flow: column;
}

body.stats > main,
body.stats .stats-wrapper {
  overflow: hidden;
}

.stats-wrapper {
  display: flex;
  flex-grow: 1;
  background: #f3f3f3;
}

.stats-sidebar {
  width: 350px;
  padding: 0px 30px;
  background: var(--shade-off-white);
  border-right: 1px solid #eae5e5;
  overflow-y: auto;
}
[dir=rtl] .stats-sidebar {
  border-right: none;
  border-left: 1px solid #eae5e5;
}

.stats-content {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 20px;
  padding: 30px;
  overflow-y: auto;
  /* For positioning of children (e.g. loading/failure
     indicators and :before/:after pseudo-elements). */
  position: relative;
}

.stats-content:focus {
  outline: 0;
}

.stats-content .map,
.stats-content .tree,
.stats-content .content-panel-word_cloud,
.stats-content .content-panel-bubble_diagram {
  flex: 1;
}

.stats-content .map {
  height: 100%;
}

.stats-content .content-panel-time-series-chart .chart {
  min-height: 370px;
}

.stats-content .content-panel-table {
  max-width: fit-content;
  align-self: center;
}

.stats-content > :first-child,
.stats-content > .stats-overlay + * {
  margin-top: 0;
}

.stats-content > :last-child {
  margin-bottom: 0;
}

/* Customize styles from _base.css for stats context */
.stats-content .notice {
  margin: 0;
}

.stats-content > .empty-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 75%;
  margin: 0;
}

/* Sidebar panels */
.stats-panel {
  background: var(--shade-white);
  margin: 2px -30px;
  padding: 15px 30px;
  border: 1px solid var(--shade-pale);
  border-width: 1px 0;
  font-size: 0.9em;
}

.stats-sidebar .stats-panel:first-child,
.stats-sidebar .stats-sidebar-checkbox + * {
  margin-top: 0;
}

.stats-sidebar .stats-panel:last-child {
  margin-bottom: 0;
}

.stats-sidebar .stats-title {
  margin-bottom: 0;
  border: none;
  padding-top: 30px;
  padding-bottom: 15px;
}

.stats-sidebar .stats-title h4 {
  color: #949497;
  margin-bottom: 3px;
}

.stats-sidebar .stats-cef {
  padding-top: 30px;
  padding-bottom: 30px;
}

.sidebar-filter-panels > :first-child {
  margin-top: 0;
  border-top: 0;
}

.sidebar-filter-panels form > .errorlist {
  /* i.e. Any '__all__' errors which might appear at the top of a form,
   * since the stats template doesn't have the `messages_and_errors` block
   * which is where those errors appear on non-stats pages. */
  margin-top: -15px;
  margin-bottom: 15px;
}

.stats-panel.stats-download {
  display: flex;
  gap: 10px;
}

.stats-panel.stats-download .stats-download-option {
  flex: 1;
}

.stats-panel.stats-download .stats-download-option .btn {
  width: 100%;
}

/* Sidebar panels: Rendered (for PNG download) */
.stats-panel-render-wrap {
  width: 300px;
  padding: 5px;
}

.stats-panel-render-wrap .stats-panel {
  margin: 0;
  padding: 15px;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
}

/* Sidebar panels: Forms */
.stats-panel hr {
  margin: 15px 0;
}

.stats-panel h3.underline {
  font-size: 1.4em;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.stats-panel .form-row:last-child {
  margin-bottom: 0;
}

.stats-panel .form-row {
  margin-bottom: 10px;
}

.stats-panel .form-col.label {
  width: 100px;
}

.stats-panel .form-actions,
.stats-panel .form-col.field-aligned {
  margin-left: 100px;
}
[dir=rtl] .stats-panel .form-actions,
[dir=rtl] .stats-panel .form-col.field-aligned {
  margin-left: 0;
  margin-right: 100px;
}

.stats-panel .day-navigation-wrapper {
  display: flex;
  gap: 8px;
}

.stats-panel .day-navigation {
  display: inline-block;
  width: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #222223;
}

[dir=rtl] .stats-panel .day-navigation-next {
  order: 2;
}

.stats-panel .day-navigation:hover {
  color: #ffc41e;
}

.stats-panel .day-navigation:before {
  content: "";
  display: block;
  height: 9px;
  width: 9px;
  border: 3px solid currentColor;
  border-top-width: 0;
  transform-origin: 50% 75% 0;
}

.stats-panel .day-navigation-prev:before {
  border-right-width: 0;
  transform: rotate(45deg);
}
[dir=rtl] .stats-panel .day-navigation-prev:before {
  border-right-width: 3px;
  border-left-width: 0;
  transform: rotate(-45deg);
}

.stats-panel .day-navigation-next:before {
  border-left-width: 0;
  transform: rotate(-45deg);
}
[dir=rtl] .stats-panel .day-navigation-next:before {
  border-left-width: 3px;
  border-right-width: 0;
  transform: rotate(45deg);
}

.stats-panel .day-navigation-disabled {
  color: #abacac;
  cursor: default;
}

.stats-panel .day-navigation:focus {
  outline: none;
}

.stats-sidebar-checkbox {
  display: none;
}

.stats-sidebar-toggle {
  cursor: pointer;
  display: none;
  background: #ccc;
  border-radius: 5px;
  border: 0;
  text-align: center;
  letter-spacing: 0.6px;
  line-height: 16px;
  font-weight: 500;
  font-size: 14px;
  padding: 8px 28px 11px;
  background: #000;
  color: #efeded;
  text-decoration: none;
  height: fit-content;
  flex-shrink: 0;
}

.stats-content .stats-content-attribution {
  display: block;
  content: "© 2022 The Shadowserver Foundation";
  position: absolute;
  color: #000000;
  background: #ffffff;
  font-size: 9px;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 1em;
  pointer-events: none;
}

/* Non-leaflet overlays (loading indicator, etc.) */
.stats-overlay {
  padding: 15px;
  margin-bottom: 15px;
  background: #ffffff;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  font-size: 0.85rem;
}

/* Loading indicator */
.stats-loading {
  display: none;
  position: absolute;
  z-index: 1001;
  top: min(40vh, 45%);
  left: 50%;
  height: 50px;
  transform: translate(-50%, -50%);
}

.stats-loading.on {
  display: inline-block;
}

.stats-loading .loading-text {
  margin-left: 15px;
}

/* Failure indicator */
.stats-failure {
  display: none;
  position: absolute;
  z-index: 1001;
  top: min(40vh, 45%);
  left: 50%;
  min-height: 50px;
  transform: translate(-50%, -50%);
}

.stats-failure.on {
  display: inline-block;
}

/* Content panels */
.content-panel {
  display: flex;
  flex-flow: column;
  /* margin: 20px auto; */
  padding: 20px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #eae5e5;
  box-shadow: 0 3px 6px 0 #eae5e5;
  width: 100%;
  /* For positioning of .stats-content-attribution: */
  position: relative;
}

.content-panel .panel-heading {
  flex: none;
}

.content-panel .panel-content {
  flex: 1;
}

.content-panel .panel-content > :first-child {
  margin-top: 0;
}

.content-panel .panel-content > :last-child {
  margin-bottom: 0;
}

.content-panel-word_cloud .word-cloud,
.content-panel-bubble_diagram .bubble-diagram {
  height: 100%;
}

body.stats-map .stats-content-attribution {
  bottom: 15px;
  right: 15px;
  z-index: 1001;
}
[dir=rtl] body.stats-map .stats-content-attribution {
  right: auto;
  left: 15px;
}

body.stats-tree .stats-content-attribution {
  bottom: 45px;
  right: 45px;
}
[dir=rtl] body.stats-tree .stats-content-attribution {
  right: auto;
  left: 45px;
}

body.stats-time-series .content-panel > .stats-content-attribution,
body.stats-visualisation .content-panel > .stats-content-attribution {
  background: #efeded;
  bottom: 20px;
  right: 20px;
}
[dir=rtl] body.stats-time-series .content-panel > .stats-content-attribution,
[dir=rtl] body.stats-visualisation .content-panel > .stats-content-attribution {
  right: auto;
  left: 20px;
}

body.stats-time-series .content-panel > .panel-content,
body.stats-visualisation .content-panel > .panel-content {
  padding-bottom: 35px;
}

body.stats-visualisation .content-panel-word_cloud > .panel-content,
body.stats-visualisation .content-panel-bubble_diagram > .panel-content {
  padding-bottom: 0;
}

@media (max-width: 1200px) {
  .stats-sidebar-toggle {
    display: inline-block;
  }

  .stats-sidebar {
    padding: 0;
  }

  .stats-sidebar .stats-panel {
    background: transparent;
    border-color: transparent;
  }

  .sidebar-filter-panels {
    /*display: none;*/
    max-height: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: hidden;
    background: #fff;
  }

  body.stats {
    height: 100vh;
    max-width: 100vw;
  }

  body.stats > main {
    overflow: visible;
  }

  .stats-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: visible;
  }

  .stats-content {
    overflow-x: auto;
    overflow-y: visible;
  }

  .stats-sidebar {
    width: 100%;
    background: transparent;
    display: block;
    overflow: visible;
    border: none;
  }

  .stats-sidebar, .stats-sidebar::after {
    height: unset !important;
  }

  .stats-sidebar .stats-title {
    display: flex;
    align-content: space-between;
    align-items: center;
    background: #fafafa;
    border-bottom: 1px solid #eae5e5;
    padding: 19px 30px;
    margin: 0;
    gap: 15px;
  }

  .stats-sidebar .stats-title .stats-title-headings {
    flex: 1;
  }

  .stats-sidebar .stats-title h4 {
    font-size: 1rem;
  }

  .stats-sidebar .stats-title h2 {
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
    border: none;
  }

  .stats-sidebar .stats-cef {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .sidebar-filter-panels {
    padding: 0 30px;
    border-top: 0px solid #eae5e5;
  }

  .stats-sidebar-checkbox:checked ~ .sidebar-filter-panels {
    border-bottom: 1px solid #eae5e5;
    max-height: 2000px;
    opacity: 1;
    overflow: visible;
    padding: 15px 30px;
  }

  .stats-panel .stats-sidebar-toggle::after {
    content: "Show filters";
  }

  .stats-sidebar-checkbox:checked ~ .stats-panel .stats-sidebar-toggle::after {
    content: "Hide filters";
  }

  .stats-panel hr,
.stats-panel .underline {
    border-color: #eae5e5;
  }

  body.stats > main {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }

  .stats-content .content-panel-word_cloud .word-cloud,
.stats-content .content-panel-bubble_diagram .bubble-diagram {
    min-height: 70vh;
  }
}
@media (max-width: 880px) {
  body.stats-map .stats-content,
body.stats-tree .stats-content {
    min-height: 85vh;
  }
}
@media (max-width: 600px) {
  .stats-sidebar-toggle {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*# sourceMappingURL=app.css.14cc63d57563.map */