@charset "UTF-8";
/*
/// VENDORS ///
The CSS files from external libraries and frameworks
*/
/*! normalize.css v8.0.0 | 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.
 */
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:wght@400;500;700&display=swap");
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/**
 * 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;
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/*
/// ABSTRACTS ///
all Sass tools and helpers used across the project.
Every global variable, function, mixin and placeholder should be put in here.
 */
.button-secondary, input[type=submit],
input[type=button],
input[type=reset],
button,
.button,
.tooltip, .pagination-nav .pagination a, .pagination-nav .pagination .current {
  background-color: #fff;
  border-radius: 2.5px;
  border: 1px solid #1478bd;
  color: #1478bd;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  outline: 0;
  padding: 5.5px 10px 4.5px 10px;
  text-align: center;
  text-decoration: none;
  transition: all 200ms ease-in-out;
  font-weight: 700;
  line-height: 1;
  width: max-content;
}
[disabled].button-secondary, input[disabled][type=submit],
input[disabled][type=button],
input[disabled][type=reset],
button[disabled],
[disabled].button,
[disabled].tooltip, .pagination-nav .pagination a[disabled], .pagination-nav .pagination [disabled].current, .disabled.button-secondary, input.disabled[type=submit],
input.disabled[type=button],
input.disabled[type=reset],
button.disabled,
.disabled.button,
.disabled.tooltip, .pagination-nav .pagination a.disabled, .pagination-nav .pagination .disabled.current {
  color: #d5e4f2 !important;
  pointer-events: none;
  z-index: 200;
  outline: none;
  transition: all 0.5s ease;
  border-color: #d5e4f2;
}

@font-face {
  font-family: "ThemeIcons";
  src: url("../fonts/ThemeIcons.eot?1adeb0ceee848c1f3791d1a167f0a314?#iefix") format("embedded-opentype"), url("../fonts/ThemeIcons.woff2?1adeb0ceee848c1f3791d1a167f0a314") format("woff2"), url("../fonts/ThemeIcons.woff?1adeb0ceee848c1f3791d1a167f0a314") format("woff"), url("../fonts/ThemeIcons.ttf?1adeb0ceee848c1f3791d1a167f0a314") format("truetype"), url("../fonts/ThemeIcons.svg?1adeb0ceee848c1f3791d1a167f0a314#ThemeIcons") format("svg");
}
[class^=icon-]:before, [class^=icon-][class^=icon-social][href*=youtube]:before, [class^=icon-][class^=icon-social].icon-youtube:before, [class^=icon-][class^=icon-social][href*=twitter]:before, [class^=icon-][class^=icon-social].icon-twitter:before, [class^=icon-][class^=icon-social][href*=pinterest]:before, [class^=icon-][class^=icon-social].icon-pinterest:before, [class^=icon-][class^=icon-social][href*=linkedin]:before, [class^=icon-][class^=icon-social].icon-linkedin:before, [class^=icon-][class^=icon-social][href*=instagram]:before, [class^=icon-][class^=icon-social].icon-instagram:before, [class^=icon-][class^=icon-social][href*=facebook]:before, [class^=icon-][class^=icon-social].icon-facebook:before, [class*=" icon-"]:before, [class*=" icon-"][class^=icon-social][href*=youtube]:before, [class*=" icon-"][class^=icon-social].icon-youtube:before, [class*=" icon-"][class^=icon-social][href*=twitter]:before, [class*=" icon-"][class^=icon-social].icon-twitter:before, [class*=" icon-"][class^=icon-social][href*=pinterest]:before, [class*=" icon-"][class^=icon-social].icon-pinterest:before, [class*=" icon-"][class^=icon-social][href*=linkedin]:before, [class*=" icon-"][class^=icon-social].icon-linkedin:before, [class*=" icon-"][class^=icon-social][href*=instagram]:before, [class*=" icon-"][class^=icon-social].icon-instagram:before, [class*=" icon-"][class^=icon-social][href*=facebook]:before, [class*=" icon-"][class^=icon-social].icon-facebook:before {
  font-family: ThemeIcons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-add:before, .icon-add[class^=icon-social][href*=youtube]:before, .icon-add[class^=icon-social].icon-youtube:before, .icon-add[class^=icon-social][href*=twitter]:before, .icon-add[class^=icon-social].icon-twitter:before, .icon-add[class^=icon-social][href*=pinterest]:before, .icon-add[class^=icon-social].icon-pinterest:before, .icon-add[class^=icon-social][href*=linkedin]:before, .icon-add[class^=icon-social].icon-linkedin:before, .icon-add[class^=icon-social][href*=instagram]:before, .icon-add[class^=icon-social].icon-instagram:before, .icon-add[class^=icon-social][href*=facebook]:before, .icon-add[class^=icon-social].icon-facebook:before {
  content: "\f101";
}

.icon-clustered-bar-chart:before, .icon-clustered-bar-chart[class^=icon-social][href*=youtube]:before, .icon-clustered-bar-chart[class^=icon-social].icon-youtube:before, .icon-clustered-bar-chart[class^=icon-social][href*=twitter]:before, .icon-clustered-bar-chart[class^=icon-social].icon-twitter:before, .icon-clustered-bar-chart[class^=icon-social][href*=pinterest]:before, .icon-clustered-bar-chart[class^=icon-social].icon-pinterest:before, .icon-clustered-bar-chart[class^=icon-social][href*=linkedin]:before, .icon-clustered-bar-chart[class^=icon-social].icon-linkedin:before, .icon-clustered-bar-chart[class^=icon-social][href*=instagram]:before, .icon-clustered-bar-chart[class^=icon-social].icon-instagram:before, .icon-clustered-bar-chart[class^=icon-social][href*=facebook]:before, .icon-clustered-bar-chart[class^=icon-social].icon-facebook:before {
  content: "\f102";
}

.icon-clustered-column-chart:before, .icon-clustered-column-chart[class^=icon-social][href*=youtube]:before, .icon-clustered-column-chart[class^=icon-social].icon-youtube:before, .icon-clustered-column-chart[class^=icon-social][href*=twitter]:before, .icon-clustered-column-chart[class^=icon-social].icon-twitter:before, .icon-clustered-column-chart[class^=icon-social][href*=pinterest]:before, .icon-clustered-column-chart[class^=icon-social].icon-pinterest:before, .icon-clustered-column-chart[class^=icon-social][href*=linkedin]:before, .icon-clustered-column-chart[class^=icon-social].icon-linkedin:before, .icon-clustered-column-chart[class^=icon-social][href*=instagram]:before, .icon-clustered-column-chart[class^=icon-social].icon-instagram:before, .icon-clustered-column-chart[class^=icon-social][href*=facebook]:before, .icon-clustered-column-chart[class^=icon-social].icon-facebook:before {
  content: "\f103";
}

.icon-clustered-column-line:before, .icon-clustered-column-line[class^=icon-social][href*=youtube]:before, .icon-clustered-column-line[class^=icon-social].icon-youtube:before, .icon-clustered-column-line[class^=icon-social][href*=twitter]:before, .icon-clustered-column-line[class^=icon-social].icon-twitter:before, .icon-clustered-column-line[class^=icon-social][href*=pinterest]:before, .icon-clustered-column-line[class^=icon-social].icon-pinterest:before, .icon-clustered-column-line[class^=icon-social][href*=linkedin]:before, .icon-clustered-column-line[class^=icon-social].icon-linkedin:before, .icon-clustered-column-line[class^=icon-social][href*=instagram]:before, .icon-clustered-column-line[class^=icon-social].icon-instagram:before, .icon-clustered-column-line[class^=icon-social][href*=facebook]:before, .icon-clustered-column-line[class^=icon-social].icon-facebook:before {
  content: "\f104";
}

.icon-collapse:before, .icon-collapse[class^=icon-social][href*=youtube]:before, .icon-collapse[class^=icon-social].icon-youtube:before, .icon-collapse[class^=icon-social][href*=twitter]:before, .icon-collapse[class^=icon-social].icon-twitter:before, .icon-collapse[class^=icon-social][href*=pinterest]:before, .icon-collapse[class^=icon-social].icon-pinterest:before, .icon-collapse[class^=icon-social][href*=linkedin]:before, .icon-collapse[class^=icon-social].icon-linkedin:before, .icon-collapse[class^=icon-social][href*=instagram]:before, .icon-collapse[class^=icon-social].icon-instagram:before, .icon-collapse[class^=icon-social][href*=facebook]:before, .icon-collapse[class^=icon-social].icon-facebook:before {
  content: "\f105";
}

.icon-colour:before, .icon-colour[class^=icon-social][href*=youtube]:before, .icon-colour[class^=icon-social].icon-youtube:before, .icon-colour[class^=icon-social][href*=twitter]:before, .icon-colour[class^=icon-social].icon-twitter:before, .icon-colour[class^=icon-social][href*=pinterest]:before, .icon-colour[class^=icon-social].icon-pinterest:before, .icon-colour[class^=icon-social][href*=linkedin]:before, .icon-colour[class^=icon-social].icon-linkedin:before, .icon-colour[class^=icon-social][href*=instagram]:before, .icon-colour[class^=icon-social].icon-instagram:before, .icon-colour[class^=icon-social][href*=facebook]:before, .icon-colour[class^=icon-social].icon-facebook:before {
  content: "\f106";
}

.icon-dashboard:before, .icon-dashboard[class^=icon-social][href*=youtube]:before, .icon-dashboard[class^=icon-social].icon-youtube:before, .icon-dashboard[class^=icon-social][href*=twitter]:before, .icon-dashboard[class^=icon-social].icon-twitter:before, .icon-dashboard[class^=icon-social][href*=pinterest]:before, .icon-dashboard[class^=icon-social].icon-pinterest:before, .icon-dashboard[class^=icon-social][href*=linkedin]:before, .icon-dashboard[class^=icon-social].icon-linkedin:before, .icon-dashboard[class^=icon-social][href*=instagram]:before, .icon-dashboard[class^=icon-social].icon-instagram:before, .icon-dashboard[class^=icon-social][href*=facebook]:before, .icon-dashboard[class^=icon-social].icon-facebook:before {
  content: "\f107";
}

.icon-data:before, .icon-data[class^=icon-social][href*=youtube]:before, .icon-data[class^=icon-social].icon-youtube:before, .icon-data[class^=icon-social][href*=twitter]:before, .icon-data[class^=icon-social].icon-twitter:before, .icon-data[class^=icon-social][href*=pinterest]:before, .icon-data[class^=icon-social].icon-pinterest:before, .icon-data[class^=icon-social][href*=linkedin]:before, .icon-data[class^=icon-social].icon-linkedin:before, .icon-data[class^=icon-social][href*=instagram]:before, .icon-data[class^=icon-social].icon-instagram:before, .icon-data[class^=icon-social][href*=facebook]:before, .icon-data[class^=icon-social].icon-facebook:before {
  content: "\f108";
}

.icon-documents:before, .icon-documents[class^=icon-social][href*=youtube]:before, .icon-documents[class^=icon-social].icon-youtube:before, .icon-documents[class^=icon-social][href*=twitter]:before, .icon-documents[class^=icon-social].icon-twitter:before, .icon-documents[class^=icon-social][href*=pinterest]:before, .icon-documents[class^=icon-social].icon-pinterest:before, .icon-documents[class^=icon-social][href*=linkedin]:before, .icon-documents[class^=icon-social].icon-linkedin:before, .icon-documents[class^=icon-social][href*=instagram]:before, .icon-documents[class^=icon-social].icon-instagram:before, .icon-documents[class^=icon-social][href*=facebook]:before, .icon-documents[class^=icon-social].icon-facebook:before {
  content: "\f109";
}

.icon-done:before, .icon-done[class^=icon-social][href*=youtube]:before, .icon-done[class^=icon-social].icon-youtube:before, .icon-done[class^=icon-social][href*=twitter]:before, .icon-done[class^=icon-social].icon-twitter:before, .icon-done[class^=icon-social][href*=pinterest]:before, .icon-done[class^=icon-social].icon-pinterest:before, .icon-done[class^=icon-social][href*=linkedin]:before, .icon-done[class^=icon-social].icon-linkedin:before, .icon-done[class^=icon-social][href*=instagram]:before, .icon-done[class^=icon-social].icon-instagram:before, .icon-done[class^=icon-social][href*=facebook]:before, .icon-done[class^=icon-social].icon-facebook:before {
  content: "\f10a";
}

.icon-dot-chart:before, .icon-dot-chart[class^=icon-social][href*=youtube]:before, .icon-dot-chart[class^=icon-social].icon-youtube:before, .icon-dot-chart[class^=icon-social][href*=twitter]:before, .icon-dot-chart[class^=icon-social].icon-twitter:before, .icon-dot-chart[class^=icon-social][href*=pinterest]:before, .icon-dot-chart[class^=icon-social].icon-pinterest:before, .icon-dot-chart[class^=icon-social][href*=linkedin]:before, .icon-dot-chart[class^=icon-social].icon-linkedin:before, .icon-dot-chart[class^=icon-social][href*=instagram]:before, .icon-dot-chart[class^=icon-social].icon-instagram:before, .icon-dot-chart[class^=icon-social][href*=facebook]:before, .icon-dot-chart[class^=icon-social].icon-facebook:before {
  content: "\f10b";
}

.icon-dots:before, .icon-dots[class^=icon-social][href*=youtube]:before, .icon-dots[class^=icon-social].icon-youtube:before, .icon-dots[class^=icon-social][href*=twitter]:before, .icon-dots[class^=icon-social].icon-twitter:before, .icon-dots[class^=icon-social][href*=pinterest]:before, .icon-dots[class^=icon-social].icon-pinterest:before, .icon-dots[class^=icon-social][href*=linkedin]:before, .icon-dots[class^=icon-social].icon-linkedin:before, .icon-dots[class^=icon-social][href*=instagram]:before, .icon-dots[class^=icon-social].icon-instagram:before, .icon-dots[class^=icon-social][href*=facebook]:before, .icon-dots[class^=icon-social].icon-facebook:before {
  content: "\f10c";
}

.icon-doughnut-semicircle:before, .icon-doughnut-semicircle[class^=icon-social][href*=youtube]:before, .icon-doughnut-semicircle[class^=icon-social].icon-youtube:before, .icon-doughnut-semicircle[class^=icon-social][href*=twitter]:before, .icon-doughnut-semicircle[class^=icon-social].icon-twitter:before, .icon-doughnut-semicircle[class^=icon-social][href*=pinterest]:before, .icon-doughnut-semicircle[class^=icon-social].icon-pinterest:before, .icon-doughnut-semicircle[class^=icon-social][href*=linkedin]:before, .icon-doughnut-semicircle[class^=icon-social].icon-linkedin:before, .icon-doughnut-semicircle[class^=icon-social][href*=instagram]:before, .icon-doughnut-semicircle[class^=icon-social].icon-instagram:before, .icon-doughnut-semicircle[class^=icon-social][href*=facebook]:before, .icon-doughnut-semicircle[class^=icon-social].icon-facebook:before {
  content: "\f10d";
}

.icon-doughnut:before, .icon-doughnut[class^=icon-social][href*=youtube]:before, .icon-doughnut[class^=icon-social].icon-youtube:before, .icon-doughnut[class^=icon-social][href*=twitter]:before, .icon-doughnut[class^=icon-social].icon-twitter:before, .icon-doughnut[class^=icon-social][href*=pinterest]:before, .icon-doughnut[class^=icon-social].icon-pinterest:before, .icon-doughnut[class^=icon-social][href*=linkedin]:before, .icon-doughnut[class^=icon-social].icon-linkedin:before, .icon-doughnut[class^=icon-social][href*=instagram]:before, .icon-doughnut[class^=icon-social].icon-instagram:before, .icon-doughnut[class^=icon-social][href*=facebook]:before, .icon-doughnut[class^=icon-social].icon-facebook:before {
  content: "\f10e";
}

.icon-down-arrow:before, .icon-down-arrow[class^=icon-social][href*=youtube]:before, .icon-down-arrow[class^=icon-social].icon-youtube:before, .icon-down-arrow[class^=icon-social][href*=twitter]:before, .icon-down-arrow[class^=icon-social].icon-twitter:before, .icon-down-arrow[class^=icon-social][href*=pinterest]:before, .icon-down-arrow[class^=icon-social].icon-pinterest:before, .icon-down-arrow[class^=icon-social][href*=linkedin]:before, .icon-down-arrow[class^=icon-social].icon-linkedin:before, .icon-down-arrow[class^=icon-social][href*=instagram]:before, .icon-down-arrow[class^=icon-social].icon-instagram:before, .icon-down-arrow[class^=icon-social][href*=facebook]:before, .icon-down-arrow[class^=icon-social].icon-facebook:before {
  content: "\f10f";
}

.icon-download:before, .icon-download[class^=icon-social][href*=youtube]:before, .icon-download[class^=icon-social].icon-youtube:before, .icon-download[class^=icon-social][href*=twitter]:before, .icon-download[class^=icon-social].icon-twitter:before, .icon-download[class^=icon-social][href*=pinterest]:before, .icon-download[class^=icon-social].icon-pinterest:before, .icon-download[class^=icon-social][href*=linkedin]:before, .icon-download[class^=icon-social].icon-linkedin:before, .icon-download[class^=icon-social][href*=instagram]:before, .icon-download[class^=icon-social].icon-instagram:before, .icon-download[class^=icon-social][href*=facebook]:before, .icon-download[class^=icon-social].icon-facebook:before {
  content: "\f110";
}

.icon-edit:before, .icon-edit[class^=icon-social][href*=youtube]:before, .icon-edit[class^=icon-social].icon-youtube:before, .icon-edit[class^=icon-social][href*=twitter]:before, .icon-edit[class^=icon-social].icon-twitter:before, .icon-edit[class^=icon-social][href*=pinterest]:before, .icon-edit[class^=icon-social].icon-pinterest:before, .icon-edit[class^=icon-social][href*=linkedin]:before, .icon-edit[class^=icon-social].icon-linkedin:before, .icon-edit[class^=icon-social][href*=instagram]:before, .icon-edit[class^=icon-social].icon-instagram:before, .icon-edit[class^=icon-social][href*=facebook]:before, .icon-edit[class^=icon-social].icon-facebook:before {
  content: "\f111";
}

.icon-remove-token:before, .icon-remove-token[class^=icon-social][href*=youtube]:before, .icon-remove-token[class^=icon-social].icon-youtube:before, .icon-remove-token[class^=icon-social][href*=twitter]:before, .icon-remove-token[class^=icon-social].icon-twitter:before, .icon-remove-token[class^=icon-social][href*=pinterest]:before, .icon-remove-token[class^=icon-social].icon-pinterest:before, .icon-remove-token[class^=icon-social][href*=linkedin]:before, .icon-remove-token[class^=icon-social].icon-linkedin:before, .icon-remove-token[class^=icon-social][href*=instagram]:before, .icon-remove-token[class^=icon-social].icon-instagram:before, .icon-remove-token[class^=icon-social][href*=facebook]:before, .icon-remove-token[class^=icon-social].icon-facebook:before {
  content: "\f137";
}

.icon-resend:before, .icon-resend[class^=icon-social][href*=youtube]:before, .icon-resend[class^=icon-social].icon-youtube:before, .icon-resend[class^=icon-social][href*=twitter]:before, .icon-resend[class^=icon-social].icon-twitter:before, .icon-resend[class^=icon-social][href*=pinterest]:before, .icon-resend[class^=icon-social].icon-pinterest:before, .icon-resend[class^=icon-social][href*=linkedin]:before, .icon-resend[class^=icon-social].icon-linkedin:before, .icon-resend[class^=icon-social][href*=instagram]:before, .icon-resend[class^=icon-social].icon-instagram:before, .icon-resend[class^=icon-social][href*=facebook]:before, .icon-resend[class^=icon-social].icon-facebook:before {
  content: "\f10a";
}

.icon-reset:before, .icon-reset[class^=icon-social][href*=youtube]:before, .icon-reset[class^=icon-social].icon-youtube:before, .icon-reset[class^=icon-social][href*=twitter]:before, .icon-reset[class^=icon-social].icon-twitter:before, .icon-reset[class^=icon-social][href*=pinterest]:before, .icon-reset[class^=icon-social].icon-pinterest:before, .icon-reset[class^=icon-social][href*=linkedin]:before, .icon-reset[class^=icon-social].icon-linkedin:before, .icon-reset[class^=icon-social][href*=instagram]:before, .icon-reset[class^=icon-social].icon-instagram:before, .icon-reset[class^=icon-social][href*=facebook]:before, .icon-reset[class^=icon-social].icon-facebook:before {
  content: "\f10a";
}

.icon-disable-all:before, .icon-disable-all[class^=icon-social][href*=youtube]:before, .icon-disable-all[class^=icon-social].icon-youtube:before, .icon-disable-all[class^=icon-social][href*=twitter]:before, .icon-disable-all[class^=icon-social].icon-twitter:before, .icon-disable-all[class^=icon-social][href*=pinterest]:before, .icon-disable-all[class^=icon-social].icon-pinterest:before, .icon-disable-all[class^=icon-social][href*=linkedin]:before, .icon-disable-all[class^=icon-social].icon-linkedin:before, .icon-disable-all[class^=icon-social][href*=instagram]:before, .icon-disable-all[class^=icon-social].icon-instagram:before, .icon-disable-all[class^=icon-social][href*=facebook]:before, .icon-disable-all[class^=icon-social].icon-facebook:before {
  content: "\f119";
}

.icon-enable-all:before, .icon-enable-all[class^=icon-social][href*=youtube]:before, .icon-enable-all[class^=icon-social].icon-youtube:before, .icon-enable-all[class^=icon-social][href*=twitter]:before, .icon-enable-all[class^=icon-social].icon-twitter:before, .icon-enable-all[class^=icon-social][href*=pinterest]:before, .icon-enable-all[class^=icon-social].icon-pinterest:before, .icon-enable-all[class^=icon-social][href*=linkedin]:before, .icon-enable-all[class^=icon-social].icon-linkedin:before, .icon-enable-all[class^=icon-social][href*=instagram]:before, .icon-enable-all[class^=icon-social].icon-instagram:before, .icon-enable-all[class^=icon-social][href*=facebook]:before, .icon-enable-all[class^=icon-social].icon-facebook:before {
  content: "\f123";
}

.icon-expand:before, .icon-expand[class^=icon-social][href*=youtube]:before, .icon-expand[class^=icon-social].icon-youtube:before, .icon-expand[class^=icon-social][href*=twitter]:before, .icon-expand[class^=icon-social].icon-twitter:before, .icon-expand[class^=icon-social][href*=pinterest]:before, .icon-expand[class^=icon-social].icon-pinterest:before, .icon-expand[class^=icon-social][href*=linkedin]:before, .icon-expand[class^=icon-social].icon-linkedin:before, .icon-expand[class^=icon-social][href*=instagram]:before, .icon-expand[class^=icon-social].icon-instagram:before, .icon-expand[class^=icon-social][href*=facebook]:before, .icon-expand[class^=icon-social].icon-facebook:before {
  content: "\f112";
}

.icon-eye-hide:before, .icon-eye-hide[class^=icon-social][href*=youtube]:before, .icon-eye-hide[class^=icon-social].icon-youtube:before, .icon-eye-hide[class^=icon-social][href*=twitter]:before, .icon-eye-hide[class^=icon-social].icon-twitter:before, .icon-eye-hide[class^=icon-social][href*=pinterest]:before, .icon-eye-hide[class^=icon-social].icon-pinterest:before, .icon-eye-hide[class^=icon-social][href*=linkedin]:before, .icon-eye-hide[class^=icon-social].icon-linkedin:before, .icon-eye-hide[class^=icon-social][href*=instagram]:before, .icon-eye-hide[class^=icon-social].icon-instagram:before, .icon-eye-hide[class^=icon-social][href*=facebook]:before, .icon-eye-hide[class^=icon-social].icon-facebook:before {
  content: "\f113";
}

.icon-eye:before, .icon-eye[class^=icon-social][href*=youtube]:before, .icon-eye[class^=icon-social].icon-youtube:before, .icon-eye[class^=icon-social][href*=twitter]:before, .icon-eye[class^=icon-social].icon-twitter:before, .icon-eye[class^=icon-social][href*=pinterest]:before, .icon-eye[class^=icon-social].icon-pinterest:before, .icon-eye[class^=icon-social][href*=linkedin]:before, .icon-eye[class^=icon-social].icon-linkedin:before, .icon-eye[class^=icon-social][href*=instagram]:before, .icon-eye[class^=icon-social].icon-instagram:before, .icon-eye[class^=icon-social][href*=facebook]:before, .icon-eye[class^=icon-social].icon-facebook:before {
  content: "\f114";
}

.icon-facebook:before, .icon-facebook[class^=icon-social]:before, [class^=icon-social][href*=facebook]:before {
  content: "\f115";
}

.icon-failed:before, .icon-failed[class^=icon-social][href*=youtube]:before, .icon-failed[class^=icon-social].icon-youtube:before, .icon-failed[class^=icon-social][href*=twitter]:before, .icon-failed[class^=icon-social].icon-twitter:before, .icon-failed[class^=icon-social][href*=pinterest]:before, .icon-failed[class^=icon-social].icon-pinterest:before, .icon-failed[class^=icon-social][href*=linkedin]:before, .icon-failed[class^=icon-social].icon-linkedin:before, .icon-failed[class^=icon-social][href*=instagram]:before, .icon-failed[class^=icon-social].icon-instagram:before, .icon-failed[class^=icon-social][href*=facebook]:before, .icon-failed[class^=icon-social].icon-facebook:before {
  content: "\f116";
}

.icon-filled-add:before, .icon-filled-add[class^=icon-social][href*=youtube]:before, .icon-filled-add[class^=icon-social].icon-youtube:before, .icon-filled-add[class^=icon-social][href*=twitter]:before, .icon-filled-add[class^=icon-social].icon-twitter:before, .icon-filled-add[class^=icon-social][href*=pinterest]:before, .icon-filled-add[class^=icon-social].icon-pinterest:before, .icon-filled-add[class^=icon-social][href*=linkedin]:before, .icon-filled-add[class^=icon-social].icon-linkedin:before, .icon-filled-add[class^=icon-social][href*=instagram]:before, .icon-filled-add[class^=icon-social].icon-instagram:before, .icon-filled-add[class^=icon-social][href*=facebook]:before, .icon-filled-add[class^=icon-social].icon-facebook:before {
  content: "\f117";
}

.icon-filled-buy:before, .icon-filled-buy[class^=icon-social][href*=youtube]:before, .icon-filled-buy[class^=icon-social].icon-youtube:before, .icon-filled-buy[class^=icon-social][href*=twitter]:before, .icon-filled-buy[class^=icon-social].icon-twitter:before, .icon-filled-buy[class^=icon-social][href*=pinterest]:before, .icon-filled-buy[class^=icon-social].icon-pinterest:before, .icon-filled-buy[class^=icon-social][href*=linkedin]:before, .icon-filled-buy[class^=icon-social].icon-linkedin:before, .icon-filled-buy[class^=icon-social][href*=instagram]:before, .icon-filled-buy[class^=icon-social].icon-instagram:before, .icon-filled-buy[class^=icon-social][href*=facebook]:before, .icon-filled-buy[class^=icon-social].icon-facebook:before {
  content: "\f118";
}

.icon-filled-colour:before, .icon-filled-colour[class^=icon-social][href*=youtube]:before, .icon-filled-colour[class^=icon-social].icon-youtube:before, .icon-filled-colour[class^=icon-social][href*=twitter]:before, .icon-filled-colour[class^=icon-social].icon-twitter:before, .icon-filled-colour[class^=icon-social][href*=pinterest]:before, .icon-filled-colour[class^=icon-social].icon-pinterest:before, .icon-filled-colour[class^=icon-social][href*=linkedin]:before, .icon-filled-colour[class^=icon-social].icon-linkedin:before, .icon-filled-colour[class^=icon-social][href*=instagram]:before, .icon-filled-colour[class^=icon-social].icon-instagram:before, .icon-filled-colour[class^=icon-social][href*=facebook]:before, .icon-filled-colour[class^=icon-social].icon-facebook:before {
  content: "\f119";
}

.icon-filled-data:before, .icon-filled-data[class^=icon-social][href*=youtube]:before, .icon-filled-data[class^=icon-social].icon-youtube:before, .icon-filled-data[class^=icon-social][href*=twitter]:before, .icon-filled-data[class^=icon-social].icon-twitter:before, .icon-filled-data[class^=icon-social][href*=pinterest]:before, .icon-filled-data[class^=icon-social].icon-pinterest:before, .icon-filled-data[class^=icon-social][href*=linkedin]:before, .icon-filled-data[class^=icon-social].icon-linkedin:before, .icon-filled-data[class^=icon-social][href*=instagram]:before, .icon-filled-data[class^=icon-social].icon-instagram:before, .icon-filled-data[class^=icon-social][href*=facebook]:before, .icon-filled-data[class^=icon-social].icon-facebook:before {
  content: "\f11a";
}

.icon-filled-delete:before, .icon-filled-delete[class^=icon-social][href*=youtube]:before, .icon-filled-delete[class^=icon-social].icon-youtube:before, .icon-filled-delete[class^=icon-social][href*=twitter]:before, .icon-filled-delete[class^=icon-social].icon-twitter:before, .icon-filled-delete[class^=icon-social][href*=pinterest]:before, .icon-filled-delete[class^=icon-social].icon-pinterest:before, .icon-filled-delete[class^=icon-social][href*=linkedin]:before, .icon-filled-delete[class^=icon-social].icon-linkedin:before, .icon-filled-delete[class^=icon-social][href*=instagram]:before, .icon-filled-delete[class^=icon-social].icon-instagram:before, .icon-filled-delete[class^=icon-social][href*=facebook]:before, .icon-filled-delete[class^=icon-social].icon-facebook:before {
  content: "\f11b";
}

.icon-filled-document:before, .icon-filled-document[class^=icon-social][href*=youtube]:before, .icon-filled-document[class^=icon-social].icon-youtube:before, .icon-filled-document[class^=icon-social][href*=twitter]:before, .icon-filled-document[class^=icon-social].icon-twitter:before, .icon-filled-document[class^=icon-social][href*=pinterest]:before, .icon-filled-document[class^=icon-social].icon-pinterest:before, .icon-filled-document[class^=icon-social][href*=linkedin]:before, .icon-filled-document[class^=icon-social].icon-linkedin:before, .icon-filled-document[class^=icon-social][href*=instagram]:before, .icon-filled-document[class^=icon-social].icon-instagram:before, .icon-filled-document[class^=icon-social][href*=facebook]:before, .icon-filled-document[class^=icon-social].icon-facebook:before {
  content: "\f11c";
}

.icon-filled-download:before, .icon-filled-download[class^=icon-social][href*=youtube]:before, .icon-filled-download[class^=icon-social].icon-youtube:before, .icon-filled-download[class^=icon-social][href*=twitter]:before, .icon-filled-download[class^=icon-social].icon-twitter:before, .icon-filled-download[class^=icon-social][href*=pinterest]:before, .icon-filled-download[class^=icon-social].icon-pinterest:before, .icon-filled-download[class^=icon-social][href*=linkedin]:before, .icon-filled-download[class^=icon-social].icon-linkedin:before, .icon-filled-download[class^=icon-social][href*=instagram]:before, .icon-filled-download[class^=icon-social].icon-instagram:before, .icon-filled-download[class^=icon-social][href*=facebook]:before, .icon-filled-download[class^=icon-social].icon-facebook:before {
  content: "\f11d";
}

.icon-filled-edit:before, .icon-filled-edit[class^=icon-social][href*=youtube]:before, .icon-filled-edit[class^=icon-social].icon-youtube:before, .icon-filled-edit[class^=icon-social][href*=twitter]:before, .icon-filled-edit[class^=icon-social].icon-twitter:before, .icon-filled-edit[class^=icon-social][href*=pinterest]:before, .icon-filled-edit[class^=icon-social].icon-pinterest:before, .icon-filled-edit[class^=icon-social][href*=linkedin]:before, .icon-filled-edit[class^=icon-social].icon-linkedin:before, .icon-filled-edit[class^=icon-social][href*=instagram]:before, .icon-filled-edit[class^=icon-social].icon-instagram:before, .icon-filled-edit[class^=icon-social][href*=facebook]:before, .icon-filled-edit[class^=icon-social].icon-facebook:before {
  content: "\f11e";
}

.icon-filled-eye:before, .icon-filled-eye[class^=icon-social][href*=youtube]:before, .icon-filled-eye[class^=icon-social].icon-youtube:before, .icon-filled-eye[class^=icon-social][href*=twitter]:before, .icon-filled-eye[class^=icon-social].icon-twitter:before, .icon-filled-eye[class^=icon-social][href*=pinterest]:before, .icon-filled-eye[class^=icon-social].icon-pinterest:before, .icon-filled-eye[class^=icon-social][href*=linkedin]:before, .icon-filled-eye[class^=icon-social].icon-linkedin:before, .icon-filled-eye[class^=icon-social][href*=instagram]:before, .icon-filled-eye[class^=icon-social].icon-instagram:before, .icon-filled-eye[class^=icon-social][href*=facebook]:before, .icon-filled-eye[class^=icon-social].icon-facebook:before {
  content: "\f11f";
}

.icon-filled-info:before, .icon-filled-info[class^=icon-social][href*=youtube]:before, .icon-filled-info[class^=icon-social].icon-youtube:before, .icon-filled-info[class^=icon-social][href*=twitter]:before, .icon-filled-info[class^=icon-social].icon-twitter:before, .icon-filled-info[class^=icon-social][href*=pinterest]:before, .icon-filled-info[class^=icon-social].icon-pinterest:before, .icon-filled-info[class^=icon-social][href*=linkedin]:before, .icon-filled-info[class^=icon-social].icon-linkedin:before, .icon-filled-info[class^=icon-social][href*=instagram]:before, .icon-filled-info[class^=icon-social].icon-instagram:before, .icon-filled-info[class^=icon-social][href*=facebook]:before, .icon-filled-info[class^=icon-social].icon-facebook:before {
  content: "\f120";
}

.icon-filled-star:before, .icon-filled-star[class^=icon-social][href*=youtube]:before, .icon-filled-star[class^=icon-social].icon-youtube:before, .icon-filled-star[class^=icon-social][href*=twitter]:before, .icon-filled-star[class^=icon-social].icon-twitter:before, .icon-filled-star[class^=icon-social][href*=pinterest]:before, .icon-filled-star[class^=icon-social].icon-pinterest:before, .icon-filled-star[class^=icon-social][href*=linkedin]:before, .icon-filled-star[class^=icon-social].icon-linkedin:before, .icon-filled-star[class^=icon-social][href*=instagram]:before, .icon-filled-star[class^=icon-social].icon-instagram:before, .icon-filled-star[class^=icon-social][href*=facebook]:before, .icon-filled-star[class^=icon-social].icon-facebook:before {
  content: "\f121";
}

.icon-filled-power:before, .icon-filled-power[class^=icon-social][href*=youtube]:before, .icon-filled-power[class^=icon-social].icon-youtube:before, .icon-filled-power[class^=icon-social][href*=twitter]:before, .icon-filled-power[class^=icon-social].icon-twitter:before, .icon-filled-power[class^=icon-social][href*=pinterest]:before, .icon-filled-power[class^=icon-social].icon-pinterest:before, .icon-filled-power[class^=icon-social][href*=linkedin]:before, .icon-filled-power[class^=icon-social].icon-linkedin:before, .icon-filled-power[class^=icon-social][href*=instagram]:before, .icon-filled-power[class^=icon-social].icon-instagram:before, .icon-filled-power[class^=icon-social][href*=facebook]:before, .icon-filled-power[class^=icon-social].icon-facebook:before {
  content: "\f122";
}

.icon-filled-results:before, .icon-filled-results[class^=icon-social][href*=youtube]:before, .icon-filled-results[class^=icon-social].icon-youtube:before, .icon-filled-results[class^=icon-social][href*=twitter]:before, .icon-filled-results[class^=icon-social].icon-twitter:before, .icon-filled-results[class^=icon-social][href*=pinterest]:before, .icon-filled-results[class^=icon-social].icon-pinterest:before, .icon-filled-results[class^=icon-social][href*=linkedin]:before, .icon-filled-results[class^=icon-social].icon-linkedin:before, .icon-filled-results[class^=icon-social][href*=instagram]:before, .icon-filled-results[class^=icon-social].icon-instagram:before, .icon-filled-results[class^=icon-social][href*=facebook]:before, .icon-filled-results[class^=icon-social].icon-facebook:before {
  content: "\f123";
}

.icon-filled-save:before, .icon-filled-save[class^=icon-social][href*=youtube]:before, .icon-filled-save[class^=icon-social].icon-youtube:before, .icon-filled-save[class^=icon-social][href*=twitter]:before, .icon-filled-save[class^=icon-social].icon-twitter:before, .icon-filled-save[class^=icon-social][href*=pinterest]:before, .icon-filled-save[class^=icon-social].icon-pinterest:before, .icon-filled-save[class^=icon-social][href*=linkedin]:before, .icon-filled-save[class^=icon-social].icon-linkedin:before, .icon-filled-save[class^=icon-social][href*=instagram]:before, .icon-filled-save[class^=icon-social].icon-instagram:before, .icon-filled-save[class^=icon-social][href*=facebook]:before, .icon-filled-save[class^=icon-social].icon-facebook:before {
  content: "\f124";
}

.icon-filled-schedule:before, .icon-filled-schedule[class^=icon-social][href*=youtube]:before, .icon-filled-schedule[class^=icon-social].icon-youtube:before, .icon-filled-schedule[class^=icon-social][href*=twitter]:before, .icon-filled-schedule[class^=icon-social].icon-twitter:before, .icon-filled-schedule[class^=icon-social][href*=pinterest]:before, .icon-filled-schedule[class^=icon-social].icon-pinterest:before, .icon-filled-schedule[class^=icon-social][href*=linkedin]:before, .icon-filled-schedule[class^=icon-social].icon-linkedin:before, .icon-filled-schedule[class^=icon-social][href*=instagram]:before, .icon-filled-schedule[class^=icon-social].icon-instagram:before, .icon-filled-schedule[class^=icon-social][href*=facebook]:before, .icon-filled-schedule[class^=icon-social].icon-facebook:before {
  content: "\f125";
}

.icon-filled-share:before, .icon-filled-share[class^=icon-social][href*=youtube]:before, .icon-filled-share[class^=icon-social].icon-youtube:before, .icon-filled-share[class^=icon-social][href*=twitter]:before, .icon-filled-share[class^=icon-social].icon-twitter:before, .icon-filled-share[class^=icon-social][href*=pinterest]:before, .icon-filled-share[class^=icon-social].icon-pinterest:before, .icon-filled-share[class^=icon-social][href*=linkedin]:before, .icon-filled-share[class^=icon-social].icon-linkedin:before, .icon-filled-share[class^=icon-social][href*=instagram]:before, .icon-filled-share[class^=icon-social].icon-instagram:before, .icon-filled-share[class^=icon-social][href*=facebook]:before, .icon-filled-share[class^=icon-social].icon-facebook:before {
  content: "\f126";
}

.icon-filled-upload:before, .icon-filled-upload[class^=icon-social][href*=youtube]:before, .icon-filled-upload[class^=icon-social].icon-youtube:before, .icon-filled-upload[class^=icon-social][href*=twitter]:before, .icon-filled-upload[class^=icon-social].icon-twitter:before, .icon-filled-upload[class^=icon-social][href*=pinterest]:before, .icon-filled-upload[class^=icon-social].icon-pinterest:before, .icon-filled-upload[class^=icon-social][href*=linkedin]:before, .icon-filled-upload[class^=icon-social].icon-linkedin:before, .icon-filled-upload[class^=icon-social][href*=instagram]:before, .icon-filled-upload[class^=icon-social].icon-instagram:before, .icon-filled-upload[class^=icon-social][href*=facebook]:before, .icon-filled-upload[class^=icon-social].icon-facebook:before {
  content: "\f127";
}

.icon-full-horizontal-stacked-column:before, .icon-full-horizontal-stacked-column[class^=icon-social][href*=youtube]:before, .icon-full-horizontal-stacked-column[class^=icon-social].icon-youtube:before, .icon-full-horizontal-stacked-column[class^=icon-social][href*=twitter]:before, .icon-full-horizontal-stacked-column[class^=icon-social].icon-twitter:before, .icon-full-horizontal-stacked-column[class^=icon-social][href*=pinterest]:before, .icon-full-horizontal-stacked-column[class^=icon-social].icon-pinterest:before, .icon-full-horizontal-stacked-column[class^=icon-social][href*=linkedin]:before, .icon-full-horizontal-stacked-column[class^=icon-social].icon-linkedin:before, .icon-full-horizontal-stacked-column[class^=icon-social][href*=instagram]:before, .icon-full-horizontal-stacked-column[class^=icon-social].icon-instagram:before, .icon-full-horizontal-stacked-column[class^=icon-social][href*=facebook]:before, .icon-full-horizontal-stacked-column[class^=icon-social].icon-facebook:before {
  content: "\f128";
}

.icon-full-screen:before, .icon-full-screen[class^=icon-social][href*=youtube]:before, .icon-full-screen[class^=icon-social].icon-youtube:before, .icon-full-screen[class^=icon-social][href*=twitter]:before, .icon-full-screen[class^=icon-social].icon-twitter:before, .icon-full-screen[class^=icon-social][href*=pinterest]:before, .icon-full-screen[class^=icon-social].icon-pinterest:before, .icon-full-screen[class^=icon-social][href*=linkedin]:before, .icon-full-screen[class^=icon-social].icon-linkedin:before, .icon-full-screen[class^=icon-social][href*=instagram]:before, .icon-full-screen[class^=icon-social].icon-instagram:before, .icon-full-screen[class^=icon-social][href*=facebook]:before, .icon-full-screen[class^=icon-social].icon-facebook:before {
  content: "\f129";
}

.icon-full-vertical-stacked-column:before, .icon-full-vertical-stacked-column[class^=icon-social][href*=youtube]:before, .icon-full-vertical-stacked-column[class^=icon-social].icon-youtube:before, .icon-full-vertical-stacked-column[class^=icon-social][href*=twitter]:before, .icon-full-vertical-stacked-column[class^=icon-social].icon-twitter:before, .icon-full-vertical-stacked-column[class^=icon-social][href*=pinterest]:before, .icon-full-vertical-stacked-column[class^=icon-social].icon-pinterest:before, .icon-full-vertical-stacked-column[class^=icon-social][href*=linkedin]:before, .icon-full-vertical-stacked-column[class^=icon-social].icon-linkedin:before, .icon-full-vertical-stacked-column[class^=icon-social][href*=instagram]:before, .icon-full-vertical-stacked-column[class^=icon-social].icon-instagram:before, .icon-full-vertical-stacked-column[class^=icon-social][href*=facebook]:before, .icon-full-vertical-stacked-column[class^=icon-social].icon-facebook:before {
  content: "\f12a";
}

.icon-globe:before, .icon-globe[class^=icon-social][href*=youtube]:before, .icon-globe[class^=icon-social].icon-youtube:before, .icon-globe[class^=icon-social][href*=twitter]:before, .icon-globe[class^=icon-social].icon-twitter:before, .icon-globe[class^=icon-social][href*=pinterest]:before, .icon-globe[class^=icon-social].icon-pinterest:before, .icon-globe[class^=icon-social][href*=linkedin]:before, .icon-globe[class^=icon-social].icon-linkedin:before, .icon-globe[class^=icon-social][href*=instagram]:before, .icon-globe[class^=icon-social].icon-instagram:before, .icon-globe[class^=icon-social][href*=facebook]:before, .icon-globe[class^=icon-social].icon-facebook:before {
  content: "\f12b";
}

.icon-home:before, .icon-home[class^=icon-social][href*=youtube]:before, .icon-home[class^=icon-social].icon-youtube:before, .icon-home[class^=icon-social][href*=twitter]:before, .icon-home[class^=icon-social].icon-twitter:before, .icon-home[class^=icon-social][href*=pinterest]:before, .icon-home[class^=icon-social].icon-pinterest:before, .icon-home[class^=icon-social][href*=linkedin]:before, .icon-home[class^=icon-social].icon-linkedin:before, .icon-home[class^=icon-social][href*=instagram]:before, .icon-home[class^=icon-social].icon-instagram:before, .icon-home[class^=icon-social][href*=facebook]:before, .icon-home[class^=icon-social].icon-facebook:before {
  content: "\f12c";
}

.icon-horizontal-stacked-column:before, .icon-horizontal-stacked-column[class^=icon-social][href*=youtube]:before, .icon-horizontal-stacked-column[class^=icon-social].icon-youtube:before, .icon-horizontal-stacked-column[class^=icon-social][href*=twitter]:before, .icon-horizontal-stacked-column[class^=icon-social].icon-twitter:before, .icon-horizontal-stacked-column[class^=icon-social][href*=pinterest]:before, .icon-horizontal-stacked-column[class^=icon-social].icon-pinterest:before, .icon-horizontal-stacked-column[class^=icon-social][href*=linkedin]:before, .icon-horizontal-stacked-column[class^=icon-social].icon-linkedin:before, .icon-horizontal-stacked-column[class^=icon-social][href*=instagram]:before, .icon-horizontal-stacked-column[class^=icon-social].icon-instagram:before, .icon-horizontal-stacked-column[class^=icon-social][href*=facebook]:before, .icon-horizontal-stacked-column[class^=icon-social].icon-facebook:before {
  content: "\f12d";
}

.icon-icon-order:before, .icon-icon-order[class^=icon-social][href*=youtube]:before, .icon-icon-order[class^=icon-social].icon-youtube:before, .icon-icon-order[class^=icon-social][href*=twitter]:before, .icon-icon-order[class^=icon-social].icon-twitter:before, .icon-icon-order[class^=icon-social][href*=pinterest]:before, .icon-icon-order[class^=icon-social].icon-pinterest:before, .icon-icon-order[class^=icon-social][href*=linkedin]:before, .icon-icon-order[class^=icon-social].icon-linkedin:before, .icon-icon-order[class^=icon-social][href*=instagram]:before, .icon-icon-order[class^=icon-social].icon-instagram:before, .icon-icon-order[class^=icon-social][href*=facebook]:before, .icon-icon-order[class^=icon-social].icon-facebook:before {
  content: "\f12e";
}

.icon-info:before, .icon-info[class^=icon-social][href*=youtube]:before, .icon-info[class^=icon-social].icon-youtube:before, .icon-info[class^=icon-social][href*=twitter]:before, .icon-info[class^=icon-social].icon-twitter:before, .icon-info[class^=icon-social][href*=pinterest]:before, .icon-info[class^=icon-social].icon-pinterest:before, .icon-info[class^=icon-social][href*=linkedin]:before, .icon-info[class^=icon-social].icon-linkedin:before, .icon-info[class^=icon-social][href*=instagram]:before, .icon-info[class^=icon-social].icon-instagram:before, .icon-info[class^=icon-social][href*=facebook]:before, .icon-info[class^=icon-social].icon-facebook:before {
  content: "\f12f";
}

.icon-insight-tick:before, .icon-insight-tick[class^=icon-social][href*=youtube]:before, .icon-insight-tick[class^=icon-social].icon-youtube:before, .icon-insight-tick[class^=icon-social][href*=twitter]:before, .icon-insight-tick[class^=icon-social].icon-twitter:before, .icon-insight-tick[class^=icon-social][href*=pinterest]:before, .icon-insight-tick[class^=icon-social].icon-pinterest:before, .icon-insight-tick[class^=icon-social][href*=linkedin]:before, .icon-insight-tick[class^=icon-social].icon-linkedin:before, .icon-insight-tick[class^=icon-social][href*=instagram]:before, .icon-insight-tick[class^=icon-social].icon-instagram:before, .icon-insight-tick[class^=icon-social][href*=facebook]:before, .icon-insight-tick[class^=icon-social].icon-facebook:before {
  content: "\f130";
}

.icon-instagram:before, .icon-instagram[class^=icon-social]:before, [class^=icon-social][href*=instagram]:before {
  content: "\f131";
}

.icon-left-arrow:before, .icon-left-arrow[class^=icon-social][href*=youtube]:before, .icon-left-arrow[class^=icon-social].icon-youtube:before, .icon-left-arrow[class^=icon-social][href*=twitter]:before, .icon-left-arrow[class^=icon-social].icon-twitter:before, .icon-left-arrow[class^=icon-social][href*=pinterest]:before, .icon-left-arrow[class^=icon-social].icon-pinterest:before, .icon-left-arrow[class^=icon-social][href*=linkedin]:before, .icon-left-arrow[class^=icon-social].icon-linkedin:before, .icon-left-arrow[class^=icon-social][href*=instagram]:before, .icon-left-arrow[class^=icon-social].icon-instagram:before, .icon-left-arrow[class^=icon-social][href*=facebook]:before, .icon-left-arrow[class^=icon-social].icon-facebook:before {
  content: "\f132";
}

.icon-lightning-lightbulb:before, .icon-lightning-lightbulb[class^=icon-social][href*=youtube]:before, .icon-lightning-lightbulb[class^=icon-social].icon-youtube:before, .icon-lightning-lightbulb[class^=icon-social][href*=twitter]:before, .icon-lightning-lightbulb[class^=icon-social].icon-twitter:before, .icon-lightning-lightbulb[class^=icon-social][href*=pinterest]:before, .icon-lightning-lightbulb[class^=icon-social].icon-pinterest:before, .icon-lightning-lightbulb[class^=icon-social][href*=linkedin]:before, .icon-lightning-lightbulb[class^=icon-social].icon-linkedin:before, .icon-lightning-lightbulb[class^=icon-social][href*=instagram]:before, .icon-lightning-lightbulb[class^=icon-social].icon-instagram:before, .icon-lightning-lightbulb[class^=icon-social][href*=facebook]:before, .icon-lightning-lightbulb[class^=icon-social].icon-facebook:before {
  content: "\f133";
}

.icon-line-chart:before, .icon-line-chart[class^=icon-social][href*=youtube]:before, .icon-line-chart[class^=icon-social].icon-youtube:before, .icon-line-chart[class^=icon-social][href*=twitter]:before, .icon-line-chart[class^=icon-social].icon-twitter:before, .icon-line-chart[class^=icon-social][href*=pinterest]:before, .icon-line-chart[class^=icon-social].icon-pinterest:before, .icon-line-chart[class^=icon-social][href*=linkedin]:before, .icon-line-chart[class^=icon-social].icon-linkedin:before, .icon-line-chart[class^=icon-social][href*=instagram]:before, .icon-line-chart[class^=icon-social].icon-instagram:before, .icon-line-chart[class^=icon-social][href*=facebook]:before, .icon-line-chart[class^=icon-social].icon-facebook:before {
  content: "\f134";
}

.icon-linkedin:before, .icon-linkedin[class^=icon-social]:before, [class^=icon-social][href*=linkedin]:before {
  content: "\f135";
}

.icon-loading:before, .loading span:before, .icon-loading[class^=icon-social][href*=youtube]:before, .loading span[class^=icon-social][href*=youtube]:before, .icon-loading[class^=icon-social].icon-youtube:before, .loading span[class^=icon-social].icon-youtube:before, .icon-loading[class^=icon-social][href*=twitter]:before, .loading span[class^=icon-social][href*=twitter]:before, .icon-loading[class^=icon-social].icon-twitter:before, .loading span[class^=icon-social].icon-twitter:before, .icon-loading[class^=icon-social][href*=pinterest]:before, .loading span[class^=icon-social][href*=pinterest]:before, .icon-loading[class^=icon-social].icon-pinterest:before, .loading span[class^=icon-social].icon-pinterest:before, .icon-loading[class^=icon-social][href*=linkedin]:before, .loading span[class^=icon-social][href*=linkedin]:before, .icon-loading[class^=icon-social].icon-linkedin:before, .loading span[class^=icon-social].icon-linkedin:before, .icon-loading[class^=icon-social][href*=instagram]:before, .loading span[class^=icon-social][href*=instagram]:before, .icon-loading[class^=icon-social].icon-instagram:before, .loading span[class^=icon-social].icon-instagram:before, .icon-loading[class^=icon-social][href*=facebook]:before, .loading span[class^=icon-social][href*=facebook]:before, .icon-loading[class^=icon-social].icon-facebook:before, .loading span[class^=icon-social].icon-facebook:before {
  content: "\f136";
}

.icon-lock:before, .box.dashboard-introduction .box-title:before, .icon-lock[class^=icon-social][href*=youtube]:before, .icon-lock[class^=icon-social].icon-youtube:before, .icon-lock[class^=icon-social][href*=twitter]:before, .icon-lock[class^=icon-social].icon-twitter:before, .icon-lock[class^=icon-social][href*=pinterest]:before, .icon-lock[class^=icon-social].icon-pinterest:before, .icon-lock[class^=icon-social][href*=linkedin]:before, .icon-lock[class^=icon-social].icon-linkedin:before, .icon-lock[class^=icon-social][href*=instagram]:before, .icon-lock[class^=icon-social].icon-instagram:before, .icon-lock[class^=icon-social][href*=facebook]:before, .icon-lock[class^=icon-social].icon-facebook:before {
  content: "\f137";
}

.icon-menu-1:before, .icon-menu-1[class^=icon-social][href*=youtube]:before, .icon-menu-1[class^=icon-social].icon-youtube:before, .icon-menu-1[class^=icon-social][href*=twitter]:before, .icon-menu-1[class^=icon-social].icon-twitter:before, .icon-menu-1[class^=icon-social][href*=pinterest]:before, .icon-menu-1[class^=icon-social].icon-pinterest:before, .icon-menu-1[class^=icon-social][href*=linkedin]:before, .icon-menu-1[class^=icon-social].icon-linkedin:before, .icon-menu-1[class^=icon-social][href*=instagram]:before, .icon-menu-1[class^=icon-social].icon-instagram:before, .icon-menu-1[class^=icon-social][href*=facebook]:before, .icon-menu-1[class^=icon-social].icon-facebook:before {
  content: "\f138";
}

.icon-menu-2:before, .icon-menu-2[class^=icon-social][href*=youtube]:before, .icon-menu-2[class^=icon-social].icon-youtube:before, .icon-menu-2[class^=icon-social][href*=twitter]:before, .icon-menu-2[class^=icon-social].icon-twitter:before, .icon-menu-2[class^=icon-social][href*=pinterest]:before, .icon-menu-2[class^=icon-social].icon-pinterest:before, .icon-menu-2[class^=icon-social][href*=linkedin]:before, .icon-menu-2[class^=icon-social].icon-linkedin:before, .icon-menu-2[class^=icon-social][href*=instagram]:before, .icon-menu-2[class^=icon-social].icon-instagram:before, .icon-menu-2[class^=icon-social][href*=facebook]:before, .icon-menu-2[class^=icon-social].icon-facebook:before {
  content: "\f139";
}

.icon-menu-3:before, .icon-menu-3[class^=icon-social][href*=youtube]:before, .icon-menu-3[class^=icon-social].icon-youtube:before, .icon-menu-3[class^=icon-social][href*=twitter]:before, .icon-menu-3[class^=icon-social].icon-twitter:before, .icon-menu-3[class^=icon-social][href*=pinterest]:before, .icon-menu-3[class^=icon-social].icon-pinterest:before, .icon-menu-3[class^=icon-social][href*=linkedin]:before, .icon-menu-3[class^=icon-social].icon-linkedin:before, .icon-menu-3[class^=icon-social][href*=instagram]:before, .icon-menu-3[class^=icon-social].icon-instagram:before, .icon-menu-3[class^=icon-social][href*=facebook]:before, .icon-menu-3[class^=icon-social].icon-facebook:before {
  content: "\f13a";
}

.icon-menu-4:before, .icon-menu-4[class^=icon-social][href*=youtube]:before, .icon-menu-4[class^=icon-social].icon-youtube:before, .icon-menu-4[class^=icon-social][href*=twitter]:before, .icon-menu-4[class^=icon-social].icon-twitter:before, .icon-menu-4[class^=icon-social][href*=pinterest]:before, .icon-menu-4[class^=icon-social].icon-pinterest:before, .icon-menu-4[class^=icon-social][href*=linkedin]:before, .icon-menu-4[class^=icon-social].icon-linkedin:before, .icon-menu-4[class^=icon-social][href*=instagram]:before, .icon-menu-4[class^=icon-social].icon-instagram:before, .icon-menu-4[class^=icon-social][href*=facebook]:before, .icon-menu-4[class^=icon-social].icon-facebook:before {
  content: "\f13b";
}

.icon-menu-5:before, .icon-menu-5[class^=icon-social][href*=youtube]:before, .icon-menu-5[class^=icon-social].icon-youtube:before, .icon-menu-5[class^=icon-social][href*=twitter]:before, .icon-menu-5[class^=icon-social].icon-twitter:before, .icon-menu-5[class^=icon-social][href*=pinterest]:before, .icon-menu-5[class^=icon-social].icon-pinterest:before, .icon-menu-5[class^=icon-social][href*=linkedin]:before, .icon-menu-5[class^=icon-social].icon-linkedin:before, .icon-menu-5[class^=icon-social][href*=instagram]:before, .icon-menu-5[class^=icon-social].icon-instagram:before, .icon-menu-5[class^=icon-social][href*=facebook]:before, .icon-menu-5[class^=icon-social].icon-facebook:before {
  content: "\f13c";
}

.icon-menu-6:before, .icon-menu-6[class^=icon-social][href*=youtube]:before, .icon-menu-6[class^=icon-social].icon-youtube:before, .icon-menu-6[class^=icon-social][href*=twitter]:before, .icon-menu-6[class^=icon-social].icon-twitter:before, .icon-menu-6[class^=icon-social][href*=pinterest]:before, .icon-menu-6[class^=icon-social].icon-pinterest:before, .icon-menu-6[class^=icon-social][href*=linkedin]:before, .icon-menu-6[class^=icon-social].icon-linkedin:before, .icon-menu-6[class^=icon-social][href*=instagram]:before, .icon-menu-6[class^=icon-social].icon-instagram:before, .icon-menu-6[class^=icon-social][href*=facebook]:before, .icon-menu-6[class^=icon-social].icon-facebook:before {
  content: "\f13d";
}

.icon-menu-7:before, .icon-menu-7[class^=icon-social][href*=youtube]:before, .icon-menu-7[class^=icon-social].icon-youtube:before, .icon-menu-7[class^=icon-social][href*=twitter]:before, .icon-menu-7[class^=icon-social].icon-twitter:before, .icon-menu-7[class^=icon-social][href*=pinterest]:before, .icon-menu-7[class^=icon-social].icon-pinterest:before, .icon-menu-7[class^=icon-social][href*=linkedin]:before, .icon-menu-7[class^=icon-social].icon-linkedin:before, .icon-menu-7[class^=icon-social][href*=instagram]:before, .icon-menu-7[class^=icon-social].icon-instagram:before, .icon-menu-7[class^=icon-social][href*=facebook]:before, .icon-menu-7[class^=icon-social].icon-facebook:before {
  content: "\f13e";
}

.icon-menu-8:before, .icon-menu-8[class^=icon-social][href*=youtube]:before, .icon-menu-8[class^=icon-social].icon-youtube:before, .icon-menu-8[class^=icon-social][href*=twitter]:before, .icon-menu-8[class^=icon-social].icon-twitter:before, .icon-menu-8[class^=icon-social][href*=pinterest]:before, .icon-menu-8[class^=icon-social].icon-pinterest:before, .icon-menu-8[class^=icon-social][href*=linkedin]:before, .icon-menu-8[class^=icon-social].icon-linkedin:before, .icon-menu-8[class^=icon-social][href*=instagram]:before, .icon-menu-8[class^=icon-social].icon-instagram:before, .icon-menu-8[class^=icon-social][href*=facebook]:before, .icon-menu-8[class^=icon-social].icon-facebook:before {
  content: "\f13f";
}

.icon-menu-9:before, .icon-menu-9[class^=icon-social][href*=youtube]:before, .icon-menu-9[class^=icon-social].icon-youtube:before, .icon-menu-9[class^=icon-social][href*=twitter]:before, .icon-menu-9[class^=icon-social].icon-twitter:before, .icon-menu-9[class^=icon-social][href*=pinterest]:before, .icon-menu-9[class^=icon-social].icon-pinterest:before, .icon-menu-9[class^=icon-social][href*=linkedin]:before, .icon-menu-9[class^=icon-social].icon-linkedin:before, .icon-menu-9[class^=icon-social][href*=instagram]:before, .icon-menu-9[class^=icon-social].icon-instagram:before, .icon-menu-9[class^=icon-social][href*=facebook]:before, .icon-menu-9[class^=icon-social].icon-facebook:before {
  content: "\f140";
}

.icon-menu-bell:before, .icon-menu-bell[class^=icon-social][href*=youtube]:before, .icon-menu-bell[class^=icon-social].icon-youtube:before, .icon-menu-bell[class^=icon-social][href*=twitter]:before, .icon-menu-bell[class^=icon-social].icon-twitter:before, .icon-menu-bell[class^=icon-social][href*=pinterest]:before, .icon-menu-bell[class^=icon-social].icon-pinterest:before, .icon-menu-bell[class^=icon-social][href*=linkedin]:before, .icon-menu-bell[class^=icon-social].icon-linkedin:before, .icon-menu-bell[class^=icon-social][href*=instagram]:before, .icon-menu-bell[class^=icon-social].icon-instagram:before, .icon-menu-bell[class^=icon-social][href*=facebook]:before, .icon-menu-bell[class^=icon-social].icon-facebook:before {
  content: url(/images/icons/Bell.svg);
}

.icon-menu-cancel:before, .icon-menu-cancel[class^=icon-social][href*=youtube]:before, .icon-menu-cancel[class^=icon-social].icon-youtube:before, .icon-menu-cancel[class^=icon-social][href*=twitter]:before, .icon-menu-cancel[class^=icon-social].icon-twitter:before, .icon-menu-cancel[class^=icon-social][href*=pinterest]:before, .icon-menu-cancel[class^=icon-social].icon-pinterest:before, .icon-menu-cancel[class^=icon-social][href*=linkedin]:before, .icon-menu-cancel[class^=icon-social].icon-linkedin:before, .icon-menu-cancel[class^=icon-social][href*=instagram]:before, .icon-menu-cancel[class^=icon-social].icon-instagram:before, .icon-menu-cancel[class^=icon-social][href*=facebook]:before, .icon-menu-cancel[class^=icon-social].icon-facebook:before {
  content: "\f141";
}

.icon-menu-close:before, .icon-menu-close[class^=icon-social][href*=youtube]:before, .icon-menu-close[class^=icon-social].icon-youtube:before, .icon-menu-close[class^=icon-social][href*=twitter]:before, .icon-menu-close[class^=icon-social].icon-twitter:before, .icon-menu-close[class^=icon-social][href*=pinterest]:before, .icon-menu-close[class^=icon-social].icon-pinterest:before, .icon-menu-close[class^=icon-social][href*=linkedin]:before, .icon-menu-close[class^=icon-social].icon-linkedin:before, .icon-menu-close[class^=icon-social][href*=instagram]:before, .icon-menu-close[class^=icon-social].icon-instagram:before, .icon-menu-close[class^=icon-social][href*=facebook]:before, .icon-menu-close[class^=icon-social].icon-facebook:before {
  content: "\f142";
}

.icon-menu-collapse:before, .icon-menu-collapse[class^=icon-social][href*=youtube]:before, .icon-menu-collapse[class^=icon-social].icon-youtube:before, .icon-menu-collapse[class^=icon-social][href*=twitter]:before, .icon-menu-collapse[class^=icon-social].icon-twitter:before, .icon-menu-collapse[class^=icon-social][href*=pinterest]:before, .icon-menu-collapse[class^=icon-social].icon-pinterest:before, .icon-menu-collapse[class^=icon-social][href*=linkedin]:before, .icon-menu-collapse[class^=icon-social].icon-linkedin:before, .icon-menu-collapse[class^=icon-social][href*=instagram]:before, .icon-menu-collapse[class^=icon-social].icon-instagram:before, .icon-menu-collapse[class^=icon-social][href*=facebook]:before, .icon-menu-collapse[class^=icon-social].icon-facebook:before {
  content: "\f143";
}

.icon-menu-completed:before, .icon-menu-completed[class^=icon-social][href*=youtube]:before, .icon-menu-completed[class^=icon-social].icon-youtube:before, .icon-menu-completed[class^=icon-social][href*=twitter]:before, .icon-menu-completed[class^=icon-social].icon-twitter:before, .icon-menu-completed[class^=icon-social][href*=pinterest]:before, .icon-menu-completed[class^=icon-social].icon-pinterest:before, .icon-menu-completed[class^=icon-social][href*=linkedin]:before, .icon-menu-completed[class^=icon-social].icon-linkedin:before, .icon-menu-completed[class^=icon-social][href*=instagram]:before, .icon-menu-completed[class^=icon-social].icon-instagram:before, .icon-menu-completed[class^=icon-social][href*=facebook]:before, .icon-menu-completed[class^=icon-social].icon-facebook:before {
  content: "\f144";
}

.icon-menu-dashboard:before, .icon-menu-dashboard[class^=icon-social][href*=youtube]:before, .icon-menu-dashboard[class^=icon-social].icon-youtube:before, .icon-menu-dashboard[class^=icon-social][href*=twitter]:before, .icon-menu-dashboard[class^=icon-social].icon-twitter:before, .icon-menu-dashboard[class^=icon-social][href*=pinterest]:before, .icon-menu-dashboard[class^=icon-social].icon-pinterest:before, .icon-menu-dashboard[class^=icon-social][href*=linkedin]:before, .icon-menu-dashboard[class^=icon-social].icon-linkedin:before, .icon-menu-dashboard[class^=icon-social][href*=instagram]:before, .icon-menu-dashboard[class^=icon-social].icon-instagram:before, .icon-menu-dashboard[class^=icon-social][href*=facebook]:before, .icon-menu-dashboard[class^=icon-social].icon-facebook:before {
  content: "\f145";
}

.icon-menu-data:before, .icon-menu-data[class^=icon-social][href*=youtube]:before, .icon-menu-data[class^=icon-social].icon-youtube:before, .icon-menu-data[class^=icon-social][href*=twitter]:before, .icon-menu-data[class^=icon-social].icon-twitter:before, .icon-menu-data[class^=icon-social][href*=pinterest]:before, .icon-menu-data[class^=icon-social].icon-pinterest:before, .icon-menu-data[class^=icon-social][href*=linkedin]:before, .icon-menu-data[class^=icon-social].icon-linkedin:before, .icon-menu-data[class^=icon-social][href*=instagram]:before, .icon-menu-data[class^=icon-social].icon-instagram:before, .icon-menu-data[class^=icon-social][href*=facebook]:before, .icon-menu-data[class^=icon-social].icon-facebook:before {
  content: "\f146";
}

.icon-menu-documents:before, .icon-menu-documents[class^=icon-social][href*=youtube]:before, .icon-menu-documents[class^=icon-social].icon-youtube:before, .icon-menu-documents[class^=icon-social][href*=twitter]:before, .icon-menu-documents[class^=icon-social].icon-twitter:before, .icon-menu-documents[class^=icon-social][href*=pinterest]:before, .icon-menu-documents[class^=icon-social].icon-pinterest:before, .icon-menu-documents[class^=icon-social][href*=linkedin]:before, .icon-menu-documents[class^=icon-social].icon-linkedin:before, .icon-menu-documents[class^=icon-social][href*=instagram]:before, .icon-menu-documents[class^=icon-social].icon-instagram:before, .icon-menu-documents[class^=icon-social][href*=facebook]:before, .icon-menu-documents[class^=icon-social].icon-facebook:before {
  content: "\f147";
}

.icon-menu-down-arrow:before, .icon-menu-down-arrow[class^=icon-social][href*=youtube]:before, .icon-menu-down-arrow[class^=icon-social].icon-youtube:before, .icon-menu-down-arrow[class^=icon-social][href*=twitter]:before, .icon-menu-down-arrow[class^=icon-social].icon-twitter:before, .icon-menu-down-arrow[class^=icon-social][href*=pinterest]:before, .icon-menu-down-arrow[class^=icon-social].icon-pinterest:before, .icon-menu-down-arrow[class^=icon-social][href*=linkedin]:before, .icon-menu-down-arrow[class^=icon-social].icon-linkedin:before, .icon-menu-down-arrow[class^=icon-social][href*=instagram]:before, .icon-menu-down-arrow[class^=icon-social].icon-instagram:before, .icon-menu-down-arrow[class^=icon-social][href*=facebook]:before, .icon-menu-down-arrow[class^=icon-social].icon-facebook:before {
  content: "\f148";
}

.icon-menu-expand:before, .icon-menu-expand[class^=icon-social][href*=youtube]:before, .icon-menu-expand[class^=icon-social].icon-youtube:before, .icon-menu-expand[class^=icon-social][href*=twitter]:before, .icon-menu-expand[class^=icon-social].icon-twitter:before, .icon-menu-expand[class^=icon-social][href*=pinterest]:before, .icon-menu-expand[class^=icon-social].icon-pinterest:before, .icon-menu-expand[class^=icon-social][href*=linkedin]:before, .icon-menu-expand[class^=icon-social].icon-linkedin:before, .icon-menu-expand[class^=icon-social][href*=instagram]:before, .icon-menu-expand[class^=icon-social].icon-instagram:before, .icon-menu-expand[class^=icon-social][href*=facebook]:before, .icon-menu-expand[class^=icon-social].icon-facebook:before {
  content: "\f149";
}

.icon-menu-expanded:before, .icon-menu-expanded[class^=icon-social][href*=youtube]:before, .icon-menu-expanded[class^=icon-social].icon-youtube:before, .icon-menu-expanded[class^=icon-social][href*=twitter]:before, .icon-menu-expanded[class^=icon-social].icon-twitter:before, .icon-menu-expanded[class^=icon-social][href*=pinterest]:before, .icon-menu-expanded[class^=icon-social].icon-pinterest:before, .icon-menu-expanded[class^=icon-social][href*=linkedin]:before, .icon-menu-expanded[class^=icon-social].icon-linkedin:before, .icon-menu-expanded[class^=icon-social][href*=instagram]:before, .icon-menu-expanded[class^=icon-social].icon-instagram:before, .icon-menu-expanded[class^=icon-social][href*=facebook]:before, .icon-menu-expanded[class^=icon-social].icon-facebook:before {
  content: "\f14a";
}

.icon-menu-info:before, .icon-menu-info[class^=icon-social][href*=youtube]:before, .icon-menu-info[class^=icon-social].icon-youtube:before, .icon-menu-info[class^=icon-social][href*=twitter]:before, .icon-menu-info[class^=icon-social].icon-twitter:before, .icon-menu-info[class^=icon-social][href*=pinterest]:before, .icon-menu-info[class^=icon-social].icon-pinterest:before, .icon-menu-info[class^=icon-social][href*=linkedin]:before, .icon-menu-info[class^=icon-social].icon-linkedin:before, .icon-menu-info[class^=icon-social][href*=instagram]:before, .icon-menu-info[class^=icon-social].icon-instagram:before, .icon-menu-info[class^=icon-social][href*=facebook]:before, .icon-menu-info[class^=icon-social].icon-facebook:before {
  content: "\f14b";
}

.icon-menu-insights:before, .icon-menu-insights[class^=icon-social][href*=youtube]:before, .icon-menu-insights[class^=icon-social].icon-youtube:before, .icon-menu-insights[class^=icon-social][href*=twitter]:before, .icon-menu-insights[class^=icon-social].icon-twitter:before, .icon-menu-insights[class^=icon-social][href*=pinterest]:before, .icon-menu-insights[class^=icon-social].icon-pinterest:before, .icon-menu-insights[class^=icon-social][href*=linkedin]:before, .icon-menu-insights[class^=icon-social].icon-linkedin:before, .icon-menu-insights[class^=icon-social][href*=instagram]:before, .icon-menu-insights[class^=icon-social].icon-instagram:before, .icon-menu-insights[class^=icon-social][href*=facebook]:before, .icon-menu-insights[class^=icon-social].icon-facebook:before {
  content: "\f14c";
}

.icon-menu-logo:before, .icon-menu-logo[class^=icon-social][href*=youtube]:before, .icon-menu-logo[class^=icon-social].icon-youtube:before, .icon-menu-logo[class^=icon-social][href*=twitter]:before, .icon-menu-logo[class^=icon-social].icon-twitter:before, .icon-menu-logo[class^=icon-social][href*=pinterest]:before, .icon-menu-logo[class^=icon-social].icon-pinterest:before, .icon-menu-logo[class^=icon-social][href*=linkedin]:before, .icon-menu-logo[class^=icon-social].icon-linkedin:before, .icon-menu-logo[class^=icon-social][href*=instagram]:before, .icon-menu-logo[class^=icon-social].icon-instagram:before, .icon-menu-logo[class^=icon-social][href*=facebook]:before, .icon-menu-logo[class^=icon-social].icon-facebook:before {
  content: "\f14d";
}

.icon-menu-market:before, .icon-menu-market[class^=icon-social][href*=youtube]:before, .icon-menu-market[class^=icon-social].icon-youtube:before, .icon-menu-market[class^=icon-social][href*=twitter]:before, .icon-menu-market[class^=icon-social].icon-twitter:before, .icon-menu-market[class^=icon-social][href*=pinterest]:before, .icon-menu-market[class^=icon-social].icon-pinterest:before, .icon-menu-market[class^=icon-social][href*=linkedin]:before, .icon-menu-market[class^=icon-social].icon-linkedin:before, .icon-menu-market[class^=icon-social][href*=instagram]:before, .icon-menu-market[class^=icon-social].icon-instagram:before, .icon-menu-market[class^=icon-social][href*=facebook]:before, .icon-menu-market[class^=icon-social].icon-facebook:before {
  content: "\f14e";
}

.icon-menu-profile:before, .icon-menu-profile[class^=icon-social][href*=youtube]:before, .icon-menu-profile[class^=icon-social].icon-youtube:before, .icon-menu-profile[class^=icon-social][href*=twitter]:before, .icon-menu-profile[class^=icon-social].icon-twitter:before, .icon-menu-profile[class^=icon-social][href*=pinterest]:before, .icon-menu-profile[class^=icon-social].icon-pinterest:before, .icon-menu-profile[class^=icon-social][href*=linkedin]:before, .icon-menu-profile[class^=icon-social].icon-linkedin:before, .icon-menu-profile[class^=icon-social][href*=instagram]:before, .icon-menu-profile[class^=icon-social].icon-instagram:before, .icon-menu-profile[class^=icon-social][href*=facebook]:before, .icon-menu-profile[class^=icon-social].icon-facebook:before {
  content: "\f14f";
}

.icon-menu-quicksights:before, .icon-menu-quicksights[class^=icon-social][href*=youtube]:before, .icon-menu-quicksights[class^=icon-social].icon-youtube:before, .icon-menu-quicksights[class^=icon-social][href*=twitter]:before, .icon-menu-quicksights[class^=icon-social].icon-twitter:before, .icon-menu-quicksights[class^=icon-social][href*=pinterest]:before, .icon-menu-quicksights[class^=icon-social].icon-pinterest:before, .icon-menu-quicksights[class^=icon-social][href*=linkedin]:before, .icon-menu-quicksights[class^=icon-social].icon-linkedin:before, .icon-menu-quicksights[class^=icon-social][href*=instagram]:before, .icon-menu-quicksights[class^=icon-social].icon-instagram:before, .icon-menu-quicksights[class^=icon-social][href*=facebook]:before, .icon-menu-quicksights[class^=icon-social].icon-facebook:before {
  content: "\f150";
}

.icon-menu-schedule:before, .icon-menu-schedule[class^=icon-social][href*=youtube]:before, .icon-menu-schedule[class^=icon-social].icon-youtube:before, .icon-menu-schedule[class^=icon-social][href*=twitter]:before, .icon-menu-schedule[class^=icon-social].icon-twitter:before, .icon-menu-schedule[class^=icon-social][href*=pinterest]:before, .icon-menu-schedule[class^=icon-social].icon-pinterest:before, .icon-menu-schedule[class^=icon-social][href*=linkedin]:before, .icon-menu-schedule[class^=icon-social].icon-linkedin:before, .icon-menu-schedule[class^=icon-social][href*=instagram]:before, .icon-menu-schedule[class^=icon-social].icon-instagram:before, .icon-menu-schedule[class^=icon-social][href*=facebook]:before, .icon-menu-schedule[class^=icon-social].icon-facebook:before {
  content: "\f151";
}

.icon-menu-speech:before, .icon-menu-speech[class^=icon-social][href*=youtube]:before, .icon-menu-speech[class^=icon-social].icon-youtube:before, .icon-menu-speech[class^=icon-social][href*=twitter]:before, .icon-menu-speech[class^=icon-social].icon-twitter:before, .icon-menu-speech[class^=icon-social][href*=pinterest]:before, .icon-menu-speech[class^=icon-social].icon-pinterest:before, .icon-menu-speech[class^=icon-social][href*=linkedin]:before, .icon-menu-speech[class^=icon-social].icon-linkedin:before, .icon-menu-speech[class^=icon-social][href*=instagram]:before, .icon-menu-speech[class^=icon-social].icon-instagram:before, .icon-menu-speech[class^=icon-social][href*=facebook]:before, .icon-menu-speech[class^=icon-social].icon-facebook:before {
  content: "\f152";
}

.icon-menu-table:before, .icon-menu-table[class^=icon-social][href*=youtube]:before, .icon-menu-table[class^=icon-social].icon-youtube:before, .icon-menu-table[class^=icon-social][href*=twitter]:before, .icon-menu-table[class^=icon-social].icon-twitter:before, .icon-menu-table[class^=icon-social][href*=pinterest]:before, .icon-menu-table[class^=icon-social].icon-pinterest:before, .icon-menu-table[class^=icon-social][href*=linkedin]:before, .icon-menu-table[class^=icon-social].icon-linkedin:before, .icon-menu-table[class^=icon-social][href*=instagram]:before, .icon-menu-table[class^=icon-social].icon-instagram:before, .icon-menu-table[class^=icon-social][href*=facebook]:before, .icon-menu-table[class^=icon-social].icon-facebook:before {
  content: "\f153";
}

.icon-new:before, .icon-new[class^=icon-social][href*=youtube]:before, .icon-new[class^=icon-social].icon-youtube:before, .icon-new[class^=icon-social][href*=twitter]:before, .icon-new[class^=icon-social].icon-twitter:before, .icon-new[class^=icon-social][href*=pinterest]:before, .icon-new[class^=icon-social].icon-pinterest:before, .icon-new[class^=icon-social][href*=linkedin]:before, .icon-new[class^=icon-social].icon-linkedin:before, .icon-new[class^=icon-social][href*=instagram]:before, .icon-new[class^=icon-social].icon-instagram:before, .icon-new[class^=icon-social][href*=facebook]:before, .icon-new[class^=icon-social].icon-facebook:before {
  content: "\f154";
}

.icon-outline-add:before, .icon-outline-add[class^=icon-social][href*=youtube]:before, .icon-outline-add[class^=icon-social].icon-youtube:before, .icon-outline-add[class^=icon-social][href*=twitter]:before, .icon-outline-add[class^=icon-social].icon-twitter:before, .icon-outline-add[class^=icon-social][href*=pinterest]:before, .icon-outline-add[class^=icon-social].icon-pinterest:before, .icon-outline-add[class^=icon-social][href*=linkedin]:before, .icon-outline-add[class^=icon-social].icon-linkedin:before, .icon-outline-add[class^=icon-social][href*=instagram]:before, .icon-outline-add[class^=icon-social].icon-instagram:before, .icon-outline-add[class^=icon-social][href*=facebook]:before, .icon-outline-add[class^=icon-social].icon-facebook:before {
  content: "\f155";
}

.icon-outline-buy:before, .icon-outline-buy[class^=icon-social][href*=youtube]:before, .icon-outline-buy[class^=icon-social].icon-youtube:before, .icon-outline-buy[class^=icon-social][href*=twitter]:before, .icon-outline-buy[class^=icon-social].icon-twitter:before, .icon-outline-buy[class^=icon-social][href*=pinterest]:before, .icon-outline-buy[class^=icon-social].icon-pinterest:before, .icon-outline-buy[class^=icon-social][href*=linkedin]:before, .icon-outline-buy[class^=icon-social].icon-linkedin:before, .icon-outline-buy[class^=icon-social][href*=instagram]:before, .icon-outline-buy[class^=icon-social].icon-instagram:before, .icon-outline-buy[class^=icon-social][href*=facebook]:before, .icon-outline-buy[class^=icon-social].icon-facebook:before {
  content: "\f156";
}

.icon-outline-colour:before, .icon-outline-colour[class^=icon-social][href*=youtube]:before, .icon-outline-colour[class^=icon-social].icon-youtube:before, .icon-outline-colour[class^=icon-social][href*=twitter]:before, .icon-outline-colour[class^=icon-social].icon-twitter:before, .icon-outline-colour[class^=icon-social][href*=pinterest]:before, .icon-outline-colour[class^=icon-social].icon-pinterest:before, .icon-outline-colour[class^=icon-social][href*=linkedin]:before, .icon-outline-colour[class^=icon-social].icon-linkedin:before, .icon-outline-colour[class^=icon-social][href*=instagram]:before, .icon-outline-colour[class^=icon-social].icon-instagram:before, .icon-outline-colour[class^=icon-social][href*=facebook]:before, .icon-outline-colour[class^=icon-social].icon-facebook:before {
  content: "\f157";
}

.icon-outline-data:before, .icon-outline-data[class^=icon-social][href*=youtube]:before, .icon-outline-data[class^=icon-social].icon-youtube:before, .icon-outline-data[class^=icon-social][href*=twitter]:before, .icon-outline-data[class^=icon-social].icon-twitter:before, .icon-outline-data[class^=icon-social][href*=pinterest]:before, .icon-outline-data[class^=icon-social].icon-pinterest:before, .icon-outline-data[class^=icon-social][href*=linkedin]:before, .icon-outline-data[class^=icon-social].icon-linkedin:before, .icon-outline-data[class^=icon-social][href*=instagram]:before, .icon-outline-data[class^=icon-social].icon-instagram:before, .icon-outline-data[class^=icon-social][href*=facebook]:before, .icon-outline-data[class^=icon-social].icon-facebook:before {
  content: "\f158";
}

.icon-outline-delete:before, .icon-outline-delete[class^=icon-social][href*=youtube]:before, .icon-outline-delete[class^=icon-social].icon-youtube:before, .icon-outline-delete[class^=icon-social][href*=twitter]:before, .icon-outline-delete[class^=icon-social].icon-twitter:before, .icon-outline-delete[class^=icon-social][href*=pinterest]:before, .icon-outline-delete[class^=icon-social].icon-pinterest:before, .icon-outline-delete[class^=icon-social][href*=linkedin]:before, .icon-outline-delete[class^=icon-social].icon-linkedin:before, .icon-outline-delete[class^=icon-social][href*=instagram]:before, .icon-outline-delete[class^=icon-social].icon-instagram:before, .icon-outline-delete[class^=icon-social][href*=facebook]:before, .icon-outline-delete[class^=icon-social].icon-facebook:before {
  content: "\f159";
}

.icon-outline-document:before, .icon-outline-document[class^=icon-social][href*=youtube]:before, .icon-outline-document[class^=icon-social].icon-youtube:before, .icon-outline-document[class^=icon-social][href*=twitter]:before, .icon-outline-document[class^=icon-social].icon-twitter:before, .icon-outline-document[class^=icon-social][href*=pinterest]:before, .icon-outline-document[class^=icon-social].icon-pinterest:before, .icon-outline-document[class^=icon-social][href*=linkedin]:before, .icon-outline-document[class^=icon-social].icon-linkedin:before, .icon-outline-document[class^=icon-social][href*=instagram]:before, .icon-outline-document[class^=icon-social].icon-instagram:before, .icon-outline-document[class^=icon-social][href*=facebook]:before, .icon-outline-document[class^=icon-social].icon-facebook:before {
  content: "\f15a";
}

.icon-outline-download:before, .icon-outline-download[class^=icon-social][href*=youtube]:before, .icon-outline-download[class^=icon-social].icon-youtube:before, .icon-outline-download[class^=icon-social][href*=twitter]:before, .icon-outline-download[class^=icon-social].icon-twitter:before, .icon-outline-download[class^=icon-social][href*=pinterest]:before, .icon-outline-download[class^=icon-social].icon-pinterest:before, .icon-outline-download[class^=icon-social][href*=linkedin]:before, .icon-outline-download[class^=icon-social].icon-linkedin:before, .icon-outline-download[class^=icon-social][href*=instagram]:before, .icon-outline-download[class^=icon-social].icon-instagram:before, .icon-outline-download[class^=icon-social][href*=facebook]:before, .icon-outline-download[class^=icon-social].icon-facebook:before {
  content: "\f15b";
}

.icon-outline-edit:before, .icon-outline-edit[class^=icon-social][href*=youtube]:before, .icon-outline-edit[class^=icon-social].icon-youtube:before, .icon-outline-edit[class^=icon-social][href*=twitter]:before, .icon-outline-edit[class^=icon-social].icon-twitter:before, .icon-outline-edit[class^=icon-social][href*=pinterest]:before, .icon-outline-edit[class^=icon-social].icon-pinterest:before, .icon-outline-edit[class^=icon-social][href*=linkedin]:before, .icon-outline-edit[class^=icon-social].icon-linkedin:before, .icon-outline-edit[class^=icon-social][href*=instagram]:before, .icon-outline-edit[class^=icon-social].icon-instagram:before, .icon-outline-edit[class^=icon-social][href*=facebook]:before, .icon-outline-edit[class^=icon-social].icon-facebook:before {
  content: "\f15c";
}

.icon-outline-eye:before, .icon-outline-eye[class^=icon-social][href*=youtube]:before, .icon-outline-eye[class^=icon-social].icon-youtube:before, .icon-outline-eye[class^=icon-social][href*=twitter]:before, .icon-outline-eye[class^=icon-social].icon-twitter:before, .icon-outline-eye[class^=icon-social][href*=pinterest]:before, .icon-outline-eye[class^=icon-social].icon-pinterest:before, .icon-outline-eye[class^=icon-social][href*=linkedin]:before, .icon-outline-eye[class^=icon-social].icon-linkedin:before, .icon-outline-eye[class^=icon-social][href*=instagram]:before, .icon-outline-eye[class^=icon-social].icon-instagram:before, .icon-outline-eye[class^=icon-social][href*=facebook]:before, .icon-outline-eye[class^=icon-social].icon-facebook:before {
  content: "\f15d";
}

.icon-outline-info:before, .icon-outline-info[class^=icon-social][href*=youtube]:before, .icon-outline-info[class^=icon-social].icon-youtube:before, .icon-outline-info[class^=icon-social][href*=twitter]:before, .icon-outline-info[class^=icon-social].icon-twitter:before, .icon-outline-info[class^=icon-social][href*=pinterest]:before, .icon-outline-info[class^=icon-social].icon-pinterest:before, .icon-outline-info[class^=icon-social][href*=linkedin]:before, .icon-outline-info[class^=icon-social].icon-linkedin:before, .icon-outline-info[class^=icon-social][href*=instagram]:before, .icon-outline-info[class^=icon-social].icon-instagram:before, .icon-outline-info[class^=icon-social][href*=facebook]:before, .icon-outline-info[class^=icon-social].icon-facebook:before {
  content: "\f15e";
}

.icon-outline-insight:before, .icon-outline-insight[class^=icon-social][href*=youtube]:before, .icon-outline-insight[class^=icon-social].icon-youtube:before, .icon-outline-insight[class^=icon-social][href*=twitter]:before, .icon-outline-insight[class^=icon-social].icon-twitter:before, .icon-outline-insight[class^=icon-social][href*=pinterest]:before, .icon-outline-insight[class^=icon-social].icon-pinterest:before, .icon-outline-insight[class^=icon-social][href*=linkedin]:before, .icon-outline-insight[class^=icon-social].icon-linkedin:before, .icon-outline-insight[class^=icon-social][href*=instagram]:before, .icon-outline-insight[class^=icon-social].icon-instagram:before, .icon-outline-insight[class^=icon-social][href*=facebook]:before, .icon-outline-insight[class^=icon-social].icon-facebook:before {
  content: "\f15f";
}

.icon-outline-star:before, .icon-outline-star[class^=icon-social][href*=youtube]:before, .icon-outline-star[class^=icon-social].icon-youtube:before, .icon-outline-star[class^=icon-social][href*=twitter]:before, .icon-outline-star[class^=icon-social].icon-twitter:before, .icon-outline-star[class^=icon-social][href*=pinterest]:before, .icon-outline-star[class^=icon-social].icon-pinterest:before, .icon-outline-star[class^=icon-social][href*=linkedin]:before, .icon-outline-star[class^=icon-social].icon-linkedin:before, .icon-outline-star[class^=icon-social][href*=instagram]:before, .icon-outline-star[class^=icon-social].icon-instagram:before, .icon-outline-star[class^=icon-social][href*=facebook]:before, .icon-outline-star[class^=icon-social].icon-facebook:before {
  content: "\f160";
}

.icon-outline-power:before, .icon-outline-power[class^=icon-social][href*=youtube]:before, .icon-outline-power[class^=icon-social].icon-youtube:before, .icon-outline-power[class^=icon-social][href*=twitter]:before, .icon-outline-power[class^=icon-social].icon-twitter:before, .icon-outline-power[class^=icon-social][href*=pinterest]:before, .icon-outline-power[class^=icon-social].icon-pinterest:before, .icon-outline-power[class^=icon-social][href*=linkedin]:before, .icon-outline-power[class^=icon-social].icon-linkedin:before, .icon-outline-power[class^=icon-social][href*=instagram]:before, .icon-outline-power[class^=icon-social].icon-instagram:before, .icon-outline-power[class^=icon-social][href*=facebook]:before, .icon-outline-power[class^=icon-social].icon-facebook:before {
  content: "\f161";
}

.icon-outline-results:before, .icon-outline-results[class^=icon-social][href*=youtube]:before, .icon-outline-results[class^=icon-social].icon-youtube:before, .icon-outline-results[class^=icon-social][href*=twitter]:before, .icon-outline-results[class^=icon-social].icon-twitter:before, .icon-outline-results[class^=icon-social][href*=pinterest]:before, .icon-outline-results[class^=icon-social].icon-pinterest:before, .icon-outline-results[class^=icon-social][href*=linkedin]:before, .icon-outline-results[class^=icon-social].icon-linkedin:before, .icon-outline-results[class^=icon-social][href*=instagram]:before, .icon-outline-results[class^=icon-social].icon-instagram:before, .icon-outline-results[class^=icon-social][href*=facebook]:before, .icon-outline-results[class^=icon-social].icon-facebook:before {
  content: "\f162";
}

.icon-outline-save:before, .icon-outline-save[class^=icon-social][href*=youtube]:before, .icon-outline-save[class^=icon-social].icon-youtube:before, .icon-outline-save[class^=icon-social][href*=twitter]:before, .icon-outline-save[class^=icon-social].icon-twitter:before, .icon-outline-save[class^=icon-social][href*=pinterest]:before, .icon-outline-save[class^=icon-social].icon-pinterest:before, .icon-outline-save[class^=icon-social][href*=linkedin]:before, .icon-outline-save[class^=icon-social].icon-linkedin:before, .icon-outline-save[class^=icon-social][href*=instagram]:before, .icon-outline-save[class^=icon-social].icon-instagram:before, .icon-outline-save[class^=icon-social][href*=facebook]:before, .icon-outline-save[class^=icon-social].icon-facebook:before {
  content: "\f163";
}

.icon-outline-schedule:before, .icon-outline-schedule[class^=icon-social][href*=youtube]:before, .icon-outline-schedule[class^=icon-social].icon-youtube:before, .icon-outline-schedule[class^=icon-social][href*=twitter]:before, .icon-outline-schedule[class^=icon-social].icon-twitter:before, .icon-outline-schedule[class^=icon-social][href*=pinterest]:before, .icon-outline-schedule[class^=icon-social].icon-pinterest:before, .icon-outline-schedule[class^=icon-social][href*=linkedin]:before, .icon-outline-schedule[class^=icon-social].icon-linkedin:before, .icon-outline-schedule[class^=icon-social][href*=instagram]:before, .icon-outline-schedule[class^=icon-social].icon-instagram:before, .icon-outline-schedule[class^=icon-social][href*=facebook]:before, .icon-outline-schedule[class^=icon-social].icon-facebook:before {
  content: "\f164";
}

.icon-outline-share:before, .icon-outline-share[class^=icon-social][href*=youtube]:before, .icon-outline-share[class^=icon-social].icon-youtube:before, .icon-outline-share[class^=icon-social][href*=twitter]:before, .icon-outline-share[class^=icon-social].icon-twitter:before, .icon-outline-share[class^=icon-social][href*=pinterest]:before, .icon-outline-share[class^=icon-social].icon-pinterest:before, .icon-outline-share[class^=icon-social][href*=linkedin]:before, .icon-outline-share[class^=icon-social].icon-linkedin:before, .icon-outline-share[class^=icon-social][href*=instagram]:before, .icon-outline-share[class^=icon-social].icon-instagram:before, .icon-outline-share[class^=icon-social][href*=facebook]:before, .icon-outline-share[class^=icon-social].icon-facebook:before {
  content: "\f165";
}

.icon-outline-upload:before, .icon-outline-upload[class^=icon-social][href*=youtube]:before, .icon-outline-upload[class^=icon-social].icon-youtube:before, .icon-outline-upload[class^=icon-social][href*=twitter]:before, .icon-outline-upload[class^=icon-social].icon-twitter:before, .icon-outline-upload[class^=icon-social][href*=pinterest]:before, .icon-outline-upload[class^=icon-social].icon-pinterest:before, .icon-outline-upload[class^=icon-social][href*=linkedin]:before, .icon-outline-upload[class^=icon-social].icon-linkedin:before, .icon-outline-upload[class^=icon-social][href*=instagram]:before, .icon-outline-upload[class^=icon-social].icon-instagram:before, .icon-outline-upload[class^=icon-social][href*=facebook]:before, .icon-outline-upload[class^=icon-social].icon-facebook:before {
  content: "\f166";
}

.icon-output:before, .icon-output[class^=icon-social][href*=youtube]:before, .icon-output[class^=icon-social].icon-youtube:before, .icon-output[class^=icon-social][href*=twitter]:before, .icon-output[class^=icon-social].icon-twitter:before, .icon-output[class^=icon-social][href*=pinterest]:before, .icon-output[class^=icon-social].icon-pinterest:before, .icon-output[class^=icon-social][href*=linkedin]:before, .icon-output[class^=icon-social].icon-linkedin:before, .icon-output[class^=icon-social][href*=instagram]:before, .icon-output[class^=icon-social].icon-instagram:before, .icon-output[class^=icon-social][href*=facebook]:before, .icon-output[class^=icon-social].icon-facebook:before {
  content: "\f167";
}

.icon-pencil:before, .icon-pencil[class^=icon-social][href*=youtube]:before, .icon-pencil[class^=icon-social].icon-youtube:before, .icon-pencil[class^=icon-social][href*=twitter]:before, .icon-pencil[class^=icon-social].icon-twitter:before, .icon-pencil[class^=icon-social][href*=pinterest]:before, .icon-pencil[class^=icon-social].icon-pinterest:before, .icon-pencil[class^=icon-social][href*=linkedin]:before, .icon-pencil[class^=icon-social].icon-linkedin:before, .icon-pencil[class^=icon-social][href*=instagram]:before, .icon-pencil[class^=icon-social].icon-instagram:before, .icon-pencil[class^=icon-social][href*=facebook]:before, .icon-pencil[class^=icon-social].icon-facebook:before {
  content: "\f168";
}

.icon-pie-chart:before, .icon-pie-chart[class^=icon-social][href*=youtube]:before, .icon-pie-chart[class^=icon-social].icon-youtube:before, .icon-pie-chart[class^=icon-social][href*=twitter]:before, .icon-pie-chart[class^=icon-social].icon-twitter:before, .icon-pie-chart[class^=icon-social][href*=pinterest]:before, .icon-pie-chart[class^=icon-social].icon-pinterest:before, .icon-pie-chart[class^=icon-social][href*=linkedin]:before, .icon-pie-chart[class^=icon-social].icon-linkedin:before, .icon-pie-chart[class^=icon-social][href*=instagram]:before, .icon-pie-chart[class^=icon-social].icon-instagram:before, .icon-pie-chart[class^=icon-social][href*=facebook]:before, .icon-pie-chart[class^=icon-social].icon-facebook:before {
  content: "\f169";
}

.icon-pinterest:before, .icon-pinterest[class^=icon-social]:before, [class^=icon-social][href*=pinterest]:before {
  content: "\f16a";
}

.icon-plus:before, .icon-plus[class^=icon-social][href*=youtube]:before, .icon-plus[class^=icon-social].icon-youtube:before, .icon-plus[class^=icon-social][href*=twitter]:before, .icon-plus[class^=icon-social].icon-twitter:before, .icon-plus[class^=icon-social][href*=pinterest]:before, .icon-plus[class^=icon-social].icon-pinterest:before, .icon-plus[class^=icon-social][href*=linkedin]:before, .icon-plus[class^=icon-social].icon-linkedin:before, .icon-plus[class^=icon-social][href*=instagram]:before, .icon-plus[class^=icon-social].icon-instagram:before, .icon-plus[class^=icon-social][href*=facebook]:before, .icon-plus[class^=icon-social].icon-facebook:before {
  content: "\f16b";
}

.icon-product-1:before, .icon-product-1[class^=icon-social][href*=youtube]:before, .icon-product-1[class^=icon-social].icon-youtube:before, .icon-product-1[class^=icon-social][href*=twitter]:before, .icon-product-1[class^=icon-social].icon-twitter:before, .icon-product-1[class^=icon-social][href*=pinterest]:before, .icon-product-1[class^=icon-social].icon-pinterest:before, .icon-product-1[class^=icon-social][href*=linkedin]:before, .icon-product-1[class^=icon-social].icon-linkedin:before, .icon-product-1[class^=icon-social][href*=instagram]:before, .icon-product-1[class^=icon-social].icon-instagram:before, .icon-product-1[class^=icon-social][href*=facebook]:before, .icon-product-1[class^=icon-social].icon-facebook:before {
  content: "\f16c";
}

.icon-profile:before, .icon-profile[class^=icon-social][href*=youtube]:before, .icon-profile[class^=icon-social].icon-youtube:before, .icon-profile[class^=icon-social][href*=twitter]:before, .icon-profile[class^=icon-social].icon-twitter:before, .icon-profile[class^=icon-social][href*=pinterest]:before, .icon-profile[class^=icon-social].icon-pinterest:before, .icon-profile[class^=icon-social][href*=linkedin]:before, .icon-profile[class^=icon-social].icon-linkedin:before, .icon-profile[class^=icon-social][href*=instagram]:before, .icon-profile[class^=icon-social].icon-instagram:before, .icon-profile[class^=icon-social][href*=facebook]:before, .icon-profile[class^=icon-social].icon-facebook:before {
  content: "\f16d";
}

.icon-query-documents:before, .icon-query-documents[class^=icon-social][href*=youtube]:before, .icon-query-documents[class^=icon-social].icon-youtube:before, .icon-query-documents[class^=icon-social][href*=twitter]:before, .icon-query-documents[class^=icon-social].icon-twitter:before, .icon-query-documents[class^=icon-social][href*=pinterest]:before, .icon-query-documents[class^=icon-social].icon-pinterest:before, .icon-query-documents[class^=icon-social][href*=linkedin]:before, .icon-query-documents[class^=icon-social].icon-linkedin:before, .icon-query-documents[class^=icon-social][href*=instagram]:before, .icon-query-documents[class^=icon-social].icon-instagram:before, .icon-query-documents[class^=icon-social][href*=facebook]:before, .icon-query-documents[class^=icon-social].icon-facebook:before {
  content: "\f16e";
}

.icon-query-featured:before, .icon-query-featured[class^=icon-social][href*=youtube]:before, .icon-query-featured[class^=icon-social].icon-youtube:before, .icon-query-featured[class^=icon-social][href*=twitter]:before, .icon-query-featured[class^=icon-social].icon-twitter:before, .icon-query-featured[class^=icon-social][href*=pinterest]:before, .icon-query-featured[class^=icon-social].icon-pinterest:before, .icon-query-featured[class^=icon-social][href*=linkedin]:before, .icon-query-featured[class^=icon-social].icon-linkedin:before, .icon-query-featured[class^=icon-social][href*=instagram]:before, .icon-query-featured[class^=icon-social].icon-instagram:before, .icon-query-featured[class^=icon-social][href*=facebook]:before, .icon-query-featured[class^=icon-social].icon-facebook:before {
  content: "\f16f";
}

.icon-query-lightning:before, .icon-query-lightning[class^=icon-social][href*=youtube]:before, .icon-query-lightning[class^=icon-social].icon-youtube:before, .icon-query-lightning[class^=icon-social][href*=twitter]:before, .icon-query-lightning[class^=icon-social].icon-twitter:before, .icon-query-lightning[class^=icon-social][href*=pinterest]:before, .icon-query-lightning[class^=icon-social].icon-pinterest:before, .icon-query-lightning[class^=icon-social][href*=linkedin]:before, .icon-query-lightning[class^=icon-social].icon-linkedin:before, .icon-query-lightning[class^=icon-social][href*=instagram]:before, .icon-query-lightning[class^=icon-social].icon-instagram:before, .icon-query-lightning[class^=icon-social][href*=facebook]:before, .icon-query-lightning[class^=icon-social].icon-facebook:before {
  content: "\f170";
}

.icon-query-organisation:before, .icon-query-organisation[class^=icon-social][href*=youtube]:before, .icon-query-organisation[class^=icon-social].icon-youtube:before, .icon-query-organisation[class^=icon-social][href*=twitter]:before, .icon-query-organisation[class^=icon-social].icon-twitter:before, .icon-query-organisation[class^=icon-social][href*=pinterest]:before, .icon-query-organisation[class^=icon-social].icon-pinterest:before, .icon-query-organisation[class^=icon-social][href*=linkedin]:before, .icon-query-organisation[class^=icon-social].icon-linkedin:before, .icon-query-organisation[class^=icon-social][href*=instagram]:before, .icon-query-organisation[class^=icon-social].icon-instagram:before, .icon-query-organisation[class^=icon-social][href*=facebook]:before, .icon-query-organisation[class^=icon-social].icon-facebook:before {
  content: "\f171";
}

.icon-query-recent:before, .icon-query-recent[class^=icon-social][href*=youtube]:before, .icon-query-recent[class^=icon-social].icon-youtube:before, .icon-query-recent[class^=icon-social][href*=twitter]:before, .icon-query-recent[class^=icon-social].icon-twitter:before, .icon-query-recent[class^=icon-social][href*=pinterest]:before, .icon-query-recent[class^=icon-social].icon-pinterest:before, .icon-query-recent[class^=icon-social][href*=linkedin]:before, .icon-query-recent[class^=icon-social].icon-linkedin:before, .icon-query-recent[class^=icon-social][href*=instagram]:before, .icon-query-recent[class^=icon-social].icon-instagram:before, .icon-query-recent[class^=icon-social][href*=facebook]:before, .icon-query-recent[class^=icon-social].icon-facebook:before {
  content: "\f172";
}

.icon-query-recommended:before, .icon-query-recommended[class^=icon-social][href*=youtube]:before, .icon-query-recommended[class^=icon-social].icon-youtube:before, .icon-query-recommended[class^=icon-social][href*=twitter]:before, .icon-query-recommended[class^=icon-social].icon-twitter:before, .icon-query-recommended[class^=icon-social][href*=pinterest]:before, .icon-query-recommended[class^=icon-social].icon-pinterest:before, .icon-query-recommended[class^=icon-social][href*=linkedin]:before, .icon-query-recommended[class^=icon-social].icon-linkedin:before, .icon-query-recommended[class^=icon-social][href*=instagram]:before, .icon-query-recommended[class^=icon-social].icon-instagram:before, .icon-query-recommended[class^=icon-social][href*=facebook]:before, .icon-query-recommended[class^=icon-social].icon-facebook:before {
  content: "\f173";
}

.icon-query-results:before, .icon-query-results[class^=icon-social][href*=youtube]:before, .icon-query-results[class^=icon-social].icon-youtube:before, .icon-query-results[class^=icon-social][href*=twitter]:before, .icon-query-results[class^=icon-social].icon-twitter:before, .icon-query-results[class^=icon-social][href*=pinterest]:before, .icon-query-results[class^=icon-social].icon-pinterest:before, .icon-query-results[class^=icon-social][href*=linkedin]:before, .icon-query-results[class^=icon-social].icon-linkedin:before, .icon-query-results[class^=icon-social][href*=instagram]:before, .icon-query-results[class^=icon-social].icon-instagram:before, .icon-query-results[class^=icon-social][href*=facebook]:before, .icon-query-results[class^=icon-social].icon-facebook:before {
  content: "\f174";
}

.icon-query-snippets:before, .icon-query-snippets[class^=icon-social][href*=youtube]:before, .icon-query-snippets[class^=icon-social].icon-youtube:before, .icon-query-snippets[class^=icon-social][href*=twitter]:before, .icon-query-snippets[class^=icon-social].icon-twitter:before, .icon-query-snippets[class^=icon-social][href*=pinterest]:before, .icon-query-snippets[class^=icon-social].icon-pinterest:before, .icon-query-snippets[class^=icon-social][href*=linkedin]:before, .icon-query-snippets[class^=icon-social].icon-linkedin:before, .icon-query-snippets[class^=icon-social][href*=instagram]:before, .icon-query-snippets[class^=icon-social].icon-instagram:before, .icon-query-snippets[class^=icon-social][href*=facebook]:before, .icon-query-snippets[class^=icon-social].icon-facebook:before {
  content: "\f175";
}

.icon-query-superset:before, .icon-query-superset[class^=icon-social][href*=youtube]:before, .icon-query-superset[class^=icon-social].icon-youtube:before, .icon-query-superset[class^=icon-social][href*=twitter]:before, .icon-query-superset[class^=icon-social].icon-twitter:before, .icon-query-superset[class^=icon-social][href*=pinterest]:before, .icon-query-superset[class^=icon-social].icon-pinterest:before, .icon-query-superset[class^=icon-social][href*=linkedin]:before, .icon-query-superset[class^=icon-social].icon-linkedin:before, .icon-query-superset[class^=icon-social][href*=instagram]:before, .icon-query-superset[class^=icon-social].icon-instagram:before, .icon-query-superset[class^=icon-social][href*=facebook]:before, .icon-query-superset[class^=icon-social].icon-facebook:before {
  content: "\f176";
}

.icon-query-visualisation-1:before, .icon-query-visualisation-1[class^=icon-social][href*=youtube]:before, .icon-query-visualisation-1[class^=icon-social].icon-youtube:before, .icon-query-visualisation-1[class^=icon-social][href*=twitter]:before, .icon-query-visualisation-1[class^=icon-social].icon-twitter:before, .icon-query-visualisation-1[class^=icon-social][href*=pinterest]:before, .icon-query-visualisation-1[class^=icon-social].icon-pinterest:before, .icon-query-visualisation-1[class^=icon-social][href*=linkedin]:before, .icon-query-visualisation-1[class^=icon-social].icon-linkedin:before, .icon-query-visualisation-1[class^=icon-social][href*=instagram]:before, .icon-query-visualisation-1[class^=icon-social].icon-instagram:before, .icon-query-visualisation-1[class^=icon-social][href*=facebook]:before, .icon-query-visualisation-1[class^=icon-social].icon-facebook:before {
  content: "\f177";
}

.icon-query-visualisation-2:before, .icon-query-visualisation-2[class^=icon-social][href*=youtube]:before, .icon-query-visualisation-2[class^=icon-social].icon-youtube:before, .icon-query-visualisation-2[class^=icon-social][href*=twitter]:before, .icon-query-visualisation-2[class^=icon-social].icon-twitter:before, .icon-query-visualisation-2[class^=icon-social][href*=pinterest]:before, .icon-query-visualisation-2[class^=icon-social].icon-pinterest:before, .icon-query-visualisation-2[class^=icon-social][href*=linkedin]:before, .icon-query-visualisation-2[class^=icon-social].icon-linkedin:before, .icon-query-visualisation-2[class^=icon-social][href*=instagram]:before, .icon-query-visualisation-2[class^=icon-social].icon-instagram:before, .icon-query-visualisation-2[class^=icon-social][href*=facebook]:before, .icon-query-visualisation-2[class^=icon-social].icon-facebook:before {
  content: "\f178";
}

.icon-query-visualisation-3:before, .icon-query-visualisation-3[class^=icon-social][href*=youtube]:before, .icon-query-visualisation-3[class^=icon-social].icon-youtube:before, .icon-query-visualisation-3[class^=icon-social][href*=twitter]:before, .icon-query-visualisation-3[class^=icon-social].icon-twitter:before, .icon-query-visualisation-3[class^=icon-social][href*=pinterest]:before, .icon-query-visualisation-3[class^=icon-social].icon-pinterest:before, .icon-query-visualisation-3[class^=icon-social][href*=linkedin]:before, .icon-query-visualisation-3[class^=icon-social].icon-linkedin:before, .icon-query-visualisation-3[class^=icon-social][href*=instagram]:before, .icon-query-visualisation-3[class^=icon-social].icon-instagram:before, .icon-query-visualisation-3[class^=icon-social][href*=facebook]:before, .icon-query-visualisation-3[class^=icon-social].icon-facebook:before {
  content: "\f179";
}

.icon-query-visualisation-4:before, .icon-query-visualisation-4[class^=icon-social][href*=youtube]:before, .icon-query-visualisation-4[class^=icon-social].icon-youtube:before, .icon-query-visualisation-4[class^=icon-social][href*=twitter]:before, .icon-query-visualisation-4[class^=icon-social].icon-twitter:before, .icon-query-visualisation-4[class^=icon-social][href*=pinterest]:before, .icon-query-visualisation-4[class^=icon-social].icon-pinterest:before, .icon-query-visualisation-4[class^=icon-social][href*=linkedin]:before, .icon-query-visualisation-4[class^=icon-social].icon-linkedin:before, .icon-query-visualisation-4[class^=icon-social][href*=instagram]:before, .icon-query-visualisation-4[class^=icon-social].icon-instagram:before, .icon-query-visualisation-4[class^=icon-social][href*=facebook]:before, .icon-query-visualisation-4[class^=icon-social].icon-facebook:before {
  content: "\f17a";
}

.icon-query-visualisation-5:before, .icon-query-visualisation-5[class^=icon-social][href*=youtube]:before, .icon-query-visualisation-5[class^=icon-social].icon-youtube:before, .icon-query-visualisation-5[class^=icon-social][href*=twitter]:before, .icon-query-visualisation-5[class^=icon-social].icon-twitter:before, .icon-query-visualisation-5[class^=icon-social][href*=pinterest]:before, .icon-query-visualisation-5[class^=icon-social].icon-pinterest:before, .icon-query-visualisation-5[class^=icon-social][href*=linkedin]:before, .icon-query-visualisation-5[class^=icon-social].icon-linkedin:before, .icon-query-visualisation-5[class^=icon-social][href*=instagram]:before, .icon-query-visualisation-5[class^=icon-social].icon-instagram:before, .icon-query-visualisation-5[class^=icon-social][href*=facebook]:before, .icon-query-visualisation-5[class^=icon-social].icon-facebook:before {
  content: "\f17b";
}

.icon-quicksight-cloud:before, .icon-quicksight-cloud[class^=icon-social][href*=youtube]:before, .icon-quicksight-cloud[class^=icon-social].icon-youtube:before, .icon-quicksight-cloud[class^=icon-social][href*=twitter]:before, .icon-quicksight-cloud[class^=icon-social].icon-twitter:before, .icon-quicksight-cloud[class^=icon-social][href*=pinterest]:before, .icon-quicksight-cloud[class^=icon-social].icon-pinterest:before, .icon-quicksight-cloud[class^=icon-social][href*=linkedin]:before, .icon-quicksight-cloud[class^=icon-social].icon-linkedin:before, .icon-quicksight-cloud[class^=icon-social][href*=instagram]:before, .icon-quicksight-cloud[class^=icon-social].icon-instagram:before, .icon-quicksight-cloud[class^=icon-social][href*=facebook]:before, .icon-quicksight-cloud[class^=icon-social].icon-facebook:before {
  content: "\f17c";
}

.icon-reduce:before, .icon-reduce[class^=icon-social][href*=youtube]:before, .icon-reduce[class^=icon-social].icon-youtube:before, .icon-reduce[class^=icon-social][href*=twitter]:before, .icon-reduce[class^=icon-social].icon-twitter:before, .icon-reduce[class^=icon-social][href*=pinterest]:before, .icon-reduce[class^=icon-social].icon-pinterest:before, .icon-reduce[class^=icon-social][href*=linkedin]:before, .icon-reduce[class^=icon-social].icon-linkedin:before, .icon-reduce[class^=icon-social][href*=instagram]:before, .icon-reduce[class^=icon-social].icon-instagram:before, .icon-reduce[class^=icon-social][href*=facebook]:before, .icon-reduce[class^=icon-social].icon-facebook:before {
  content: "\f17d";
}

.icon-right-arrow:before, .icon-right-arrow[class^=icon-social][href*=youtube]:before, .icon-right-arrow[class^=icon-social].icon-youtube:before, .icon-right-arrow[class^=icon-social][href*=twitter]:before, .icon-right-arrow[class^=icon-social].icon-twitter:before, .icon-right-arrow[class^=icon-social][href*=pinterest]:before, .icon-right-arrow[class^=icon-social].icon-pinterest:before, .icon-right-arrow[class^=icon-social][href*=linkedin]:before, .icon-right-arrow[class^=icon-social].icon-linkedin:before, .icon-right-arrow[class^=icon-social][href*=instagram]:before, .icon-right-arrow[class^=icon-social].icon-instagram:before, .icon-right-arrow[class^=icon-social][href*=facebook]:before, .icon-right-arrow[class^=icon-social].icon-facebook:before {
  content: "\f17e";
}

.icon-running:before, .icon-running[class^=icon-social][href*=youtube]:before, .icon-running[class^=icon-social].icon-youtube:before, .icon-running[class^=icon-social][href*=twitter]:before, .icon-running[class^=icon-social].icon-twitter:before, .icon-running[class^=icon-social][href*=pinterest]:before, .icon-running[class^=icon-social].icon-pinterest:before, .icon-running[class^=icon-social][href*=linkedin]:before, .icon-running[class^=icon-social].icon-linkedin:before, .icon-running[class^=icon-social][href*=instagram]:before, .icon-running[class^=icon-social].icon-instagram:before, .icon-running[class^=icon-social][href*=facebook]:before, .icon-running[class^=icon-social].icon-facebook:before {
  content: "\f17f";
}

.icon-screen:before, .icon-screen[class^=icon-social][href*=youtube]:before, .icon-screen[class^=icon-social].icon-youtube:before, .icon-screen[class^=icon-social][href*=twitter]:before, .icon-screen[class^=icon-social].icon-twitter:before, .icon-screen[class^=icon-social][href*=pinterest]:before, .icon-screen[class^=icon-social].icon-pinterest:before, .icon-screen[class^=icon-social][href*=linkedin]:before, .icon-screen[class^=icon-social].icon-linkedin:before, .icon-screen[class^=icon-social][href*=instagram]:before, .icon-screen[class^=icon-social].icon-instagram:before, .icon-screen[class^=icon-social][href*=facebook]:before, .icon-screen[class^=icon-social].icon-facebook:before {
  content: "\f180";
}

.icon-search:before, .search span:before, .icon-search[class^=icon-social][href*=youtube]:before, .search span[class^=icon-social][href*=youtube]:before, .icon-search[class^=icon-social].icon-youtube:before, .search span[class^=icon-social].icon-youtube:before, .icon-search[class^=icon-social][href*=twitter]:before, .search span[class^=icon-social][href*=twitter]:before, .icon-search[class^=icon-social].icon-twitter:before, .search span[class^=icon-social].icon-twitter:before, .icon-search[class^=icon-social][href*=pinterest]:before, .search span[class^=icon-social][href*=pinterest]:before, .icon-search[class^=icon-social].icon-pinterest:before, .search span[class^=icon-social].icon-pinterest:before, .icon-search[class^=icon-social][href*=linkedin]:before, .search span[class^=icon-social][href*=linkedin]:before, .icon-search[class^=icon-social].icon-linkedin:before, .search span[class^=icon-social].icon-linkedin:before, .icon-search[class^=icon-social][href*=instagram]:before, .search span[class^=icon-social][href*=instagram]:before, .icon-search[class^=icon-social].icon-instagram:before, .search span[class^=icon-social].icon-instagram:before, .icon-search[class^=icon-social][href*=facebook]:before, .search span[class^=icon-social][href*=facebook]:before, .icon-search[class^=icon-social].icon-facebook:before, .search span[class^=icon-social].icon-facebook:before {
  content: "\f181";
}

.icon-snippets:before, .icon-snippets[class^=icon-social][href*=youtube]:before, .icon-snippets[class^=icon-social].icon-youtube:before, .icon-snippets[class^=icon-social][href*=twitter]:before, .icon-snippets[class^=icon-social].icon-twitter:before, .icon-snippets[class^=icon-social][href*=pinterest]:before, .icon-snippets[class^=icon-social].icon-pinterest:before, .icon-snippets[class^=icon-social][href*=linkedin]:before, .icon-snippets[class^=icon-social].icon-linkedin:before, .icon-snippets[class^=icon-social][href*=instagram]:before, .icon-snippets[class^=icon-social].icon-instagram:before, .icon-snippets[class^=icon-social][href*=facebook]:before, .icon-snippets[class^=icon-social].icon-facebook:before {
  content: "\f182";
}

.icon-speech:before, .icon-speech[class^=icon-social][href*=youtube]:before, .icon-speech[class^=icon-social].icon-youtube:before, .icon-speech[class^=icon-social][href*=twitter]:before, .icon-speech[class^=icon-social].icon-twitter:before, .icon-speech[class^=icon-social][href*=pinterest]:before, .icon-speech[class^=icon-social].icon-pinterest:before, .icon-speech[class^=icon-social][href*=linkedin]:before, .icon-speech[class^=icon-social].icon-linkedin:before, .icon-speech[class^=icon-social][href*=instagram]:before, .icon-speech[class^=icon-social].icon-instagram:before, .icon-speech[class^=icon-social][href*=facebook]:before, .icon-speech[class^=icon-social].icon-facebook:before {
  content: "\f183";
}

.icon-stacked-area:before, .icon-stacked-area[class^=icon-social][href*=youtube]:before, .icon-stacked-area[class^=icon-social].icon-youtube:before, .icon-stacked-area[class^=icon-social][href*=twitter]:before, .icon-stacked-area[class^=icon-social].icon-twitter:before, .icon-stacked-area[class^=icon-social][href*=pinterest]:before, .icon-stacked-area[class^=icon-social].icon-pinterest:before, .icon-stacked-area[class^=icon-social][href*=linkedin]:before, .icon-stacked-area[class^=icon-social].icon-linkedin:before, .icon-stacked-area[class^=icon-social][href*=instagram]:before, .icon-stacked-area[class^=icon-social].icon-instagram:before, .icon-stacked-area[class^=icon-social][href*=facebook]:before, .icon-stacked-area[class^=icon-social].icon-facebook:before {
  content: "\f184";
}

.icon-stacked-column-line:before, .icon-stacked-column-line[class^=icon-social][href*=youtube]:before, .icon-stacked-column-line[class^=icon-social].icon-youtube:before, .icon-stacked-column-line[class^=icon-social][href*=twitter]:before, .icon-stacked-column-line[class^=icon-social].icon-twitter:before, .icon-stacked-column-line[class^=icon-social][href*=pinterest]:before, .icon-stacked-column-line[class^=icon-social].icon-pinterest:before, .icon-stacked-column-line[class^=icon-social][href*=linkedin]:before, .icon-stacked-column-line[class^=icon-social].icon-linkedin:before, .icon-stacked-column-line[class^=icon-social][href*=instagram]:before, .icon-stacked-column-line[class^=icon-social].icon-instagram:before, .icon-stacked-column-line[class^=icon-social][href*=facebook]:before, .icon-stacked-column-line[class^=icon-social].icon-facebook:before {
  content: "\f185";
}

.icon-submitted:before, .icon-submitted[class^=icon-social][href*=youtube]:before, .icon-submitted[class^=icon-social].icon-youtube:before, .icon-submitted[class^=icon-social][href*=twitter]:before, .icon-submitted[class^=icon-social].icon-twitter:before, .icon-submitted[class^=icon-social][href*=pinterest]:before, .icon-submitted[class^=icon-social].icon-pinterest:before, .icon-submitted[class^=icon-social][href*=linkedin]:before, .icon-submitted[class^=icon-social].icon-linkedin:before, .icon-submitted[class^=icon-social][href*=instagram]:before, .icon-submitted[class^=icon-social].icon-instagram:before, .icon-submitted[class^=icon-social][href*=facebook]:before, .icon-submitted[class^=icon-social].icon-facebook:before {
  content: "\f186";
}

.icon-superset:before, .icon-superset[class^=icon-social][href*=youtube]:before, .icon-superset[class^=icon-social].icon-youtube:before, .icon-superset[class^=icon-social][href*=twitter]:before, .icon-superset[class^=icon-social].icon-twitter:before, .icon-superset[class^=icon-social][href*=pinterest]:before, .icon-superset[class^=icon-social].icon-pinterest:before, .icon-superset[class^=icon-social][href*=linkedin]:before, .icon-superset[class^=icon-social].icon-linkedin:before, .icon-superset[class^=icon-social][href*=instagram]:before, .icon-superset[class^=icon-social].icon-instagram:before, .icon-superset[class^=icon-social][href*=facebook]:before, .icon-superset[class^=icon-social].icon-facebook:before {
  content: "\f187";
}

.icon-switch-arrows:before, .icon-switch-arrows[class^=icon-social][href*=youtube]:before, .icon-switch-arrows[class^=icon-social].icon-youtube:before, .icon-switch-arrows[class^=icon-social][href*=twitter]:before, .icon-switch-arrows[class^=icon-social].icon-twitter:before, .icon-switch-arrows[class^=icon-social][href*=pinterest]:before, .icon-switch-arrows[class^=icon-social].icon-pinterest:before, .icon-switch-arrows[class^=icon-social][href*=linkedin]:before, .icon-switch-arrows[class^=icon-social].icon-linkedin:before, .icon-switch-arrows[class^=icon-social][href*=instagram]:before, .icon-switch-arrows[class^=icon-social].icon-instagram:before, .icon-switch-arrows[class^=icon-social][href*=facebook]:before, .icon-switch-arrows[class^=icon-social].icon-facebook:before {
  content: "\f188";
}

.icon-table:before, .icon-table[class^=icon-social][href*=youtube]:before, .icon-table[class^=icon-social].icon-youtube:before, .icon-table[class^=icon-social][href*=twitter]:before, .icon-table[class^=icon-social].icon-twitter:before, .icon-table[class^=icon-social][href*=pinterest]:before, .icon-table[class^=icon-social].icon-pinterest:before, .icon-table[class^=icon-social][href*=linkedin]:before, .icon-table[class^=icon-social].icon-linkedin:before, .icon-table[class^=icon-social][href*=instagram]:before, .icon-table[class^=icon-social].icon-instagram:before, .icon-table[class^=icon-social][href*=facebook]:before, .icon-table[class^=icon-social].icon-facebook:before {
  content: "\f189";
}

.icon-tick:before, .checkbox span:before,
.radio span:before, .icon-tick[class^=icon-social][href*=youtube]:before, .checkbox span[class^=icon-social][href*=youtube]:before,
.radio span[class^=icon-social][href*=youtube]:before, .icon-tick[class^=icon-social].icon-youtube:before, .checkbox span[class^=icon-social].icon-youtube:before,
.radio span[class^=icon-social].icon-youtube:before, .icon-tick[class^=icon-social][href*=twitter]:before, .checkbox span[class^=icon-social][href*=twitter]:before,
.radio span[class^=icon-social][href*=twitter]:before, .icon-tick[class^=icon-social].icon-twitter:before, .checkbox span[class^=icon-social].icon-twitter:before,
.radio span[class^=icon-social].icon-twitter:before, .icon-tick[class^=icon-social][href*=pinterest]:before, .checkbox span[class^=icon-social][href*=pinterest]:before,
.radio span[class^=icon-social][href*=pinterest]:before, .icon-tick[class^=icon-social].icon-pinterest:before, .checkbox span[class^=icon-social].icon-pinterest:before,
.radio span[class^=icon-social].icon-pinterest:before, .icon-tick[class^=icon-social][href*=linkedin]:before, .checkbox span[class^=icon-social][href*=linkedin]:before,
.radio span[class^=icon-social][href*=linkedin]:before, .icon-tick[class^=icon-social].icon-linkedin:before, .checkbox span[class^=icon-social].icon-linkedin:before,
.radio span[class^=icon-social].icon-linkedin:before, .icon-tick[class^=icon-social][href*=instagram]:before, .checkbox span[class^=icon-social][href*=instagram]:before,
.radio span[class^=icon-social][href*=instagram]:before, .icon-tick[class^=icon-social].icon-instagram:before, .checkbox span[class^=icon-social].icon-instagram:before,
.radio span[class^=icon-social].icon-instagram:before, .icon-tick[class^=icon-social][href*=facebook]:before, .checkbox span[class^=icon-social][href*=facebook]:before,
.radio span[class^=icon-social][href*=facebook]:before, .icon-tick[class^=icon-social].icon-facebook:before, .checkbox span[class^=icon-social].icon-facebook:before,
.radio span[class^=icon-social].icon-facebook:before {
  content: "\f18a";
}

.icon-tictac:before, .introduction-wrapper .introduction-actions .value:before, .icon-tictac[class^=icon-social][href*=youtube]:before, .icon-tictac[class^=icon-social].icon-youtube:before, .icon-tictac[class^=icon-social][href*=twitter]:before, .icon-tictac[class^=icon-social].icon-twitter:before, .icon-tictac[class^=icon-social][href*=pinterest]:before, .icon-tictac[class^=icon-social].icon-pinterest:before, .icon-tictac[class^=icon-social][href*=linkedin]:before, .icon-tictac[class^=icon-social].icon-linkedin:before, .icon-tictac[class^=icon-social][href*=instagram]:before, .icon-tictac[class^=icon-social].icon-instagram:before, .icon-tictac[class^=icon-social][href*=facebook]:before, .icon-tictac[class^=icon-social].icon-facebook:before {
  content: "\f18b";
}

.icon-trash:before, .icon-trash[class^=icon-social][href*=youtube]:before, .icon-trash[class^=icon-social].icon-youtube:before, .icon-trash[class^=icon-social][href*=twitter]:before, .icon-trash[class^=icon-social].icon-twitter:before, .icon-trash[class^=icon-social][href*=pinterest]:before, .icon-trash[class^=icon-social].icon-pinterest:before, .icon-trash[class^=icon-social][href*=linkedin]:before, .icon-trash[class^=icon-social].icon-linkedin:before, .icon-trash[class^=icon-social][href*=instagram]:before, .icon-trash[class^=icon-social].icon-instagram:before, .icon-trash[class^=icon-social][href*=facebook]:before, .icon-trash[class^=icon-social].icon-facebook:before {
  content: "\f18c";
}

.icon-treemap-chart:before, .icon-treemap-chart[class^=icon-social][href*=youtube]:before, .icon-treemap-chart[class^=icon-social].icon-youtube:before, .icon-treemap-chart[class^=icon-social][href*=twitter]:before, .icon-treemap-chart[class^=icon-social].icon-twitter:before, .icon-treemap-chart[class^=icon-social][href*=pinterest]:before, .icon-treemap-chart[class^=icon-social].icon-pinterest:before, .icon-treemap-chart[class^=icon-social][href*=linkedin]:before, .icon-treemap-chart[class^=icon-social].icon-linkedin:before, .icon-treemap-chart[class^=icon-social][href*=instagram]:before, .icon-treemap-chart[class^=icon-social].icon-instagram:before, .icon-treemap-chart[class^=icon-social][href*=facebook]:before, .icon-treemap-chart[class^=icon-social].icon-facebook:before {
  content: "\f18d";
}

.icon-twitter:before, .icon-twitter[class^=icon-social]:before, [class^=icon-social][href*=twitter]:before {
  content: "\f18e";
}

.icon-up-arrow:before, .icon-up-arrow[class^=icon-social][href*=youtube]:before, .icon-up-arrow[class^=icon-social].icon-youtube:before, .icon-up-arrow[class^=icon-social][href*=twitter]:before, .icon-up-arrow[class^=icon-social].icon-twitter:before, .icon-up-arrow[class^=icon-social][href*=pinterest]:before, .icon-up-arrow[class^=icon-social].icon-pinterest:before, .icon-up-arrow[class^=icon-social][href*=linkedin]:before, .icon-up-arrow[class^=icon-social].icon-linkedin:before, .icon-up-arrow[class^=icon-social][href*=instagram]:before, .icon-up-arrow[class^=icon-social].icon-instagram:before, .icon-up-arrow[class^=icon-social][href*=facebook]:before, .icon-up-arrow[class^=icon-social].icon-facebook:before {
  content: "\f18f";
}

.icon-vertical-stacked-column:before, .icon-vertical-stacked-column[class^=icon-social][href*=youtube]:before, .icon-vertical-stacked-column[class^=icon-social].icon-youtube:before, .icon-vertical-stacked-column[class^=icon-social][href*=twitter]:before, .icon-vertical-stacked-column[class^=icon-social].icon-twitter:before, .icon-vertical-stacked-column[class^=icon-social][href*=pinterest]:before, .icon-vertical-stacked-column[class^=icon-social].icon-pinterest:before, .icon-vertical-stacked-column[class^=icon-social][href*=linkedin]:before, .icon-vertical-stacked-column[class^=icon-social].icon-linkedin:before, .icon-vertical-stacked-column[class^=icon-social][href*=instagram]:before, .icon-vertical-stacked-column[class^=icon-social].icon-instagram:before, .icon-vertical-stacked-column[class^=icon-social][href*=facebook]:before, .icon-vertical-stacked-column[class^=icon-social].icon-facebook:before {
  content: "\f190";
}

.icon-visualisations:before, .icon-visualisations[class^=icon-social][href*=youtube]:before, .icon-visualisations[class^=icon-social].icon-youtube:before, .icon-visualisations[class^=icon-social][href*=twitter]:before, .icon-visualisations[class^=icon-social].icon-twitter:before, .icon-visualisations[class^=icon-social][href*=pinterest]:before, .icon-visualisations[class^=icon-social].icon-pinterest:before, .icon-visualisations[class^=icon-social][href*=linkedin]:before, .icon-visualisations[class^=icon-social].icon-linkedin:before, .icon-visualisations[class^=icon-social][href*=instagram]:before, .icon-visualisations[class^=icon-social].icon-instagram:before, .icon-visualisations[class^=icon-social][href*=facebook]:before, .icon-visualisations[class^=icon-social].icon-facebook:before {
  content: "\f191";
}

.icon-waffle-chart-1:before, .icon-waffle-chart-1[class^=icon-social][href*=youtube]:before, .icon-waffle-chart-1[class^=icon-social].icon-youtube:before, .icon-waffle-chart-1[class^=icon-social][href*=twitter]:before, .icon-waffle-chart-1[class^=icon-social].icon-twitter:before, .icon-waffle-chart-1[class^=icon-social][href*=pinterest]:before, .icon-waffle-chart-1[class^=icon-social].icon-pinterest:before, .icon-waffle-chart-1[class^=icon-social][href*=linkedin]:before, .icon-waffle-chart-1[class^=icon-social].icon-linkedin:before, .icon-waffle-chart-1[class^=icon-social][href*=instagram]:before, .icon-waffle-chart-1[class^=icon-social].icon-instagram:before, .icon-waffle-chart-1[class^=icon-social][href*=facebook]:before, .icon-waffle-chart-1[class^=icon-social].icon-facebook:before {
  content: "\f192";
}

.icon-waffle-chart-2:before, .icon-waffle-chart-2[class^=icon-social][href*=youtube]:before, .icon-waffle-chart-2[class^=icon-social].icon-youtube:before, .icon-waffle-chart-2[class^=icon-social][href*=twitter]:before, .icon-waffle-chart-2[class^=icon-social].icon-twitter:before, .icon-waffle-chart-2[class^=icon-social][href*=pinterest]:before, .icon-waffle-chart-2[class^=icon-social].icon-pinterest:before, .icon-waffle-chart-2[class^=icon-social][href*=linkedin]:before, .icon-waffle-chart-2[class^=icon-social].icon-linkedin:before, .icon-waffle-chart-2[class^=icon-social][href*=instagram]:before, .icon-waffle-chart-2[class^=icon-social].icon-instagram:before, .icon-waffle-chart-2[class^=icon-social][href*=facebook]:before, .icon-waffle-chart-2[class^=icon-social].icon-facebook:before {
  content: "\f193";
}

.icon-waffle-chart-3:before, .icon-waffle-chart-3[class^=icon-social][href*=youtube]:before, .icon-waffle-chart-3[class^=icon-social].icon-youtube:before, .icon-waffle-chart-3[class^=icon-social][href*=twitter]:before, .icon-waffle-chart-3[class^=icon-social].icon-twitter:before, .icon-waffle-chart-3[class^=icon-social][href*=pinterest]:before, .icon-waffle-chart-3[class^=icon-social].icon-pinterest:before, .icon-waffle-chart-3[class^=icon-social][href*=linkedin]:before, .icon-waffle-chart-3[class^=icon-social].icon-linkedin:before, .icon-waffle-chart-3[class^=icon-social][href*=instagram]:before, .icon-waffle-chart-3[class^=icon-social].icon-instagram:before, .icon-waffle-chart-3[class^=icon-social][href*=facebook]:before, .icon-waffle-chart-3[class^=icon-social].icon-facebook:before {
  content: "\f194";
}

.icon-query-parameters::before, .icon-query-parameters[class^=icon-social][href*=youtube]:before, .icon-query-parameters[class^=icon-social].icon-youtube:before, .icon-query-parameters[class^=icon-social][href*=twitter]:before, .icon-query-parameters[class^=icon-social].icon-twitter:before, .icon-query-parameters[class^=icon-social][href*=pinterest]:before, .icon-query-parameters[class^=icon-social].icon-pinterest:before, .icon-query-parameters[class^=icon-social][href*=linkedin]:before, .icon-query-parameters[class^=icon-social].icon-linkedin:before, .icon-query-parameters[class^=icon-social][href*=instagram]:before, .icon-query-parameters[class^=icon-social].icon-instagram:before, .icon-query-parameters[class^=icon-social][href*=facebook]:before, .icon-query-parameters[class^=icon-social].icon-facebook:before,
.icon-query-parameters-title::before,
.icon-query-parameters-title[class^=icon-social][href*=youtube]:before,
.icon-query-parameters-title[class^=icon-social].icon-youtube:before,
.icon-query-parameters-title[class^=icon-social][href*=twitter]:before,
.icon-query-parameters-title[class^=icon-social].icon-twitter:before,
.icon-query-parameters-title[class^=icon-social][href*=pinterest]:before,
.icon-query-parameters-title[class^=icon-social].icon-pinterest:before,
.icon-query-parameters-title[class^=icon-social][href*=linkedin]:before,
.icon-query-parameters-title[class^=icon-social].icon-linkedin:before,
.icon-query-parameters-title[class^=icon-social][href*=instagram]:before,
.icon-query-parameters-title[class^=icon-social].icon-instagram:before,
.icon-query-parameters-title[class^=icon-social][href*=facebook]:before,
.icon-query-parameters-title[class^=icon-social].icon-facebook:before {
  content: "";
  height: 21px;
  width: 21px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.82001 11.5504H19.95C20.58 11.5504 21 11.1303 21 10.5001C21 9.86981 20.58 9.4497 19.95 9.4497H8.82001L5.98494 6.61362C5.56498 6.19351 4.93494 6.19351 4.51498 6.61362L1.68007 9.4497H1.05003C0.419991 9.4497 2.89165e-05 9.86981 2.8889e-05 10.5001C2.88614e-05 11.1303 0.419991 11.5504 1.05003 11.5504H1.7851L4.62017 14.3865C5.04013 14.8066 5.67017 14.8066 6.09013 14.3865L8.82001 11.5504ZM3.67502 10.5001L5.25002 8.92452L6.93005 10.6051L5.35506 12.1807L3.67502 10.5001Z' fill='%23D2D5DE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.485 20.7638L19.3199 17.9277H19.9499C20.58 17.9277 20.9999 17.5076 20.9999 16.8773C20.9999 16.2471 20.58 15.8269 19.9499 15.8269H19.3199L16.4848 12.9909C16.0649 12.5708 15.4348 12.5708 15.0149 12.9909L12.18 15.8269H1.04998C0.419947 15.8269 -1.52312e-05 16.2471 -1.52588e-05 16.8773C-1.52863e-05 17.5076 0.419947 17.9277 1.04998 17.9277H12.285L15.12 20.7638C15.435 21.0788 16.0649 21.0788 16.485 20.7638ZM14.1749 16.8774L15.7499 15.3018L17.3249 16.8774L15.7499 18.4529L14.1749 16.8774Z' fill='%23D2D5DE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1199 5.17311L12.285 8.00919C11.8649 8.32424 11.235 8.32424 10.92 8.00919L8.08497 5.17311L1.04999 5.17311C0.419949 5.17311 -1.28215e-05 4.753 -1.27939e-05 4.12274C-1.27664e-05 3.49248 0.419949 3.07237 1.04999 3.07237L7.97997 3.07237L10.8149 0.236289C11.235 -0.0787629 11.8649 -0.0787629 12.285 0.236289L15.1199 3.07237L19.9499 3.07237C20.58 3.07237 20.9999 3.49248 20.9999 4.12274C20.9999 4.753 20.5799 5.17311 19.9499 5.17311L15.1199 5.17311ZM11.5499 2.54726L9.97493 4.12282L11.5499 5.69837L13.1249 4.12282L11.5499 2.54726Z' fill='%23D2D5DE'/%3E%3C/svg%3E");
}

.icon-query-parameters-title::before, .icon-query-parameters-title[class^=icon-social][href*=youtube]:before, .icon-query-parameters-title[class^=icon-social].icon-youtube:before, .icon-query-parameters-title[class^=icon-social][href*=twitter]:before, .icon-query-parameters-title[class^=icon-social].icon-twitter:before, .icon-query-parameters-title[class^=icon-social][href*=pinterest]:before, .icon-query-parameters-title[class^=icon-social].icon-pinterest:before, .icon-query-parameters-title[class^=icon-social][href*=linkedin]:before, .icon-query-parameters-title[class^=icon-social].icon-linkedin:before, .icon-query-parameters-title[class^=icon-social][href*=instagram]:before, .icon-query-parameters-title[class^=icon-social].icon-instagram:before, .icon-query-parameters-title[class^=icon-social][href*=facebook]:before, .icon-query-parameters-title[class^=icon-social].icon-facebook:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.82001 11.5504H19.95C20.58 11.5504 21 11.1303 21 10.5001C21 9.86981 20.58 9.4497 19.95 9.4497H8.82001L5.98494 6.61362C5.56498 6.19351 4.93494 6.19351 4.51498 6.61362L1.68007 9.4497H1.05003C0.419991 9.4497 2.89165e-05 9.86981 2.8889e-05 10.5001C2.88614e-05 11.1303 0.419991 11.5504 1.05003 11.5504H1.7851L4.62017 14.3865C5.04013 14.8066 5.67017 14.8066 6.09013 14.3865L8.82001 11.5504ZM3.67502 10.5001L5.25002 8.92452L6.93005 10.6051L5.35506 12.1807L3.67502 10.5001Z' fill='%2378829A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.485 20.7638L19.3199 17.9277H19.9499C20.58 17.9277 20.9999 17.5076 20.9999 16.8773C20.9999 16.2471 20.58 15.8269 19.9499 15.8269H19.3199L16.4848 12.9909C16.0649 12.5708 15.4348 12.5708 15.0149 12.9909L12.18 15.8269H1.04998C0.419947 15.8269 -1.52312e-05 16.2471 -1.52588e-05 16.8773C-1.52863e-05 17.5076 0.419947 17.9277 1.04998 17.9277H12.285L15.12 20.7638C15.435 21.0788 16.0649 21.0788 16.485 20.7638ZM14.1749 16.8774L15.7499 15.3018L17.3249 16.8774L15.7499 18.4529L14.1749 16.8774Z' fill='%2378829A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1199 5.17311L12.285 8.00919C11.8649 8.32424 11.235 8.32424 10.92 8.00919L8.08497 5.17311L1.04999 5.17311C0.419949 5.17311 -1.28215e-05 4.753 -1.27939e-05 4.12274C-1.27664e-05 3.49248 0.419949 3.07237 1.04999 3.07237L7.97997 3.07237L10.8149 0.236289C11.235 -0.0787629 11.8649 -0.0787629 12.285 0.236289L15.1199 3.07237L19.9499 3.07237C20.58 3.07237 20.9999 3.49248 20.9999 4.12274C20.9999 4.753 20.5799 5.17311 19.9499 5.17311L15.1199 5.17311ZM11.5499 2.54726L9.97493 4.12282L11.5499 5.69837L13.1249 4.12282L11.5499 2.54726Z' fill='%2378829A'/%3E%3C/svg%3E");
}

.icon-query-parameters:hover::before,
.icon-query-parameters.selected::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.82001 11.5504H19.95C20.58 11.5504 21 11.1303 21 10.5001C21 9.86981 20.58 9.4497 19.95 9.4497H8.82001L5.98494 6.61362C5.56498 6.19351 4.93494 6.19351 4.51498 6.61362L1.68007 9.4497H1.05003C0.419991 9.4497 2.89165e-05 9.86981 2.8889e-05 10.5001C2.88614e-05 11.1303 0.419991 11.5504 1.05003 11.5504H1.7851L4.62017 14.3865C5.04013 14.8066 5.67017 14.8066 6.09013 14.3865L8.82001 11.5504ZM3.67502 10.5001L5.25002 8.92452L6.93005 10.6051L5.35506 12.1807L3.67502 10.5001Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.485 20.7638L19.3199 17.9277H19.9499C20.58 17.9277 20.9999 17.5076 20.9999 16.8773C20.9999 16.2471 20.58 15.8269 19.9499 15.8269H19.3199L16.4848 12.9909C16.0649 12.5708 15.4348 12.5708 15.0149 12.9909L12.18 15.8269H1.04998C0.419947 15.8269 -1.52312e-05 16.2471 -1.52588e-05 16.8773C-1.52863e-05 17.5076 0.419947 17.9277 1.04998 17.9277H12.285L15.12 20.7638C15.435 21.0788 16.0649 21.0788 16.485 20.7638ZM14.1749 16.8774L15.7499 15.3018L17.3249 16.8774L15.7499 18.4529L14.1749 16.8774Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1199 5.17311L12.285 8.00919C11.8649 8.32424 11.235 8.32424 10.92 8.00919L8.08497 5.17311L1.04999 5.17311C0.419949 5.17311 -1.28215e-05 4.753 -1.27939e-05 4.12274C-1.27664e-05 3.49248 0.419949 3.07237 1.04999 3.07237L7.97997 3.07237L10.8149 0.236289C11.235 -0.0787629 11.8649 -0.0787629 12.285 0.236289L15.1199 3.07237L19.9499 3.07237C20.58 3.07237 20.9999 3.49248 20.9999 4.12274C20.9999 4.753 20.5799 5.17311 19.9499 5.17311L15.1199 5.17311ZM11.5499 2.54726L9.97493 4.12282L11.5499 5.69837L13.1249 4.12282L11.5499 2.54726Z' fill='white'/%3E%3C/svg%3E");
}

.icon-outline-pin {
  background-image: url("data:image/svg+xml,%3Csvg  id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' fill='%23FAB12E' viewBox='0 0 20 20'%3E%3Cpath d='M7.86 4.9V1.4h.71A.71.71 0 0 0 9.29.7.72.72 0 0 0 8.57 0H1.43A.72.72 0 0 0 .71.7a.71.71 0 0 0 .72.7h.71V4.9A2.11 2.11 0 0 1 0 7V8.4H4.26v4.9L5 14l.71-.7V8.4H10V7A2.11 2.11 0 0 1 7.86 4.9ZM2.86 7a3.43 3.43 0 0 0 .71-2.1V1.4H6.43V4.9A3.45 3.45 0 0 0 7.14 7Z'/%3E%3C/svg%3E");
  top: 50% !important;
  left: 50% !important;
  transform: translate(-25%, -33%);
}

.icon-filled-pin {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' fill='%23FAB12E' viewBox='0 0 20 20'%3E%3Cpath d='M1.43 0H8.57a.71.71 0 0 1 .72.7.71.71 0 0 1-.72.7H7.86V4.9A2.11 2.11 0 0 0 10 7V8.4H5.69v4.9L5 14l-.72-.7V8.4H0V7A2.11 2.11 0 0 0 2.14 4.9V1.4H1.43A.71.71 0 0 1 .71.7.71.71 0 0 1 1.43 0Z' transform='translate(0 0)'/%3E%3C/svg%3E");
  top: 50% !important;
  left: 50% !important;
  transform: translate(-25%, -33%);
}

.icon-bug {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='2 2 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.90404 0C1.30018 0 0 1.30018 0 2.90404V22.096C0 23.6998 1.30018 25 2.90404 25H22.096C23.6998 25 25 23.6998 25 22.096V18.9534C25 18.4653 24.6043 18.0696 24.1162 18.0696C23.628 18.0696 23.2323 18.4653 23.2323 18.9534V22.096C23.2323 22.7236 22.7236 23.2323 22.096 23.2323H2.90404C2.27644 23.2323 1.76768 22.7236 1.76768 22.096V2.90404C1.76768 2.27644 2.27644 1.76768 2.90404 1.76768H22.096C22.7236 1.76768 23.2323 2.27644 23.2323 2.90404V7.07912C23.2323 7.56726 23.628 7.96296 24.1162 7.96296C24.6043 7.96296 25 7.56726 25 7.07912V2.90404C25 1.30018 23.6998 0 22.096 0H2.90404ZM15.1265 5.59688C15.3244 5.14474 15.1054 4.61274 14.6376 4.40863C14.1697 4.20452 13.63 4.40559 13.4321 4.85774L12.9509 5.95734C12.7675 5.92566 12.5788 5.90915 12.3863 5.90915C12.2679 5.90915 12.1509 5.91539 12.0358 5.92757L11.5676 4.85774C11.3698 4.40559 10.8301 4.20452 10.3622 4.40863C9.89428 4.61274 9.67538 5.14474 9.87324 5.59688L10.3263 6.63218C9.57307 7.23613 9.0908 8.16404 9.0908 9.2046V9.54551H8.63625C8.13418 9.54551 7.72716 9.95253 7.72716 10.4546V11.0728L6.0551 9.40074C5.70007 9.04572 5.12447 9.04572 4.76945 9.40074C4.41443 9.75576 4.41443 10.3314 4.76945 10.6864L7.26493 13.1819H4.77262C4.27054 13.1819 3.86353 13.5889 3.86353 14.091C3.86353 14.593 4.27054 15.0001 4.77262 15.0001H7.29684L4.76945 17.5274C4.41443 17.8825 4.41443 18.4581 4.76945 18.8131C5.12447 19.1681 5.70007 19.1681 6.0551 18.8131L8.11584 16.7523C8.83532 18.3966 10.4766 19.5455 12.3863 19.5455C14.3239 19.5455 15.9852 18.3627 16.6877 16.6797L18.8211 18.8131C19.1761 19.1681 19.7517 19.1681 20.1067 18.8131C20.4617 18.4581 20.4617 17.8825 20.1067 17.5274L17.5793 15.0001H20.2272C20.7292 15.0001 21.1363 14.593 21.1363 14.091C21.1363 13.5889 20.7292 13.1819 20.2272 13.1819H17.6112L20.1067 10.6864C20.4617 10.3314 20.4617 9.75576 20.1067 9.40074C19.7517 9.04572 19.1761 9.04572 18.8211 9.40074L17.0453 11.1765V10.4546C17.0453 9.95253 16.6383 9.54551 16.1363 9.54551H15.6817V9.2046C15.6817 8.2423 15.2692 7.37632 14.6115 6.77384L15.1265 5.59688ZM13.8635 9.54551H10.909V9.2046C10.909 8.38873 11.5704 7.72733 12.3863 7.72733C13.2021 7.72733 13.8635 8.38873 13.8635 9.2046V9.54551ZM9.54534 14.8864V11.591H10.909H13.8635H15.2272V14.8864C15.2272 16.4554 13.9552 17.7273 12.3863 17.7273C10.8173 17.7273 9.54534 16.4554 9.54534 14.8864Z' fill='%23E94B35'/%3E%3C/svg%3E");
}

.icon-bug-disabled {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='2 2 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.90404 0C1.30018 0 0 1.30018 0 2.90404V22.096C0 23.6998 1.30018 25 2.90404 25H22.096C23.6998 25 25 23.6998 25 22.096V18.9534C25 18.4653 24.6043 18.0696 24.1162 18.0696C23.628 18.0696 23.2323 18.4653 23.2323 18.9534V22.096C23.2323 22.7236 22.7236 23.2323 22.096 23.2323H2.90404C2.27644 23.2323 1.76768 22.7236 1.76768 22.096V2.90404C1.76768 2.27644 2.27644 1.76768 2.90404 1.76768H22.096C22.7236 1.76768 23.2323 2.27644 23.2323 2.90404V7.07912C23.2323 7.56726 23.628 7.96296 24.1162 7.96296C24.6043 7.96296 25 7.56726 25 7.07912V2.90404C25 1.30018 23.6998 0 22.096 0H2.90404ZM15.1265 5.59688C15.3244 5.14474 15.1054 4.61274 14.6376 4.40863C14.1697 4.20452 13.63 4.40559 13.4321 4.85774L12.9509 5.95734C12.7675 5.92566 12.5788 5.90915 12.3863 5.90915C12.2679 5.90915 12.1509 5.91539 12.0358 5.92757L11.5676 4.85774C11.3698 4.40559 10.8301 4.20452 10.3622 4.40863C9.89428 4.61274 9.67538 5.14474 9.87324 5.59688L10.3263 6.63218C9.57307 7.23613 9.0908 8.16404 9.0908 9.2046V9.54551H8.63625C8.13418 9.54551 7.72716 9.95253 7.72716 10.4546V11.0728L6.0551 9.40074C5.70007 9.04572 5.12447 9.04572 4.76945 9.40074C4.41443 9.75576 4.41443 10.3314 4.76945 10.6864L7.26493 13.1819H4.77262C4.27054 13.1819 3.86353 13.5889 3.86353 14.091C3.86353 14.593 4.27054 15.0001 4.77262 15.0001H7.29684L4.76945 17.5274C4.41443 17.8825 4.41443 18.4581 4.76945 18.8131C5.12447 19.1681 5.70007 19.1681 6.0551 18.8131L8.11584 16.7523C8.83532 18.3966 10.4766 19.5455 12.3863 19.5455C14.3239 19.5455 15.9852 18.3627 16.6877 16.6797L18.8211 18.8131C19.1761 19.1681 19.7517 19.1681 20.1067 18.8131C20.4617 18.4581 20.4617 17.8825 20.1067 17.5274L17.5793 15.0001H20.2272C20.7292 15.0001 21.1363 14.593 21.1363 14.091C21.1363 13.5889 20.7292 13.1819 20.2272 13.1819H17.6112L20.1067 10.6864C20.4617 10.3314 20.4617 9.75576 20.1067 9.40074C19.7517 9.04572 19.1761 9.04572 18.8211 9.40074L17.0453 11.1765V10.4546C17.0453 9.95253 16.6383 9.54551 16.1363 9.54551H15.6817V9.2046C15.6817 8.2423 15.2692 7.37632 14.6115 6.77384L15.1265 5.59688ZM13.8635 9.54551H10.909V9.2046C10.909 8.38873 11.5704 7.72733 12.3863 7.72733C13.2021 7.72733 13.8635 8.38873 13.8635 9.2046V9.54551ZM9.54534 14.8864V11.591H10.909H13.8635H15.2272V14.8864C15.2272 16.4554 13.9552 17.7273 12.3863 17.7273C10.8173 17.7273 9.54534 16.4554 9.54534 14.8864Z' fill='%23fbe1dd'/%3E%3C/svg%3E");
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "Roboto", serif;
  font-size: 10px;
  line-height: 1.7;
  color: #78829a;
  background-color: #ffffff;
}

@media screen and (min-width: 1280px) {
  body {
    font-size: 11px;
  }
}
@media screen and (min-width: 1480px) {
  body {
    font-size: 12px;
  }
}
main {
  min-height: 100vh;
}

body,
input,
textarea,
select,
button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.pagination-nav .main-footer-meta .result-count,
.h6 {
  color: #1e2f56;
  font-family: "Roboto", serif;
  font-weight: 700;
  line-height: 1.1;
  padding: 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.pagination-nav .main-footer-meta .result-count a,
.h6 a {
  color: inherit;
  text-decoration: none;
}

h1,
.h1 {
  font-size: 20px;
  margin: 0 0 10px 0;
}

h2,
.h2 {
  font-size: 18px;
  margin: 0 0 10px 0;
}

h3,
.h3 {
  font-size: 16px;
  margin: 0 0 10px 0;
}

h4,
.h4 {
  font-size: 13px;
  margin: 0 0 5px 0;
}

h5,
.h5,
.pagination-nav .main-footer-meta .result-count {
  font-size: 12px;
  margin: 0 0 5px 0;
}

h6,
.h6 {
  font-size: 10px;
  margin: 0 0 5px 0;
}

@media screen and (min-width: 1280px) {
  h6,
  .h6 {
    font-size: 11px;
  }
}
@media screen and (min-width: 1480px) {
  h6,
  .h6 {
    font-size: 12px;
  }
}
a {
  color: inherit;
  transition: color 200ms ease;
  text-decoration: none;
}
a:hover {
  color: #1e2f56;
}

p {
  margin: 0 0 20px;
}

p:empty,
p:last-child {
  margin-bottom: 0;
}

[class^=icon-social]:before, [class^=icon-social][href*=youtube]:before, [class^=icon-social].icon-youtube:before, [class^=icon-social][href*=twitter]:before, [class^=icon-social].icon-twitter:before, [class^=icon-social][href*=pinterest]:before, [class^=icon-social].icon-pinterest:before, [class^=icon-social][href*=linkedin]:before, [class^=icon-social].icon-linkedin:before, [class^=icon-social][href*=instagram]:before, [class^=icon-social].icon-instagram:before, [class^=icon-social][href*=facebook]:before, [class^=icon-social].icon-facebook:before {
  line-height: 1;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ThemeIcons";
}
a[class^=icon-] {
  position: relative;
}
a[class^=icon-]:active {
  opacity: 0.3;
  transition: all 0.5s ease;
}
a[class^=icon-].green {
  color: #5bc287;
}
a[class^=icon-].green:hover:before {
  color: #def3e7;
}
a[class^=icon-].grey {
  color: #494848;
}
a[class^=icon-].grey:hover:before {
  color: #d4d4d4;
}
a[class^=icon-].blue {
  color: #1478bd;
}
a[class^=icon-].blue:hover:before {
  color: #d5e4f2;
}
a[class^=icon-].orange {
  color: #ef7923;
}
a[class^=icon-].orange:hover:before {
  color: #fff0d4;
}
a[class^=icon-].yellow {
  color: #fab12e;
}
a[class^=icon-].yellow:hover:before {
  color: #fff0d4;
}
a[class^=icon-].white {
  color: #fff;
}
a[class^=icon-].navy-light {
  color: #d2d5de;
}
a[class^=icon-].disabled {
  color: #d5e4f2 !important;
  cursor: initial;
  pointer-events: none;
  z-index: 100;
}
a[class^=icon-].disabled:before {
  opacity: 1 !important;
  visibility: visible !important;
}
a[class^=icon-].navy-light-medium {
  color: #a6acbb;
}
a[class^=icon-].navy-dark {
  color: #1e2f56;
}
a[class^=icon-]:hover span {
  opacity: 1;
  visibility: visible;
  transition-delay: 200ms;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.centering {
  margin: 0 auto;
  max-width: 1320px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 769px) {
  .centering {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.has-bg-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.border-green {
  border: 1px solid #5bc287;
}

.border-grey {
  border: 1px solid #494848;
}

.border-blue {
  border: 1px solid #1478bd;
}

.border-orange {
  border: 1px solid #ef7923;
}

.border-yellow {
  border: 1px solid #fab12e;
}

.border-navy-light {
  border: 1px solid #d2d5de;
}

.background-green {
  background-color: #5bc287;
}

.background-grey {
  background-color: #494848;
}

.background-blue {
  background-color: #1478bd;
}

.background-orange {
  background-color: #ef7923;
}

.background-yellow {
  background-color: #fab12e;
}

.background-navy-medium {
  background-color: #78829a;
}

.has-bg.dark-blue {
  background-color: #1e2f56;
  color: #d2d5de;
}
.has-bg.dark-blue h1, .has-bg.dark-blue h2, .has-bg.dark-blue h3, .has-bg.dark-blue h4, .has-bg.dark-blue h5, .has-bg.dark-blue h6 {
  color: #ffffff;
}
.has-bg.white {
  background-color: #ffffff;
}
.has-bg.white h1, .has-bg.white h2, .has-bg.white h3, .has-bg.white h4, .has-bg.white h5, .has-bg.white h6 {
  color: #1e2f56;
}

.action-box, .popup.information, .information.setup-2fa {
  display: flex;
  height: 100%;
  width: 100%;
  margin: auto;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .action-box, .popup.information, .information.setup-2fa {
    height: auto;
  }
}
.action-box.two-squares, .two-squares.popup.information, .two-squares.information.setup-2fa {
  max-width: 600px;
  max-height: 300px;
}
@media screen and (max-width: 768px) {
  .action-box.two-squares, .two-squares.popup.information, .two-squares.information.setup-2fa {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-height: initial;
    max-width: 300px;
  }
}
.action-box.two-squares .square, .two-squares.popup.information .square, .two-squares.information.setup-2fa .square {
  padding: 20px;
  width: 100%;
  max-width: 300px;
  height: 100%;
  max-height: 300px;
}

.pagination-nav {
  margin-top: auto;
  align-items: flex-end;
  flex-flow: row wrap;
  width: 100%;
  padding-top: 15px;
}
@media screen and (max-width: 768px) {
  .pagination-nav {
    flex-direction: column;
    margin-top: 10px;
  }
}
.pagination-nav .main-footer-meta .result-count {
  color: #a6acbb;
  margin-bottom: 0;
  margin-right: 5px;
  display: flex;
}
.pagination-nav .pagination {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.pagination-nav .pagination a, .pagination-nav .pagination .current {
  margin-right: 5px;
  padding: 5px 8px !important;
  color: #d4d4d4 !important;
  border-color: #d4d4d4 !important;
}
.pagination-nav .pagination .current {
  pointer-events: none;
  color: #1478bd !important;
  border-color: #1478bd !important;
  background-color: #d5e4f2 !important;
}
.pagination-nav .pagination a:hover {
  color: #1478bd !important;
  border-color: #1478bd !important;
  background-color: #d5e4f2;
}
.pagination-nav .pagination .wp-pagenavi {
  clear: both;
  display: flex;
  align-items: flex-end;
  margin-right: -5px;
}
.pagination-nav .pagination .extend {
  margin-right: 5px;
}

.snippet-container {
  display: flex;
  border: 1px solid #d2d5de;
  position: relative;
  border-radius: 2.5px;
}
.snippet-container .snippet-text {
  padding: 20px;
  width: 100%;
}
.snippet-container:before, .snippet-container[class^=icon-social][href*=facebook]:before, .snippet-container[class^=icon-social].icon-facebook:before, .snippet-container[class^=icon-social][href*=instagram]:before, .snippet-container[class^=icon-social].icon-instagram:before, .snippet-container[class^=icon-social][href*=linkedin]:before, .snippet-container[class^=icon-social].icon-linkedin:before, .snippet-container[class^=icon-social][href*=pinterest]:before, .snippet-container[class^=icon-social].icon-pinterest:before, .snippet-container[class^=icon-social][href*=twitter]:before, .snippet-container[class^=icon-social].icon-twitter:before, .snippet-container[class^=icon-social][href*=youtube]:before, .snippet-container[class^=icon-social].icon-youtube:before {
  content: "";
  display: inline-block;
  background-color: #f2f4f7;
  width: 20px;
  left: 0;
  top: 0;
  bottom: 0;
  border-right: 1px solid #d2d5de;
}
.form-popup .snippet-container:before {
  display: none;
}
.snippet-container.scroll .snippet-text {
  padding: 20px 15px 20px 20px;
  overflow: auto;
}
.snippet-container.scroll.full-height {
  min-height: 500px;
  flex: 1;
}
.snippet-container.scroll.full-height .snippet-text {
  position: absolute;
  left: 20px;
  top: 0;
  height: 100%;
  width: calc(100% - 25px);
  font-family: "Roboto Mono", monospace;
}
@media screen and (max-width: 1279px) {
  .snippet-container.scroll.full-height .snippet-text {
    max-height: 500px;
  }
}

main ::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
main ::-webkit-scrollbar-track {
  background: transparent;
  margin: 10px;
}
main ::-webkit-scrollbar-thumb {
  background-color: #d2d5de;
  transition: background-color 350ms ease-in-out;
}
main ::-webkit-scrollbar-thumb:hover {
  background-color: #78829a;
}

body {
  position: relative;
}
body:before, body[class^=icon-social][href*=facebook]:before, body[class^=icon-social].icon-facebook:before, body[class^=icon-social][href*=instagram]:before, body[class^=icon-social].icon-instagram:before, body[class^=icon-social][href*=linkedin]:before, body[class^=icon-social].icon-linkedin:before, body[class^=icon-social][href*=pinterest]:before, body[class^=icon-social].icon-pinterest:before, body[class^=icon-social][href*=twitter]:before, body[class^=icon-social].icon-twitter:before, body[class^=icon-social][href*=youtube]:before, body[class^=icon-social].icon-youtube:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: #000000;
  z-index: 1010;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: all 350ms ease-in-out;
}
body.dark:before, body.dark[class^=icon-social][href*=facebook]:before, body.dark[class^=icon-social].icon-facebook:before, body.dark[class^=icon-social][href*=instagram]:before, body.dark[class^=icon-social].icon-instagram:before, body.dark[class^=icon-social][href*=linkedin]:before, body.dark[class^=icon-social].icon-linkedin:before, body.dark[class^=icon-social][href*=pinterest]:before, body.dark[class^=icon-social].icon-pinterest:before, body.dark[class^=icon-social][href*=twitter]:before, body.dark[class^=icon-social].icon-twitter:before, body.dark[class^=icon-social][href*=youtube]:before, body.dark[class^=icon-social].icon-youtube:before {
  opacity: 0.5;
  visibility: visible;
  height: auto;
}

.big-width {
  width: calc(100% - 360px);
}
@media screen and (max-width: 1279px) {
  .big-width {
    width: 100%;
  }
}

.medium-width {
  width: calc(65% - 20px);
}
@media screen and (max-width: 1279px) {
  .medium-width {
    width: 100%;
  }
}

.tab-navigation {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  .tab-navigation {
    left: 60%;
  }
}
.tab-navigation .navigation-button {
  padding: 15px;
  display: flex;
  background-color: #4b5978;
  transition: all 300ms ease-in-out;
  margin: 0 -1px 0 0;
}
@media screen and (max-width: 768px) {
  .tab-navigation .navigation-button {
    padding: 15px;
  }
}
.tab-navigation .navigation-button:before {
  font-size: 17px;
  color: #d2d5de;
}
@media screen and (max-width: 768px) {
  .tab-navigation .navigation-button:before {
    font-size: 14px;
  }
}
.tab-navigation .navigation-button:hover {
  background-color: #1e2f56;
}
.tab-navigation .navigation-button:hover:before {
  color: #fff;
}
.tab-navigation .navigation-button.selected {
  background-color: #1e2f56;
}
.tab-navigation .navigation-button.selected:before {
  color: #fff;
}
.tab-navigation .navigation-button:first-of-type {
  border-radius: 5px 0px 0px 5px;
}
.tab-navigation .navigation-button:last-of-type {
  border-radius: 0px 5px 5px 0px;
}

.tooltip {
  position: fixed;
  width: max-content;
  transform: translate(-50%, -50%);
  background-color: #494848 !important;
  color: #ffffff !important;
  border-color: #494848 !important;
  font-weight: 300 !important;
  transition-delay: 0ms;
  opacity: 0;
  visibility: hidden;
  margin-top: -20px;
  margin-left: 10px;
}
.tooltip:before, .tooltip[class^=icon-social][href*=facebook]:before, .tooltip[class^=icon-social].icon-facebook:before, .tooltip[class^=icon-social][href*=instagram]:before, .tooltip[class^=icon-social].icon-instagram:before, .tooltip[class^=icon-social][href*=linkedin]:before, .tooltip[class^=icon-social].icon-linkedin:before, .tooltip[class^=icon-social][href*=pinterest]:before, .tooltip[class^=icon-social].icon-pinterest:before, .tooltip[class^=icon-social][href*=twitter]:before, .tooltip[class^=icon-social].icon-twitter:before, .tooltip[class^=icon-social][href*=youtube]:before, .tooltip[class^=icon-social].icon-youtube:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #494848;
}
.tooltip.green {
  background-color: #5bc287 !important;
  border-color: #5bc287 !important;
}
.tooltip.green:before {
  border-top: 5px solid #5bc287 !important;
}
.tooltip.grey {
  background-color: #494848 !important;
  border-color: #494848 !important;
}
.tooltip.grey:before {
  border-top: 5px solid #494848 !important;
}
.tooltip.blue {
  background-color: #1478bd !important;
  border-color: #1478bd !important;
}
.tooltip.blue:before {
  border-top: 5px solid #1478bd !important;
}
.tooltip.orange {
  background-color: #ef7923 !important;
  border-color: #ef7923 !important;
}
.tooltip.orange:before {
  border-top: 5px solid #ef7923 !important;
}
.tooltip.yellow {
  background-color: #fab12e !important;
  border-color: #fab12e !important;
}
.tooltip.yellow:before {
  border-top: 5px solid #fab12e !important;
}

.is-noscroll {
  pointer-events: none;
  height: 100%;
  overflow: hidden;
}
.is-noscroll .header,
.is-noscroll .main-nav,
.is-noscroll .top {
  pointer-events: auto;
}

.header {
  min-height: 60px;
  background-color: #1e2f56;
  padding: 15px 0;
  position: relative;
  z-index: 200;
}
@media screen and (max-width: 768px) {
  .header {
    min-height: 60px;
  }
}
.header img {
  display: block;
}

.footer {
  padding: 20px 0;
}
.footer .footer-credits {
  align-items: flex-end;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .footer .footer-credits {
    align-items: flex-start;
    flex-flow: column;
  }
}

.pro-sidebar {
  color: #d2d5de !important;
  height: 100vh !important;
  width: 175px !important;
  min-width: 175px !important;
  text-align: left !important;
  transition: width, left, right, 0.3s !important;
  position: fixed !important;
  font-size: 13px !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 100 !important;
}
.pro-sidebar > .pro-sidebar-inner {
  background: #1e2f56;
  height: 100%;
  position: relative;
  z-index: 101;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 101;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-header {
  padding: 15px 15px 0 15px;
  position: relative;
  min-height: 25px;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-header .logo-image img {
  width: 100%;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-header .logo-image.collapsed {
  display: none;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-header .collapse-arrow {
  position: absolute;
  font-size: 12px;
  right: -8px;
  top: 13px;
  transform: rotate(180deg);
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item {
  cursor: pointer;
  font-weight: 500;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item:hover {
  background-color: #4b5978;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item.active {
  color: #fff;
  position: relative;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item.active:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
  background-color: #ef7923;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item > .pro-inner-item {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 11px 30px 11px 15px;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item > .pro-inner-item .icon-menu {
  display: flex;
  margin-right: 15px;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item > .pro-inner-item .icon-menu:before {
  font-size: 14px;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item > .pro-inner-item > .pro-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item .react-slidedown {
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition-property: none;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  font-size: 11px;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item .react-slidedown.pro-inner-list-item > div ul li {
  transition: all 200ms ease-in-out;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item .react-slidedown.pro-inner-list-item > div ul li:hover {
  background-color: #78829a;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item.open {
  position: relative;
  background-color: #4b5978;
  color: #fff;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item.open .pro-inner-item .pro-arrow-wrapper .pro-arrow {
  transform: rotate(140deg) !important;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item.open .react-slidedown {
  min-height: auto !important;
  max-height: 400px !important;
  overflow-y: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  transition-property: none;
  background-color: #4b5978 !important;
  height: auto;
  overflow: visible;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item.open .react-slidedown .pro-inner-item {
  padding: 13px 20px;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-content {
  flex-grow: 1;
  margin-top: 25px;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-content .pro-menu ul .pro-sub-menu .pro-inner-item > .pro-arrow-wrapper {
  position: absolute;
  right: 15px;
  top: 45%;
  transform: translateY(-50%);
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-content .pro-menu ul .pro-sub-menu .pro-inner-item > .pro-arrow-wrapper .pro-arrow {
  display: inline-block;
  border-style: solid;
  border-width: 0px 0px 2px 2px;
  padding: 2.5px;
  transition: transform 0.3s;
  transform: rotate(-45deg);
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
  border-radius: 0;
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper .pro-icon {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-item-content {
  flex-grow: 1;
  flex-shrink: 1;
}
.pro-sidebar .pro-menu .menu-users-icon {
  height: 20px;
}
.pro-sidebar.collapsed {
  width: 60px !important;
  min-width: 60px !important;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-header {
  padding: 10px 10px 0 10px;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-header .logo-image {
  display: none;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-header .logo-image.collapsed {
  display: block;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-header .collapse-arrow {
  top: 22px;
  transition: transform 200ms ease-in-out;
  transform: rotate(0);
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-content .pro-menu ul .pro-menu-item .pro-inner-list-item {
  height: auto !important;
  position: absolute;
  visibility: hidden;
  min-width: 180px;
  max-width: 180px;
  background-color: transparent;
  top: 0;
  left: 100%;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-content .pro-menu ul .pro-menu-item .pro-inner-list-item .popper-inner {
  max-height: 100vh;
  overflow-y: auto;
  background-color: #4b5978;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-content .pro-menu ul .pro-menu-item .pro-inner-item {
  pointer-events: none;
  justify-content: center;
  padding: 11px 15px;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-content .pro-menu ul .pro-menu-item .pro-inner-item .pro-arrow-wrapper {
  display: none;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-content .pro-menu ul .pro-menu-item .react-slidedown .pro-inner-item {
  padding: 13px 20px;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-content .pro-menu ul .pro-menu-item.pro-sub-menu:hover > .pro-inner-list-item {
  transition: visibility, transform 0.3s;
  visibility: visible;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-content .pro-menu ul .pro-menu-item:hover {
  position: relative;
  background-color: #4b5978;
  color: #fff;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-content .pro-menu ul .pro-menu-item:hover .pro-inner-item .pro-arrow-wrapper .pro-arrow {
  transform: rotate(140deg) !important;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-content .pro-menu ul .pro-menu-item:hover .react-slidedown {
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  transition-property: none;
  background-color: #4b5978 !important;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-content .pro-menu ul .pro-menu-item:hover .react-slidedown .pro-menu-item:hover {
  background-color: #78829a;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-content .pro-menu ul .pro-menu-item:hover .react-slidedown .pro-menu-item .pro-inner-item {
  padding: 13px 20px;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-icon-wrapper {
  width: 35px;
  min-width: 35px;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-icon-wrapper .icon-menu {
  margin-right: 0;
}
.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-layout .pro-sidebar-footer .pro-inner-item {
  justify-content: center;
  padding: 11px 15px;
}

.pro-sidebar.collapsed .pro-menu-item.pro-sub-menu.open:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
  background: none;
}
.pro-sidebar.collapsed .pro-menu-item.pro-sub-menu.open:hover {
  background: #4b5978 !important;
}

.pro-sidebar-footer .pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item {
  height: auto !important;
  position: fixed;
  visibility: hidden;
  min-width: 220px;
  max-width: 270px;
  background-color: transparent;
  max-height: 100%;
  padding-left: 3px;
}
.pro-sidebar-footer .popper-inner {
  background-color: #4b5978 !important;
}
.pro-sidebar-footer .popper-inner .pro-menu-item {
  padding: 5px !important;
}
.pro-sidebar-footer .popper-inner .pro-inner-item {
  background: #4b5978 !important;
}
.pro-sidebar-footer .popper-inner .pro-inner-item .pro-item-content {
  color: #ffffff !important;
  font-size: 11px !important;
}
.pro-sidebar-footer .popper-inner:hover .pro-inner-item {
  background: #78829a !important;
  background-color: #78829a !important;
}
.pro-sidebar-footer .pro-inner-list-item.popper-element {
  opacity: 0;
}

.grid {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
}

[class^=grid-],
[class*=" grid-"] {
  padding: 20px;
}

.grid-xs-1 {
  width: calc(100% / (12 / 1));
}

.offset-xs-1 {
  margin-left: calc(100% / (12 / 1));
}

.grid-xs-2 {
  width: calc(100% / (12 / 2));
}

.offset-xs-2 {
  margin-left: calc(100% / (12 / 2));
}

.grid-xs-3 {
  width: calc(100% / (12 / 3));
}

.offset-xs-3 {
  margin-left: calc(100% / (12 / 3));
}

.grid-xs-4 {
  width: calc(100% / (12 / 4));
}

.offset-xs-4 {
  margin-left: calc(100% / (12 / 4));
}

.grid-xs-5 {
  width: calc(100% / (12 / 5));
}

.offset-xs-5 {
  margin-left: calc(100% / (12 / 5));
}

.grid-xs-6 {
  width: calc(100% / (12 / 6));
}

.offset-xs-6 {
  margin-left: calc(100% / (12 / 6));
}

.grid-xs-7 {
  width: calc(100% / (12 / 7));
}

.offset-xs-7 {
  margin-left: calc(100% / (12 / 7));
}

.grid-xs-8 {
  width: calc(100% / (12 / 8));
}

.offset-xs-8 {
  margin-left: calc(100% / (12 / 8));
}

.grid-xs-9 {
  width: calc(100% / (12 / 9));
}

.offset-xs-9 {
  margin-left: calc(100% / (12 / 9));
}

.grid-xs-10 {
  width: calc(100% / (12 / 10));
}

.offset-xs-10 {
  margin-left: calc(100% / (12 / 10));
}

.grid-xs-11 {
  width: calc(100% / (12 / 11));
}

.offset-xs-11 {
  margin-left: calc(100% / (12 / 11));
}

.grid-xs-12 {
  width: calc(100% / (12 / 12));
}

.offset-xs-12 {
  margin-left: calc(100% / (12 / 12));
}

@media screen and (min-width: 480px) {
  .grid-sm-1 {
    width: calc(100% / (12 / 1));
  }
  .offset-sm-1 {
    margin-left: calc(100% / (12 / 1));
  }
  .grid-sm-2 {
    width: calc(100% / (12 / 2));
  }
  .offset-sm-2 {
    margin-left: calc(100% / (12 / 2));
  }
  .grid-sm-3 {
    width: calc(100% / (12 / 3));
  }
  .offset-sm-3 {
    margin-left: calc(100% / (12 / 3));
  }
  .grid-sm-4 {
    width: calc(100% / (12 / 4));
  }
  .offset-sm-4 {
    margin-left: calc(100% / (12 / 4));
  }
  .grid-sm-5 {
    width: calc(100% / (12 / 5));
  }
  .offset-sm-5 {
    margin-left: calc(100% / (12 / 5));
  }
  .grid-sm-6 {
    width: calc(100% / (12 / 6));
  }
  .offset-sm-6 {
    margin-left: calc(100% / (12 / 6));
  }
  .grid-sm-7 {
    width: calc(100% / (12 / 7));
  }
  .offset-sm-7 {
    margin-left: calc(100% / (12 / 7));
  }
  .grid-sm-8 {
    width: calc(100% / (12 / 8));
  }
  .offset-sm-8 {
    margin-left: calc(100% / (12 / 8));
  }
  .grid-sm-9 {
    width: calc(100% / (12 / 9));
  }
  .offset-sm-9 {
    margin-left: calc(100% / (12 / 9));
  }
  .grid-sm-10 {
    width: calc(100% / (12 / 10));
  }
  .offset-sm-10 {
    margin-left: calc(100% / (12 / 10));
  }
  .grid-sm-11 {
    width: calc(100% / (12 / 11));
  }
  .offset-sm-11 {
    margin-left: calc(100% / (12 / 11));
  }
  .grid-sm-12 {
    width: calc(100% / (12 / 12));
  }
  .offset-sm-12 {
    margin-left: calc(100% / (12 / 12));
  }
}
@media screen and (min-width: 769px) {
  .grid-s-1 {
    width: calc(100% / (12 / 1));
  }
  .offset-s-1 {
    margin-left: calc(100% / (12 / 1));
  }
  .grid-s-2 {
    width: calc(100% / (12 / 2));
  }
  .offset-s-2 {
    margin-left: calc(100% / (12 / 2));
  }
  .grid-s-3 {
    width: calc(100% / (12 / 3));
  }
  .offset-s-3 {
    margin-left: calc(100% / (12 / 3));
  }
  .grid-s-4 {
    width: calc(100% / (12 / 4));
  }
  .offset-s-4 {
    margin-left: calc(100% / (12 / 4));
  }
  .grid-s-5 {
    width: calc(100% / (12 / 5));
  }
  .offset-s-5 {
    margin-left: calc(100% / (12 / 5));
  }
  .grid-s-6 {
    width: calc(100% / (12 / 6));
  }
  .offset-s-6 {
    margin-left: calc(100% / (12 / 6));
  }
  .grid-s-7 {
    width: calc(100% / (12 / 7));
  }
  .offset-s-7 {
    margin-left: calc(100% / (12 / 7));
  }
  .grid-s-8 {
    width: calc(100% / (12 / 8));
  }
  .offset-s-8 {
    margin-left: calc(100% / (12 / 8));
  }
  .grid-s-9 {
    width: calc(100% / (12 / 9));
  }
  .offset-s-9 {
    margin-left: calc(100% / (12 / 9));
  }
  .grid-s-10 {
    width: calc(100% / (12 / 10));
  }
  .offset-s-10 {
    margin-left: calc(100% / (12 / 10));
  }
  .grid-s-11 {
    width: calc(100% / (12 / 11));
  }
  .offset-s-11 {
    margin-left: calc(100% / (12 / 11));
  }
  .grid-s-12 {
    width: calc(100% / (12 / 12));
  }
  .offset-s-12 {
    margin-left: calc(100% / (12 / 12));
  }
}
@media screen and (min-width: 1025px) {
  .grid-m-1 {
    width: calc(100% / (12 / 1));
  }
  .offset-m-1 {
    margin-left: calc(100% / (12 / 1));
  }
  .grid-m-2 {
    width: calc(100% / (12 / 2));
  }
  .offset-m-2 {
    margin-left: calc(100% / (12 / 2));
  }
  .grid-m-3 {
    width: calc(100% / (12 / 3));
  }
  .offset-m-3 {
    margin-left: calc(100% / (12 / 3));
  }
  .grid-m-4 {
    width: calc(100% / (12 / 4));
  }
  .offset-m-4 {
    margin-left: calc(100% / (12 / 4));
  }
  .grid-m-5 {
    width: calc(100% / (12 / 5));
  }
  .offset-m-5 {
    margin-left: calc(100% / (12 / 5));
  }
  .grid-m-6 {
    width: calc(100% / (12 / 6));
  }
  .offset-m-6 {
    margin-left: calc(100% / (12 / 6));
  }
  .grid-m-7 {
    width: calc(100% / (12 / 7));
  }
  .offset-m-7 {
    margin-left: calc(100% / (12 / 7));
  }
  .grid-m-8 {
    width: calc(100% / (12 / 8));
  }
  .offset-m-8 {
    margin-left: calc(100% / (12 / 8));
  }
  .grid-m-9 {
    width: calc(100% / (12 / 9));
  }
  .offset-m-9 {
    margin-left: calc(100% / (12 / 9));
  }
  .grid-m-10 {
    width: calc(100% / (12 / 10));
  }
  .offset-m-10 {
    margin-left: calc(100% / (12 / 10));
  }
  .grid-m-11 {
    width: calc(100% / (12 / 11));
  }
  .offset-m-11 {
    margin-left: calc(100% / (12 / 11));
  }
  .grid-m-12 {
    width: calc(100% / (12 / 12));
  }
  .offset-m-12 {
    margin-left: calc(100% / (12 / 12));
  }
}
@media screen and (min-width: 1280px) {
  .grid-md-1 {
    width: calc(100% / (12 / 1));
  }
  .offset-md-1 {
    margin-left: calc(100% / (12 / 1));
  }
  .grid-md-2 {
    width: calc(100% / (12 / 2));
  }
  .offset-md-2 {
    margin-left: calc(100% / (12 / 2));
  }
  .grid-md-3 {
    width: calc(100% / (12 / 3));
  }
  .offset-md-3 {
    margin-left: calc(100% / (12 / 3));
  }
  .grid-md-4 {
    width: calc(100% / (12 / 4));
  }
  .offset-md-4 {
    margin-left: calc(100% / (12 / 4));
  }
  .grid-md-5 {
    width: calc(100% / (12 / 5));
  }
  .offset-md-5 {
    margin-left: calc(100% / (12 / 5));
  }
  .grid-md-6 {
    width: calc(100% / (12 / 6));
  }
  .offset-md-6 {
    margin-left: calc(100% / (12 / 6));
  }
  .grid-md-7 {
    width: calc(100% / (12 / 7));
  }
  .offset-md-7 {
    margin-left: calc(100% / (12 / 7));
  }
  .grid-md-8 {
    width: calc(100% / (12 / 8));
  }
  .offset-md-8 {
    margin-left: calc(100% / (12 / 8));
  }
  .grid-md-9 {
    width: calc(100% / (12 / 9));
  }
  .offset-md-9 {
    margin-left: calc(100% / (12 / 9));
  }
  .grid-md-10 {
    width: calc(100% / (12 / 10));
  }
  .offset-md-10 {
    margin-left: calc(100% / (12 / 10));
  }
  .grid-md-11 {
    width: calc(100% / (12 / 11));
  }
  .offset-md-11 {
    margin-left: calc(100% / (12 / 11));
  }
  .grid-md-12 {
    width: calc(100% / (12 / 12));
  }
  .offset-md-12 {
    margin-left: calc(100% / (12 / 12));
  }
}
@media screen and (min-width: 1480px) {
  .grid-1 {
    width: calc(100% / (12 / 1));
  }
  .offset-1 {
    margin-left: calc(100% / (12 / 1));
  }
  .grid-2 {
    width: calc(100% / (12 / 2));
  }
  .offset-2 {
    margin-left: calc(100% / (12 / 2));
  }
  .grid-3 {
    width: calc(100% / (12 / 3));
  }
  .offset-3 {
    margin-left: calc(100% / (12 / 3));
  }
  .grid-4 {
    width: calc(100% / (12 / 4));
  }
  .offset-4 {
    margin-left: calc(100% / (12 / 4));
  }
  .grid-5 {
    width: calc(100% / (12 / 5));
  }
  .offset-5 {
    margin-left: calc(100% / (12 / 5));
  }
  .grid-6 {
    width: calc(100% / (12 / 6));
  }
  .offset-6 {
    margin-left: calc(100% / (12 / 6));
  }
  .grid-7 {
    width: calc(100% / (12 / 7));
  }
  .offset-7 {
    margin-left: calc(100% / (12 / 7));
  }
  .grid-8 {
    width: calc(100% / (12 / 8));
  }
  .offset-8 {
    margin-left: calc(100% / (12 / 8));
  }
  .grid-9 {
    width: calc(100% / (12 / 9));
  }
  .offset-9 {
    margin-left: calc(100% / (12 / 9));
  }
  .grid-10 {
    width: calc(100% / (12 / 10));
  }
  .offset-10 {
    margin-left: calc(100% / (12 / 10));
  }
  .grid-11 {
    width: calc(100% / (12 / 11));
  }
  .offset-11 {
    margin-left: calc(100% / (12 / 11));
  }
  .grid-12 {
    width: calc(100% / (12 / 12));
  }
  .offset-12 {
    margin-left: calc(100% / (12 / 12));
  }
}
::-webkit-input-placeholder {
  color: #959db0;
}

:-moz-placeholder {
  color: #959db0;
}

::-moz-placeholder {
  color: #959db0;
}

:-ms-input-placeholder {
  color: #959db0;
}

input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=file],
textarea {
  -webkit-appearance: none !important;
  background-color: transparent;
  border-radius: 2.5px;
  padding: 7px 10px;
  border: 1px solid #b4b4b4;
  color: #78829a;
  font-family: "Roboto", serif;
  line-height: 1;
  width: 100%;
  outline: none;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=file]:focus,
textarea:focus {
  border-color: #1478bd;
  outline: none;
}
input[type=text].grey,
input[type=password].grey,
input[type=date].grey,
input[type=datetime].grey,
input[type=datetime-local].grey,
input[type=month].grey,
input[type=week].grey,
input[type=email].grey,
input[type=number].grey,
input[type=search].grey,
input[type=tel].grey,
input[type=time].grey,
input[type=url].grey,
input[type=file].grey,
textarea.grey {
  color: #494848;
  border: 1px solid #494848;
  font-weight: 700;
}
input[type=text].blue,
input[type=password].blue,
input[type=date].blue,
input[type=datetime].blue,
input[type=datetime-local].blue,
input[type=month].blue,
input[type=week].blue,
input[type=email].blue,
input[type=number].blue,
input[type=search].blue,
input[type=tel].blue,
input[type=time].blue,
input[type=url].blue,
input[type=file].blue,
textarea.blue {
  color: #1478bd;
  border: 1px solid #1478bd;
  font-weight: 700;
}
input[type=text][disabled], input[type=text].disabled,
input[type=password][disabled],
input[type=password].disabled,
input[type=date][disabled],
input[type=date].disabled,
input[type=datetime][disabled],
input[type=datetime].disabled,
input[type=datetime-local][disabled],
input[type=datetime-local].disabled,
input[type=month][disabled],
input[type=month].disabled,
input[type=week][disabled],
input[type=week].disabled,
input[type=email][disabled],
input[type=email].disabled,
input[type=number][disabled],
input[type=number].disabled,
input[type=search][disabled],
input[type=search].disabled,
input[type=tel][disabled],
input[type=tel].disabled,
input[type=time][disabled],
input[type=time].disabled,
input[type=url][disabled],
input[type=url].disabled,
input[type=file][disabled],
input[type=file].disabled,
textarea[disabled],
textarea.disabled {
  color: #d5e4f2 !important;
  pointer-events: none;
  z-index: 200;
  outline: none;
  transition: all 0.5s ease;
  border-color: #d5e4f2;
}
input[type=text].light-medium-grey,
input[type=password].light-medium-grey,
input[type=date].light-medium-grey,
input[type=datetime].light-medium-grey,
input[type=datetime-local].light-medium-grey,
input[type=month].light-medium-grey,
input[type=week].light-medium-grey,
input[type=email].light-medium-grey,
input[type=number].light-medium-grey,
input[type=search].light-medium-grey,
input[type=tel].light-medium-grey,
input[type=time].light-medium-grey,
input[type=url].light-medium-grey,
input[type=file].light-medium-grey,
textarea.light-medium-grey {
  border-color: #b4b4b4;
}

.form-input-wrapper,
.two-fa-code-input,
.upload-file {
  position: relative;
}
.form-input-wrapper input[type=text].correct,
.form-input-wrapper input[type=password].correct,
.form-input-wrapper input[type=date].correct,
.form-input-wrapper input[type=datetime].correct,
.form-input-wrapper input[type=datetime-local].correct,
.form-input-wrapper input[type=month].correct,
.form-input-wrapper input[type=week].correct,
.form-input-wrapper input[type=email].correct,
.form-input-wrapper input[type=number].correct,
.form-input-wrapper input[type=search].correct,
.form-input-wrapper input[type=tel].correct,
.form-input-wrapper input[type=time].correct,
.form-input-wrapper input[type=url].correct,
.form-input-wrapper input[type=file].correct,
.form-input-wrapper .button-upload.correct,
.form-input-wrapper textarea.correct,
.two-fa-code-input input[type=text].correct,
.two-fa-code-input input[type=password].correct,
.two-fa-code-input input[type=date].correct,
.two-fa-code-input input[type=datetime].correct,
.two-fa-code-input input[type=datetime-local].correct,
.two-fa-code-input input[type=month].correct,
.two-fa-code-input input[type=week].correct,
.two-fa-code-input input[type=email].correct,
.two-fa-code-input input[type=number].correct,
.two-fa-code-input input[type=search].correct,
.two-fa-code-input input[type=tel].correct,
.two-fa-code-input input[type=time].correct,
.two-fa-code-input input[type=url].correct,
.two-fa-code-input input[type=file].correct,
.two-fa-code-input .button-upload.correct,
.two-fa-code-input textarea.correct,
.upload-file input[type=text].correct,
.upload-file input[type=password].correct,
.upload-file input[type=date].correct,
.upload-file input[type=datetime].correct,
.upload-file input[type=datetime-local].correct,
.upload-file input[type=month].correct,
.upload-file input[type=week].correct,
.upload-file input[type=email].correct,
.upload-file input[type=number].correct,
.upload-file input[type=search].correct,
.upload-file input[type=tel].correct,
.upload-file input[type=time].correct,
.upload-file input[type=url].correct,
.upload-file input[type=file].correct,
.upload-file .button-upload.correct,
.upload-file textarea.correct {
  border-color: #1478bd !important;
  padding-right: 30px;
}
.form-input-wrapper input[type=text].incorrect,
.form-input-wrapper input[type=password].incorrect,
.form-input-wrapper input[type=date].incorrect,
.form-input-wrapper input[type=datetime].incorrect,
.form-input-wrapper input[type=datetime-local].incorrect,
.form-input-wrapper input[type=month].incorrect,
.form-input-wrapper input[type=week].incorrect,
.form-input-wrapper input[type=email].incorrect,
.form-input-wrapper input[type=number].incorrect,
.form-input-wrapper input[type=search].incorrect,
.form-input-wrapper input[type=tel].incorrect,
.form-input-wrapper input[type=time].incorrect,
.form-input-wrapper input[type=url].incorrect,
.form-input-wrapper input[type=file].incorrect,
.form-input-wrapper .button-upload.incorrect,
.form-input-wrapper textarea.incorrect,
.two-fa-code-input input[type=text].incorrect,
.two-fa-code-input input[type=password].incorrect,
.two-fa-code-input input[type=date].incorrect,
.two-fa-code-input input[type=datetime].incorrect,
.two-fa-code-input input[type=datetime-local].incorrect,
.two-fa-code-input input[type=month].incorrect,
.two-fa-code-input input[type=week].incorrect,
.two-fa-code-input input[type=email].incorrect,
.two-fa-code-input input[type=number].incorrect,
.two-fa-code-input input[type=search].incorrect,
.two-fa-code-input input[type=tel].incorrect,
.two-fa-code-input input[type=time].incorrect,
.two-fa-code-input input[type=url].incorrect,
.two-fa-code-input input[type=file].incorrect,
.two-fa-code-input .button-upload.incorrect,
.two-fa-code-input textarea.incorrect,
.upload-file input[type=text].incorrect,
.upload-file input[type=password].incorrect,
.upload-file input[type=date].incorrect,
.upload-file input[type=datetime].incorrect,
.upload-file input[type=datetime-local].incorrect,
.upload-file input[type=month].incorrect,
.upload-file input[type=week].incorrect,
.upload-file input[type=email].incorrect,
.upload-file input[type=number].incorrect,
.upload-file input[type=search].incorrect,
.upload-file input[type=tel].incorrect,
.upload-file input[type=time].incorrect,
.upload-file input[type=url].incorrect,
.upload-file input[type=file].incorrect,
.upload-file .button-upload.incorrect,
.upload-file textarea.incorrect {
  border-color: #ef7923 !important;
  padding-right: 30px;
}
.form-input-wrapper .container input[type=text].correct,
.form-input-wrapper .container input[type=password].correct,
.form-input-wrapper .container input[type=date].correct,
.form-input-wrapper .container input[type=datetime].correct,
.form-input-wrapper .container input[type=datetime-local].correct,
.form-input-wrapper .container input[type=month].correct,
.form-input-wrapper .container input[type=week].correct,
.form-input-wrapper .container input[type=email].correct,
.form-input-wrapper .container input[type=number].correct,
.form-input-wrapper .container input[type=search].correct,
.form-input-wrapper .container input[type=tel].correct,
.form-input-wrapper .container input[type=time].correct,
.form-input-wrapper .container input[type=url].correct,
.form-input-wrapper .container input[type=file].correct,
.form-input-wrapper .container .button-upload.correct,
.form-input-wrapper .container textarea.correct,
.two-fa-code-input .container input[type=text].correct,
.two-fa-code-input .container input[type=password].correct,
.two-fa-code-input .container input[type=date].correct,
.two-fa-code-input .container input[type=datetime].correct,
.two-fa-code-input .container input[type=datetime-local].correct,
.two-fa-code-input .container input[type=month].correct,
.two-fa-code-input .container input[type=week].correct,
.two-fa-code-input .container input[type=email].correct,
.two-fa-code-input .container input[type=number].correct,
.two-fa-code-input .container input[type=search].correct,
.two-fa-code-input .container input[type=tel].correct,
.two-fa-code-input .container input[type=time].correct,
.two-fa-code-input .container input[type=url].correct,
.two-fa-code-input .container input[type=file].correct,
.two-fa-code-input .container .button-upload.correct,
.two-fa-code-input .container textarea.correct,
.upload-file .container input[type=text].correct,
.upload-file .container input[type=password].correct,
.upload-file .container input[type=date].correct,
.upload-file .container input[type=datetime].correct,
.upload-file .container input[type=datetime-local].correct,
.upload-file .container input[type=month].correct,
.upload-file .container input[type=week].correct,
.upload-file .container input[type=email].correct,
.upload-file .container input[type=number].correct,
.upload-file .container input[type=search].correct,
.upload-file .container input[type=tel].correct,
.upload-file .container input[type=time].correct,
.upload-file .container input[type=url].correct,
.upload-file .container input[type=file].correct,
.upload-file .container .button-upload.correct,
.upload-file .container textarea.correct {
  border-color: #1478bd !important;
  padding: 8px 10px;
}
.form-input-wrapper .container input[type=text].incorrect,
.form-input-wrapper .container input[type=password].incorrect,
.form-input-wrapper .container input[type=date].incorrect,
.form-input-wrapper .container input[type=datetime].incorrect,
.form-input-wrapper .container input[type=datetime-local].incorrect,
.form-input-wrapper .container input[type=month].incorrect,
.form-input-wrapper .container input[type=week].incorrect,
.form-input-wrapper .container input[type=email].incorrect,
.form-input-wrapper .container input[type=number].incorrect,
.form-input-wrapper .container input[type=search].incorrect,
.form-input-wrapper .container input[type=tel].incorrect,
.form-input-wrapper .container input[type=time].incorrect,
.form-input-wrapper .container input[type=url].incorrect,
.form-input-wrapper .container input[type=file].incorrect,
.form-input-wrapper .container .button-upload.incorrect,
.form-input-wrapper .container textarea.incorrect,
.two-fa-code-input .container input[type=text].incorrect,
.two-fa-code-input .container input[type=password].incorrect,
.two-fa-code-input .container input[type=date].incorrect,
.two-fa-code-input .container input[type=datetime].incorrect,
.two-fa-code-input .container input[type=datetime-local].incorrect,
.two-fa-code-input .container input[type=month].incorrect,
.two-fa-code-input .container input[type=week].incorrect,
.two-fa-code-input .container input[type=email].incorrect,
.two-fa-code-input .container input[type=number].incorrect,
.two-fa-code-input .container input[type=search].incorrect,
.two-fa-code-input .container input[type=tel].incorrect,
.two-fa-code-input .container input[type=time].incorrect,
.two-fa-code-input .container input[type=url].incorrect,
.two-fa-code-input .container input[type=file].incorrect,
.two-fa-code-input .container .button-upload.incorrect,
.two-fa-code-input .container textarea.incorrect,
.upload-file .container input[type=text].incorrect,
.upload-file .container input[type=password].incorrect,
.upload-file .container input[type=date].incorrect,
.upload-file .container input[type=datetime].incorrect,
.upload-file .container input[type=datetime-local].incorrect,
.upload-file .container input[type=month].incorrect,
.upload-file .container input[type=week].incorrect,
.upload-file .container input[type=email].incorrect,
.upload-file .container input[type=number].incorrect,
.upload-file .container input[type=search].incorrect,
.upload-file .container input[type=tel].incorrect,
.upload-file .container input[type=time].incorrect,
.upload-file .container input[type=url].incorrect,
.upload-file .container input[type=file].incorrect,
.upload-file .container .button-upload.incorrect,
.upload-file .container textarea.incorrect {
  border-color: #ef7923 !important;
  padding: 8px 10px;
}
.form-input-wrapper img,
.two-fa-code-input img,
.upload-file img {
  position: absolute;
  right: 10px;
  top: 8px;
  display: block;
  height: 13px;
}

.input-error-message {
  color: #ef7923;
}

textarea {
  min-height: 100px;
  padding: 5px 10px;
  resize: none;
  line-height: 1.7;
  display: block;
}

.search,
.loading {
  position: relative;
  display: inline-block;
}
.search span,
.loading span {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.search span:before, .search span[class^=icon-social][href*=facebook]:before, .search span[class^=icon-social].icon-facebook:before, .search span[class^=icon-social][href*=instagram]:before, .search span[class^=icon-social].icon-instagram:before, .search span[class^=icon-social][href*=linkedin]:before, .search span[class^=icon-social].icon-linkedin:before, .search span[class^=icon-social][href*=pinterest]:before, .search span[class^=icon-social].icon-pinterest:before, .search span[class^=icon-social][href*=twitter]:before, .search span[class^=icon-social].icon-twitter:before, .search span[class^=icon-social][href*=youtube]:before, .search span[class^=icon-social].icon-youtube:before,
.loading span:before,
.loading span[class^=icon-social][href*=facebook]:before,
.loading span[class^=icon-social].icon-facebook:before,
.loading span[class^=icon-social][href*=instagram]:before,
.loading span[class^=icon-social].icon-instagram:before,
.loading span[class^=icon-social][href*=linkedin]:before,
.loading span[class^=icon-social].icon-linkedin:before,
.loading span[class^=icon-social][href*=pinterest]:before,
.loading span[class^=icon-social].icon-pinterest:before,
.loading span[class^=icon-social][href*=twitter]:before,
.loading span[class^=icon-social].icon-twitter:before,
.loading span[class^=icon-social][href*=youtube]:before,
.loading span[class^=icon-social].icon-youtube:before {
  transition: all 350ms ease-in-out;
  text-align: center;
  cursor: pointer;
  display: block;
  left: 0;
  font-size: 11px;
  bottom: 0;
}
.search input[type=text],
.loading input[type=text] {
  display: block;
}

.search span::before, .search span[class^=icon-social][href*=facebook]:before, .search span[class^=icon-social].icon-facebook:before, .search span[class^=icon-social][href*=instagram]:before, .search span[class^=icon-social].icon-instagram:before, .search span[class^=icon-social][href*=linkedin]:before, .search span[class^=icon-social].icon-linkedin:before, .search span[class^=icon-social][href*=pinterest]:before, .search span[class^=icon-social].icon-pinterest:before, .search span[class^=icon-social][href*=twitter]:before, .search span[class^=icon-social].icon-twitter:before, .search span[class^=icon-social][href*=youtube]:before, .search span[class^=icon-social].icon-youtube:before {
  line-height: 1;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ThemeIcons";
}
.search input[type=text] {
  border: 1px solid #d2d5de;
  background-color: #f2f4f7;
  padding-left: 25px;
}

.loading span {
  left: auto;
  right: 10px;
}
.loading span::before, .loading span[class^=icon-social][href*=facebook]:before, .loading span[class^=icon-social].icon-facebook:before, .loading span[class^=icon-social][href*=instagram]:before, .loading span[class^=icon-social].icon-instagram:before, .loading span[class^=icon-social][href*=linkedin]:before, .loading span[class^=icon-social].icon-linkedin:before, .loading span[class^=icon-social][href*=pinterest]:before, .loading span[class^=icon-social].icon-pinterest:before, .loading span[class^=icon-social][href*=twitter]:before, .loading span[class^=icon-social].icon-twitter:before, .loading span[class^=icon-social][href*=youtube]:before, .loading span[class^=icon-social].icon-youtube:before {
  line-height: 1;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ThemeIcons";
}
.loading span.status:before {
  display: none;
}
.loading img {
  position: absolute;
  right: 10px;
  top: 8px;
  display: block;
  height: 13px;
}
.loading input[type=text] {
  background-color: #ffffff;
  padding-right: 25px;
}
.loading.incorrect .status {
  color: #ef7923;
  right: 20px;
}
.loading.incorrect input[type=text] {
  padding-right: 105px;
  border: 1px solid #ef7923;
}
.loading.correct .status {
  color: #5bc287;
  right: 25px;
}
.loading.correct input[type=text] {
  padding-right: 100px;
}

.color {
  display: inline-block;
  margin-bottom: -3px;
}
.color input[type=color] {
  display: none;
}

::placeholder {
  color: #78829a;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

input[type=date] {
  cursor: pointer;
}

.upload-file input[type=file] {
  display: none;
}
.upload-file .button-upload {
  line-height: 1;
  color: #78829a;
  width: 100%;
  text-align: left;
  background-color: #ffffff !important;
  font-weight: 400;
  position: relative;
  border: 1px solid #b4b4b4;
  border-radius: 2.5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 2px 2px 10px !important;
}
.upload-file .button-upload .button, .upload-file .button-upload .tooltip {
  margin-left: 5px;
}

.input-phone[type=number]::-webkit-outer-spin-button,
.input-phone[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

.input-phone[type=number] {
  -moz-appearance: textfield;
}

.checkbox-toggle {
  position: relative;
  display: block;
}
.checkbox-toggle span {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  border-radius: 50px;
  background-color: #d4d4d4;
  height: 13px;
  cursor: pointer;
  transition: all 350ms ease-in-out;
}
.checkbox-toggle span:after {
  content: "";
  position: absolute;
  height: 9px;
  width: 9px;
  bottom: 50%;
  left: 2px;
  transform: translateY(53%);
  border-radius: 50%;
  background-color: #ffffff;
  transition: all 350ms ease-in-out;
  display: block;
}
.checkbox-toggle.green input[type=checkbox]:checked + span {
  background-color: #5bc287;
}
.checkbox-toggle.blue input[type=checkbox]:checked + span {
  background-color: #1478bd;
}
.checkbox-toggle.orange input[type=checkbox]:checked + span {
  background-color: #ef7923;
}
.checkbox-toggle.yellow input[type=checkbox]:checked + span {
  background-color: #fab12e;
}
.checkbox-toggle input[type=checkbox]:checked + span:after {
  transform: translate(123%, 53%);
}

.checkbox,
.radio {
  position: relative;
  display: block;
  padding-left: 13px;
}
.checkbox span,
.radio span {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-55%);
  border: 1px solid #d4d4d4;
  border-radius: 2.5px;
  transition: all 350ms ease-in-out;
}
.checkbox span::before, .checkbox span[class^=icon-social][href*=facebook]:before, .checkbox span[class^=icon-social].icon-facebook:before, .checkbox span[class^=icon-social][href*=instagram]:before, .checkbox span[class^=icon-social].icon-instagram:before, .checkbox span[class^=icon-social][href*=linkedin]:before, .checkbox span[class^=icon-social].icon-linkedin:before, .checkbox span[class^=icon-social][href*=pinterest]:before, .checkbox span[class^=icon-social].icon-pinterest:before, .checkbox span[class^=icon-social][href*=twitter]:before, .checkbox span[class^=icon-social].icon-twitter:before, .checkbox span[class^=icon-social][href*=youtube]:before, .checkbox span[class^=icon-social].icon-youtube:before,
.radio span::before,
.radio span[class^=icon-social][href*=facebook]:before,
.radio span[class^=icon-social].icon-facebook:before,
.radio span[class^=icon-social][href*=instagram]:before,
.radio span[class^=icon-social].icon-instagram:before,
.radio span[class^=icon-social][href*=linkedin]:before,
.radio span[class^=icon-social].icon-linkedin:before,
.radio span[class^=icon-social][href*=pinterest]:before,
.radio span[class^=icon-social].icon-pinterest:before,
.radio span[class^=icon-social][href*=twitter]:before,
.radio span[class^=icon-social].icon-twitter:before,
.radio span[class^=icon-social][href*=youtube]:before,
.radio span[class^=icon-social].icon-youtube:before {
  line-height: 1;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ThemeIcons";
  transition: all 350ms ease-in-out;
  text-align: center;
  cursor: pointer;
  display: block;
  left: 0;
  height: 11px;
  width: 11px;
  font-size: 5px;
  line-height: 11px;
  bottom: 0;
  color: transparent;
}
.checkbox input[type=checkbox]:checked + span:before,
.checkbox input[type=radio]:checked + span:before,
.radio input[type=checkbox]:checked + span:before,
.radio input[type=radio]:checked + span:before {
  color: #d4d4d4;
}
.checkbox.orange input[type=checkbox]:checked + span,
.checkbox.orange input[type=radio]:checked + span,
.radio.orange input[type=checkbox]:checked + span,
.radio.orange input[type=radio]:checked + span {
  border: 1px solid #ef7923;
  background-color: #fff0d4;
}
.checkbox.orange input[type=checkbox]:checked + span:before,
.checkbox.orange input[type=radio]:checked + span:before,
.radio.orange input[type=checkbox]:checked + span:before,
.radio.orange input[type=radio]:checked + span:before {
  color: #ef7923;
}
.checkbox.green input[type=checkbox]:checked + span,
.checkbox.green input[type=radio]:checked + span,
.radio.green input[type=checkbox]:checked + span,
.radio.green input[type=radio]:checked + span {
  border: 1px solid #5bc287;
  background-color: #def3e7;
}
.checkbox.green input[type=checkbox]:checked + span:before,
.checkbox.green input[type=radio]:checked + span:before,
.radio.green input[type=checkbox]:checked + span:before,
.radio.green input[type=radio]:checked + span:before {
  color: #5bc287;
}
.checkbox.blue input[type=checkbox]:checked + span,
.checkbox.blue input[type=radio]:checked + span,
.radio.blue input[type=checkbox]:checked + span,
.radio.blue input[type=radio]:checked + span {
  border: 1px solid #1478bd;
  background-color: #d5e4f2;
}
.checkbox.blue input[type=checkbox]:checked + span:before,
.checkbox.blue input[type=radio]:checked + span:before,
.radio.blue input[type=checkbox]:checked + span:before,
.radio.blue input[type=radio]:checked + span:before {
  color: #1478bd;
}
.checkbox.grey input[type=checkbox]:checked + span,
.checkbox.grey input[type=radio]:checked + span,
.radio.grey input[type=checkbox]:checked + span,
.radio.grey input[type=radio]:checked + span {
  border: 1px solid #494848;
  background-color: #d4d4d4;
}
.checkbox.grey input[type=checkbox]:checked + span:before,
.checkbox.grey input[type=radio]:checked + span:before,
.radio.grey input[type=checkbox]:checked + span:before,
.radio.grey input[type=radio]:checked + span:before {
  color: #494848;
}

select {
  -webkit-appearance: none;
  background-image: url(../images/arrow_down.png);
  background-position: calc(100% - 10px) calc(50% + 1px);
  background-repeat: no-repeat;
  background-size: 10px;
  background-color: transparent;
  border-radius: 2.5px;
  border: 1px solid #b4b4b4;
  padding: 8px 10px;
  width: 100%;
  color: #78829a;
  font-family: "Roboto", serif;
  line-height: 1;
  outline: none;
  position: relative;
  display: block;
  cursor: pointer;
  transition: all 350ms ease-in-out;
}
select:hover {
  border-color: #1478bd;
}

.form {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.form.form-login .form-fields-wrapper {
  margin: auto 0;
}
@media screen and (max-width: 768px) {
  .form.form-login .form-fields-wrapper {
    margin: 40px 0;
  }
}
.form.form-login .form-fields-wrapper .form-field {
  margin-bottom: 10px;
}
.form.form-login .form-fields-wrapper .form-field label {
  margin-bottom: 5px;
  display: block;
}
.form.form-login .form-fields-wrapper .form-field:last-of-type {
  margin-bottom: 0;
}
.form.form-login .form-action {
  text-align: center;
  margin-bottom: 10px;
}
.form.form-login .form-buttons {
  display: flex;
  justify-content: space-between;
}
.form.form-login .form-buttons .button, .form.form-login .form-buttons .tooltip {
  width: 48%;
}
.form.form-setup .form-fields-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.form.form-setup .form-fields-wrapper .form-field {
  width: 50%;
  margin-bottom: 20px;
  padding-right: 10px;
}
.form.form-setup .form-fields-wrapper .form-field .label {
  margin-bottom: 10px;
  display: block;
}
.form.form-setup .form-fields-wrapper .form-field.last {
  padding-right: 0;
  padding-left: 10px;
}
.form.form-setup .form-fields-wrapper .form-field.full-width {
  padding-right: 0;
  width: 100%;
}
.form.form-setup .form-fields-wrapper .form-field .view-password {
  border: none;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-47%);
  background-color: transparent;
}
.form.form-setup .form-fields-wrapper .form-field .view-password .pw-visible,
.form.form-setup .form-fields-wrapper .form-field .view-password .pw-hidden {
  visibility: hidden;
  opacity: 0;
  transition: all 350ms ease-in-out;
}
.form.form-setup .form-fields-wrapper .form-field .view-password .pw-visible:before,
.form.form-setup .form-fields-wrapper .form-field .view-password .pw-hidden:before {
  line-height: 22px;
}
.form.form-setup .form-fields-wrapper .form-field .view-password .pw-visible.active,
.form.form-setup .form-fields-wrapper .form-field .view-password .pw-hidden.active {
  visibility: visible;
  opacity: 1;
}
.form.form-setup .form-fields-wrapper .form-field .view-password .pw-visible:before {
  font-size: 7px;
}
.form.form-setup .form-fields-wrapper .form-field .view-password .pw-hidden:before {
  font-size: 10px;
}
.form.form-setup .form-fields-wrapper .form-field input[type=password] {
  padding-right: 30px;
}
.form.form-setup .form-messages-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
.form.form-setup .form-messages-wrapper .form-message {
  width: 50%;
  padding-right: 10px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  position: relative;
}
.form.form-setup .form-messages-wrapper .form-message.last {
  padding-left: 10px;
  padding-right: 0;
}
.form.form-setup .form-messages-wrapper .form-message img {
  margin-right: 10px;
  position: absolute;
}
.form.form-setup .form-messages-wrapper .form-message .input-error-message,
.form.form-setup .form-messages-wrapper .form-message .input-message {
  padding-left: 20px;
}
.form.form-setup .form-messages-wrapper .form-message .input-message {
  color: #1478bd;
}
.form.form-setup .form-messages-wrapper .form-message:first-of-type, .form.form-setup .form-messages-wrapper .form-message:nth-of-type(2) {
  margin-top: 0;
}
.form.form-setup .form-buttons {
  display: flex;
}
.form.form-setup .form-buttons .button, .form.form-setup .form-buttons .tooltip {
  margin-right: 5px;
}
.form.form-setup .form-buttons .button.button-close, .form.form-setup .form-buttons .button-close.tooltip {
  margin-right: auto;
}
.form.form-setup .form-buttons .button:last-of-type, .form.form-setup .form-buttons .tooltip:last-of-type {
  margin-right: 0;
}
.form.form-add-user .form-fields-wrapper .form-field .view-password {
  right: 13px;
  top: 15px;
}
.form.form-code-verification .form-text {
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .form.form-code-verification .form-text {
    margin-top: 35px;
  }
}
@media screen and (max-width: 768px) {
  .form.form-code-verification .two-fa-code-input {
    margin-bottom: 40px;
  }
}
.form.form-code-verification .two-fa-code-input .container {
  display: flex;
  margin-top: 20px;
}
.form.form-code-verification .two-fa-code-input .container .input {
  margin-right: 5px;
  max-width: 29px;
}
.form.form-code-verification .form-buttons {
  margin-top: auto;
  display: flex;
}
.form.form-code-verification .form-buttons .button, .form.form-code-verification .form-buttons .tooltip {
  width: max-content;
}
.form.form-code-verification .form-buttons .button.button-close, .form.form-code-verification .form-buttons .button-close.tooltip {
  margin-right: auto;
}
.setup-2fa .form.form-code-verification .form-buttons {
  margin-top: 20px;
}
.form.form-popup .form-fields-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.form.form-popup .form-fields-wrapper .form-field {
  width: 50%;
  margin-bottom: 20px;
  padding-right: 10px;
}
.form.form-popup .form-fields-wrapper .form-field .label {
  margin-bottom: 10px;
  display: block;
}
.form.form-popup .form-fields-wrapper .form-field.last {
  padding-right: 0;
  padding-left: 10px;
}
.form.form-popup .form-fields-wrapper .form-field.full-width {
  padding-right: 0;
  width: 100%;
}
.form.form-popup .form-fields-wrapper .form-field .field-options .button, .form.form-popup .form-fields-wrapper .form-field .field-options .tooltip {
  margin-right: 2.5px;
}
.form.form-popup .form-fields-wrapper .form-field .field-options .button.square, .form.form-popup .form-fields-wrapper .form-field .field-options .square.tooltip {
  width: 36px;
  height: 36px;
  padding: 10px 0;
  font-size: 1.4em;
}
.form.form-popup .form-buttons {
  display: flex;
}
.form.form-popup .form-buttons .button, .form.form-popup .form-buttons .tooltip {
  margin-right: 5px;
}
.form.form-popup .form-buttons .button:last-of-type, .form.form-popup .form-buttons .tooltip:last-of-type {
  margin-right: 0;
}
.form.form-popup .form-buttons .button-close {
  margin-right: auto;
}
.form.form-popup .loading,
.form.form-popup .search {
  display: block;
}
.form.form-popup .options-wrapper {
  display: flex;
}
.form.form-popup .options-wrapper .option {
  display: flex;
  margin-right: 20px;
}
.form.form-popup .options-wrapper .option .checkbox {
  padding-left: 13px;
}
.form.form-popup .options-wrapper .option .option-label {
  margin-left: 5px;
}
.form.form-popup .options-wrapper .option:last-of-type {
  margin-right: 0;
}
.form.form-popup .access-wrapper {
  overflow-y: auto;
  max-height: 125px;
  padding-right: 15px;
  margin-right: -15px;
}
.form.form-popup .access-wrapper .access-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
}
.form.form-popup .access-wrapper .access-row .icon-cancel {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-45%);
}
.form.form-popup .access-wrapper .access-row .icon-cancel:before {
  font-size: 7px;
}
.form.form-popup .access-wrapper .access-row .row-name {
  font-weight: 700;
  color: #4b5978;
  padding-left: 12px;
}
.form.form-popup .access-wrapper .access-row .options-wrapper .option {
  margin-right: 10px;
}
.form.form-popup .access-wrapper .access-row .options-wrapper .option:last-of-type {
  margin-right: 0;
}
.form.form-popup .access-wrapper .access-row:last-of-type {
  margin-bottom: 0;
}

.form-add-user {
  max-width: 1200px;
  padding: 40px;
}

.options-group {
  display: flex;
  flex-flow: row wrap;
}
.options-group .option {
  margin-right: 20px;
}
.options-group .option:last-of-type {
  margin-right: 0;
}
.options-group .option label {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.options-group .option input[type=checkbox],
.options-group .option input[type=radio] {
  margin-right: 5px;
}

table {
  text-align: left;
  width: 100%;
}
table th,
table td {
  padding: 5px;
}

.documents .rdt_TableCol:first-child, .documents .rdt_TableCell:first-child {
  max-width: 350px;
}
.documents .rdt_TableCol:nth-child(2), .documents .rdt_TableCell:nth-child(2) {
  max-width: 150px;
}
.documents .rdt_TableCol:nth-child(3), .documents .rdt_TableCell:nth-child(3) {
  max-width: 120px;
}
.documents .rdt_TableCol:nth-child(4), .documents .rdt_TableCell:nth-child(4) {
  max-width: 150px;
}
.documents .rdt_TableCol:nth-child(5), .documents .rdt_TableCell:nth-child(5) {
  max-width: 120px;
}
@media only screen and (max-width: 1280px) {
  .rdt_TableCol:first-child, .rdt_TableCell:first-child {
    max-width: 200px !important;
  }
}
.my-results .rdt_TableCol:first-child, .my-results .rdt_TableCell:first-child {
  max-width: 200px;
}
.my-results .rdt_TableCol:nth-child(2), .my-results .rdt_TableCell:nth-child(2) {
  max-width: 200px;
}
.my-results .rdt_TableCol:nth-child(3), .my-results .rdt_TableCell:nth-child(3) {
  max-width: 150px;
}
.my-results .rdt_TableCol:nth-child(4), .my-results .rdt_TableCell:nth-child(4) {
  max-width: 100px;
}
.my-results .rdt_TableCol:nth-child(5), .my-results .rdt_TableCell:nth-child(5) {
  max-width: 100px;
}
.my-results .rdt_TableCol:nth-child(6), .my-results .rdt_TableCell:nth-child(6) {
  max-width: 120px;
}
.my-results .rdt_TableCol:nth-child(8), .my-results .rdt_TableCell:nth-child(8) {
  max-width: 205px;
  min-width: 205px;
}
@media only screen and (max-width: 1280px) {
  .my-results .rdt_TableCol:first-child, .my-results .rdt_TableCell:first-child {
    max-width: 130px !important;
  }
  .my-results .rdt_TableCol:nth-child(2), .my-results .rdt_TableCell:nth-child(2) {
    max-width: 130px !important;
  }
  .my-results .rdt_TableCol:nth-child(3), .my-results .rdt_TableCell:nth-child(3) {
    max-width: 135px !important;
  }
  .my-results .rdt_TableCol:nth-child(4), .my-results .rdt_TableCell:nth-child(4) {
    max-width: 70px !important;
  }
  .my-results .rdt_TableCol:nth-child(5), .my-results .rdt_TableCell:nth-child(5) {
    max-width: 70px !important;
  }
  .my-results .rdt_TableCol:nth-child(6), .my-results .rdt_TableCell:nth-child(6) {
    max-width: 115px !important;
  }
}

.code-templates .rdt_TableCol:first-child, .code-templates .rdt_TableCell:first-child {
  max-width: 250px;
}
.code-templates .rdt_TableCol:nth-child(2), .code-templates .rdt_TableCell:nth-child(2) {
  max-width: 250px;
}
.code-templates .rdt_TableCol:nth-child(3), .code-templates .rdt_TableCell:nth-child(3) {
  max-width: 200px;
}
.code-templates .rdt_TableCol:nth-child(4), .code-templates .rdt_TableCell:nth-child(4) {
  max-width: 100%;
}
.code-templates .rdt_TableCol:nth-child(5), .code-templates .rdt_TableCell:nth-child(5) {
  max-width: 100px;
}
@media only screen and (max-width: 1280px) {
  .code-templates .rdt_TableCol:first-child, .code-templates .rdt_TableCell:first-child {
    max-width: 130px !important;
  }
  .code-templates .rdt_TableCol:nth-child(2), .code-templates .rdt_TableCell:nth-child(2) {
    max-width: 130px !important;
  }
  .code-templates .rdt_TableCol:nth-child(3), .code-templates .rdt_TableCell:nth-child(3) {
    max-width: 135px !important;
  }
  .code-templates .rdt_TableCol:nth-child(4), .code-templates .rdt_TableCell:nth-child(4) {
    max-width: 500px !important;
  }
  .code-templates .rdt_TableCol:nth-child(5), .code-templates .rdt_TableCell:nth-child(5) {
    max-width: 70px !important;
  }
  .code-templates .rdt_TableCol:nth-child(6), .code-templates .rdt_TableCell:nth-child(6) {
    max-width: 115px !important;
  }
}

.slideshow.flickity-resize .slideshow-slide {
  min-height: 100%;
}
.slideshow .slideshow-slide {
  width: 100%;
}

.login {
  height: 100vh;
  display: flex;
}
.login .action-box .box-introduction, .login .popup.information .box-introduction, .login .information.setup-2fa .box-introduction {
  display: flex;
  flex-direction: column;
}
.login .action-box .box-introduction .box-logo, .login .popup.information .box-introduction .box-logo, .login .information.setup-2fa .box-introduction .box-logo {
  display: flex;
  justify-content: space-between;
}
.login .action-box .box-introduction .box-logo .logo-title, .login .popup.information .box-introduction .box-logo .logo-title, .login .information.setup-2fa .box-introduction .box-logo .logo-title {
  margin-left: 10px;
}
.login .action-box .box-introduction .box-content, .login .popup.information .box-introduction .box-content, .login .information.setup-2fa .box-introduction .box-content {
  margin: auto 0;
}
@media screen and (max-width: 768px) {
  .login .action-box .box-introduction .box-content, .login .popup.information .box-introduction .box-content, .login .information.setup-2fa .box-introduction .box-content {
    margin: 40px 0;
  }
}
.login .action-box .box-form, .login .popup.information .box-form, .login .information.setup-2fa .box-form {
  display: flex;
  flex-direction: column;
}

.setup-2fa .box-header {
  padding: 20px;
  position: relative;
}
.setup-2fa .box-header .header-title {
  font-weight: 500;
}
.setup-2fa .box-header .header-text p {
  margin-bottom: 0;
}
.setup-2fa .box-content {
  padding: 20px;
}
.setup-2fa .box-content .h5, .setup-2fa .box-content .pagination-nav .main-footer-meta .result-count, .pagination-nav .main-footer-meta .setup-2fa .box-content .result-count {
  color: #4b5978;
}
.setup-2fa .box-content .content-action {
  display: flex;
  margin-top: 20px;
}
.setup-2fa .box-content .content-action .button, .setup-2fa .box-content .content-action .tooltip {
  margin-right: 5px;
}
.setup-2fa .box-content .content-action .button:last-of-type, .setup-2fa .box-content .content-action .tooltip:last-of-type {
  margin-right: 0;
}
.setup-2fa .box-content .content-action .button.button-close, .setup-2fa .box-content .content-action .button-close.tooltip {
  margin-right: auto;
}
.setup-2fa .box-content .content-text h5 {
  margin-bottom: 10px;
  color: #4b5978;
}
.setup-2fa .box-content .content-text.has-scroll {
  max-height: 525px;
  overflow: auto;
  margin-right: -15px;
  padding-right: 15px;
}
.setup-2fa .box-content .content-description {
  margin-bottom: 20px;
}
.setup-2fa .box-content .content-description .key {
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
}
.setup-2fa .box-content .content-title {
  margin-bottom: 10px;
}
.setup-2fa .box-content .content-image {
  max-width: 150px;
  margin-bottom: 20px;
  height: 0;
  padding-bottom: 150px;
  position: relative;
  overflow: hidden;
}
.setup-2fa .box-content .content-image img {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  display: block;
}
.setup-2fa .box-content .content-recovery {
  margin-bottom: 20px;
}
.setup-2fa .box-content .content-recovery .recovery-codes {
  padding: 20px;
  border-radius: 2.5px;
  border: 1px solid #d2d5de;
  background-color: #f7f7f7;
  max-width: 195px;
  font-family: "Roboto Mono", sans-serif;
  color: #1e2f56;
  line-height: 1.3;
}
.setup-2fa .box-content .content-recovery .recovery-actions {
  margin-top: 10px;
  display: flex;
}
.setup-2fa .box-content .content-recovery .recovery-actions .button, .setup-2fa .box-content .content-recovery .recovery-actions .tooltip {
  margin-right: 5px;
}
.setup-2fa .box-content .content-recovery .recovery-actions .button:last-of-type, .setup-2fa .box-content .content-recovery .recovery-actions .tooltip:last-of-type {
  margin-right: 0;
}
.setup-2fa .box-content .content-checkbox {
  display: flex;
  align-items: center;
}
.setup-2fa .box-content .content-checkbox .checkbox-message {
  margin-left: 10px;
  color: #78829a;
}
.setup-2fa .box-form .form-title {
  margin-bottom: 10px;
}

.main-wrapper {
  display: flex;
  height: 100%;
}
.main-wrapper .main-content {
  padding: 20px;
  width: calc(100% - 175px);
  margin-left: auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f7f7f7;
  position: relative;
}
.main-wrapper .main-content.inner-scroll {
  height: 100vh;
}
.main-wrapper .main-content.inner-scroll .content-inner {
  overflow: overlay;
  flex: 1;
  height: auto;
}
@media screen and (max-width: 1479px) {
  .main-wrapper .main-content.dashboard {
    height: 100%;
  }
}
.main-wrapper .main-content .dashboard-topbar {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
.main-wrapper .main-content .dashboard-inner {
  overflow: hidden;
  padding-bottom: 2px;
  flex: 1;
}
@media screen and (max-width: 1479px) {
  .main-wrapper .main-content .dashboard-inner {
    flex: none;
    overflow: visible;
    height: 100%;
  }
}
.main-wrapper .main-content .dashboard-inner .box-wrapper {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  height: 100%;
}
.main-wrapper .main-content .dashboard-inner .box-wrapper .box {
  min-height: 250px;
  height: calc(50% - 20px);
}
@media screen and (max-width: 1479px) {
  .main-wrapper .main-content .dashboard-inner .box-wrapper .box {
    width: calc(50% - 10px);
    height: auto;
    min-height: 409px;
  }
}
@media screen and (max-width: 1024px) {
  .main-wrapper .main-content .dashboard-inner .box-wrapper .box {
    width: 100%;
  }
}
.main-wrapper .main-content.collapsed {
  width: calc(100% - 60px);
}

.introduction-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0 0 20px 20px;
  min-height: 20px;
}
@media screen and (max-width: 768px) {
  .introduction-wrapper {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
  }
}
.introduction-wrapper .introduction .title {
  margin-bottom: 0;
}
.introduction-wrapper .introduction .title a {
  margin-left: 10px;
  margin-bottom: 5px;
}
.introduction-wrapper .introduction .title a:before {
  font-size: 11px;
}
.introduction-wrapper .introduction .content {
  margin-top: 5px;
  font-weight: 700;
}
@media screen and (max-width: 1279px) {
  .introduction-wrapper .introduction .content {
    max-width: 400px;
  }
}
@media screen and (max-width: 1024px) {
  .introduction-wrapper .introduction .content {
    max-width: 340px;
  }
}
.introduction-wrapper .introduction-meta {
  display: flex;
  align-items: center;
}
.introduction-wrapper .introduction-meta .meta-text {
  margin-right: 10px;
}
.introduction-wrapper .introduction-actions {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  justify-content: flex-end;
  margin-right: 20px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .introduction-wrapper .introduction-actions {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .introduction-wrapper .introduction-actions {
    margin-right: 0;
  }
}
.introduction-wrapper .introduction-actions .status {
  font-weight: 700;
  font-size: 12px;
  color: #1478bd;
  margin-right: 50px;
}
@media screen and (max-width: 1024px) {
  .introduction-wrapper .introduction-actions .status {
    margin-right: 45px;
  }
}
.introduction-wrapper .introduction-actions .value {
  color: #fff;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .introduction-wrapper .introduction-actions .value {
    margin-right: 20px;
  }
}
.introduction-wrapper .introduction-actions .value:before {
  line-height: 1;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ThemeIcons";
  font-size: 5px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 25px;
  color: #1478bd;
  z-index: -1;
}
.introduction-wrapper .introduction-actions .value:after {
  content: "";
  background-color: #1478bd !important;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translate(50%, -50%);
  right: 50%;
}
.introduction-wrapper .introduction-actions .introduction-button {
  margin-left: 20px;
  font-weight: 700;
  font-size: 12px;
  color: #a6acbb;
}
@media screen and (max-width: 768px) {
  .introduction-wrapper .introduction-actions .introduction-button {
    margin: 0 10px 0 0;
  }
}
.introduction-wrapper .introduction-actions .introduction-button:hover {
  color: #4b5978;
}
.introduction-wrapper .introduction-actions .introduction-button.selected {
  color: #4b5978;
}

.head {
  padding-bottom: 20px;
}
.head .introduction-wrapper {
  margin-bottom: 0;
}

.body {
  flex: 1;
  overflow: scroll;
  overflow: overlay;
}
.body.has-decoration {
  background: #ffffff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #d2d5de;
  border-radius: 5px;
  padding: 20px !important;
}
.body .content-inner {
  overflow: visible !important;
  height: 100%;
}
.inner-scroll .body {
  margin-right: -10px;
  padding-right: 10px;
}

.foot {
  display: flex;
  justify-content: space-between;
}
.foot.placeholder {
  padding-top: 47px;
}

.content-inner {
  display: flex;
  margin-bottom: auto;
  align-items: initial;
}
@media screen and (max-width: 1279px) {
  .content-inner {
    flex-direction: column;
  }
}
.content-inner .header-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .content-inner .header-actions {
    flex-flow: row wrap;
  }
}
.content-inner .header-actions .title {
  color: #78829a;
  line-height: 1;
  font-weight: 500;
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .content-inner .header-actions .title {
    margin-right: auto;
  }
}
.content-inner .header-actions .title:before {
  margin-right: 10px;
  font-size: 20px;
}
.content-inner .header-actions .buttons .button, .content-inner .header-actions .buttons .tooltip {
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  .content-inner .header-actions .buttons .button, .content-inner .header-actions .buttons .tooltip {
    margin: 0 5px 5px 0;
  }
}
.content-inner .header-actions .search {
  min-width: 250px;
}
.content-inner .header-actions select {
  min-width: 150px;
  width: auto;
}
.content-inner .box-wrapper {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  margin: -10px 0;
}
@media screen and (max-width: 1279px) {
  .content-inner .box-wrapper .box.product {
    width: calc(50% - 10px);
  }
}
.content-inner .box-wrapper.three-columns {
  margin: 0;
  padding: 2px;
}
.content-inner .box-wrapper.three-columns .box:first-of-type, .content-inner .box-wrapper.three-columns .box:nth-of-type(2), .content-inner .box-wrapper.three-columns .box:nth-of-type(3) {
  margin-top: 0;
}
@media screen and (max-width: 1279px) {
  .content-inner .box-wrapper.three-columns .box:nth-of-type(3) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .content-inner .box-wrapper.three-columns .box:nth-of-type(2) {
    margin-top: 20px;
  }
}
.content-inner .box-wrapper.five-columns {
  justify-content: initial;
}
.content-inner .box-wrapper.five-columns .box {
  width: calc((100% - 100px) / 5);
}
@media screen and (max-width: 1899px) {
  .content-inner .box-wrapper.five-columns .box {
    width: calc((100% - 80px) / 4);
  }
}
@media screen and (max-width: 1479px) {
  .content-inner .box-wrapper.five-columns .box {
    width: calc((100% - 60px) / 3);
  }
}
@media screen and (max-width: 1024px) {
  .content-inner .box-wrapper.five-columns .box {
    width: calc((100% - 40px) / 2);
  }
}
.content-inner .container-boxes {
  width: calc(100% - 355px);
  justify-content: space-between;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-boxes {
    width: 100%;
  }
}
.content-inner .container-boxes .four-columns {
  display: flex;
  flex-flow: row wrap;
  width: auto !important;
  justify-content: initial;
  min-width: 100%;
}
.content-inner .container-boxes .four-columns .box {
  width: calc((100% - 80px) / 4);
}
@media screen and (max-width: 1899px) {
  .content-inner .container-boxes .four-columns .box {
    width: calc((100% - 60px) / 3);
  }
}
@media screen and (max-width: 1479px) {
  .content-inner .container-boxes .four-columns .box {
    width: calc((100% - 40px) / 2);
  }
}
.content-inner .container-boxes .four-columns .box .box-meta {
  padding: 5px 10px;
  background: #1478bd;
  border-radius: 2.5px;
  color: #fff;
  position: absolute;
  right: 20px;
  top: 0;
  transform: translateY(-50%);
  font-weight: 700;
  line-height: 1;
}
.content-inner .container-boxes .four-columns .box .title {
  color: #4b5978;
}
.content-inner .container-boxes .four-columns .box .box-text {
  color: #4b5978;
}
.content-inner .container-boxes .four-columns .box .price,
.content-inner .container-boxes .four-columns .box .icon {
  font-size: 12px;
  color: #4b597b;
  font-weight: 700;
  line-height: 1;
  margin: auto 0 auto auto;
}
.content-inner .container-boxes .four-columns .box.selected {
  border-color: #1478bd;
}
.content-inner .container-boxes .four-columns .box.selected .box-icon {
  border-color: #1478bd;
}
.content-inner .container-boxes .four-columns .box.selected .title,
.content-inner .container-boxes .four-columns .box.selected .box-text,
.content-inner .container-boxes .four-columns .box.selected .price,
.content-inner .container-boxes .four-columns .box.selected .icon {
  color: #1478bd;
}
.content-inner .corner-icon {
  margin: -10px -10px 0 -10px;
}
.content-inner .corner-icon .box {
  position: relative;
  overflow: initial;
  padding-top: 30px;
  margin: 30px 10px 0 10px !important;
}
.content-inner .corner-icon .box .box-icon {
  position: absolute;
  top: 1px;
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.content-inner .corner-icon .box .box-icon img {
  width: 35px;
}
.content-inner .corner-icon .box .box-content {
  width: 100%;
}
.content-inner .structure-columns {
  margin-left: 20px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #d2d5de;
  border-radius: 5px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .content-inner .structure-columns {
    width: 100%;
    margin: 0;
    flex: 1;
    min-height: 450px;
  }
}
.content-inner .structure-columns .columns-wrapper {
  display: flex;
  position: absolute;
  left: 20px;
  top: 20px;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.content-inner .structure-columns .columns-wrapper .column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-right: 20px;
}
.content-inner .structure-columns .columns-wrapper .column .label-box {
  text-transform: uppercase;
  cursor: default;
}
.content-inner .structure-columns .columns-wrapper .column .button, .content-inner .structure-columns .columns-wrapper .column .tooltip {
  margin-top: 10px;
  text-transform: uppercase;
  align-items: center;
  cursor: default;
}
.content-inner .structure-columns .columns-wrapper .column .button .default-icon, .content-inner .structure-columns .columns-wrapper .column .tooltip .default-icon {
  margin-right: 5px;
  margin-top: -2px;
}
.content-inner .structure-columns .columns-wrapper .column .button .default-icon:before, .content-inner .structure-columns .columns-wrapper .column .tooltip .default-icon:before {
  display: block;
}
.content-inner .structure-columns ::-webkit-scrollbar {
  width: initial;
  height: initial;
  background: #fff;
}
.content-inner .structure-columns ::-webkit-scrollbar-thumb {
  background-color: #d2d5de;
  background-clip: border-box;
  border: 7px solid #fff;
  border-radius: 3px;
  transition: background 350ms ease-in-out;
}
.content-inner .structure-columns ::-webkit-scrollbar-thumb:hover {
  background-color: #78829a;
}
.content-inner .snippet-wrapper {
  margin-left: 20px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #d2d5de;
  border-radius: 5px;
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1279px) {
  .content-inner .snippet-wrapper {
    width: 100%;
    margin: 0;
    flex: 1;
  }
}
.content-inner .snippet-wrapper .snippet-inner {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.content-inner .snippet-wrapper .snippet-inner .snippet-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .content-inner .snippet-wrapper .snippet-inner .snippet-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.content-inner .snippet-wrapper .snippet-inner .snippet-header .header-title {
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .content-inner .snippet-wrapper .snippet-inner .snippet-header .header-title {
    margin-bottom: 10px;
  }
}
.content-inner .snippet-wrapper .snippet-inner .snippet-header .header-title h3.title {
  margin-bottom: 5px;
}
.content-inner .snippet-wrapper .snippet-inner .snippet-header .header-title .header-meta {
  line-height: 1;
}
.content-inner .snippet-wrapper .snippet-inner .snippet-header .header-buttons .button, .content-inner .snippet-wrapper .snippet-inner .snippet-header .header-buttons .tooltip {
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  .content-inner .snippet-wrapper .snippet-inner .snippet-header .header-buttons .button, .content-inner .snippet-wrapper .snippet-inner .snippet-header .header-buttons .tooltip {
    margin: 0 5px 5px 0;
  }
}
.content-inner .snippet-wrapper .snippet-button {
  display: flex;
  align-items: center;
  padding: 20px;
  justify-content: flex-end;
  background-color: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 5px 5px;
  margin-top: auto;
}
.content-inner .snippet-wrapper .snippet-button .price {
  font-size: 16px;
  font-weight: 500;
}
.content-inner .snippet-wrapper .snippet-button .button, .content-inner .snippet-wrapper .snippet-button .tooltip {
  margin-left: 10px;
}
.content-inner .table-content .table-body .fixed-content .row-cell,
.content-inner .table-content .table-body .scroll-content .row-cell {
  height: 110px;
}
.content-inner .table-content,
.content-inner .query-table {
  background: #ffffff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #d2d5de;
  border-radius: 5px;
  width: 100%;
}
.content-inner .table-content .row-cell,
.content-inner .table-content .header-cell,
.content-inner .query-table .row-cell,
.content-inner .query-table .header-cell {
  min-width: 140px;
  max-width: 140px;
  padding-left: 20px;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .content-inner .table-content .row-cell,
  .content-inner .table-content .header-cell,
  .content-inner .query-table .row-cell,
  .content-inner .query-table .header-cell {
    min-width: 120px;
  }
}
.content-inner .table-content .table-header,
.content-inner .query-table .table-header {
  padding: 0;
}
.content-inner .table-content .table-header .header-inner .header-cell,
.content-inner .query-table .table-header .header-inner .header-cell {
  color: #78829a;
}
.content-inner .table-content .table-header .header-inner .header-cell:first-of-type,
.content-inner .query-table .table-header .header-inner .header-cell:first-of-type {
  color: #4b5978;
}
.content-inner .table-content .table-header,
.content-inner .query-table .table-header {
  padding: 20px 20px 0 20px;
}
.content-inner .table-content .table-header .header-inner,
.content-inner .query-table .table-header .header-inner {
  display: flex;
  justify-content: space-between;
}
.content-inner .table-content .table-row,
.content-inner .query-table .table-row {
  display: flex;
  height: 110px;
}
.content-inner .table-content .header-cell,
.content-inner .query-table .header-cell {
  padding: 20px !important;
  height: 55px !important;
}
@media screen and (max-width: 1024px) {
  .content-inner .table-content .header-cell,
  .content-inner .query-table .header-cell {
    padding: 20px 10px;
  }
}
.content-inner .table-content .header-cell.name,
.content-inner .table-content .row-cell.name,
.content-inner .query-table .header-cell.name,
.content-inner .query-table .row-cell.name {
  min-width: 190px !important;
  max-width: 190px !important;
}
.content-inner .table-content .header-cell.status,
.content-inner .table-content .row-cell.status,
.content-inner .query-table .header-cell.status,
.content-inner .query-table .row-cell.status {
  min-width: 160px !important;
  max-width: 160px !important;
}
.content-inner .table-content .header-cell.snippet .snippet-container,
.content-inner .table-content .row-cell.snippet .snippet-container,
.content-inner .query-table .header-cell.snippet .snippet-container,
.content-inner .query-table .row-cell.snippet .snippet-container {
  width: 100%;
  border-radius: 2.5px 0 0 2.5px;
}
.content-inner .table-content .header-cell.snippet .snippet-container .snippet-text,
.content-inner .table-content .row-cell.snippet .snippet-container .snippet-text,
.content-inner .query-table .header-cell.snippet .snippet-container .snippet-text,
.content-inner .query-table .row-cell.snippet .snippet-container .snippet-text {
  display: flex;
  overflow: initial;
  padding: 5px;
  align-items: center;
  max-height: 80px;
}
.content-inner .table-content .row-cell,
.content-inner .query-table .row-cell {
  padding: 0;
  height: 100px;
}
.content-inner .table-content .row-cell.name,
.content-inner .query-table .row-cell.name {
  font-weight: 700;
  color: #4b5978;
  display: flex;
}
.content-inner .table-content .row-cell.name a:before,
.content-inner .query-table .row-cell.name a:before {
  margin-left: 5px;
}
.content-inner .table-content .row-cell:last-of-type,
.content-inner .query-table .row-cell:last-of-type {
  padding-right: 10px;
}
.content-inner .table-content .row-cell.status,
.content-inner .query-table .row-cell.status {
  font-weight: 700;
}
.content-inner .table-content .row-cell.status.in-progress,
.content-inner .query-table .row-cell.status.in-progress {
  color: #1478bd;
}
.content-inner .table-content .row-cell.status.completed,
.content-inner .query-table .row-cell.status.completed {
  color: #5bc287;
}
.content-inner .table-content .row-cell.status.failed,
.content-inner .query-table .row-cell.status.failed {
  color: #ef7923;
}
.content-inner .table-content .row-cell.status span,
.content-inner .query-table .row-cell.status span {
  margin-left: 20px;
}
@media screen and (max-width: 1479px) {
  .content-inner .table-content .row-cell.status span,
  .content-inner .query-table .row-cell.status span {
    margin-left: 0;
  }
}
.content-inner .table-content .row-cell.snippet,
.content-inner .query-table .row-cell.snippet {
  display: flex;
}
.content-inner .table-content .row-cell.snippet .snippet-content,
.content-inner .query-table .row-cell.snippet .snippet-content {
  padding: 10px 80px 10px 30px;
  border: 1px solid #d2d5de;
  position: relative;
  font-size: 8px;
}
@media screen and (max-width: 1479px) {
  .content-inner .table-content .row-cell.snippet .snippet-content,
  .content-inner .query-table .row-cell.snippet .snippet-content {
    padding: 10px 20px;
  }
}
.content-inner .table-content .row-cell.snippet .snippet-content:before,
.content-inner .query-table .row-cell.snippet .snippet-content:before {
  content: "";
  background-color: #f7f7f7;
  position: absolute;
  width: 10px;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  border-right: 1px solid #d2d5de;
}
.content-inner .table-content .row-cell.snippet a,
.content-inner .query-table .row-cell.snippet a {
  color: #f7f7f7;
  display: flex;
  align-items: center;
  border-left: 1px solid #d2d5de;
  padding: 0 5px;
}
@media screen and (max-width: 768px) {
  .content-inner .table-content .row-cell.snippet a,
  .content-inner .query-table .row-cell.snippet a {
    border-left: 1px solid #d2d5de;
  }
}
.content-inner .table-content .row-cell.snippet a:hover,
.content-inner .query-table .row-cell.snippet a:hover {
  background-color: #f2f4f7;
}
.content-inner .table-content .row-cell.snippet a:hover:before,
.content-inner .query-table .row-cell.snippet a:hover:before {
  color: #d4d4d4;
}
.content-inner .table-content .row-cell.snippet a:before,
.content-inner .query-table .row-cell.snippet a:before {
  color: #d2d5de;
}
.content-inner .table-content:nth-of-type(even),
.content-inner .query-table:nth-of-type(even) {
  background-color: #f7f7f7;
}
.content-inner .table-content .table-body,
.content-inner .query-table .table-body {
  display: flex;
  overflow-x: hidden;
  position: relative;
}
.content-inner .table-content .table-body .fixed-content,
.content-inner .query-table .table-body .fixed-content {
  display: flex;
  flex-direction: column;
}
.content-inner .table-content .table-body .fixed-content .header-cell,
.content-inner .table-content .table-body .fixed-content .row-cell,
.content-inner .query-table .table-body .fixed-content .header-cell,
.content-inner .query-table .table-body .fixed-content .row-cell {
  min-width: 105px;
  max-width: 105px;
}
.content-inner .table-content .table-body .fixed-content .row-cell:nth-of-type(even),
.content-inner .query-table .table-body .fixed-content .row-cell:nth-of-type(even) {
  background-color: #f7f7f7;
}
.content-inner .table-content .table-body .fixed-content .header-cell a,
.content-inner .query-table .table-body .fixed-content .header-cell a {
  position: relative;
  padding-right: 15px;
}
.content-inner .table-content .table-body .fixed-content .header-cell a:before,
.content-inner .query-table .table-body .fixed-content .header-cell a:before {
  right: 5px;
}
.content-inner .table-content .table-body .scroll-content .table-row:nth-of-type(odd) .row-cell,
.content-inner .table-content .table-body .fixed-content .table-row:nth-of-type(odd) .row-cell,
.content-inner .query-table .table-body .scroll-content .table-row:nth-of-type(odd) .row-cell,
.content-inner .query-table .table-body .fixed-content .table-row:nth-of-type(odd) .row-cell {
  background-color: #f7f7f7;
}
.content-inner .table-content .table-body .scroll-content .row-cell.selected,
.content-inner .table-content .table-body .fixed-content .row-cell.selected,
.content-inner .query-table .table-body .scroll-content .row-cell.selected,
.content-inner .query-table .table-body .fixed-content .row-cell.selected {
  background-color: #f2f4f7 !important;
}
.content-inner .table-content .table-body .scroll-content .header-cell a,
.content-inner .table-content .table-body .fixed-content .header-cell a,
.content-inner .query-table .table-body .scroll-content .header-cell a,
.content-inner .query-table .table-body .fixed-content .header-cell a {
  position: relative;
  padding-right: 10px;
}
.content-inner .table-content .table-body .scroll-content .header-cell a:before,
.content-inner .table-content .table-body .fixed-content .header-cell a:before,
.content-inner .query-table .table-body .scroll-content .header-cell a:before,
.content-inner .query-table .table-body .fixed-content .header-cell a:before {
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  font-size: 10px;
  bottom: 0;
}
.content-inner .table-content .table-body .scroll-content,
.content-inner .query-table .table-body .scroll-content {
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  width: 100%;
  margin-bottom: 5px;
}
.content-inner .table-content .table-body .scroll-content .scroll-header,
.content-inner .query-table .table-body .scroll-content .scroll-header {
  display: flex;
}
.content-inner .table-content .table-body .scroll-content .scroll-rows .table-row .row-cell:first-of-type,
.content-inner .query-table .table-body .scroll-content .scroll-rows .table-row .row-cell:first-of-type {
  color: #4b5978;
  font-weight: 400;
}
.content-inner .table-content .table-body .header-cell,
.content-inner .table-content .table-body .row-cell,
.content-inner .query-table .table-body .header-cell,
.content-inner .query-table .table-body .row-cell {
  padding: 20px;
  display: flex;
  height: 40px;
}
@media screen and (max-width: 1024px) {
  .content-inner .table-content .table-body .header-cell,
  .content-inner .table-content .table-body .row-cell,
  .content-inner .query-table .table-body .header-cell,
  .content-inner .query-table .table-body .row-cell {
    padding: 20px 10px !important;
  }
}
.content-inner .table-content .snippet,
.content-inner .table-content .description,
.content-inner .query-table .snippet,
.content-inner .query-table .description {
  max-width: 850px;
  min-width: 850px;
}
@media screen and (max-width: 768px) {
  .content-inner .table-content .snippet,
  .content-inner .table-content .description,
  .content-inner .query-table .snippet,
  .content-inner .query-table .description {
    padding-left: 10px;
  }
}
.content-inner .table-content .snippet.small,
.content-inner .table-content .description.small,
.content-inner .query-table .snippet.small,
.content-inner .query-table .description.small {
  max-width: 750px;
  min-width: 750px;
}
.content-inner .table-content .snippet a,
.content-inner .table-content .description a,
.content-inner .query-table .snippet a,
.content-inner .query-table .description a {
  height: 100%;
}
.content-inner .table-content .snippet,
.content-inner .table-content .description,
.content-inner .query-table .snippet,
.content-inner .query-table .description {
  max-width: initial !important;
  min-width: 750px !important;
  width: 100%;
  padding-right: 20px !important;
}
@media screen and (max-width: 1024px) {
  .content-inner .table-content .description,
  .content-inner .query-table .description {
    min-width: 550px !important;
  }
}
.content-inner .table-content .actions,
.content-inner .query-table .actions {
  min-width: 170px;
  max-width: 170px;
  justify-content: flex-end;
}
.content-inner .table-content .small,
.content-inner .query-table .small {
  min-width: 100px;
  max-width: 100px;
}
.content-inner .table-content .medium,
.content-inner .query-table .medium {
  min-width: 120px;
  max-width: 120px;
}
.content-inner .table-content .big,
.content-inner .query-table .big {
  min-width: 170px !important;
  max-width: 170px !important;
}
.content-inner .table-content .full,
.content-inner .query-table .full {
  min-width: 200px !important;
  max-width: 200px !important;
}
.content-inner .query-table .table-row {
  height: 40px;
}
.content-inner .query-table.small-rows .table-body .row-cell {
  padding: 10px 20px;
}
.content-inner .query-table.medium-rows .header-cell,
.content-inner .query-table.medium-rows .row-cell,
.content-inner .query-table.medium-rows .table-row {
  height: 60px;
}
.content-inner .content-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .content-inner .content-title {
    flex-direction: column;
  }
}
.content-inner .content-title .title {
  color: #78829a;
  line-height: 1;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.content-inner .content-title .title:before {
  margin-right: 10px;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .content-inner .content-title .button, .content-inner .content-title .tooltip {
    margin-top: 20px;
  }
}
.content-inner .container-wrapper {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper {
    flex-direction: column;
  }
}
.content-inner .container-wrapper .container-boxes-inner {
  height: auto;
  flex: 1;
  position: relative;
}
.content-inner .container-wrapper .container-boxes-inner .box-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
  max-height: 100%;
  overflow: auto;
  overflow: overlay;
}
.content-inner .container-wrapper .box-wrapper {
  width: calc(100% - 340px);
}
.content-inner .container-wrapper .filter-container {
  width: 300px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper .filter-container {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }
}
.content-inner .container-wrapper .filter-container.padding-top {
  padding-top: 20px;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper .filter-container.padding-top {
    padding-top: 0;
  }
}
.content-inner .container-wrapper .filter-container.padding-top .container-filter-wrapper .filters-box {
  margin-top: 0;
  margin-right: 0;
}
.content-inner .container-wrapper .filter-container.padding-top .container-filter-wrapper .container-inner {
  flex-flow: row wrap;
}
.content-inner .container-wrapper .filter-container .content,
.content-inner .container-wrapper .filter-container .toggle,
.content-inner .container-wrapper .filter-container .visuals,
.content-inner .container-wrapper .filter-container .list-actions,
.content-inner .container-wrapper .filter-container .checkboxes,
.content-inner .container-wrapper .filter-container .content-tile,
.content-inner .container-wrapper .filter-container .search,
.content-inner .container-wrapper .filter-container .select-wrapper,
.content-inner .container-wrapper .filter-container .select {
  margin-bottom: 20px;
}
.content-inner .container-wrapper .filter-container .select-wrapper .select {
  width: 100%;
  margin-bottom: 10px;
}
.content-inner .container-wrapper .filter-container .search {
  width: 100%;
}
.content-inner .container-wrapper .filter-container .toggle {
  display: flex;
  padding-left: 25px;
}
.content-inner .container-wrapper .filter-container .toggle .checkbox-toggle {
  margin-right: 10px;
}
.content-inner .container-wrapper .filter-container .checkboxes .value {
  display: flex;
}
.content-inner .container-wrapper .filter-container .checkboxes .value .checkbox {
  margin: 0 10px 15px 0;
}
.content-inner .container-wrapper .filter-container .checkboxes .value:last-of-type .checkbox {
  margin-bottom: 0;
}
.content-inner .container-wrapper .filter-container .toggle-wrapper {
  display: flex;
}
.content-inner .container-wrapper .filter-container .toggle-wrapper .checkbox-toggle {
  padding-left: 30px;
}
.content-inner .container-wrapper .filter-container .toggle-wrapper .checkbox-toggle .toggle {
  right: auto;
  left: 0;
}
.content-inner .container-wrapper .filter-container .navy-medium {
  color: #78829a;
}
.content-inner .container-wrapper .filter-container .label-title {
  color: #4b5978;
  margin-bottom: 10px;
}
.content-inner .container-wrapper .filter-container .content-tile .current-rating {
  display: flex;
  align-items: center;
}
.content-inner .container-wrapper .filter-container .content-tile .current-rating .stars-wrapper {
  display: flex;
  align-items: center;
}
.content-inner .container-wrapper .filter-container .search-list {
  margin: 0 0 20px 0;
  padding: 0 0 0 15px;
  color: #b4b4b4;
}
.content-inner .container-wrapper .filter-container .search-list li {
  line-height: 1;
  padding: 5px 0;
}
.content-inner .container-wrapper .filter-container .search-list li:first-of-type {
  padding-top: 0;
}
.content-inner .container-wrapper .filter-container .search-list li:last-of-type {
  padding-bottom: 0;
}
.content-inner .container-wrapper .filter-container .visuals {
  display: flex;
  flex-flow: row wrap;
}
.content-inner .container-wrapper .filter-container .visuals a {
  margin: 0 5px 5px 0;
}
.content-inner .container-wrapper .filter-container .visuals a:last-of-type {
  margin-right: 0;
}
.content-inner .container-wrapper .filter-container .visuals a:before {
  font-size: 22px;
}
.content-inner .container-wrapper .filter-container .button, .content-inner .container-wrapper .filter-container .tooltip {
  margin-top: auto;
}
.content-inner .container-wrapper .filter-container .color-scheme {
  display: flex;
  width: 100%;
  align-items: center;
}
.content-inner .container-wrapper .filter-container .color-scheme .color {
  margin-left: 20px;
}
.content-inner .container-wrapper .filter-container .input-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .content-inner .container-wrapper .filter-container .input-wrapper {
    flex-direction: column;
    align-items: center;
  }
}
.content-inner .container-wrapper .filter-container .input-wrapper .input-inner {
  width: 42%;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper .filter-container .input-wrapper .input-inner {
    width: 45%;
  }
}
@media screen and (max-width: 768px) {
  .content-inner .container-wrapper .filter-container .input-wrapper .input-inner {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .content-inner .container-wrapper .filter-container .input-wrapper .input-inner .input {
    margin-bottom: 10px;
  }
}
.content-inner .container-wrapper .filter-container .actions {
  margin-top: auto;
  width: 100%;
  padding-top: 20px;
}
.content-inner .container-wrapper .filter-container .actions .action-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper .filter-container .actions .action-toggle {
    justify-content: flex-start;
  }
}
.content-inner .container-wrapper .filter-container .actions .action-toggle .toggle-title {
  margin-bottom: 0;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper .filter-container .actions .action-toggle .toggle-title {
    margin-right: 50px;
  }
}
.content-inner .container-wrapper .filter-container .actions .description {
  margin-bottom: 20px;
}
.content-inner .container-wrapper .filter-container .actions .buttons {
  display: flex;
}
.content-inner .container-wrapper .filter-container .actions .buttons .button, .content-inner .container-wrapper .filter-container .actions .buttons .tooltip {
  margin-right: 5px;
}
.content-inner .container-wrapper .filter-container .actions .buttons .button:last-of-type, .content-inner .container-wrapper .filter-container .actions .buttons .tooltip:last-of-type {
  margin-right: 0;
}
.content-inner .container-wrapper .filter-container .list-actions {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #78829a;
  margin-bottom: 20px;
}
.content-inner .container-wrapper .filter-container .list-actions li {
  padding-bottom: 5px !important;
  width: 100%;
  text-align: left;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper {
  position: relative;
  flex: 1;
  min-height: 375px;
  margin: 0 -5px;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper .filter-container .container-filter-wrapper {
    min-height: initial;
  }
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner {
  overflow: auto;
  position: absolute;
  left: 0;
  right: 0;
  padding: 1px 5px 2px 5px;
  bottom: 0;
  top: 0;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner {
    margin-bottom: 0;
    left: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    max-height: 550px;
    position: relative;
    padding: 2px 5px;
  }
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.green .box.selected {
  border: 1px solid #5bc287;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.green .box:hover {
  border: 1px solid #5bc287;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.green .box.snippet-box.selected .box-title {
  color: #5bc287;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.green .box.snippet-box:hover .box-title {
  color: #5bc287;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.orange .box.selected {
  border: 1px solid #ef7923;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.orange .box:hover {
  border: 1px solid #ef7923;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.orange .box.snippet-box.selected .box-title {
  color: #ef7923;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.orange .box.snippet-box:hover .box-title {
  color: #ef7923;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.blue .box.selected {
  border: 1px solid #1478bd;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.blue .box:hover {
  border: 1px solid #1478bd;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.blue .box.snippet-box.selected .box-title {
  color: #1478bd;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.blue .box.snippet-box:hover .box-title {
  color: #1478bd;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.yellow .box.selected {
  border: 1px solid #fab12e;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.yellow .box:hover {
  border: 1px solid #fab12e;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.yellow .box.snippet-box.selected .box-title {
  color: #fab12e;
}
.content-inner .container-wrapper .filter-container .container-filter-wrapper .container-inner.yellow .box.snippet-box:hover .box-title {
  color: #fab12e;
}
.content-inner .container-wrapper .filter-container .feedback-box {
  margin-top: 20px;
}
.content-inner .container-wrapper .filter-container .filter-title {
  padding: 15px 20px;
  color: #fff;
  margin-bottom: 0;
  border-radius: 5px 5px 0 0;
}
.content-inner .container-wrapper .filter-container .filters-box {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #d2d5de;
  border-radius: 5px;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content {
  background-color: #fff;
  border-radius: 5px;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input {
  padding: 20px 0;
  margin: 0 20px;
  border-top: 1px solid #d2d5de;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .box-buttons {
  display: flex;
  justify-content: space-between;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .search {
  margin-bottom: 0 !important;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input h5 {
  margin-bottom: 10px;
  color: #4b5978;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .select-wrapper {
  margin-bottom: 0;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .select-wrapper .select {
  margin-bottom: 0;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input:first-of-type {
  border-top: none;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input.buttons {
  border-top: none;
  padding-top: 0;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .box-options {
  flex-flow: row wrap;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .box-options .option {
  width: 46%;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .box-options .option .label {
  color: #78829a;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .box-options .button, .content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .box-options .tooltip {
  margin-top: 20px;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .title-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .title-dropdown h5 {
  margin-bottom: 0;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .title-dropdown a {
  color: #d2d5de;
  margin-left: 10px;
  transform: rotate(180deg);
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .title-dropdown a.active {
  transform: rotate(0deg);
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .value {
  display: flex;
  margin: 10px 0;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .value:last-of-type {
  margin-bottom: 0;
}
.content-inner .container-wrapper .filter-container .filters-box .box-content .box-input .value .checkbox {
  margin-right: 10px;
}
.content-inner .container-wrapper .filter-container.snippets {
  max-width: 300px;
  width: 35%;
  margin-right: 0;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper .filter-container.snippets {
    max-width: initial;
    width: 100%;
  }
}
.content-inner .container-wrapper .filter-container.snippets .search,
.content-inner .container-wrapper .filter-container.snippets .select {
  margin-bottom: 10px;
}
.content-inner .container-wrapper .filter-container.snippets .toggle-wrapper {
  margin-bottom: 20px;
}
.content-inner .container-wrapper .chart-container {
  border: 1px solid #d2d5de;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper .chart-container {
    width: 100%;
  }
}
.content-inner .container-wrapper .code-snippet-container {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  position: relative;
  flex: 1;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper .code-snippet-container {
    width: 100%;
    margin-left: 0;
  }
}
.content-inner .container-wrapper .code-snippet-container .code-snippet-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: overlay;
  padding-right: 7px;
  margin-right: -7px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper .code-snippet-container .code-snippet-wrapper {
    position: relative;
  }
}
.content-inner .container-wrapper .code-snippet-container .snippet-container {
  min-height: 300px;
}
.content-inner .container-wrapper .code-snippet-container .snippet-content {
  padding: 20px;
  border: 1px solid #d2d5de;
  border-radius: 2.5px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.content-inner .container-wrapper .code-snippet-container .snippet-content .snippet-title,
.content-inner .container-wrapper .code-snippet-container .snippet-content .snippet-meta {
  color: #4b5978;
  margin-bottom: 10px;
}
.content-inner .container-wrapper .code-snippet-container .snippet-content .snippet-description {
  margin-bottom: auto;
  color: #a6acbb;
}
.content-inner .container-wrapper .code-snippet-container .snippet-content .snippet-intro {
  margin: 20px 0;
  color: #78829a;
}
.content-inner .container-wrapper .code-snippet-container .snippet-content .snippet-boxes {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 10px;
}
.content-inner .container-wrapper .code-snippet-container .snippet-content .snippet-boxes .box-product {
  width: 100%;
  max-width: 145px;
  padding: 10px;
  border: 1px solid #1478bd;
  border-radius: 2.5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 350ms ease-in-out;
  margin: 0 10px 10px 0;
}
.content-inner .container-wrapper .code-snippet-container .snippet-content .snippet-boxes .box-product .product-content {
  position: relative;
}
.content-inner .container-wrapper .code-snippet-container .snippet-content .snippet-boxes .box-product .product-content .product-button {
  margin-left: 20px;
}
.content-inner .container-wrapper .code-snippet-container .snippet-content .snippet-boxes .box-product .product-content .product-title {
  margin-bottom: 0;
  color: #4b5978;
}
.content-inner .container-wrapper .code-snippet-container .snippet-content .snippet-boxes .box-product:last-of-type {
  margin-right: 0;
}
.content-inner .container-wrapper .code-snippet-container .snippet-content .snippet-buttons {
  display: flex;
  align-items: center;
}
.content-inner .container-wrapper .code-snippet-container .snippet-content .snippet-buttons .button, .content-inner .container-wrapper .code-snippet-container .snippet-content .snippet-buttons .tooltip {
  margin-right: 5px;
}
.content-inner .container-wrapper .highcharts-filter {
  position: fixed;
  width: 15%;
  height: inherit;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper .highcharts-filter {
    position: relative;
    width: 100%;
  }
}
.content-inner .container-wrapper .filter-container-inner {
  width: 15%;
  height: 90%;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper .filter-container-inner {
    width: 100%;
    height: 0%;
  }
}
.content-inner .container-wrapper .charts-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 82.5%;
  height: 100%;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper .charts-content {
    grid-template-columns: 1fr;
    width: 100%;
  }
}
.content-inner .container-wrapper .charts-content .charts-two-columns {
  width: 66.66%;
  height: 100%;
}
.content-inner .container-wrapper .charts-content .charts-one-column {
  width: 33.33%;
  height: 100%;
}
.content-inner .container-wrapper .highlight-pinned-tab .tab-box {
  border-right: 4px solid #ef7923;
  background: #fff;
}
.content-inner .container-wrapper.filters .filter-container {
  width: 340px;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper.filters .filter-container {
    width: 100%;
  }
}
.content-inner .container-wrapper.filters .filter-container .container-filter-wrapper {
  margin: 0;
}
.content-inner .container-wrapper.filters .filter-container .container-filter-wrapper .container-inner {
  padding: 0 10px 0 0;
  margin-right: 5px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  overflow: overlay;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper.filters .filter-container .container-filter-wrapper .container-inner {
    display: block;
    padding: 0;
    margin: 0;
    max-height: initial;
  }
}
.content-inner .container-wrapper.filters .filter-container .container-filter-wrapper .container-inner.list-scroll {
  overflow: initial;
}
.content-inner .container-wrapper.filters .filter-container .container-filter-wrapper .container-inner.list-scroll .list-wrapper {
  flex: 1;
  position: relative;
  min-height: 400px;
}
.content-inner .container-wrapper.filters .filter-container .container-filter-wrapper .container-inner.list-scroll .list-wrapper .list-actions {
  position: absolute;
  left: 0;
  right: 0;
  padding: 1px 5px 2px 5px;
  bottom: 0;
  top: 0;
  overflow: overlay;
}
.content-inner .container-wrapper.filters .big-width {
  width: calc(100% - 360px);
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper.filters .big-width {
    width: 100%;
  }
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper.products {
    flex-direction: column !important;
  }
}
.content-inner .container-wrapper.products .filter-container {
  max-width: 350px;
  width: 35%;
  margin-right: 0;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper.products .filter-container {
    max-width: initial;
    width: 100%;
  }
}
.content-inner .container-wrapper.products .filter-container .pagination-nav {
  padding-top: 40px;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper.products .filter-container .pagination-nav {
    padding-top: 15px;
  }
}
.content-inner .container-wrapper.products .filter-container .container-inner {
  max-height: none !important;
}
.content-inner .container-wrapper.products .big-width {
  width: calc(100% - 370px);
  margin-left: 20px;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper.products .big-width {
    width: 100%;
    margin-left: 0;
  }
}
.content-inner .container-wrapper.products .container-boxes .box-wrapper {
  position: absolute;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper.products .container-boxes .box-wrapper {
    position: relative;
  }
}
.content-inner .container-wrapper.scroll-inside-box .container-inner {
  height: 100%;
  display: flex;
  flex-direction: column !important;
  flex: 1;
}
.content-inner .container-wrapper.scroll-inside-box .container-inner .filters-box {
  margin-top: 0;
  flex: 1;
  height: 100%;
  position: relative;
  margin-right: 15px;
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.content-inner .container-wrapper.scroll-inside-box .container-inner .filters-box .filter-title {
  margin-bottom: 0;
  border-radius: 5px 5px 0 0;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.content-inner .container-wrapper.scroll-inside-box .container-inner .filters-box .box-content {
  background-color: transparent;
  height: calc(100% - 43px);
  position: absolute;
  left: 0;
  top: 43px;
  right: 0;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1279px) {
  .content-inner .container-wrapper.scroll-inside-box .container-inner .filters-box .box-content {
    position: initial;
  }
}
.content-inner .container-wrapper.scroll-inside-box .container-inner .filters-box .box-content .box-content-inner {
  background-color: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 5px 5px;
  border: 1px solid #d2d5de;
  overflow: overlay;
  display: flex;
  flex-direction: column;
}
.content-inner .tab-box {
  padding: 15px 20px;
  background-color: #f2f4f7;
  border: 1px solid #d2d5de;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin-top: 10px;
  color: #78829a;
}
.content-inner .tab-box:first-of-type {
  margin-top: 0;
}
@media screen and (max-width: 1279px) {
  .content-inner .tab-box {
    width: calc(50% - 5px);
  }
  .content-inner .tab-box:nth-of-type(2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .content-inner .tab-box {
    width: 100%;
  }
  .content-inner .tab-box:nth-of-type(2) {
    margin-top: 10px;
  }
}
.content-inner .tab-box .box-title {
  color: #78829a;
  margin: 0;
}
.content-inner .tab-box .box-meta {
  margin-top: 5px;
  display: block;
}
.content-inner .tab-box.selected {
  background-color: #fff;
  color: #1e2f56;
  border-right: 5px solid #1478bd;
}
.content-inner .tab-box.selected .box-title {
  color: #1e2f56;
}
.content-inner.query-widgets {
  display: block;
  display: flex;
  flex-direction: column;
}
.content-inner.query-widgets .header-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.content-inner.query-widgets .header-actions .title {
  line-height: 1;
  font-weight: 500;
  margin-bottom: 0;
}
.content-inner.query-widgets .header-actions .title:before {
  margin-right: 10px;
  font-size: 20px;
}
.content-inner.query-widgets .widget-boxes {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  height: 100%;
}
.content-inner.query-widgets .widget-boxes .box:first-of-type {
  margin-top: 0;
}
.content-inner.query-widgets .widget-boxes .box:nth-of-type(2) {
  margin-top: 0;
}
.content-inner.query-widgets .widget-boxes .box:nth-of-type(3) {
  margin-top: 0;
}
@media screen and (max-width: 1279px) {
  .content-inner.query-widgets .widget-boxes .box:nth-of-type(3) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .content-inner.query-widgets .widget-boxes .box:nth-of-type(2) {
    margin-top: 20px;
  }
}
.content-inner.market-insights .header-actions {
  width: 100%;
}
.content-inner.market-insights .header-actions .filter-wrapper {
  display: flex;
}
.content-inner.has-decoration {
  background: #ffffff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #d2d5de;
  border-radius: 5px;
  padding: 20px;
}
.content-inner.column {
  flex-direction: column;
}
.content-inner.full-height {
  height: 100% !important;
}
.content-inner.full-atleast-sm {
  height: 100% !important;
}
@media screen and (max-width: 1279px) {
  .content-inner.full-atleast-sm {
    height: auto !important;
    min-height: 100%;
  }
}
.content-inner.top-aligned .container-wrapper {
  align-items: flex-start;
}
.content-inner.top-aligned .container-wrapper .filter-container {
  height: 100%;
}

.charts-top-bar-container,
.charts-modal-top-container {
  position: relative;
  display: flex;
  padding: 10px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  margin: 20px 0px;
}
.charts-top-bar-container .form-field,
.charts-modal-top-container .form-field {
  width: 100%;
  margin-right: 10px;
}

.no-access-content {
  width: 100%;
}

.charts-top-bar-container .blue {
  display: none;
}
.charts-top-bar-container .greenn,
.charts-top-bar-container .greenn-bg {
  border-color: #00d95d;
  margin-right: 5px;
  color: #00d95d;
  cursor: pointer;
}
.charts-top-bar-container .greenn-bg {
  background-color: #b6ffd6 !important;
}
.charts-top-bar-container .parameters-icon-data {
  display: none;
}

.charts-modal-top-container {
  position: absolute;
  top: 0px;
}
.charts-modal-top-container .blue {
  margin-right: 10px;
}
.charts-modal-top-container .greenn,
.charts-modal-top-container .greenn-bg {
  display: none;
}

.charts-bottom-bar-container,
.charts-modal-bottom-container {
  padding: 10px;
  width: 100%;
  height: 50px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.charts-bottom-bar-container {
  top: 0px;
  margin: 20px 0px;
}

.charts-modal-bottom-container {
  position: absolute;
  padding: 10px 0px 10px 20px;
  bottom: -65px;
}

.charts-pinned-tab-box {
  display: none;
  background: #fff;
  border: 1px solid #eee;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  position: absolute;
  top: 40px;
  right: 0px;
  width: 100px;
  height: auto;
  padding: 5px;
  z-index: 200;
}
.charts-pinned-tab-box span {
  margin-top: 5px;
  cursor: pointer;
}

.charts-pinned-dropdown .charts-pinned-tab-box {
  display: flex;
}

.flip-box,
.flexr-flip-box {
  position: fixed;
  min-width: 80vw !important;
  max-width: 80vw !important;
  background: #fff;
  margin: auto !important;
}
.flip-box .header-text button,
.flexr-flip-box .header-text button {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
}

.flip-box {
  height: 845px;
}

.flexr-flip-box {
  height: 845px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 700px;
  display: flex;
  top: 0px;
  overflow: hidden;
}

.flip-box-front,
.flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.4s;
}

.flip-box-front {
  left: 0%;
  height: 650px;
}
.flip-box-front .highcharts-container {
  height: 550px !important;
  padding: 10px;
  left: 0% !important;
}

/* Style the back side */
.flip-box-back {
  background-color: #fff;
  height: 700px;
  width: 100%;
  display: flex;
  left: 100%;
  margin-top: 5px;
  position: absolute;
  top: 0px;
  border-radius: 6px;
}
.flip-box-back .modal-right-panel {
  height: fit-content;
  display: flex;
  flex-direction: column;
}
.flip-box-back .highcharts-query-container {
  width: fit-content;
}
.flip-box-back .highcharts-query-container .query-preview-wrapper.snippet-container .snippet-row {
  max-height: 0px !important;
  margin: 0px 0px 0px 0px !important;
}
.flip-box-back .highcharts-query-container,
.flip-box-back .highcharts-products-container {
  width: 50%;
  height: inherit;
  padding: 0px 20px;
}
.flip-box-back .highcharts-query-container .header-title,
.flip-box-back .highcharts-products-container .header-title {
  padding-top: 20px;
}
.flip-box-back .highcharts-products-container .code-template-meta-container,
.flip-box-back .highcharts-query-container .code-template-meta-container {
  padding: 20px;
  height: 500px;
  margin-top: 30px;
}
.flip-box-back .highcharts-products-container .metadata-table-container .supporting-data .icon-downwards-arrow,
.flip-box-back .highcharts-query-container .metadata-table-container .supporting-data .icon-downwards-arrow {
  top: 0px;
  right: 0px;
}
.flip-box-back .highcharts-products-container .schema-header-header,
.flip-box-back .highcharts-query-container .schema-header-header {
  width: 95%;
  padding: 6px 20px;
  margin-top: 5px;
}
.flip-box-back .highcharts-query-container {
  border-right: 3px solid #e4e4e4;
}
.flip-box-back .highcharts-query-container .snippet-container:before {
  padding: 10px;
}
.flip-box-back .highcharts-query-container .query-preview-wrapper.snippet-container {
  margin-top: 30px;
  height: 570px;
}
.flip-box-back .highcharts-query-container .query-preview-wrapper.snippet-container .icon-expand {
  visibility: hidden;
}
.flip-box-back .highcharts-query-container .use-query-btn {
  position: absolute;
  margin-top: 10px;
  right: 0px;
}
.flip-box-back .highcharts-close-btn {
  position: absolute;
  right: 0px;
  border: none;
  padding: 5px;
  color: #b4b4b4;
  font-size: 1.2rem;
}

.flip-box .flip-box-inner {
  position: absolute;
  top: 94px;
  z-index: -1;
  height: 750px;
}
.flip-box .highcharts-query-container {
  height: 800px;
}
.flip-box .modal-bottom-text {
  font-size: 12px;
  margin-top: 40px;
}

.add-slide-effect .flip-box-back {
  left: 0%;
  transition: 0.4s;
  height: 700px;
}
.add-slide-effect .highcharts-header-text-content,
.add-slide-effect .modal-bottom-text {
  visibility: hidden;
}
.add-slide-effect .flip-box-inner {
  z-index: 1;
}

.no-flip-box-back {
  display: none;
}

.charts-top-bar-container .yellow-bg,
.charts-modal-top-container .yellow-bg {
  background-color: #fff0d4 !important;
}

.charts-inner-container {
  background: #fff;
  padding: 10px 10px;
  position: relative;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  height: 100%;
  border: 2px solid #eee;
  border-radius: 5px;
  margin: 10px;
  width: 100%;
}
.charts-inner-container .noVisualisation-container {
  min-height: 400px;
}

.chart-spinner-loading {
  min-height: 600px;
  background-color: #fff;
  padding: 10px 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  width: 100%;
  margin: 10px;
}

.chart-spinner-loading,
.visualisation-loading,
.charts-modal-spinner-loading,
.noVisualisation-container {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.visualisation-loading,
.charts-modal-spinner-loading,
.noVisualisation-container {
  min-height: 570px;
}

.search .wrapper:first-child svg {
  border: 4px solid blue !important;
}

.highcharts-filter .wrapper .search-icon {
  width: 15px;
  height: 15px;
  margin: 0px 0px 0px 7px;
}
.highcharts-filter .wrapper .search-icon input {
  border: none;
}

.highcharts-filter .wrapper .clear-icon svg {
  width: 15px;
  height: 15px;
  display: block;
}

.highcharts-filter #filter_sort_by {
  margin-top: 10px;
}

.highcharts-filter .wrapper input {
  border: none !important;
}

.highcharts-parameters-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.highcharts-parameters-container input[type=checkbox] {
  -webkit-appearance: menulist !important;
}
.highcharts-parameters-container .multi-select {
  width: 100%;
  cursor: pointer;
  margin: 10px 0px;
}
.highcharts-parameters-container .dropdown-heading {
  height: 30px;
}
.highcharts-parameters-container .dropdown-container {
  border: 1px solid #b4b4b4;
}
.highcharts-parameters-container .dropdown-container svg,
.highcharts-parameters-container .dropdown-container .clear-selected-button svg {
  width: 20px;
  height: 20px;
}
.highcharts-parameters-container .dropdown-container:focus-within {
  outline: none;
  box-shadow: 0px 0px 0px 0px;
  border: 1px solid #b4b4b4;
}
.highcharts-parameters-container .dropdown-container:hover {
  border-color: #1478bd;
}
.highcharts-parameters-container select {
  padding: 12.5px;
}

.highcharts-paramters-loading {
  width: 100%;
  height: 600px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.top-menu-cancel {
  position: absolute;
  right: 22px;
  top: 22px;
  width: 25px;
  height: 25px;
  text-align: center;
  padding: 0px;
  margin: 0px;
}

.modal-parameters-container {
  position: absolute;
  top: 160px;
  right: 0px;
  width: 0%;
  padding: 0px;
  height: 81%;
  border-left: 0.2px solid #ccc;
  overflow: scroll;
  transition: 0.4s;
  background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
  background: rgba(255, 255, 255, 0.8);
}
.modal-parameters-container .apply-parameters-btn {
  margin: 10px 0px;
  float: right;
}

.open-modal-parameters-container .modal-parameters-container {
  width: 30%;
  padding: 10px;
}

.highcharts-header-text-content {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px 10px 20px;
  width: 100%;
  align-items: center;
}
.highcharts-header-text-content a {
  position: relative !important;
  top: 5px !important;
  right: 0px !important;
  margin-left: 10px;
}
.highcharts-header-text-content .yellow-bg {
  background-color: #fff0d4 !important;
}

.highcharts-modal-visualisation-container {
  width: 100%;
  margin: 60px 0px;
  height: fit-content;
  padding: 20px;
}

.highcharts-bottom-btns {
  display: flex;
  align-items: center;
}
.highcharts-bottom-btns a {
  margin: 5px 0px 0px 6.5px;
}

.flexr-highcharts-container {
  width: 100%;
  position: relative;
  height: 890px;
  display: flex;
  overflow: hidden;
  /*.highcharts-container{
      height:700px !important;
      padding:10px;
      left: 0% !important;
  }*/
}
.flexr-highcharts-container .smart-mart-charts-content {
  width: 100%;
  height: 350px !important;
}

.flexr-flip-box-front {
  /*.highcharts-subtitle{
      left:498px !important;
  }*/
}
.flexr-flip-box-front .highcharts-container {
  height: 350px !important;
}
.flexr-flip-box-front .smart-mart-charts-line {
  position: relative;
  top: 70px;
}

.flexr-flip-box-front,
.flexr-flip-box-back {
  position: absolute;
  width: 100%;
  height: 880px;
  padding: 20px;
}

.flexr-flip-box-back {
  left: 100%;
  transition: 0.4s;
  background-color: #fff;
}
.flexr-flip-box-back .smart-flip-box-back-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.flexr-flip-box-back .query-preview-wrapper.snippet-container {
  height: 750px;
  margin: 10px 0px;
}
.flexr-flip-box-back .CodeMirror-hscrollbar {
  height: 0px !important;
}
.flexr-flip-box-back .CodeMirror-measure {
  display: none !important;
}

.add-slide-effect .flexr-flip-box-back {
  left: 0%;
}

.flexr-data-table-container {
  width: 100%;
  height: 680px;
  overflow: scroll;
}

.head-section {
  padding: 20px 0px;
}

.flexr-filter-container {
  width: 30% !important;
  margin-right: 20px;
}

.flex-hourly-data-container .rdt_Table .rdt_TableBody .rdt_TableRow,
.visualisations-dashboard .rdt_Table .rdt_TableBody .rdt_TableRow {
  height: 100px !important;
  color: #78829a !important;
}

.api-data-table .rdt_Table .rdt_TableBody .rdt_TableRow,
.visualisations-dashboard .rdt_Table .rdt_TableBody .rdt_TableRow {
  height: fit-content !important;
  color: #78829a !important;
}

.embedded-data-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.has-bg-vid {
  position: relative;
}

.has-bg-vid video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}

.has-bg-vid .action-box.two-squares, .has-bg-vid .two-squares.popup.information, .has-bg-vid .two-squares.information.setup-2fa {
  z-index: 1;
  position: relative;
}

.endpoint-div {
  border-radius: 7px;
  font-family: monospace;
  width: 530px;
}

.endpoint-header-div {
  background: #37474f;
  color: #a7aeb2;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.endpoint-body-div {
  color: #a7aeb2;
  padding: 10px;
  background: #263238;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.api-request-header {
  margin-bottom: 0;
  color: #a7aeb2;
}

.icon-copy {
  content: url(/images/icons/copy-icon.png);
  margin-top: auto;
  cursor: pointer;
  margin-bottom: auto;
  height: 18px;
  margin-left: 20px;
}

.endpoint-header-content {
  background: #37474f;
  color: #a7aeb2;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.copied-div {
  font-weight: 700;
  color: transparent;
  display: flex;
  align-items: center;
  padding-top: 5px;
}

.copied-span {
  margin-left: 3px;
}

.badge {
  display: inline-block;
  padding: 0.45em 0.65em;
  font-size: 0.75em;
  line-height: 1;
  color: #fff;
  background: #5bc287;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  font-weight: 400;
}

.curl-link {
  color: #767878;
}

.api-heading {
  font-weight: 400;
  margin-bottom: 30px;
  padding-top: 30px;
  font-size: 1.25rem;
  padding-left: 10px;
}

.api-det-full-div {
  display: flex;
  justify-content: center;
}

.api-det-div {
  width: 50%;
  padding: 30px;
}

.api-res-div {
  width: 50%;
  display: flex;
  justify-content: right;
  padding: 30px;
}

@media screen and (max-width: 768px) {
  .api-det-full-div {
    flex-direction: column;
  }
  .api-det-div {
    width: 100%;
  }
  .api-res-div {
    width: 100%;
  }
}
.api-section-hr {
  margin-top: 50px;
}

.api-sub-heading {
  font-weight: 400;
  font-size: 1.15rem;
}

.api-section {
  max-width: 1300px;
  margin: auto;
}

.api-div-scroll {
  max-height: 90vh;
  background: #ffffff;
}

.api-param-name {
  font-size: 15px;
}

.swagger-link {
  color: #1478bd;
  font-weight: 800;
  font-size: 17px;
}

.user-details-title {
  padding-left: 40px;
  padding-top: 40px;
}

.users-filter-container {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.user-cancel-button {
  margin-right: 30px;
}

.box {
  width: calc((100% - 40px) / 3);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #d2d5de;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .box {
    width: 100% !important;
  }
}
.box .box-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
}
.box .box-header .header-title {
  margin: 0;
  color: #1e2f56;
  position: relative;
}
.box .box-header .header-link {
  margin-left: 10px;
  font-size: 7px;
  margin-right: auto;
  display: block;
}
.box .box-header .header-link:before {
  display: block;
  vertical-align: top;
}
.box .box-header .header-buttons {
  display: flex;
  align-items: center;
}
.box .box-header .header-buttons a {
  display: block;
  margin: 0;
  transition: all 350ms ease-in-out;
}
.box .box-header .header-buttons a:before {
  vertical-align: middle;
  display: block;
  padding: 0 5px;
  margin: 0 -5px;
}
.box .box-header .header-buttons .select {
  margin-right: 20px;
  padding-right: 30px;
  min-width: 100px;
}
.box .box-content {
  overflow: auto;
  height: 100%;
}
.box .box-content .content-row {
  display: flex;
  padding: 10px 20px;
}
.box .box-content .content-row .row-introduction {
  margin-right: 10px;
  min-width: 155px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.box .box-content .content-row .row-introduction .row-title {
  margin: 0;
  color: #78829a;
}
.box .box-content .content-row .row-action {
  width: 100%;
  display: flex;
  align-items: center;
}
.box .box-content .content-row .row-action .row-status {
  font-weight: 700;
  margin-right: 20px;
}
.box .box-content .content-row .row-action .buttons-wrapper {
  margin-left: auto;
  display: flex;
}
.box .box-content .content-row:nth-of-type(odd) {
  background-color: #f7f7f7;
}
.box.dashboard-introduction {
  margin: 0;
  height: auto;
}
@media screen and (max-width: 1479px) {
  .box.dashboard-introduction {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .box.dashboard-introduction {
    width: 100%;
  }
}
.box.dashboard-introduction .box-title {
  padding: 15px 20px;
  background-color: #78829a;
  color: #ffffff;
  position: relative;
  margin: 0;
}
.box.dashboard-introduction .box-title:before {
  line-height: 1;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ThemeIcons";
  position: absolute;
  color: #d2d5de;
  right: 20px;
  font-size: 11px;
  bottom: 50%;
  transform: translateY(50%);
}
.box.dashboard-introduction .box-content {
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: initial;
  overflow: initial;
}
.box.dashboard-introduction .box-content .content-text {
  margin-bottom: 25px;
}
.box.dashboard-introduction .box-content .button, .box.dashboard-introduction .box-content .tooltip {
  margin-top: auto;
}
@media screen and (max-width: 1479px) {
  .box.dashboard-introduction.alt {
    order: 3;
    width: 100%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1479px) {
  .box.dashboard-introduction.alt .box-options {
    margin-bottom: 20px;
  }
}
.box.dashboard-introduction.alt .content-button {
  display: flex;
  align-items: center;
}
.box.dashboard-introduction.alt .content-button a {
  display: inline-block;
  margin-right: 10px;
}
.box.dashboard-introduction.alt .content-button .button-message {
  color: #d2d5de;
}
.box.dashboard-introduction.alt .content-button .button-message.green {
  color: #5bc287;
}
.box.dashboard-introduction.alt .content-button .button-message.orange {
  color: #ef7923;
}
.box.dashboard-queries .box-content .content-row .row-status.in-progress {
  color: #1478bd;
}
.box.dashboard-queries .box-content .content-row .row-status.completed {
  color: #5bc287;
}
.box.dashboard-queries .box-content .content-row .row-status.failed {
  color: #ef7923;
}
.box.dashboard-queries.with-padding .box-content {
  padding: 20px;
}
.box.dashboard-products .box-content .content-row {
  padding: 8px 20px;
  min-height: 50px;
}
.box.dashboard-products .box-content .content-row .row-introduction {
  position: relative;
  padding-left: 40px;
  max-width: 150px;
}
.box.dashboard-products .box-content .content-row .row-introduction .row-logo {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
}
.box.dashboard-products .box-content .content-row .row-text {
  margin-right: 20px;
}
.box.dashboard-snippets .box-content .content-row .row-action .row-counter {
  font-weight: 700;
  margin-right: 25px;
  min-width: 45px;
}
.box.dashboard-uploads .box-content .content-row .row-introduction {
  min-width: 175px;
}
.box.dashboard-color-queries .box-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 20px 20px 20px;
}
.box.dashboard-uploads, .box.dashboard-snippets, .box.dashboard-products, .box.dashboard-queries, .box.dashboard-color-queries {
  margin: 20px 0 0 0;
}
@media screen and (max-width: 1479px) {
  .box.dashboard-uploads, .box.dashboard-snippets, .box.dashboard-products, .box.dashboard-queries, .box.dashboard-color-queries {
    max-height: 409px;
  }
}
.box.dashboard-uploads .content-tile, .box.dashboard-snippets .content-tile, .box.dashboard-products .content-tile, .box.dashboard-queries .content-tile, .box.dashboard-color-queries .content-tile {
  flex: 1;
  position: relative;
}
.box.dashboard-uploads .content-tile .box-content, .box.dashboard-snippets .content-tile .box-content, .box.dashboard-products .content-tile .box-content, .box.dashboard-queries .content-tile .box-content, .box.dashboard-color-queries .content-tile .box-content {
  overflow: overlay;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.box.dashboard-uploads .content-tile .box-content .color-box, .box.dashboard-snippets .content-tile .box-content .color-box, .box.dashboard-products .content-tile .box-content .color-box, .box.dashboard-queries .content-tile .box-content .color-box, .box.dashboard-color-queries .content-tile .box-content .color-box {
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
  align-items: center;
  margin-bottom: 5px;
}
.box.dashboard-uploads .content-tile .box-content .color-box:last-of-type, .box.dashboard-snippets .content-tile .box-content .color-box:last-of-type, .box.dashboard-products .content-tile .box-content .color-box:last-of-type, .box.dashboard-queries .content-tile .box-content .color-box:last-of-type, .box.dashboard-color-queries .content-tile .box-content .color-box:last-of-type {
  margin-bottom: 0;
}
.box.dashboard-uploads .content-tile .box-content .color-box.green, .box.dashboard-snippets .content-tile .box-content .color-box.green, .box.dashboard-products .content-tile .box-content .color-box.green, .box.dashboard-queries .content-tile .box-content .color-box.green, .box.dashboard-color-queries .content-tile .box-content .color-box.green {
  background-color: #5bc287;
  border: 1px solid #5bc287;
}
.box.dashboard-uploads .content-tile .box-content .color-box.grey, .box.dashboard-snippets .content-tile .box-content .color-box.grey, .box.dashboard-products .content-tile .box-content .color-box.grey, .box.dashboard-queries .content-tile .box-content .color-box.grey, .box.dashboard-color-queries .content-tile .box-content .color-box.grey {
  background-color: #494848;
  border: 1px solid #494848;
}
.box.dashboard-uploads .content-tile .box-content .color-box.blue, .box.dashboard-snippets .content-tile .box-content .color-box.blue, .box.dashboard-products .content-tile .box-content .color-box.blue, .box.dashboard-queries .content-tile .box-content .color-box.blue, .box.dashboard-color-queries .content-tile .box-content .color-box.blue {
  background-color: #1478bd;
  border: 1px solid #1478bd;
}
.box.dashboard-uploads .content-tile .box-content .color-box.orange, .box.dashboard-snippets .content-tile .box-content .color-box.orange, .box.dashboard-products .content-tile .box-content .color-box.orange, .box.dashboard-queries .content-tile .box-content .color-box.orange, .box.dashboard-color-queries .content-tile .box-content .color-box.orange {
  background-color: #ef7923;
  border: 1px solid #ef7923;
}
.box.dashboard-uploads .content-tile .box-content .color-box.yellow, .box.dashboard-snippets .content-tile .box-content .color-box.yellow, .box.dashboard-products .content-tile .box-content .color-box.yellow, .box.dashboard-queries .content-tile .box-content .color-box.yellow, .box.dashboard-color-queries .content-tile .box-content .color-box.yellow {
  background-color: #fab12e;
  border: 1px solid #fab12e;
}
.box.dashboard-uploads .content-tile .box-content .color-box .box-meta, .box.dashboard-snippets .content-tile .box-content .color-box .box-meta, .box.dashboard-products .content-tile .box-content .color-box .box-meta, .box.dashboard-queries .content-tile .box-content .color-box .box-meta, .box.dashboard-color-queries .content-tile .box-content .color-box .box-meta {
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .box.dashboard-uploads .content-tile .box-content .color-box .box-meta, .box.dashboard-snippets .content-tile .box-content .color-box .box-meta, .box.dashboard-products .content-tile .box-content .color-box .box-meta, .box.dashboard-queries .content-tile .box-content .color-box .box-meta, .box.dashboard-color-queries .content-tile .box-content .color-box .box-meta {
    font-size: 12px;
  }
}
.box.dashboard-uploads .content-tile .box-content .color-box .box-meta:first-of-type, .box.dashboard-snippets .content-tile .box-content .color-box .box-meta:first-of-type, .box.dashboard-products .content-tile .box-content .color-box .box-meta:first-of-type, .box.dashboard-queries .content-tile .box-content .color-box .box-meta:first-of-type, .box.dashboard-color-queries .content-tile .box-content .color-box .box-meta:first-of-type {
  font-size: 12px;
}
.box.empty {
  box-shadow: none;
  position: relative;
  padding: 0 !important;
  background-color: transparent;
  border: none;
}
.box.empty a {
  height: 100%;
  width: 100%;
  transition: all 350ms ease-in-out;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23A6ACBBFF' stroke-width='1' stroke-dasharray='10%2c 8' stroke-dashoffset='35' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.box.empty a .tooltip {
  position: absolute;
  bottom: calc(50% + 8px);
  left: 50%;
  width: max-content;
  transform: translate(-50%, -50%);
  background-color: #494848;
  color: #ffffff;
  border-color: #494848;
  font-weight: 300;
  transition: all 350ms ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.box.empty a .tooltip:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #494848;
}
.box.empty a:before, .box.empty a[class^=icon-social][href*=facebook]:before, .box.empty a[class^=icon-social].icon-facebook:before, .box.empty a[class^=icon-social][href*=instagram]:before, .box.empty a[class^=icon-social].icon-instagram:before, .box.empty a[class^=icon-social][href*=linkedin]:before, .box.empty a[class^=icon-social].icon-linkedin:before, .box.empty a[class^=icon-social][href*=pinterest]:before, .box.empty a[class^=icon-social].icon-pinterest:before, .box.empty a[class^=icon-social][href*=twitter]:before, .box.empty a[class^=icon-social].icon-twitter:before, .box.empty a[class^=icon-social][href*=youtube]:before, .box.empty a[class^=icon-social].icon-youtube:before {
  vertical-align: top;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 26px;
}
.box.empty a:hover {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23494848FF' stroke-width='1' stroke-dasharray='10%2c 8' stroke-dashoffset='35' stroke-linecap='square'/%3e%3c/svg%3e");
}
.box.empty a:hover .tooltip {
  opacity: 1;
  visibility: visible;
}
.box.empty a:hover:before {
  color: #494848;
}
.box.empty.dashboard {
  min-height: 300px !important;
  margin: 20px 0 0 0;
}
.box.empty.dataset {
  min-height: 155px;
}
.box.empty.visualisation {
  min-height: 250px;
  height: calc(50% - 20px);
  margin: 20px 0 0 0;
}
@media screen and (max-width: 1479px) {
  .box.empty.visualisation {
    min-height: 300px !important;
    height: auto;
  }
}
@media screen and (max-width: 1279px) {
  .box.empty.visualisation {
    width: calc(50% - 10px);
  }
}
.box.dataset {
  flex-flow: row wrap;
  padding: 20px;
  transition: border 350ms ease-in-out;
}
.box.dataset .box-icon {
  margin-right: 10px;
}
.box.dataset .box-content {
  width: calc(100% - 60px);
  display: flex;
  flex-direction: column;
  color: #78829a;
  max-height: initial;
  overflow: initial;
  height: 100%;
}
.box.dataset .box-content .box-header {
  padding: 0 !important;
  line-height: 1;
  margin-bottom: 10px;
}
.box.dataset .box-content .box-header .box-title {
  display: flex;
  align-items: center;
}
.box.dataset .box-content .box-header .box-title .title {
  margin-bottom: 0;
}
.box.dataset .box-content .box-header .box-title .title-meta {
  margin-left: 5px;
}
.box.dataset .box-content .box-text {
  margin-bottom: auto;
}
.box.dataset .box-content .box-buttons {
  margin-top: 20px;
  display: flex;
}
.box.dataset .box-content .box-buttons a {
  margin-right: 5px;
}
.five-columns .box.dataset {
  width: calc((100% - 80px) / 5);
}
.box.query-widget {
  padding: 20px;
  min-height: 250px;
  height: calc(50% - 20px);
  margin: 20px 0 0 0;
}
@media screen and (max-width: 1279px) {
  .box.query-widget {
    width: calc(50% - 10px);
    height: auto;
    min-height: 250px;
  }
}
.box.query-widget .box-header {
  padding: 0;
  margin-bottom: 15px;
}
.box.query-widget .box-header .title {
  margin: 0 10px 0 0;
}
.box.query-widget .box-header .header-buttons {
  margin-left: auto;
}
.box.query-widget .box-header .header-buttons a {
  margin-left: 5px;
}
.box.query-widget .box-header .header-buttons a:before {
  margin: 0;
  padding: 0;
}
.box.query-widget .box-header .header-buttons .button.orange, .box.query-widget .box-header .header-buttons .orange.tooltip {
  border-color: #ef7923;
  color: #ef7923;
}
.box.query-widget .box-header .header-buttons .button.orange:hover, .box.query-widget .box-header .header-buttons .orange.tooltip:hover {
  background-color: #fff0d4;
}
.box.query-widget .box-header .header-buttons .button.blue, .box.query-widget .box-header .header-buttons .blue.tooltip {
  border-color: #1478bd;
  color: #1478bd;
}
.box.query-widget .box-header .header-buttons .button.blue:hover, .box.query-widget .box-header .header-buttons .blue.tooltip:hover {
  background-color: #d5e4f2;
}
.box.query-widget .box-header .header-buttons .button.grey, .box.query-widget .box-header .header-buttons .grey.tooltip {
  border-color: #494848;
  color: #494848;
}
.box.query-widget .box-header .header-buttons .button.grey:hover, .box.query-widget .box-header .header-buttons .grey.tooltip:hover {
  background-color: #d4d4d4;
}
.box.query-widget .box-header .header-buttons .button.yellow, .box.query-widget .box-header .header-buttons .yellow.tooltip {
  border-color: #fab12e;
  color: #fab12e;
}
.box.query-widget .box-header .header-buttons .button.yellow:hover, .box.query-widget .box-header .header-buttons .yellow.tooltip:hover {
  background-color: #fff0d4;
}
.box.snippet-box, .box.dataset {
  margin: 20px 0 0 0;
}
.container-boxes .box.snippet-box, .container-boxes .box.dataset {
  width: 100%;
}
.container-boxes .box.snippet-box .box-text, .container-boxes .box.dataset .box-text {
  margin: 0;
}
.container-boxes .box.snippet-box:first-of-type, .container-boxes .box.dataset:first-of-type {
  margin-top: 0;
}
@media screen and (max-width: 1279px) {
  .container-boxes .box.snippet-box, .container-boxes .box.dataset {
    width: calc((100% - 20px) / 2);
  }
  .container-boxes .box.snippet-box:nth-of-type(2), .container-boxes .box.dataset:nth-of-type(2) {
    margin-top: 0;
  }
}
.box.snippet-box {
  width: 100%;
  padding: 20px;
  transition: border 350ms ease-in-out;
  margin: 10px 0 0 0;
}
@media screen and (max-width: 1279px) {
  .box.snippet-box {
    width: calc((100% - 40px) / 3);
  }
}
@media screen and (max-width: 1024px) {
  .box.snippet-box {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (max-width: 768px) {
  .box.snippet-box {
    width: 100%;
  }
}
.box.snippet-box .box-title {
  margin-bottom: 0;
  transition: color 350ms ease-in-out;
}
.box.snippet-box:first-of-type {
  margin-top: 0;
}
@media screen and (max-width: 1279px) {
  .box.snippet-box:first-of-type {
    margin: 10px 0 0 0;
  }
}

.box-options {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.box-options .option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f7f7f7;
  border-radius: 5px;
  padding: 20px;
  position: relative;
  border: 1px solid #d2d5de;
  transition: all 350ms ease-in-out;
}
.box-options .option .label {
  color: #78829a;
  margin: 0 !important;
}
.box-options .option.selected {
  background-color: #fff;
}
.box-options .option.selected .label {
  color: #1e2f56;
}
.box-options .option.selected.orange {
  border: 1px solid #ef7923;
}
.box-options .option.selected.blue {
  border: 1px solid #1478bd;
}
.box-options .option.selected.blue .label {
  color: #1478bd;
}
.box-options .option.selected.green {
  border: 1px solid #5bc287;
}
.box-options .option.selected.grey {
  border: 1px solid #494848;
}
.box-options .option.selected.yellow {
  border: 1px solid #fab12e;
}
.box-options.three-columns .option {
  width: calc((100% - 40px) / 3);
}
.box-options.two-columns .option {
  width: calc((100% - 20px) / 2);
}

.popup-box {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #d2d5de;
  display: flex;
  flex-direction: column;
  margin: 5px 0;
  width: 100%;
  overflow: initial;
  padding: 10px;
  border-radius: 2.5px;
  transition: all 350ms ease-in-out;
  position: relative;
}
.popup-box .box-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: #1e2f56;
}
.popup-box .box-header .box-title {
  margin: 0 5px 0 0;
}
.popup-box .box-action {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.popup-box .box-action .button, .popup-box .box-action .tooltip {
  margin-left: 10px;
}
.popup-box .checkbox {
  position: absolute;
  top: 10px;
  right: 10px;
}
.popup-box.query {
  border-radius: 5px;
}
.popup-box.query .box-header {
  margin-bottom: 5px;
}
.popup-box.selected {
  border: 1px solid #5bc287;
}

.popup, .setup-2fa {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1011;
  min-width: 600px;
  width: 100%;
  max-width: 600px;
  border-radius: 5px;
  overflow: hidden;
}
.popup .popup-header, .setup-2fa .popup-header {
  padding: 20px;
  position: relative;
}
.popup .popup-header .header-title, .setup-2fa .popup-header .header-title {
  font-weight: 500;
}
.popup .popup-header .header-text p, .setup-2fa .popup-header .header-text p {
  margin-bottom: 0;
}
.popup .popup-header a, .setup-2fa .popup-header a {
  position: absolute;
  right: 10px;
  top: 10px;
}
.popup .popup-content, .setup-2fa .popup-content {
  padding: 20px;
}
.popup .popup-content .h5, .setup-2fa .popup-content .h5, .popup .popup-content .pagination-nav .main-footer-meta .result-count, .pagination-nav .main-footer-meta .popup .popup-content .result-count, .setup-2fa .popup-content .pagination-nav .main-footer-meta .result-count, .pagination-nav .main-footer-meta .setup-2fa .popup-content .result-count {
  color: #4b5978;
}
.popup .popup-content .popup-box-wrapper, .setup-2fa .popup-content .popup-box-wrapper {
  overflow: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.popup .popup-content .content-action, .setup-2fa .popup-content .content-action {
  display: flex;
}
.popup .popup-content .content-action .button, .setup-2fa .popup-content .content-action .button, .popup .popup-content .content-action .tooltip, .setup-2fa .popup-content .content-action .tooltip {
  margin-right: 5px;
}
.popup .popup-content .content-action .button:last-of-type, .setup-2fa .popup-content .content-action .button:last-of-type, .popup .popup-content .content-action .tooltip:last-of-type, .setup-2fa .popup-content .content-action .tooltip:last-of-type {
  margin-right: 0;
}
.popup .popup-content .content-action .button-close, .setup-2fa .popup-content .content-action .button-close {
  margin-right: auto;
}
.popup .error-message, .setup-2fa .error-message {
  color: #ef7923;
  padding: 0 20px;
}
.popup .error-message.no-padding, .setup-2fa .error-message.no-padding {
  padding: 0;
}
.popup.manage-dashboard .popup-content, .manage-dashboard.setup-2fa .popup-content, .popup.new-query .popup-content, .new-query.setup-2fa .popup-content {
  padding: 15px 0 20px 0;
}
.popup.manage-dashboard .popup-content .popup-box-wrapper, .manage-dashboard.setup-2fa .popup-content .popup-box-wrapper, .popup.new-query .popup-content .popup-box-wrapper, .new-query.setup-2fa .popup-content .popup-box-wrapper {
  padding: 0 15px 0 20px;
  margin-right: 5px;
}
.popup.manage-dashboard .popup-content .content-action, .manage-dashboard.setup-2fa .popup-content .content-action, .popup.new-query .popup-content .content-action, .new-query.setup-2fa .popup-content .content-action {
  padding: 0 20px;
  margin-top: 15px;
}
.popup.change-results .popup-content .content-wrapper, .change-results.setup-2fa .popup-content .content-wrapper {
  margin-bottom: 20px;
  display: flex;
}
.popup.change-results .popup-content .content-wrapper .content-column, .change-results.setup-2fa .popup-content .content-wrapper .content-column {
  margin-right: 40px;
  text-align: left;
}
.popup.change-results .popup-content .content-wrapper .content-column .label, .change-results.setup-2fa .popup-content .content-wrapper .content-column .label {
  margin-bottom: 10px;
}
.popup.change-results .popup-content .content-wrapper .content-column .status, .change-results.setup-2fa .popup-content .content-wrapper .content-column .status {
  font-weight: 700;
}
.popup.change-results .popup-content .content-wrapper .content-column .status.completed, .change-results.setup-2fa .popup-content .content-wrapper .content-column .status.completed {
  color: #1478bd;
}
.popup.change-results .popup-content .content-wrapper .content-column .status.in-progress, .change-results.setup-2fa .popup-content .content-wrapper .content-column .status.in-progress {
  color: #5bc287;
}
.popup.change-results .popup-content .content-wrapper .content-column .status.failed, .change-results.setup-2fa .popup-content .content-wrapper .content-column .status.failed {
  color: #ef7923;
}
.popup.profile .popup-content .content-wrapper, .profile.setup-2fa .popup-content .content-wrapper, .popup.cast-to-screen .popup-content .content-wrapper, .cast-to-screen.setup-2fa .popup-content .content-wrapper, .popup.insight-details .popup-content .content-wrapper, .insight-details.setup-2fa .popup-content .content-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.popup.profile .popup-content .content-wrapper .content-tile, .profile.setup-2fa .popup-content .content-wrapper .content-tile, .popup.cast-to-screen .popup-content .content-wrapper .content-tile, .cast-to-screen.setup-2fa .popup-content .content-wrapper .content-tile, .popup.insight-details .popup-content .content-wrapper .content-tile, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile {
  width: 50%;
  margin-bottom: 20px;
  padding-right: 20px;
}
.popup.profile .popup-content .content-wrapper .content-tile .label, .profile.setup-2fa .popup-content .content-wrapper .content-tile .label, .popup.cast-to-screen .popup-content .content-wrapper .content-tile .label, .cast-to-screen.setup-2fa .popup-content .content-wrapper .content-tile .label, .popup.insight-details .popup-content .content-wrapper .content-tile .label, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .label {
  margin-bottom: 10px;
}
.popup.profile .popup-content .content-wrapper .content-tile .list, .profile.setup-2fa .popup-content .content-wrapper .content-tile .list, .popup.cast-to-screen .popup-content .content-wrapper .content-tile .list, .cast-to-screen.setup-2fa .popup-content .content-wrapper .content-tile .list, .popup.insight-details .popup-content .content-wrapper .content-tile .list, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-flow: row wrap;
}
.popup.profile .popup-content .content-wrapper .content-tile .list li, .profile.setup-2fa .popup-content .content-wrapper .content-tile .list li, .popup.cast-to-screen .popup-content .content-wrapper .content-tile .list li, .cast-to-screen.setup-2fa .popup-content .content-wrapper .content-tile .list li, .popup.insight-details .popup-content .content-wrapper .content-tile .list li, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .list li {
  width: 50%;
}
.popup.profile .popup-content .content-wrapper .content-tile .list li:before, .profile.setup-2fa .popup-content .content-wrapper .content-tile .list li:before, .popup.cast-to-screen .popup-content .content-wrapper .content-tile .list li:before, .cast-to-screen.setup-2fa .popup-content .content-wrapper .content-tile .list li:before, .popup.insight-details .popup-content .content-wrapper .content-tile .list li:before, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .list li:before {
  content: "•";
  width: 1em;
  margin: 0 0.5em;
}
.popup.profile .popup-content .content-wrapper .content-tile.full-width, .profile.setup-2fa .popup-content .content-wrapper .content-tile.full-width, .popup.cast-to-screen .popup-content .content-wrapper .content-tile.full-width, .cast-to-screen.setup-2fa .popup-content .content-wrapper .content-tile.full-width, .popup.insight-details .popup-content .content-wrapper .content-tile.full-width, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile.full-width {
  width: 100%;
  padding-right: 0;
}
.popup.profile .popup-content .content-wrapper .content-tile.last, .profile.setup-2fa .popup-content .content-wrapper .content-tile.last, .popup.cast-to-screen .popup-content .content-wrapper .content-tile.last, .cast-to-screen.setup-2fa .popup-content .content-wrapper .content-tile.last, .popup.insight-details .popup-content .content-wrapper .content-tile.last, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile.last {
  padding-right: 0;
}
.popup.new-query .popup-box-wrapper, .new-query.setup-2fa .popup-box-wrapper {
  max-height: 420px;
}
.popup.cast-to-screen .popup-content .content-tile, .cast-to-screen.setup-2fa .popup-content .content-tile {
  display: flex;
  align-items: center;
}
.popup.cast-to-screen .popup-content .content-tile .label, .cast-to-screen.setup-2fa .popup-content .content-tile .label {
  margin-bottom: 0 !important;
  margin-left: 10px;
  line-height: 1;
}
.popup.cast-to-screen .popup-content .content-tile a, .cast-to-screen.setup-2fa .popup-content .content-tile a {
  display: block;
}
.popup.cast-to-screen .popup-content .content-tile a:before, .cast-to-screen.setup-2fa .popup-content .content-tile a:before {
  font-size: 22px;
  display: block;
  vertical-align: top;
}
.popup.query-progress .content-wrapper, .query-progress.setup-2fa .content-wrapper {
  display: flex;
  align-items: center;
  padding: 0 25px;
}
.popup.query-progress .content-wrapper .content-item, .query-progress.setup-2fa .content-wrapper .content-item {
  width: 20%;
  padding: 20px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.popup.query-progress .content-wrapper .content-item .item-image, .query-progress.setup-2fa .content-wrapper .content-item .item-image {
  padding-bottom: 20px;
}
.popup.query-progress .content-wrapper .content-item .item-image span:before, .query-progress.setup-2fa .content-wrapper .content-item .item-image span:before {
  font-size: 50px;
  display: block;
}
.popup.query-progress .content-wrapper .content-item .item-status, .query-progress.setup-2fa .content-wrapper .content-item .item-status {
  transform: translateY(-15px);
}
.popup.query-progress .content-wrapper .content-item .item-status span:before, .query-progress.setup-2fa .content-wrapper .content-item .item-status span:before {
  display: block;
}
.popup.query-progress .content-wrapper .content-item .item-title, .query-progress.setup-2fa .content-wrapper .content-item .item-title {
  margin: 0;
}
.popup.query-progress .content-wrapper .content-item.completed .item-image span:before, .query-progress.setup-2fa .content-wrapper .content-item.completed .item-image span:before, .popup.query-progress .content-wrapper .content-item.completed .item-status span:before, .query-progress.setup-2fa .content-wrapper .content-item.completed .item-status span:before {
  color: #1478bd;
}
.popup.query-progress .content-wrapper .content-item.completed .item-status, .query-progress.setup-2fa .content-wrapper .content-item.completed .item-status {
  font-size: 15px;
}
.popup.query-progress .content-wrapper .content-item.completed .item-title, .query-progress.setup-2fa .content-wrapper .content-item.completed .item-title {
  color: #1478bd;
}
.popup.query-progress .content-wrapper .content-item.in-progress .item-image span:before, .query-progress.setup-2fa .content-wrapper .content-item.in-progress .item-image span:before, .popup.query-progress .content-wrapper .content-item.in-progress .item-status span:before, .query-progress.setup-2fa .content-wrapper .content-item.in-progress .item-status span:before {
  color: #d5e4f2;
}
.popup.query-progress .content-wrapper .content-item.in-progress .item-status, .query-progress.setup-2fa .content-wrapper .content-item.in-progress .item-status {
  font-size: 20px;
}
.popup.query-progress .content-wrapper .content-item.in-progress .item-title, .query-progress.setup-2fa .content-wrapper .content-item.in-progress .item-title {
  color: #d5e4f2;
}
.popup.insight-details .popup-content .content-wrapper .content-tile .label, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .label {
  color: #4b5978;
}
.popup.insight-details .popup-content .content-wrapper .content-tile .current-rating, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .current-rating {
  display: flex;
  align-items: center;
}
.popup.insight-details .popup-content .content-wrapper .content-tile .current-rating .stars-wrapper, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .current-rating .stars-wrapper {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.popup.insight-details .popup-content .content-wrapper .content-tile .current-rating .stars-wrapper img, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .current-rating .stars-wrapper img {
  height: 13px;
  width: 13px;
}
.popup.insight-details .popup-content .content-wrapper .content-tile .tile-options, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .tile-options {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  margin: -5px 0;
}
.popup.insight-details .popup-content .content-wrapper .content-tile .tile-options .option, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .tile-options .option {
  width: calc((100% - 10px) / 2);
  padding: 10px;
  margin: 5px 0;
  border: 1px solid #1478bd;
  border-radius: 2.5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 350ms ease-in-out;
}
.popup.insight-details .popup-content .content-wrapper .content-tile .tile-options .option .option-title, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .tile-options .option .option-title {
  color: #4b5978;
}
.popup.insight-details .popup-content .content-wrapper .content-tile .tile-options .option .option-button, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .tile-options .option .option-button {
  margin-left: 20px;
}
.popup.insight-details .popup-content .content-wrapper .content-tile .tile-options .option .option-status, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .tile-options .option .option-status {
  color: #1478bd;
}
.popup.insight-details .popup-content .content-wrapper .content-tile .tile-options .option.unavailable, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .tile-options .option.unavailable {
  border: 1px solid #909090;
}
.popup.insight-details .popup-content .content-wrapper .content-tile .tile-options .option.unavailable .option-title, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .tile-options .option.unavailable .option-title, .popup.insight-details .popup-content .content-wrapper .content-tile .tile-options .option.unavailable .option-status, .insight-details.setup-2fa .popup-content .content-wrapper .content-tile .tile-options .option.unavailable .option-status {
  color: #909090;
}
.popup.manage-dashboard .popup-box-wrapper, .manage-dashboard.setup-2fa .popup-box-wrapper {
  max-height: 470px;
}
.popup.manage-dashboard .popup-box-wrapper .popup-box select, .manage-dashboard.setup-2fa .popup-box-wrapper .popup-box select {
  max-width: 150px;
}
.popup.refine-view .popup-content .search, .refine-view.setup-2fa .popup-content .search {
  width: 100%;
}
.popup.refine-view .popup-content .content-wrapper, .refine-view.setup-2fa .popup-content .content-wrapper {
  margin: 20px 0;
}
.popup.refine-view .popup-content .content-wrapper .option, .refine-view.setup-2fa .popup-content .content-wrapper .option {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.popup.refine-view .popup-content .content-wrapper .option .checkbox .tick-icon, .refine-view.setup-2fa .popup-content .content-wrapper .option .checkbox .tick-icon {
  right: auto;
  left: 0;
}
.popup.refine-view .popup-content .content-wrapper .option .option-label, .refine-view.setup-2fa .popup-content .content-wrapper .option .option-label {
  margin-left: 10px;
}
.popup.refine-view .popup-content .content-wrapper .option .icon-dots, .refine-view.setup-2fa .popup-content .content-wrapper .option .icon-dots {
  margin-left: auto;
}
.popup.refine-view .popup-content .content-wrapper .option:last-of-type, .refine-view.setup-2fa .popup-content .content-wrapper .option:last-of-type {
  margin-bottom: 0;
}
.popup.refine-view .popup-content .content-wrapper .option.select-all, .refine-view.setup-2fa .popup-content .content-wrapper .option.select-all {
  font-weight: 700;
  color: #4b5978;
}
.popup.refine-view .popup-content .content-wrapper .options-wrapper, .refine-view.setup-2fa .popup-content .content-wrapper .options-wrapper {
  max-height: 242px;
  overflow-y: auto;
  padding-right: 15px;
  margin-right: -15px;
}
.popup.feedback, .feedback.setup-2fa {
  top: auto;
  bottom: 0;
  transform: translateX(-50%);
  max-width: 260px;
  min-width: initial;
  text-align: center;
}
.popup.feedback .popup-content, .feedback.setup-2fa .popup-content {
  padding: 20px 10px 10px 10px;
}
.popup.feedback .popup-content .content-title, .feedback.setup-2fa .popup-content .content-title {
  margin-bottom: 5px;
}
.popup.feedback .popup-content .content-text, .feedback.setup-2fa .popup-content .content-text {
  margin-bottom: 20px;
}
.popup.feedback .popup-content .content-action, .feedback.setup-2fa .popup-content .content-action {
  display: flex;
  justify-content: space-between;
}
.popup.feedback .popup-content .content-action .button, .feedback.setup-2fa .popup-content .content-action .button, .popup.feedback .popup-content .content-action .tooltip, .feedback.setup-2fa .popup-content .content-action .tooltip {
  width: calc((100% - 5px) / 2);
}
.popup.query-preview .content-action, .query-preview.setup-2fa .content-action {
  margin-top: 20px;
}
.popup.query-preview .content-action .button-close, .query-preview.setup-2fa .content-action .button-close {
  margin-left: 0;
}
.popup.query-preview .snippet-container .snippet-text, .query-preview.setup-2fa .snippet-container .snippet-text {
  max-height: 150px;
  padding: 10px 5px 10px 10px;
}
@media screen and (max-width: 768px) {
  .popup.information, .information.setup-2fa {
    min-width: 300px;
  }
}
.popup.information .popup-introduction, .information.setup-2fa .popup-introduction {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.popup.information .popup-introduction .popup-logo, .information.setup-2fa .popup-introduction .popup-logo {
  display: flex;
  align-items: center;
}
.popup.information .popup-introduction .popup-logo .logo-title, .information.setup-2fa .popup-introduction .popup-logo .logo-title {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .popup.information .popup-introduction .popup-action, .information.setup-2fa .popup-introduction .popup-action {
    margin: 30px 0;
  }
}
.popup.information .popup-introduction .popup-action .button, .information.setup-2fa .popup-introduction .popup-action .button, .popup.information .popup-introduction .popup-action .tooltip, .information.setup-2fa .popup-introduction .popup-action .tooltip {
  display: block;
  margin: 10px 0;
  width: initial;
}
.popup.information .popup-introduction .popup-action .button.selected, .information.setup-2fa .popup-introduction .popup-action .button.selected, .popup.information .popup-introduction .popup-action .selected.tooltip, .information.setup-2fa .popup-introduction .popup-action .selected.tooltip {
  background-color: #ffffff;
  color: #1e2f56;
}
.popup.information .popup-content, .information.setup-2fa .popup-content {
  display: flex;
  align-items: center;
  position: relative;
}
.popup.information .popup-content .content-wrapper .content-title, .information.setup-2fa .popup-content .content-wrapper .content-title {
  margin-bottom: 10px;
}
.popup.information .popup-content .content-wrapper .icon-cancel, .information.setup-2fa .popup-content .content-wrapper .icon-cancel {
  position: absolute;
  top: 10px;
  right: 10px;
}
.popup.information .popup-content .content-wrapper .content-tile, .information.setup-2fa .popup-content .content-wrapper .content-tile {
  margin-bottom: 20px;
  padding-right: 20px;
}
.popup.information .popup-content .content-wrapper .content-tile .label, .information.setup-2fa .popup-content .content-wrapper .content-tile .label {
  margin-bottom: 10px;
}
.popup.information .popup-content .content-wrapper .content-tile:last-of-type, .information.setup-2fa .popup-content .content-wrapper .content-tile:last-of-type {
  margin-bottom: 0;
}
.popup.information .popup-content .content-wrapper .content-text, .information.setup-2fa .popup-content .content-wrapper .content-text {
  overflow: auto;
  max-height: 235px;
  padding-right: 15px;
  margin-right: -15px;
}
.popup.information .square, .information.setup-2fa .square {
  min-height: 300px;
}
@media screen and (max-width: 768px) {
  .popup.information .square, .information.setup-2fa .square {
    min-height: initial;
  }
}

.table-content, .query-table {
  border: 1px solid #d2d5de;
  background: #FFFFFF;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: 100%;
}
.table-content .rdt_Table .rdt_TableHead .rdt_TableHeadRow, .query-table .rdt_Table .rdt_TableHead .rdt_TableHeadRow {
  border-bottom: none;
  color: #4b5978;
  font-weight: 700;
}
.table-content .rdt_Table .rdt_TableHead .rdt_TableHeadRow .sc-hKgJUU, .query-table .rdt_Table .rdt_TableHead .rdt_TableHeadRow .sc-hKgJUU {
  padding: 20px;
}
.table-content .rdt_Table .rdt_TableHead .rdt_TableHeadRow .sc-hKgJUU .rdt_TableCol_Sortable, .query-table .rdt_Table .rdt_TableHead .rdt_TableHeadRow .sc-hKgJUU .rdt_TableCol_Sortable {
  opacity: 1;
}
.table-content .rdt_Table .rdt_TableHead .rdt_TableHeadRow .sc-hKgJUU .rdt_TableCol_Sortable .sc-dQoVA, .query-table .rdt_Table .rdt_TableHead .rdt_TableHeadRow .sc-hKgJUU .rdt_TableCol_Sortable .sc-dQoVA {
  margin-right: 10px;
}
.table-content .rdt_Table .rdt_TableHead .rdt_TableHeadRow .sc-hKgJUU .rdt_TableCol_Sortable .__rdt_custom_sort_icon__, .query-table .rdt_Table .rdt_TableHead .rdt_TableHeadRow .sc-hKgJUU .rdt_TableCol_Sortable .__rdt_custom_sort_icon__ {
  opacity: 1;
}
.table-content .rdt_Table .rdt_TableHead .rdt_TableHeadRow .sc-hKgJUU .rdt_TableCol_Sortable .__rdt_custom_sort_icon__ a, .query-table .rdt_Table .rdt_TableHead .rdt_TableHeadRow .sc-hKgJUU .rdt_TableCol_Sortable .__rdt_custom_sort_icon__ a {
  opacity: 1;
}
.table-content .rdt_Table .rdt_TableHead .rdt_TableHeadRow .sc-hKgJUU .rdt_TableCol_Sortable:hover, .query-table .rdt_Table .rdt_TableHead .rdt_TableHeadRow .sc-hKgJUU .rdt_TableCol_Sortable:hover {
  color: #78829a;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow {
  border-bottom: none;
  color: #78829a;
  font-size: 10px;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow:nth-of-type(odd), .query-table .rdt_Table .rdt_TableBody .rdt_TableRow:nth-of-type(odd) {
  background-color: #f7f7f7;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow:nth-of-type(odd) .rdt_TableCell:first-of-type, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow:nth-of-type(odd) .rdt_TableCell:first-of-type {
  background-color: #f7f7f7;
  color: #4b5978;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell {
  padding: 20px;
  align-items: flex-start;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:first-of-type, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:first-of-type {
  font-weight: 700;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:last-of-type, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:last-of-type {
  justify-content: flex-end;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .status, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .status {
  font-weight: 700;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .status.in-progress, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .status.in-progress {
  color: #1478bd;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .status.completed, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .status.completed {
  color: #5bc287;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .status.failed, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .status.failed {
  color: #ef7923;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .status span, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .status span {
  margin-left: 20px;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .actions, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .actions {
  display: flex;
  height: 100%;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container {
  width: 100%;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container:before, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container:before {
  content: "";
  background-color: #f7f7f7;
  position: absolute;
  width: 10px;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  border-right: 1px solid #d2d5de;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container a, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container a {
  color: #f7f7f7;
  display: flex;
  align-items: center;
  border-left: 1px solid #d2d5de;
  padding: 0 5px;
}
@media screen and (max-width: 768px) {
  .table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container a, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container a {
    border-left: 1px solid #d2d5de;
  }
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container a:hover, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container a:hover {
  background-color: #f2f4f7;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container a:hover:before, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container a:hover:before {
  color: #d4d4d4;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container a:before, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container a:before {
  color: #d2d5de;
}
.table-content .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container .snippet-text, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell .snippet-container .snippet-text {
  margin: 10px 20px !important;
  width: 100%;
  max-height: 40px;
  overflow: hidden;
  padding: 0;
  font-size: 8px;
  font-family: "Roboto Mono", monospace;
}

@media screen and (min-width: 1280px) {
  .table-content .rdt_Table .rdt_TableBody .rdt_TableRow, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow {
    font-size: 11px;
  }
}
@media screen and (min-width: 1480px) {
  .table-content .rdt_Table .rdt_TableBody .rdt_TableRow, .query-table .rdt_Table .rdt_TableBody .rdt_TableRow {
    font-size: 12px;
  }
}
.users-table .rdt_TableCell {
  align-items: center !important;
}

.main-wrapper .main-content .dashboard-topbar {
  margin-bottom: 20px;
}
.main-wrapper .main-content .dashboard-inner {
  margin: -10px;
}

.sortable-item.dashboard-grid {
  padding: 10px;
  width: 33.3333333333%;
  height: 50%;
}
@media screen and (max-width: 1479px) {
  .sortable-item.dashboard-grid {
    width: 50%;
  }
}
@media screen and (max-width: 1279px) {
  .sortable-item.dashboard-grid {
    width: 100% !important;
    height: auto;
  }
}
.sortable-item.dashboard-grid .box {
  width: 100% !important;
  height: 100% !important;
  margin: 0;
}
.sortable-item.dashboard-grid .box .box-header {
  cursor: move;
}
@media screen and (max-width: 1479px) {
  .sortable-item.dashboard-grid.dashboard-uploads, .sortable-item.dashboard-grid.dashboard-snippets, .sortable-item.dashboard-grid.dashboard-products, .sortable-item.dashboard-grid.dashboard-queries, .sortable-item.dashboard-grid.empty.dashboard {
    max-height: 409px;
    width: calc(50% - 10px);
    height: auto;
  }
}
@media screen and (max-width: 1479px) {
  .sortable-item.dashboard-grid .empty-add-wrapper {
    height: 409px;
  }
}
@media screen and (max-width: 1279px) {
  .sortable-item.dashboard-grid .empty-add-wrapper {
    width: 100% !important;
    height: 409px;
  }
}

.insight-details-required-products-container .option-button.button, .insight-details-required-products-container .option-button.tooltip {
  margin-left: 0px !important;
}

.benefits-columns {
  margin-left: 20px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #d2d5de;
  border-radius: 5px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .benefits-columns {
    width: 100%;
    margin: 0;
    flex: 1;
    min-height: auto !important;
  }
}
.benefits-columns .benefits-wrapper {
  padding: 20px;
}
.benefits-columns .benefit-wrapper {
  border-bottom: 1px solid #d2d5de;
  margin-bottom: 20px;
}
.benefits-columns .benefit-wrapper .benefit-content {
  margin-bottom: 20px;
}
.benefits-columns .benefit-wrapper .benefit-content .benefit-number {
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #78829a;
}
.benefits-columns .benefit-wrapper .benefit-content .benefit-title {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 19px;
  color: #1e2f56;
}
.benefits-columns .benefit-wrapper .benefit-content .benefit-text {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;
  color: #78829a;
}
.benefits-columns ::-webkit-scrollbar {
  width: initial;
  height: initial;
  background: #fff;
}
.benefits-columns ::-webkit-scrollbar-thumb {
  background-color: #d2d5de;
  background-clip: border-box;
  border: 7px solid #fff;
  border-radius: 3px;
  transition: background 350ms ease-in-out;
}
.benefits-columns ::-webkit-scrollbar-thumb:hover {
  background-color: #78829a;
}

@media screen and (max-width: 1279px) {
  .structure-columns {
    min-height: auto !important;
  }
}

.metadata-container h2,
.metadata-container p,
.metadata-container td {
  color: #4b5978;
}

.metadata-container {
  padding: 36px 54px;
  height: 100%;
}

.metadata-dataset-information {
  padding-bottom: 30px;
}

.metadata-dataset-information > h2 {
  padding-bottom: 10px;
}

.metadata-dataset-information > p {
  font-size: 14px;
}

.metadata-table-container table {
  border-spacing: 0px;
  width: auto;
}

.metadata-table-container table tbody tr:hover {
  background-color: rgba(247, 247, 247, 0.7333333333);
}

.metadata-table-container table tr td {
  font-size: 14px;
  white-space: pre-line;
}

.metadata-table-container .metadata-table-headings {
  color: #7cce9f;
  font-weight: 700;
  display: flex;
  padding: 0 8px 0 3px;
  width: fit-content;
  min-width: 250px;
  max-width: 450px;
}

.metadata-table-descriptions {
  font-weight: 400;
  padding: 0 3px 0 0;
  width: calc(100% - 250px);
}

.metadata-dataset-information p {
  font-size: 14px;
}

.metadata-download-link {
  font-size: 14px;
  display: block;
  cursor: pointer;
}

.metadata-download-link::after {
  content: url(/images/icons/Vector.svg);
  padding-left: 10px;
}

.button-container {
  position: absolute;
  top: 40px;
  right: 30px;
}

.button-container button {
  margin: 0 8px;
  color: #ef7923;
  border-color: #ef7923;
  background: transparent;
}

.button-container button:hover {
  background: transparent;
}

.schema-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 1em;
  position: relative;
  margin-bottom: 5px;
}

.collapse-schema-container .icon-downwards-arrow {
  transform: scaleY(1);
}

.collapse-schema-container .inner-schema-container {
  display: none;
}

.inner-schema-container .schema-info-container table tbody tr td {
  font-size: 1em;
}

.structure-downloads {
  align-self: flex-start;
  margin: 30px 0 0 0;
}

.download-file-type {
  text-decoration: underline;
}

.schema-container > header {
  width: 100%;
  border: 1px solid #d2d5de;
  border-left: 5px solid #fab12e;
  border-radius: 2.5px;
  padding: 6px 30px;
  color: #4b5978;
}

.schema-container > header > h2 {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

.inner-schema-container {
  display: flex;
  border: 1px solid #d2d5de;
  border-radius: 2.5px;
  padding: 6px 0;
  margin: 5px 0 0 0;
  width: 95%;
  height: 45px;
  overflow: hidden;
  transition: all 2s;
  position: relative;
}

.inner-schema-container.open {
  height: auto;
}

.schema-info-container {
  padding: 5px 0;
}

.schema-info-container p:empty {
  margin-bottom: 20px;
}

.schema-info-container p.column-description {
  padding-right: 15px;
}

.title-container {
  padding-left: 30px;
  width: 60%;
}

.schema-info-container.title-container .title-container-title,
.schema-info-container.title-container button.title-container-btn {
  display: inline;
}

.schema-info-container.title-container.collapsed button.title-container-btn {
  margin-left: 20px;
  background-color: #d5e4f2;
  color: #1478bd;
  min-width: 100px;
}

.inner-schema-container.open .schema-info-container.title-container button {
  display: none;
}

.title-container.collapsed :first-child {
  display: flex;
  padding-bottom: 10px;
  padding-right: 20px;
  align-items: baseline;
  justify-content: space-between;
}

.info-container.collapsed .schema-table tbody :first-child,
.info-container.collapsed .schema-table tbody :nth-child(2) {
  padding-bottom: 10px;
}

.info-container {
  display: flex;
}

.info-divider p {
  line-height: 15px;
}

.info-divider > .identifier + p {
  padding-top: 10px;
}

.info-divider > p {
  margin: 0;
}

.info-divider.headings {
  text-align: right;
}

.info-divider.info {
  font-weight: 700;
  font-family: monospace;
}

.icon-downwards-arrow {
  position: absolute;
  right: 65px;
  transform: scaleY(-1);
}

.icon-downwards-arrow.collapsed {
  transform: scaleY(1);
}

.icon-downwards-arrow::after {
  content: url(/images/icons/down-arrow.svg);
}

.schema-table {
  height: fit-content;
}

.schema-table td {
  padding: 0;
}

.schema-table tr > td:not(:last-child) {
  padding-right: 2em;
}

.known-values .known-values-heading {
  display: block;
}

.known-values-text {
  font-family: monospace;
  font-weight: 700;
}

.inner-schema-container.open .title-container .known-values a.show-more-btn {
  display: block;
  margin-left: 0;
  color: #7cce9f;
  width: fit-content;
}

div.schema-metadata-table-container {
  max-height: 60vh;
  overflow: scroll;
  border: 1px solid #d2d5de;
  border-radius: 2.5px;
}

.schema-metadata-table-container table {
  border-spacing: 0px;
  border-collapse: collapse;
}

table.metadata-modal-table > tbody > tr.schema-table-headings {
  background: #f2f4f7;
  color: #1e2f56;
  border-bottom: 1px solid #d2d5de;
}

table.metadata-modal-table tr td {
  font-family: monospace;
  font-weight: 700;
  color: #4b5978;
}

.metadata-modal-table > tbody > tr {
  line-height: 12px;
}

.metadata-modal-table > tbody > tr:nth-child(odd) {
  background: #d5e4f2;
}

table.metadata-modal-table > tbody > tr th:first-child,
table.metadata-modal-table > tbody > tr td:first-child {
  width: 200px;
  padding-left: 40px;
}

td.prevent-user-selection {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.support-line-breaks {
  white-space: pre-line;
}

@media only screen and (max-width: 1500px) {
  .title-container {
    width: 50%;
  }
}
@media only screen and (min-width: 2000px) {
  .title-container {
    width: 70%;
  }
}
.popup-manage-parameters .popup-content .content-wrapper {
  height: 260px !important;
  margin-bottom: 20px;
  overflow: auto;
}
.popup-manage-parameters .popup-content .content-wrapper .parameter-slot {
  border: 1px solid #d2d5de;
  border-radius: 2.5px;
  height: auto;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 4px;
}
.popup-manage-parameters .popup-content .content-wrapper .parameter-slot:not(:last-child) {
  margin-bottom: 10px;
}
.popup-manage-parameters .popup-content .content-wrapper .parameter-slot .parameter-slot-content {
  display: flex;
  justify-content: space-between;
}
.popup-manage-parameters .popup-content .content-wrapper .parameter-slot .parameter-slot-content .parameter-name,
.popup-manage-parameters .popup-content .content-wrapper .parameter-slot .parameter-slot-content .parameter-type {
  color: #4b5978;
}
.popup-manage-parameters .popup-content .content-wrapper .parameter-slot .parameter-slot-buttons {
  margin-top: 15px;
}
.popup-manage-parameters .popup-content .content-action {
  margin-top: auto;
}

.popup-parameters-list-option .form .scroll-box {
  height: 270px;
  overflow-y: scroll;
  margin-bottom: 20px;
}
.popup-parameters-list-option .form .form-buttons {
  margin-top: auto;
}
.popup-parameters-list-option .parameter-option-row-container:not(:last-child) {
  margin-bottom: 10px;
}
.popup-parameters-list-option .parameter-option-row-container .parameter-option-row {
  display: flex;
  margin-right: 5px;
}

.box-options-multiline {
  display: flex;
  justify-content: unset;
  gap: 20px;
  flex-wrap: wrap;
}

.body-query-parameters {
  flex: none !important;
  height: calc(100% - 90px) !important;
}
.body-query-parameters .parameters-grid {
  height: fit-content;
  width: 100%;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.body-query-parameters .parameter-tile {
  border: 1px solid #d2d5de;
  border-radius: 2.5px;
  height: auto;
  padding: 20px;
  width: calc(33.3333333333% - 14px);
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
.body-query-parameters .parameter-tile.set {
  border-color: #1478bd;
}
.body-query-parameters .parameter-tile .parameter-name {
  color: #4b5978;
}
.body-query-parameters .parameter-tile .parameter-name .h5, .body-query-parameters .parameter-tile .parameter-name .pagination-nav .main-footer-meta .result-count, .pagination-nav .main-footer-meta .body-query-parameters .parameter-tile .parameter-name .result-count {
  margin: 0;
}
.body-query-parameters .parameter-tile img {
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  height: 13px;
}
.body-query-parameters .parameter-tile .parameter-description {
  flex-grow: 1;
}
.body-query-parameters .parameter-tile .parameter-value .MuiTextField-root .MuiInputBase-root {
  height: 30px;
}
.body-query-parameters .parameter-tile .parameter-value .MuiTextField-root .MuiInputBase-input {
  border: none;
}

.popup-manage-parameters .parameter-name {
  font-weight: bold;
  font-size: 12px;
}
.popup-manage-parameters .parameter-description {
  font-size: 10px;
}
.popup-manage-parameters .parameter-type {
  font-size: 10px;
}

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

.control-panels-container {
  z-index: 990;
  display: flex;
  align-items: flex-start;
  position: absolute;
  top: 0;
  right: 0;
}

#layer-control-panel {
  background: #fff;
  color: #1e2f56;
  margin: 10px;
  padding: 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #d2d5de;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}

#layer-control-panel .toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 200px;
}

#layer-control-panel .toggle input[type=checkbox] {
  width: 15px;
  height: 15px;
  -webkit-appearance: checkbox;
}

.main-wrapper .main-content.flexr-container {
  padding: 0;
}

.main-wrapper .main-content.flexr-container .content {
  height: 100%;
  width: 100%;
}

.mapboxgl-canvas {
  left: 0;
}

.flexr-small-modal {
  width: 500px;
}

.layer-control-panel-title {
  display: flex;
  align-items: center;
  height: 20px;
  cursor: pointer;
  user-select: none;
  margin: 0;
}

.collapsible-layer-controls.collapse {
  height: 0;
  overflow: hidden;
}

.color-item {
  color: white;
  border-radius: 2.5px;
  padding: 5px;
  text-shadow: 2px 2px 5px black;
}

.flexr-info-contents-container {
  display: flex;
  width: 100%;
  height: fit-content;
}

.flexr-info-contents {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  width: 50%;
  padding: 20px;
  height: fit-content;
}

.mpan-visualisations-container {
  display: flex;
  height: fit-content;
  flex-direction: column;
  width: 50%;
}

.mpan-visualisations {
  width: 100%;
  margin: auto;
  height: 100%;
  padding: 20px;
}

.mpan-visualisations-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.visualisations-charts-border {
  border: 2px solid #eee;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin-bottom: 10px;
}

.flexr-info-content-data {
  width: 100%;
}
.flexr-info-content-data div {
  margin: 20px 0px;
  padding: 10px 0px;
}
.flexr-info-content-data h3 {
  color: #848e9d !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 0px 0px 0px 0px !important;
}
.flexr-info-content-data p {
  color: rgb(28, 30, 28);
  margin-top: 8px;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
}

.flexr-info-header {
  width: 100%;
  display: flex;
  padding-top: 15px;
}
.flexr-info-header .flex-info-header-tabs {
  width: 50%;
}

.flexr-tabs-icons {
  display: flex;
  align-items: center;
  padding: 10px 0px 10px 20px;
}
.flexr-tabs-icons h4 {
  margin: 2px 0px 0px 7px !important;
  font-size: 1rem;
}
.flexr-tabs-icons h1 {
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.33;
  margin: 5px 0px 5px 0px !important;
}

.flexr-data-info-title {
  margin: 0px 0px 0px 0px !important;
}
.flexr-data-info-title .flexr-tabs-icons {
  padding: 10px 0px 10px 0px !important;
}
.flexr-data-info-title .title {
  color: #848e9d;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 10px !important;
}
.flexr-data-info-title .asset-type-icon {
  display: inline-flex;
  padding: 16px;
  margin-right: 16px;
  /* background: rgb(240, 243, 247); */
  border-radius: 8px;
  height: 100%;
}
.flexr-data-info-title .asset-type-image {
  height: 52px;
  width: 52px;
}
.flexr-data-info-title .status-messages {
  display: flex;
  align-items: center;
}
.flexr-data-info-title .connection-status {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.flexr-data-info-title .connection-status::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 5px;
  position: absolute;
  background-color: rgb(111, 179, 38);
}
.flexr-data-info-title .connection-status-text {
  margin-left: 14px;
  color: rgb(111, 179, 38);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.flexr-data-back-btn {
  position: fixed;
  bottom: 30px;
  margin-left: 10px;
}

.dno-der-assets-container {
  display: flex;
}

.dno-der-assets-map-table-container {
  position: absolute;
  top: 0px;
  left: 340px;
  width: calc(100% - 340px);
  height: 100vh;
  overflow: scroll;
}

.dno-dner-tables-full {
  height: 100vh;
}

.dno-filter-container {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0px;
  z-index: 99;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.06) 3px 0px 16px 0px;
  width: 336px;
  height: 100vh;
  background: #fff;
  padding: 20px;
}
.dno-filter-container .form-field {
  margin: 20px 0px;
}

.dno-map-table-top-bar-container {
  width: 100%;
  margin: 24px auto;
  display: flex;
  position: relative;
  justify-content: space-between;
  z-index: 990;
}

.dno-page-switch-container {
  display: flex;
  width: fit-content;
  margin: 0px 20px;
  background: #fff;
  border-radius: 20px;
}

.dno-page-switch {
  padding: 15px 30px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
}
.dno-page-switch span {
  font-size: 1rem;
  font-weight: 600;
}

.map-tab-container.active {
  background: rgb(26, 51, 91);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #fff;
}

.table-tab-container.active {
  background: rgb(26, 51, 91);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  color: #fff;
}

.dno-map-table-top-bar-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dno-der-assets-table {
  width: 100%;
  padding: 20px;
}

.tables-switch-container {
  width: 100%;
  display: flex;
  padding-left: 10px;
  margin-top: 10px;
}
.tables-switch-container .table-switch-headers {
  padding: 10px 20px;
  text-align: center;
  height: fit-content;
}
.tables-switch-container .table-switch-headers span {
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  color: rgb(26, 51, 91);
}

.table-switch-headers.active {
  border-bottom: 2px solid rgb(26, 51, 91);
}

.dno-dner-tables-full .content-inner.full-height {
  height: 100% !important;
}

.dno-map-topology-export-container {
  display: flex;
  align-items: center;
}
.dno-map-topology-export-container .dno-map-topology-btn {
  margin-right: 10px;
}

.smart-meter-modal-container {
  min-width: 60vw !important;
  max-width: 60vw !important;
}
.smart-meter-modal-container .smart-meter-modal-content {
  width: 100%;
  height: 100%;
}
.smart-meter-modal-container .smart-meter-modal-content .smart-mart-charts-content {
  width: 100%;
}
.smart-meter-modal-container .smart-meter-modal-content .smart-mart-charts-content .smart-meter-donut-chart-container,
.smart-meter-modal-container .smart-meter-modal-content .smart-mart-charts-content .smart-meter-charts {
  width: 100%;
}
.smart-meter-modal-container .smart-meter-modal-content .smart-meter-line-chart {
  width: 100%;
  margin-top: 30px;
}
.smart-meter-modal-container .highcharts-figure {
  margin: 0;
}
.smart-meter-modal-container #play-controls {
  max-width: 100%;
  margin: 1em auto;
  display: flex;
  padding-right: 10px;
  /*input[type="range"] {
      -webkit-appearance: none;
      appearance: none;
      width: 100%;
      height: 10px;
      background: #ddd;
      border-radius: 5px;
      position:relative;
      top:10.5px;
  }

  input[type="range"]::-webkit-slider-runnable-track {
      width: 100%;
      height: 10.5px;
      background: #ddd;
      border-radius: 5px;
    }

    input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 12px;
      height: 12px;
      background: rgb(250, 100, 0);
      border-radius: 50%;
      cursor: pointer;
    }

    input[type="range"]::-webkit-progress-value {
      background-color: #4b5978;
    }*/
}
.smart-meter-modal-container #container {
  height: 300px;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 20px;
}
.smart-meter-modal-container #container .input-total-value-content {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.smart-meter-modal-container #container .input-total-value {
  font-size: 45px;
}
.smart-meter-modal-container #container .highcharts-contextbutton {
  display: none !important;
}
.smart-meter-modal-container .smart-meter-count-container {
  width: 100%;
  text-align: center;
  font-size: 16px;
  transform: translateY(-10px);
}
.smart-meter-modal-container #play-pause-button {
  margin-right: 5px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: 1px solid #1e2f56;
  border-radius: 25px;
  color: white;
  background-color: #1e2f56;
  transition: background-color 250ms;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.smart-meter-modal-container #play-pause-button .smart-pause-btn,
.smart-meter-modal-container #play-pause-button .smart-play-btn {
  max-width: 20px !important;
  height: 20px !important;
}
.smart-meter-modal-container #play-pause-button:hover {
  background-color: #1e2f56;
}
.smart-meter-modal-container #play-range {
  transform: translateY(2.5px);
  width: 100%;
  background: #f8f8f8;
  accent-color: #4b5978;
}

.map-legend {
  position: absolute;
  z-index: 999;
  background: white;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  width: 180px;
}
.map-legend h4 {
  margin-bottom: 10px;
}
.map-legend .map-legend-row {
  display: flex;
  align-items: center;
}
.map-legend .map-legend-row img {
  height: 45px;
  padding: 5px 0;
  margin: 0 10px 0 0;
}
.map-legend .icon {
  width: 21px;
  height: 21px;
  margin-right: 1em;
}

.legend-div {
  position: absolute;
  bottom: 30px;
  right: 15px;
}
.legend-div .map-legend {
  position: initial;
  width: 250px;
}
.legend-div .cable-legend {
  margin-bottom: 10px;
}

.connectivity-legend,
.smart-meter-legend,
.smart-map-legend,
.pc-consumption-legend,
.lsoa-consumption-legend {
  width: 250px;
  right: 20px;
  bottom: 30px;
  transition: all 0.5s ease;
}
.connectivity-legend .map-legend-row,
.smart-meter-legend .map-legend-row,
.smart-map-legend .map-legend-row,
.pc-consumption-legend .map-legend-row,
.lsoa-consumption-legend .map-legend-row {
  transition: all 0.5s ease;
  height: 20px;
  opacity: 1;
}

.pc-consumption-legend,
.lsoa-consumption-legend {
  height: 180px;
}

.smart-meter-legend {
  height: 180px;
}

.smart-map-legend {
  height: 150px;
}

.connectivity-legend {
  height: 170px;
}

.flexr-slide-pconsmption-container {
  width: 100%;
  position: relative;
  height: 550px;
  display: flex;
  overflow: hidden;
}
.flexr-slide-pconsmption-container .flexr-slide-front-container,
.flexr-slide-pconsmption-container .flexr-slide-back-container {
  width: 100%;
  height: inherit;
  position: absolute;
  padding: 20px;
}
.flexr-slide-pconsmption-container .flexr-slide-front-container {
  left: 0%;
}
.flexr-slide-pconsmption-container .flexr-slide-back-container {
  background: #fff;
  left: 100%;
  transition: 0.4s;
}
.flexr-slide-pconsmption-container .flexr-slide-back-container .smart-flip-box-back-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flexr-slide-pconsmption-container .flexr-slide-back-container .snippet-container {
  height: 420px !important;
  margin-bottom: 10px;
}
.flexr-slide-pconsmption-container .flexr-slide-back-container .snippet-container .CodeMirror-hscrollbar {
  height: 0px !important;
}
.flexr-slide-pconsmption-container .flexr-slide-back-container .snippet-container .CodeMirror-measure {
  display: none !important;
}
.flexr-slide-pconsmption-container .half-hour-visualisation-container,
.flexr-slide-pconsmption-container .heatmap-visualisation-container,
.flexr-slide-pconsmption-container .polar-visualisation-container,
.flexr-slide-pconsmption-container .charts-modal-loader {
  margin: 15px 0px;
}
.flexr-slide-pconsmption-container .charts-modal-loader {
  height: 420px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.add-consumption-effect .flexr-slide-back-container {
  left: 0%;
}

.flexr-api-view .snippet-container {
  height: 370px !important;
  margin-bottom: 10px;
}
.flexr-api-view .snippet-container .CodeMirror-hscrollbar {
  height: 0px !important;
}
.flexr-api-view .snippet-container .CodeMirror-measure {
  display: none !important;
}

.map-reset-button {
  position: absolute;
  top: 0px;
  right: 10px;
  z-index: 990;
  margin-top: 24px;
}

.half-hourly-volumes-api-view .snippet-container {
  height: 370px !important;
  margin-bottom: 10px;
}

.map-legend.energy-assets-legend {
  position: relative;
  height: 590px;
  transition: all 0.5s ease;
}

.map-legend.collapse {
  height: 45px !important;
}

.map-legend.energy-assets-legend .map-legend-row {
  transition: all 0.5s ease;
  height: 45px;
  opacity: 1;
}

/*.map-legend.smart-meter-legend
.map-legend.smart-map-legend .map-legend-row {
    transition: all .5s ease;
    height: 20px;
    //opacity: 1;
}*/
.icon-downwards-arrow.icon-legend {
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer;
  z-index: 10;
}

.map-legend .icon-downwards-arrow.icon-legend {
  transition: all 0.5s ease;
  transform: scaleY(1);
}

.map-legend.collapse .icon-downwards-arrow.icon-legend {
  transform: scaleY(-1);
}

.map-legend.cable-legend {
  position: relative;
  height: 110px;
  transition: all 0.5s ease;
}

.map-legend.cable-legend .map-legend-row {
  transition: all 0.5s ease;
  height: 20px;
  opacity: 1;
}

.map-legend.collapse .map-legend-row {
  opacity: 0;
  height: 0px;
}

#post-code-select {
  border: none;
  height: 0px;
  font-size: 12px;
  color: #78829a;
  padding-left: 1px;
}

.css-1wuilmg-MuiAutocomplete-root .MuiOutlinedInput-root {
  padding: 0px;
  background: #f7f7f7;
}

/*.postcode-info-popup {

}*/
.postcode-info-popup .mapboxgl-popup-content {
  border-radius: 2.5px;
  padding: 5px 8px;
}

.smart-map-stock-chart-container {
  width: 100%;
  height: 420px;
}

.smart-map-visualisations-tab-container {
  display: flex;
}
.smart-map-visualisations-tab-container .heatmap-tab,
.smart-map-visualisations-tab-container .disperson-tab {
  margin-left: 10px;
}
.smart-map-visualisations-tab-container .active .smart-map-visualisation-btn {
  background: #1478bd !important;
  color: #fff !important;
}

.multi-mpan-modal-container {
  width: auto !important;
  max-width: none !important;
}
.multi-mpan-modal-container .multi-mpan-modal-content {
  width: 100%;
  height: 100%;
  display: flex;
  gap: 10px;
  max-width: 90vw;
  overflow: auto;
}
.multi-mpan-modal-container .multi-mpan-modal-content article.multi-mpan-info {
  margin: 20px;
  border: 1px solid #1e2f56;
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
  flex: 1;
  min-width: 150px;
}
.multi-mpan-modal-container .multi-mpan-modal-content article.multi-mpan-info.summary {
  min-width: 300px;
}
.multi-mpan-modal-container .multi-mpan-modal-content article.multi-mpan-info span.info-line h5 {
  margin-bottom: 10px;
  font-size: 14px;
  text-decoration: underline;
}
.multi-mpan-modal-container .multi-mpan-modal-content article.multi-mpan-info span.info-line h6,
.multi-mpan-modal-container .multi-mpan-modal-content article.multi-mpan-info span.info-line p {
  margin: 0;
  padding: 0;
}
.multi-mpan-modal-container .multi-mpan-modal-content article.multi-mpan-info span.info-line p {
  margin-bottom: 5px;
}
.multi-mpan-modal-container .multi-mpan-modal-content article.multi-mpan-info span.info-line .expandable-container {
  height: auto;
  max-height: 80px;
  overflow: auto;
  margin: 5px 0;
  border-radius: 5px;
}
.multi-mpan-modal-container .multi-mpan-modal-content article.multi-mpan-info span.info-line .expandable-container p {
  margin-bottom: 0;
}
.multi-mpan-modal-container .multi-mpan-modal-content article.multi-mpan-info:hover {
  background-color: rgba(185, 206, 255, 0.2);
}

@media (max-height: 1080px) {
  .flexr-highcharts-container {
    height: 80vh !important;
  }
  .flexr-highcharts-container .smart-mart-charts-content {
    width: 100%;
    height: 50% !important;
  }
  .flexr-flip-box-front {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .flexr-flip-box-front .highcharts-container {
    height: 300px !important;
  }
  .flexr-flip-box-front .smart-mart-charts-line {
    position: relative;
    top: 0px;
  }
  .smart-meter-modal-content .flexr-flip-box-front,
  .smart-meter-modal-content .flexr-flip-box-back {
    height: 80vh;
  }
  .smart-meter-modal-container #container {
    height: 220px !important;
  }
  .smart-meter-modal-container #container .input-total-value {
    font-size: 30px;
  }
  .flexr-flip-box-back .query-preview-wrapper.snippet-container {
    height: 65vh;
    margin: 10px 0px;
  }
}
@media (max-height: 1000px) {
  .flexr-flip-box-front .highcharts-container {
    height: 250px !important;
  }
  .smart-meter-modal-container #container {
    height: 200px !important;
  }
  .flexr-flip-box-back .query-preview-wrapper.snippet-container {
    margin: 10px 0px;
  }
}
@media (max-height: 900px) {
  .flexr-flip-box-front .highcharts-container {
    height: 230px !important;
  }
  .smart-meter-modal-container #container {
    height: 180px !important;
  }
  .smart-meter-modal-container #container .input-total-value-content {
    text-align: center;
  }
  .smart-meter-modal-container #container .input-total-value {
    font-size: 25px;
  }
  .flexr-flip-box-back .query-preview-wrapper.snippet-container {
    height: 62.5vh;
    margin: 10px 0px;
  }
}
.smart-meter-donut-legend {
  right: 20px;
  transform: translateY(-130px);
  z-index: 1;
  transition: 0.4s;
}

#map {
  position: fixed;
  inset: 0;
}

.postcode-search {
  position: sticky;
  z-index: 999;
  width: 100%;
  top: 20px;
  margin-bottom: 20px;
}
.postcode-search .wrapper {
  border-radius: 20px;
}
.postcode-search input {
  border: none;
}
.postcode-search .search-result-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 20px;
}
.postcode-search .search-result-item .region {
  color: silver;
  font-size: 10px;
  font-weight: bold;
}

.floating-controls {
  position: absolute;
  width: 230px;
}
.floating-controls.top-left {
  top: 20px;
  left: 20px;
}
.floating-controls.top-right {
  top: 20px;
  right: 20px;
}
.floating-controls.bottom-left {
  bottom: 20px;
  left: 20px;
}
.floating-controls.bottom-right {
  bottom: 20px;
  right: 20px;
}

.card {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
}

@media screen and (min-width: 1280px) {
  .button-secondary, input[type=submit],
  input[type=button],
  input[type=reset],
  button,
  .button,
  .tooltip, .pagination-nav .pagination a, .pagination-nav .pagination .current {
    font-size: 11px;
  }
}
@media screen and (min-width: 1480px) {
  .button-secondary, input[type=submit],
  input[type=button],
  input[type=reset],
  button,
  .button,
  .tooltip, .pagination-nav .pagination a, .pagination-nav .pagination .current {
    font-size: 12px;
  }
}
input[type=submit].green,
input[type=button].green,
input[type=reset].green,
button.green,
.button.green,
.green.tooltip {
  border-color: #5bc287;
  color: #5bc287;
}
input[type=submit].green:hover,
input[type=button].green:hover,
input[type=reset].green:hover,
button.green:hover,
.button.green:hover,
.green.tooltip:hover {
  background-color: #def3e7;
}
input[type=submit].green[disabled], input[type=submit].green.disabled, input[type=submit].green.inactive,
input[type=button].green[disabled],
input[type=button].green.disabled,
input[type=button].green.inactive,
input[type=reset].green[disabled],
input[type=reset].green.disabled,
input[type=reset].green.inactive,
button.green[disabled],
button.green.disabled,
button.green.inactive,
.button.green[disabled],
.green[disabled].tooltip,
.button.green.disabled,
.green.disabled.tooltip,
.button.green.inactive,
.green.inactive.tooltip {
  color: #def3e7 !important;
  border-color: #def3e7;
}
input[type=submit].green.inactive:hover,
input[type=button].green.inactive:hover,
input[type=reset].green.inactive:hover,
button.green.inactive:hover,
.button.green.inactive:hover,
.green.inactive.tooltip:hover {
  color: #5bc287 !important;
  border-color: #5bc287;
}
input[type=submit].green.selected,
input[type=button].green.selected,
input[type=reset].green.selected,
button.green.selected,
.button.green.selected,
.green.selected.tooltip {
  background-color: #def3e7;
}
input[type=submit].orange,
input[type=button].orange,
input[type=reset].orange,
button.orange,
.button.orange,
.orange.tooltip {
  border-color: #ef7923;
  color: #ef7923;
}
input[type=submit].orange:hover,
input[type=button].orange:hover,
input[type=reset].orange:hover,
button.orange:hover,
.button.orange:hover,
.orange.tooltip:hover {
  background-color: #fff0d4;
}
input[type=submit].orange[disabled], input[type=submit].orange.disabled, input[type=submit].orange.inactive,
input[type=button].orange[disabled],
input[type=button].orange.disabled,
input[type=button].orange.inactive,
input[type=reset].orange[disabled],
input[type=reset].orange.disabled,
input[type=reset].orange.inactive,
button.orange[disabled],
button.orange.disabled,
button.orange.inactive,
.button.orange[disabled],
.orange[disabled].tooltip,
.button.orange.disabled,
.orange.disabled.tooltip,
.button.orange.inactive,
.orange.inactive.tooltip {
  color: #fff0d4 !important;
  border-color: #fff0d4;
}
input[type=submit].orange.inactive:hover,
input[type=button].orange.inactive:hover,
input[type=reset].orange.inactive:hover,
button.orange.inactive:hover,
.button.orange.inactive:hover,
.orange.inactive.tooltip:hover {
  color: #ef7923 !important;
  border-color: #ef7923;
}
input[type=submit].orange.selected,
input[type=button].orange.selected,
input[type=reset].orange.selected,
button.orange.selected,
.button.orange.selected,
.orange.selected.tooltip {
  background-color: #fff0d4;
}
input[type=submit].grey,
input[type=button].grey,
input[type=reset].grey,
button.grey,
.button.grey,
.grey.tooltip {
  border-color: #494848;
  color: #494848;
}
input[type=submit].grey:hover,
input[type=button].grey:hover,
input[type=reset].grey:hover,
button.grey:hover,
.button.grey:hover,
.grey.tooltip:hover {
  background-color: #d4d4d4;
}
input[type=submit].grey[disabled], input[type=submit].grey.disabled, input[type=submit].grey.inactive,
input[type=button].grey[disabled],
input[type=button].grey.disabled,
input[type=button].grey.inactive,
input[type=reset].grey[disabled],
input[type=reset].grey.disabled,
input[type=reset].grey.inactive,
button.grey[disabled],
button.grey.disabled,
button.grey.inactive,
.button.grey[disabled],
.grey[disabled].tooltip,
.button.grey.disabled,
.grey.disabled.tooltip,
.button.grey.inactive,
.grey.inactive.tooltip {
  color: #d4d4d4 !important;
  border-color: #d4d4d4;
}
input[type=submit].grey.inactive:hover,
input[type=button].grey.inactive:hover,
input[type=reset].grey.inactive:hover,
button.grey.inactive:hover,
.button.grey.inactive:hover,
.grey.inactive.tooltip:hover {
  color: #494848 !important;
  border-color: #494848;
}
input[type=submit].grey.selected,
input[type=button].grey.selected,
input[type=reset].grey.selected,
button.grey.selected,
.button.grey.selected,
.grey.selected.tooltip {
  background-color: #d4d4d4;
}
input[type=submit].white,
input[type=button].white,
input[type=reset].white,
button.white,
.button.white,
.white.tooltip {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}
input[type=submit].white:hover,
input[type=button].white:hover,
input[type=reset].white:hover,
button.white:hover,
.button.white:hover,
.white.tooltip:hover {
  background-color: #ffffff;
  color: #1e2f56;
}
input[type=submit].white[disabled], input[type=submit].white.disabled, input[type=submit].white.inactive,
input[type=button].white[disabled],
input[type=button].white.disabled,
input[type=button].white.inactive,
input[type=reset].white[disabled],
input[type=reset].white.disabled,
input[type=reset].white.inactive,
button.white[disabled],
button.white.disabled,
button.white.inactive,
.button.white[disabled],
.white[disabled].tooltip,
.button.white.disabled,
.white.disabled.tooltip,
.button.white.inactive,
.white.inactive.tooltip {
  color: #d4d4d4 !important;
  border-color: #d4d4d4;
}
input[type=submit].white.inactive:hover,
input[type=button].white.inactive:hover,
input[type=reset].white.inactive:hover,
button.white.inactive:hover,
.button.white.inactive:hover,
.white.inactive.tooltip:hover {
  color: #494848 !important;
  border-color: #494848;
}
input[type=submit].white.selected,
input[type=button].white.selected,
input[type=reset].white.selected,
button.white.selected,
.button.white.selected,
.white.selected.tooltip {
  background-color: #d4d4d4;
}
input[type=submit].yellow,
input[type=button].yellow,
input[type=reset].yellow,
button.yellow,
.button.yellow,
.yellow.tooltip {
  border-color: #fab12e;
  color: #fab12e;
}
input[type=submit].yellow:hover,
input[type=button].yellow:hover,
input[type=reset].yellow:hover,
button.yellow:hover,
.button.yellow:hover,
.yellow.tooltip:hover {
  background-color: #fff0d4;
}
input[type=submit].yellow[disabled], input[type=submit].yellow.disabled, input[type=submit].yellow.inactive,
input[type=button].yellow[disabled],
input[type=button].yellow.disabled,
input[type=button].yellow.inactive,
input[type=reset].yellow[disabled],
input[type=reset].yellow.disabled,
input[type=reset].yellow.inactive,
button.yellow[disabled],
button.yellow.disabled,
button.yellow.inactive,
.button.yellow[disabled],
.yellow[disabled].tooltip,
.button.yellow.disabled,
.yellow.disabled.tooltip,
.button.yellow.inactive,
.yellow.inactive.tooltip {
  color: #fff0d4 !important;
  border-color: #fff0d4;
}
input[type=submit].yellow.inactive:hover,
input[type=button].yellow.inactive:hover,
input[type=reset].yellow.inactive:hover,
button.yellow.inactive:hover,
.button.yellow.inactive:hover,
.yellow.inactive.tooltip:hover {
  color: #fab12e !important;
  border-color: #fab12e;
}
input[type=submit].yellow.selected,
input[type=button].yellow.selected,
input[type=reset].yellow.selected,
button.yellow.selected,
.button.yellow.selected,
.yellow.selected.tooltip {
  background-color: #fff0d4;
}
input[type=submit].yellow-bg,
input[type=button].yellow-bg,
input[type=reset].yellow-bg,
button.yellow-bg,
.button.yellow-bg,
.yellow-bg.tooltip {
  border-color: #fab12e;
  color: #fab12e;
  background-color: red;
}
input[type=submit].blue,
input[type=button].blue,
input[type=reset].blue,
button.blue,
.button.blue,
.blue.tooltip {
  border-color: #1478bd;
  color: #1478bd;
}
input[type=submit].blue:hover,
input[type=button].blue:hover,
input[type=reset].blue:hover,
button.blue:hover,
.button.blue:hover,
.blue.tooltip:hover {
  background-color: #d5e4f2;
}
input[type=submit].blue[disabled], input[type=submit].blue.disabled, input[type=submit].blue.inactive,
input[type=button].blue[disabled],
input[type=button].blue.disabled,
input[type=button].blue.inactive,
input[type=reset].blue[disabled],
input[type=reset].blue.disabled,
input[type=reset].blue.inactive,
button.blue[disabled],
button.blue.disabled,
button.blue.inactive,
.button.blue[disabled],
.blue[disabled].tooltip,
.button.blue.disabled,
.blue.disabled.tooltip,
.button.blue.inactive,
.blue.inactive.tooltip {
  color: #d5e4f2 !important;
  border-color: #d5e4f2;
}
input[type=submit].blue.inactive:hover,
input[type=button].blue.inactive:hover,
input[type=reset].blue.inactive:hover,
button.blue.inactive:hover,
.button.blue.inactive:hover,
.blue.inactive.tooltip:hover {
  color: #1478bd !important;
  border-color: #1478bd;
}
input[type=submit].blue.selected,
input[type=button].blue.selected,
input[type=reset].blue.selected,
button.blue.selected,
.button.blue.selected,
.blue.selected.tooltip {
  background-color: #d5e4f2;
}
input[type=submit].navy-medium,
input[type=button].navy-medium,
input[type=reset].navy-medium,
button.navy-medium,
.button.navy-medium,
.navy-medium.tooltip {
  border-color: #78829a;
  color: #78829a;
}
input[type=submit].navy-medium:hover,
input[type=button].navy-medium:hover,
input[type=reset].navy-medium:hover,
button.navy-medium:hover,
.button.navy-medium:hover,
.navy-medium.tooltip:hover {
  background-color: #a6acbb;
}
input[type=submit].navy-medium[disabled], input[type=submit].navy-medium.disabled, input[type=submit].navy-medium.inactive,
input[type=button].navy-medium[disabled],
input[type=button].navy-medium.disabled,
input[type=button].navy-medium.inactive,
input[type=reset].navy-medium[disabled],
input[type=reset].navy-medium.disabled,
input[type=reset].navy-medium.inactive,
button.navy-medium[disabled],
button.navy-medium.disabled,
button.navy-medium.inactive,
.button.navy-medium[disabled],
.navy-medium[disabled].tooltip,
.button.navy-medium.disabled,
.navy-medium.disabled.tooltip,
.button.navy-medium.inactive,
.navy-medium.inactive.tooltip {
  color: #a6acbb !important;
  border-color: #a6acbb;
}
input[type=submit].navy-medium.inactive:hover,
input[type=button].navy-medium.inactive:hover,
input[type=reset].navy-medium.inactive:hover,
button.navy-medium.inactive:hover,
.button.navy-medium.inactive:hover,
.navy-medium.inactive.tooltip:hover {
  color: #78829a !important;
  border-color: #78829a;
}
input[type=submit].navy-medium.selected,
input[type=button].navy-medium.selected,
input[type=reset].navy-medium.selected,
button.navy-medium.selected,
.button.navy-medium.selected,
.navy-medium.selected.tooltip {
  background-color: #a6acbb;
}
input[type=submit].transparent,
input[type=button].transparent,
input[type=reset].transparent,
button.transparent,
.button.transparent,
.transparent.tooltip {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}
input[type=submit].transparent:hover,
input[type=button].transparent:hover,
input[type=reset].transparent:hover,
button.transparent:hover,
.button.transparent:hover,
.transparent.tooltip:hover {
  background-color: #ffffff;
  color: #1e2f56;
}
input[type=submit].left-aligned,
input[type=button].left-aligned,
input[type=reset].left-aligned,
button.left-aligned,
.button.left-aligned,
.left-aligned.tooltip {
  margin-right: 0;
  margin-right: auto;
}
input[type=submit].right-aligned,
input[type=button].right-aligned,
input[type=reset].right-aligned,
button.right-aligned,
.button.right-aligned,
.right-aligned.tooltip {
  margin-right: 0;
  margin-left: auto;
}
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover,
button:hover,
.button:hover,
.tooltip:hover {
  background-color: #d5e4f2;
}
input[type=submit].icon-only,
input[type=button].icon-only,
input[type=reset].icon-only,
button.icon-only,
.button.icon-only,
.icon-only.tooltip {
  width: 22px;
  height: 22px;
  padding: 0;
  position: relative;
  text-align: center;
  background-color: transparent;
}
input[type=submit].icon-only [class*=icon-],
input[type=button].icon-only [class*=icon-],
input[type=reset].icon-only [class*=icon-],
button.icon-only [class*=icon-],
.button.icon-only [class*=icon-],
.icon-only.tooltip [class*=icon-] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 300ms ease;
}
input[type=submit].icon-only [class*=icon-]::before,
input[type=button].icon-only [class*=icon-]::before,
input[type=reset].icon-only [class*=icon-]::before,
button.icon-only [class*=icon-]::before,
.button.icon-only [class*=icon-]::before,
.icon-only.tooltip [class*=icon-]::before {
  display: block;
  font-size: 14px;
  line-height: 20px;
}
input[type=submit].icon-only .hover-icon,
input[type=button].icon-only .hover-icon,
input[type=reset].icon-only .hover-icon,
button.icon-only .hover-icon,
.button.icon-only .hover-icon,
.icon-only.tooltip .hover-icon {
  opacity: 0;
}
input[type=submit].icon-only.has-hover-icon:hover .default-icon,
input[type=button].icon-only.has-hover-icon:hover .default-icon,
input[type=reset].icon-only.has-hover-icon:hover .default-icon,
button.icon-only.has-hover-icon:hover .default-icon,
.button.icon-only.has-hover-icon:hover .default-icon,
.icon-only.has-hover-icon.tooltip:hover .default-icon {
  opacity: 0;
}
input[type=submit].icon-only.has-hover-icon:hover .hover-icon,
input[type=button].icon-only.has-hover-icon:hover .hover-icon,
input[type=reset].icon-only.has-hover-icon:hover .hover-icon,
button.icon-only.has-hover-icon:hover .hover-icon,
.button.icon-only.has-hover-icon:hover .hover-icon,
.icon-only.has-hover-icon.tooltip:hover .hover-icon {
  opacity: 1;
}
input[type=submit].small-icon [class*=icon-]::before,
input[type=button].small-icon [class*=icon-]::before,
input[type=reset].small-icon [class*=icon-]::before,
button.small-icon [class*=icon-]::before,
.button.small-icon [class*=icon-]::before,
.small-icon.tooltip [class*=icon-]::before {
  font-size: 9px;
}
input[type=submit].medium-icon [class*=icon-]::before,
input[type=button].medium-icon [class*=icon-]::before,
input[type=reset].medium-icon [class*=icon-]::before,
button.medium-icon [class*=icon-]::before,
.button.medium-icon [class*=icon-]::before,
.medium-icon.tooltip [class*=icon-]::before {
  font-size: 12px;
}

.button-secondary {
  background-color: #fff;
  border-color: #1e2f56;
  color: #1e2f56;
}
.button-secondary:hover {
  color: #d9ae54;
}

.label-box {
  border-radius: 2.5px;
  color: #ffffff;
  display: inline-block;
  padding: 5.5px 10px 4.5px 10px;
  font-weight: 700;
  line-height: 1;
}
.label-box.green {
  border: 1px solid #5bc287;
  background-color: #5bc287;
}
.label-box.blue {
  border: 1px solid #1478bd;
  background-color: #1478bd;
}
.label-box.yellow {
  border: 1px solid #fab12e;
  background-color: #fab12e;
}
.label-box.grey {
  border: 1px solid #494848;
  background-color: #494848;
}
.label-box.orange {
  border: 1px solid #ef7923;
  background-color: #ef7923;
}
.label-box.white {
  border: 1px solid #ffffff;
  background-color: #ffffff;
}

.hamburger {
  width: 30px;
  height: 21px;
  position: absolute;
  margin: 20px;
  display: none;
  right: 0;
  top: 0;
  z-index: 200;
}
@media screen and (max-width: 768px) {
  .hamburger {
    display: block;
  }
}
.hamburger [class^=line-] {
  display: block;
  background-color: white;
  width: 30px;
  height: 3px;
  position: absolute;
  left: 0;
  border-radius: 2px;
  transition: all 300ms, opacity 100ms;
  outline: 1px solid transparent;
}
.is-open-menu .hamburger [class^=line-] {
  background-color: black;
}
.hamburger [class^=line-].line-1 {
  top: 0;
}
.hamburger [class^=line-].line-2 {
  top: 9px;
}
.hamburger [class^=line-].line-3 {
  bottom: 0;
}
.hamburger.is-active .line-1 {
  transform: translateY(9px) translateX(0) rotate(45deg);
}
.hamburger.is-active .line-2 {
  opacity: 0;
}
.hamburger.is-active .line-3 {
  transform: translateY(-9px) translateX(0) rotate(-45deg);
}

.tabs .tabs-nav {
  background-color: rgba(239, 121, 35, 0.8);
  margin: 20px 0;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
  display: flex;
  justify-content: space-around;
}
.tabs .tabs-nav li {
  flex-basis: 0;
  flex-grow: 1;
  position: relative;
}
.tabs .tabs-nav li:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
  width: 1px;
  background-color: white;
}
.tabs .tabs-nav li:first-child:before {
  display: none;
}
.tabs .tabs-nav .tabs-link {
  color: #fff;
  display: block;
  padding: 20px;
  font-size: 18px;
  text-align: center;
}
.tabs .tabs-nav .tabs-link.is-active {
  background-color: #ef7923;
}
.tabs .tab-content {
  display: none;
  margin: 20px 0;
}
.tabs .tab-content.is-active {
  display: block;
}

.__react_component_tooltip {
  padding: 5px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  font-size: 10px;
  font-weight: 700;
}
.__react_component_tooltip.place-top::before {
  z-index: -1 !important;
}

@media screen and (min-width: 1280px) {
  .__react_component_tooltip {
    font-size: 11px;
  }
}
@media screen and (min-width: 1480px) {
  .__react_component_tooltip {
    font-size: 12px;
  }
}
.tab-navigation .bottom-nav-tooltip {
  position: relative;
}
.tab-navigation .bottom-nav-tooltip .tooltiptext {
  visibility: hidden;
  width: 100px;
  background-color: #4b5978;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -50px;
  opacity: 0;
  transition: opacity 0.3s;
}
.tab-navigation .bottom-nav-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tab-navigation .bottom-nav-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.sql-editor-wrapper .snippet-text {
  max-height: calc(100vh - 220px);
  padding: 0px !important;
}
.sql-editor-wrapper .CodeMirror-sizer {
  margin-left: 25px !important;
}
.sql-editor-wrapper .CodeMirror-lines {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.sql-editor-wrapper .CodeMirror-gutter {
  width: 25px !important;
}
.sql-editor-wrapper .CodeMirror-linenumber {
  margin-left: 0px !important;
  left: -5px !important;
}
.sql-editor-wrapper .sql-editor-javascript .CodeMirror-line {
  color: #78829a !important;
}
.sql-editor-wrapper .sql-editor-javascript .cm-string.cm-property {
  color: #78829a !important;
}
.sql-editor-wrapper .sql-editor-javascript .cm-string {
  color: #1478bd !important;
}
.sql-editor-wrapper .sql-editor-javascript .cm-number {
  color: #1478bd !important;
}
.sql-editor-wrapper .sql-editor {
  height: 100% !important;
}
.sql-editor-wrapper .sql-editor .react-codemirror2 {
  height: 100%;
}
.sql-editor-wrapper .sql-editor .react-codemirror2 .CodeMirror {
  height: 100%;
}
.sql-editor-wrapper .snippet-row .CodeMirror {
  background: transparent;
  height: 100%;
  overflow: hidden;
}
.sql-editor-wrapper .snippet-row .CodeMirror .CodeMirror-line,
.sql-editor-wrapper .snippet-row .CodeMirror .CodeMirror-lines {
  padding: 0;
  color: #78829a;
}
.sql-editor-wrapper .snippet-row .CodeMirror .cm-keyword {
  color: #1478bd;
}
.sql-editor-wrapper .snippet-row .CodeMirror .cm-string {
  color: #ef7923;
}
.sql-editor-wrapper .sql-editor-sql .CodeMirror .cm-keyword {
  color: #1478bd;
}
.sql-editor-wrapper .sql-editor-sql .CodeMirror .cm-string {
  color: #ef7923;
}
.sql-editor-wrapper .sql-editor-sql .CodeMirror .CodeMirror-line {
  color: #78829a;
}
.sql-editor-wrapper .CodeMirror-line {
  padding-left: 10px !important;
}

.snippet-container.sql-editor-wrapper:before {
  content: "";
  display: inline-block;
  background-color: #f2f4f7;
  width: 0px !important;
  left: 0;
  top: 0;
  bottom: 0;
  border-right: none !important;
}

.query-preview-wrapper.snippet-container {
  overflow: hidden;
  height: 100%;
  background: white;
}
.query-preview-wrapper.snippet-container .snippet-text {
  line-height: 11px;
}
.query-preview-wrapper.snippet-container .snippet-row {
  max-height: 44px !important;
  margin: 10px 321px 10px 20px !important;
}
.query-preview-wrapper.snippet-container .CodeMirror {
  background: transparent;
  height: 100%;
  overflow: hidden;
}
.query-preview-wrapper.snippet-container .CodeMirror .cm-keyword {
  color: #1478bd;
}
.query-preview-wrapper.snippet-container .CodeMirror .cm-string {
  color: #ef7923;
}
.query-preview-wrapper.snippet-container .CodeMirror .CodeMirror-line,
.query-preview-wrapper.snippet-container .CodeMirror .CodeMirror-lines {
  padding: 0;
  color: #78829a;
}

.CodeMirror-code {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 1280px) {
  .snippet-container .snippet-text {
    font-size: 9px !important;
  }
}
@media screen and (min-width: 1480px) {
  .snippet-container .snippet-text {
    font-size: 10px !important;
  }
}
body {
  overflow-x: hidden;
}

.searchable-multi-select__indicators {
  display: none !important;
}

.searchable-multi-select__multi-value {
  border: 1px solid #262626;
  background: none !important;
}

.searchable-multi-select__control--is-focused {
  border-color: #1478bd !important;
  box-shadow: none !important;
}

.searchable-multi-select__multi-value__label {
  color: #262626 !important;
}

.searchable-multi-select__multi-value__remove {
  color: #666666 !important;
}

.searchable-multi-select__multi-value__remove:hover {
  cursor: pointer;
  background: none !important;
  color: #262626 !important;
}

.incorrect .searchable-multi-select__control {
  border-color: #ef7923 !important;
}

.core-multi-select-refiner {
  display: inline-block;
  min-width: 150px;
}
.core-multi-select-refiner .searchable-multi-select__control {
  min-height: 29px !important;
  height: 29px !important;
}
.core-multi-select-refiner .searchable-multi-select__value-container {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.core-multi-select-refiner .searchable-multi-select__value-container .searchable-multi-select__multi-value {
  margin-top: -1px !important;
}

.color-picker-select__indicator-separator {
  display: none !important;
}

.color-picker-select__indicator {
  padding: 0px !important;
  padding-right: 5px !important;
  padding-top: 3px !important;
  margin-top: -5px !important;
}

.color-picker-select__option {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.color-picker-select__control--is-focused {
  border-color: #1478bd !important;
  box-shadow: none !important;
}

.incorrect .color-picker-select__control {
  border-color: #ef7923 !important;
}

.core-color-picker-refiner {
  display: inline-block;
  min-width: 120px;
}
.core-color-picker-refiner .color-picker-select__control {
  min-height: 28px !important;
  height: 28px !important;
  border-radius: 2px !important;
}

.color-picker-select__control {
  cursor: pointer !important;
  border: 1px solid #B4B4B4 !important;
}

.color-picker-select__value-container {
  padding-left: 0px !important;
  padding-top: 2px !important;
}

.color-picker-select__menu .color-picker-menu-item {
  vertical-align: middle;
}
.color-picker-select__menu .color-picker-menu-item .color-picker-menu-item-label {
  display: inline-block;
  vertical-align: middle;
}
.color-picker-select__menu .color-picker-menu-item .color-picker-menu-item-preview {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  margin-right: 5px;
  margin-left: -7px;
}

.color-picker-select__option {
  cursor: pointer !important;
}

.radio-tile {
  cursor: pointer;
}

.option.selected .label.green {
  color: #5bc287 !important;
}
.option.selected .label.orange {
  color: #ef7923 !important;
}
.option.selected .label.blue {
  color: #1478bd !important;
}
.option.selected .label.yellow {
  color: #fab12e !important;
}

.radio-tile-green:hover {
  border: 1px solid #5bc287;
}

.radio-tile-orange:hover {
  border: 1px solid #ef7923;
}

.radio-tile-blue:hover {
  border: 1px solid #1478bd;
}

.radio-tile-yellow:hover {
  border: 1px solid #fab12e;
}

.option.disabled {
  opacity: 0.4;
  cursor: default !important;
}
.option.disabled label:hover {
  cursor: default !important;
}
.option.disabled input:hover {
  cursor: default !important;
}
.option.disabled span:hover {
  cursor: default !important;
}
.option.disabled label {
  cursor: default !important;
}
.option.disabled input {
  cursor: default !important;
}
.option.disabled span {
  cursor: default !important;
}

.disabled-text {
  opacity: 0.3;
}

.clickable {
  cursor: pointer;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.button-transparent {
  background-color: transparent !important;
}

.hidden-xs {
  display: initial;
}

.display-xs {
  display: none;
}

.hidden-sm {
  display: initial;
}

.display-sm {
  display: none;
}

.hidden-md {
  display: initial;
}

.display-md {
  display: none;
}

.hidden-lg {
  display: initial;
}

.display-lg {
  display: none;
}

@media only screen and (max-width: 480px) {
  .hidden-xs {
    display: none;
  }
  .display-xs {
    display: initial;
  }
}
/* When the browser is at least $mobile wide and above */
@media only screen and (max-width: 769px) {
  .hidden-sm {
    display: none;
  }
  .display-sm {
    display: initial;
  }
}
/* When the browser is at least $mobile wide and above */
@media only screen and (max-width: 1025px) {
  .hidden-md {
    display: none;
  }
  .display-md {
    display: initial;
  }
}
@media only screen and (max-width: 1280px) {
  .hidden-lg {
    display: none;
  }
  .display-lg {
    display: initial;
  }
}
.text-align-right {
  text-align: right;
}

.text-align-left {
  text-align: left;
}

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

.text-bold {
  font-weight: bold;
}

.text-muted {
  color: #d2d5de !important;
}

.z-index-0 {
  z-index: 0 !important;
}

.unclickable {
  cursor: default !important;
}

.hide {
  display: none !important;
}

.center-x {
  margin: 0 auto !important;
}

.display-block {
  display: inline-block !important;
  width: 100% !important;
}

.inline-block {
  display: inline-block !important;
}

.break-word {
  word-break: break-word !important;
}

.display-flex {
  display: flex !important;
}

#vizContainer {
  width: 100%;
  overflow: scroll;
  height: calc(100vh - 90px);
}

.tableau-list-container {
  display: grid;
  grid-gap: 1rem;
}
.tableau-list-container .tableau-item-container {
  cursor: pointer;
}
.tableau-list-container .tableau-item-container .tableau-item-thumbnail-wrapper {
  width: 100%;
  display: block;
}
.tableau-list-container .tableau-item-container .tableau-item-thumbnail {
  width: 100%;
}
.tableau-list-container .tableau-item-container .tableau-item-title {
  margin-top: 10px;
  font-size: 15px;
}

@media (min-width: 769px) {
  .tableau-list-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1025px) {
  .tableau-list-container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.map-gif {
  width: 350px;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  background: rgba(247, 247, 247, 0.7);
  padding: 24px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  border: 1px solid rgb(180, 180, 180);
}

.map-loader {
  margin: auto;
  margin-top: 40vh;
}

.loading-gif {
  background: rgba(247, 247, 247, 0.7);
  width: 350px;
  padding: 24px;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  margin: auto;
  border: 1px solid rgb(180, 180, 180);
}

.table-gif {
  background: rgba(247, 247, 247, 0.7);
  width: 350px;
  padding: 24px;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  margin: auto;
  margin-top: 200px;
  border: 1px solid rgb(180, 180, 180);
}

div.smart-map-filters {
  position: relative;
  background: #fff;
  padding: 15px;
  border-radius: 20px;
}
div.smart-map-filters.collapse i {
  transform: rotate(0deg);
}
div.smart-map-filters.collapse .inner-filter-container {
  display: none;
}

::selection {
  background: #b3d4fc;
}

*,
*:before,
[class^=icon-social][href*=facebook]:before,
[class^=icon-social].icon-facebook:before,
[class^=icon-social][href*=instagram]:before,
[class^=icon-social].icon-instagram:before,
[class^=icon-social][href*=linkedin]:before,
[class^=icon-social].icon-linkedin:before,
[class^=icon-social][href*=pinterest]:before,
[class^=icon-social].icon-pinterest:before,
[class^=icon-social][href*=twitter]:before,
[class^=icon-social].icon-twitter:before,
[class^=icon-social][href*=youtube]:before,
[class^=icon-social].icon-youtube:before,
*:after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
}

.pro-sidebar .pro-menu-item:hover .pro-icon {
  background-color: rgb(75, 89, 120) !important;
}

.pro-sidebar .pro-menu-item:hover .pro-icon-wrapper {
  background-color: rgb(75, 89, 120) !important;
}

.pro-sidebar .pro-sub-menu.open .pro-icon {
  background-color: rgb(75, 89, 120) !important;
}
.pro-sidebar .pro-sub-menu.open .pro-icon-wrapper {
  background-color: rgb(75, 89, 120) !important;
}

.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-header {
  border-bottom: none !important;
}

.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-footer {
  border-top: none !important;
}

.pro-sidebar .pro-item-content {
  font-size: 13px !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  width: 107px !important;
  flex-grow: 0 !important;
}

.pro-sidebar .pro-icon-wrapper {
  margin-right: 7px !important;
}

.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item {
  padding-left: 5px !important;
}

.pro-sidebar .sidebar-logo {
  cursor: pointer;
}

.sidebar-logo-image {
  width: 83% !important;
}

.pro-sidebar-layout {
  overflow: visible !important;
}

.pro-sidebar .pro-inner-item {
  padding: 5px !important;
}

.pro-sidebar.collapsed .pro-inner-item {
  padding-bottom: 7px !important;
}
.pro-sidebar.collapsed .pro-inner-item .pro-item-content {
  display: none !important;
}
.pro-sidebar.collapsed .popper-inner .pro-inner-item .pro-item-content {
  display: inline-block !important;
}

.pro-sidebar .pro-menu > ul > .pro-sub-menu > .pro-inner-list-item > div > ul {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pro-sidebar .pro-menu .pro-menu-item {
  list-style-type: none !important;
}

.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item:before {
  content: "" !important;
  display: inline-block !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  margin-right: 0 !important;
  position: relative;
  box-shadow: none !important;
}

.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item {
  padding-left: 0 !important;
}

.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item > .popper-inner {
  border-radius: 0px !important;
  padding: 0px !important;
}
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item > .popper-inner .pro-menu-item {
  padding: 5px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item > .popper-inner .pro-menu-item .pro-item-content {
  font-size: 11px !important;
}
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item > .popper-inner .pro-menu-item:hover {
  background-color: #78829a !important;
}

.pro-menu-item.pro-sub-menu.open .pro-menu-item {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 15px !important;
}
.pro-menu-item.pro-sub-menu.open .pro-menu-item .pro-item-content {
  font-size: 11px !important;
}

.pro-sidebar-content {
  margin-top: 15px !important;
}

.pro-sidebar .pro-sidebar-footer .pro-menu {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pro-sidebar .pro-sidebar-footer .pro-menu .pro-inner-item {
  padding: 3px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item > .pro-inner-item .icon-menu {
  margin-right: 0 !important;
}

.pro-sidebar > .pro-sidebar-inner {
  background: #1E2F56 !important;
  height: 100% !important;
  position: relative !important;
  z-index: 101 !important;
}

.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item > .popper-inner .pro-menu-item {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.sidebar-submenu-title-readonly {
  font-weight: bold;
  font-size: 13px;
}

.sidebar-submenu-title {
  font-weight: bold !important;
  font-size: 13px !important;
}

.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item > .popper-inner .read-only-menu-item-title:hover {
  background: #4b5978 !important;
  cursor: default !important;
}

.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item > .popper-inner .read-only-menu-item-title {
  padding-top: 6.8px !important;
  padding-bottom: 6.8px !important;
}

.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item > .popper-inner .sidebar-single-item-submenu-item {
  padding-top: 6.8px !important;
  padding-bottom: 6.8px !important;
}

.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .read-only-menu-item-title.active:after {
  background-color: #4b5978 !important;
}

.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .sidebar-single-item-submenu-item.active:after {
  background-color: transparent !important;
}

.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-menu-item.open {
  background-color: #1e2f56;
}

.pro-sidebar .pro-icon {
  background: #1e2f56 !important;
}

.pro-sidebar.collapsed .pro-sub-menu.open .pro-icon {
  background: #1e2f56 !important;
}
.pro-sidebar.collapsed .pro-sub-menu.open:hover .pro-icon {
  background: #4b5978 !important;
}

.pro-sidebar .pro-sub-menu.open .pro-icon-wrapper {
  background: #1e2f56 !important;
}

.pro-sidebar.collapsed .pro-sub-menu.open .pro-icon-wrapper {
  background: #4b5978 !important;
}

.pro-sidebar .pro-sub-menu.open .pro-icon {
  background: #1e2f56 !important;
}

.pro-sidebar-footer .pro-inner-list-item.popper-element {
  min-width: 180px !important;
  max-width: 180px !important;
}

.pro-sidebar.collapsed .pro-menu-item.pro-sub-menu.open:hover:after {
  background-color: #4b5978 !important;
}

.pro-sidebar .main-menu-section-divider {
  border-top: 2px solid #FFFFFF;
  width: 143px;
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.pro-sidebar .menu-section-header {
  color: #FFFFFF !important;
  margin-left: 15px;
  font-size: 10px;
}

.pro-sidebar.collapsed .main-menu-section-divider {
  margin-left: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 60px;
}

.static-sidebar-nav-static-item-color {
  color: #6d9ac1 !important;
}

.static-sidebar-nav-system-item-color {
  color: #facf7f !important;
}

.pro-sub-menu.main-submenu-item-active > .pro-inner-item:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
  background-color: #ef7923;
}

.pro-sub-menu.main-submenu-item-active {
  background-color: #4B5978 !important;
}
.pro-sub-menu.main-submenu-item-active .pro-icon-wrapper {
  background-color: #4B5978 !important;
}
.pro-sub-menu.main-submenu-item-active .pro-icon-wrapper .pro-icon {
  background-color: #4B5978 !important;
}

.main-wrapper-expanded .pro-sub-menu.main-submenu-item-active.open > .pro-inner-item:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0px;
  height: 100%;
  background-color: unset;
}

.pro-sub-menu.main-submenu-item-active.open {
  background-color: #1E2F56 !important;
}
.pro-sub-menu.main-submenu-item-active.open .pro-icon-wrapper {
  background-color: #1E2F56 !important;
}
.pro-sub-menu.main-submenu-item-active.open .pro-icon-wrapper .pro-icon {
  background-color: #1E2F56 !important;
}

.notification-container,
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sub-menu.notification-container.open {
  margin-bottom: 6px;
  background: #fff;
  color: #1E2F56;
}

.notification-container > .pro-inner-item > .pro-arrow-wrapper {
  display: none;
}

.pro-sidebar .pro-menu.shaped .notification-container > .pro-inner-item > .pro-icon-wrapper > .pro-icon {
  background: #fff !important;
}

.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .notification-container:hover {
  background: #fff;
}

.read-notification-popup {
  z-index: 999;
  position: absolute;
  right: 18px;
  top: 94px;
}

.pro-sidebar.collapsed > .pro-sidebar-inner > .pro-sidebar-layout > .pro-sidebar-content > .pro-menu.shaped.square > ul > .read-notification-popup > .read-notification-popup-text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -0.7em;
  top: -0.7em;
  min-width: 1.6em;
  height: 1.6em;
  border-radius: 0.9em;
  background-color: #EF7923;
  font-size: 0.8em;
  color: white;
}

.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout > .pro-sidebar-content > .pro-menu.shaped.square > ul > .read-notification-popup > .read-notification-popup-text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -0.7em;
  top: 10.8em;
  min-width: 1.6em;
  height: 1.6em;
  border-radius: 0.9em;
  background-color: #EF7923;
  font-size: 0.8em;
  color: white;
}

.notification-text-colour {
  color: #1E2F56;
}

.notification-text-colour.read-text {
  color: #A6ACBB;
}

.notification-text-colour.timestamp {
  font-size: 0.9em;
}

.notification-text-colour.read-faded {
  color: rgb(120, 130, 154);
}

.notification-popup {
  display: block;
  position: absolute;
  left: -450px;
  opacity: 0;
  top: 70px;
  width: 445px;
  padding: 0 10px;
  background: #fff;
  transition: opacity 0.3s, left 0.3s, z-index 0.5s;
  border: 1px solid #1E2F56;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.notification-popup-slide {
  opacity: 1;
  left: 175px;
  z-index: 99;
}

.notification-popup-collapsed {
  left: 60px;
}

.toggles-container {
  display: flex;
  height: 55px;
  align-items: center;
  justify-content: space-between;
  width: 93%;
}

.read-toggles {
  display: flex;
  align-items: center;
  width: 114px;
  justify-content: space-between;
  color: #d2d5de;
  margin-top: 7px;
}

.individual-toggle {
  display: flex;
  align-items: center;
  width: 50px;
  color: #d2d5de;
  position: absolute;
  top: -3px;
  left: 290px;
  justify-content: flex-end;
}

.read-toggle-label {
  left: 25px;
  top: -2px;
}

.all-unread {
  left: 10px;
}

.mark-all-read-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  width: autoq;
  height: 22px;
  background: #fff;
  border: 1px solid #5bc287;
  border-radius: 2.5px;
  color: #5bc287;
}

.notification-items-container {
  overflow-y: auto;
  max-height: 70vh;
}

.notification-item {
  margin-bottom: 10px;
  padding: 15px 20px;
  background: #fff;
  border-radius: 2.5px;
  width: 395px;
  cursor: pointer;
}

.notification-item.read {
  border: 1px solid #d2d5de;
}

.notification-item.unread {
  border: 1px solid #5bc287;
}

.inner-notification-item {
  position: relative;
  padding-top: 15px;
}

.inner-notification-item > p {
  margin: 0px;
}

.read-toggle-individual-item h5 {
  margin: 0px;
}

.checkbox-toggle span {
  height: 4px !important;
  background-color: #A6ACBB;
  width: 20px !important;
}

.checkbox-toggle span::after {
  background-color: #78829A;
  bottom: 51% !important;
  left: 0px !important;
}

.checkbox-toggle.green input[type=checkbox]:checked + span {
  background-color: #9DDAB7;
}

.checkbox-toggle input[type=checkbox]:checked + span::after {
  background-color: #5BC287;
}

.notification-circle {
  border: 1px solid #5BC287;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: -12px;
  top: 18px;
}

.notification-circle.read {
  background-color: #5BC287;
}

.pro-sidebar .pro-menu-item:hover .pro-icon-wrapper {
  background-color: transparent !important;
}

.pro-sidebar .pro-menu .pro-menu-item.notification-container > .pro-inner-item,
.pro-sidebar .pro-menu .pro-menu-item.notification-container > .pro-inner-item:hover,
.pro-sidebar .pro-menu .pro-menu-item.notification-container > .pro-inner-item:focus {
  color: #1E2F56 !important;
}

.input-checkbox {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 1em 1em 1em 4em;
  margin: -1em -1em -1em -4em;
  cursor: pointer;
}

.notification-loading-and-none-text {
  display: block;
  font-size: 1.5em;
  text-align: center;
  font-weight: bold;
  padding-bottom: 12px;
}

.main-wrapper-expanded .pro-sidebar-content {
  overflow: auto;
  direction: rtl;
}
.main-wrapper-expanded .pro-sidebar-content::-webkit-scrollbar-thumb {
  background: #4B5978;
}
.main-wrapper-expanded .pro-sidebar-content::-webkit-scrollbar-thumb:hover {
  background: #facf7f;
}
.main-wrapper-expanded .pro-sidebar-content nav {
  direction: ltr;
}

.pro-sidebar.collapsed .pro-sidebar-inner .pro-sidebar-footer .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .popper-inner .pro-menu-item .pro-item-content {
  font-size: 13px !important;
  font-weight: bold !important;
}

.sidebar-disabled-overlay {
  position: absolute;
  height: 100%;
  width: 175px;
  background-color: rgba(0, 0, 0, 0.55) !important;
  top: 0;
  left: 0;
  z-index: 9999 !important;
}

.main-wrapper-collapsed .sidebar-disabled-overlay {
  width: 60px !important;
}

.ReactModal__Overlay--after-open {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.55) !important;
  z-index: 999;
}

.ReactModal__Content--after-open {
  padding: 13px !important;
  overflow: hidden;
}

a.disabled {
  z-index: 0 !important;
}

div ::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
div ::-webkit-scrollbar-track {
  background: transparent;
  margin: 10px;
}
div ::-webkit-scrollbar-thumb {
  background: #d2d5de;
}
div ::-webkit-scrollbar-thumb:hover {
  background: #1e2f56;
}

.form-login .form-outer {
  height: 100%;
}

.chart-widget-chart-wrapper {
  padding: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.rdt_TableCol:nth-of-type(1) {
  position: sticky;
  left: 0;
  background: white;
  z-index: 1;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .rdt_TableCol:nth-of-type(1) {
    border-right: 1px solid #d2d5de;
    border-radius: 0 5px 0 0;
  }
}

.__rdt_custom_sort_icon__ {
  font-size: 10px;
  line-height: 8px;
}

@media screen and (min-width: 1280px) {
  .__rdt_custom_sort_icon__ {
    font-size: 11px;
  }
}
@media screen and (min-width: 1480px) {
  .__rdt_custom_sort_icon__ {
    font-size: 12px;
  }
}
.row-cell.actions {
  padding-top: 0px !important;
}

.rdt_Table .rdt_TableBody .rdt_TableRow {
  height: 104px;
}
.rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:first-of-type {
  background-color: inherit !important;
}
.rdt_Table .rdt_TableBody .rdt_TableRow:hover {
  background-color: #f2f4f7 !important;
  color: #1e2f56 !important;
}

.content-inner .table-content .table-body {
  height: 100%;
}
.content-inner .highcharts-container-wrapper {
  position: relative;
  display: flex;
}
@media screen and (max-width: 1279px) {
  .content-inner .highcharts-container-wrapper {
    flex-direction: column;
    height: 100%;
  }
}
.content-inner .highcharts-container-wrapper .tab-box {
  cursor: pointer;
}

.table-actions {
  height: auto !important;
  display: flex;
  margin-left: -2.5px;
  margin-right: -2.5px;
}
.table-actions.flex {
  flex-wrap: wrap;
  margin: 5px;
}
.table-actions a {
  margin-left: 2.5px;
  margin-right: 2.5px;
}
.table-actions .item {
  padding: 5px;
}

.icon-pencil {
  padding-left: 5px;
}

.rdt_TableCell:first-of-type {
  color: #4b5978;
}
@media screen and (max-width: 768px) {
  .rdt_TableCell:first-of-type {
    border-right: 1px solid #d2d5de;
  }
}
.rdt_TableCell:last-of-type {
  justify-content: flex-end !important;
}

div[role=columnheader] div[class^=sc] {
  margin-right: 5px !important;
}

@media screen and (max-width: 768px) {
  .documents .rdt_Table .rdt_TableHead .rdt_TableHeadRow .rdt_TableCol:nth-of-type(1),
  .visualisations-dashboard .rdt_Table .rdt_TableHead .rdt_TableHeadRow .rdt_TableCol:nth-of-type(1) {
    border-right: 1px solid #d2d5de;
  }
}
.documents .rdt_Table .rdt_TableBody .rdt_TableRow,
.visualisations-dashboard .rdt_Table .rdt_TableBody .rdt_TableRow {
  height: 62px;
  color: #78829a !important;
}
.documents .rdt_Table .rdt_TableBody .rdt_TableRow:nth-of-type(odd) .rdt_TableCell:first-of-type,
.visualisations-dashboard .rdt_Table .rdt_TableBody .rdt_TableRow:nth-of-type(odd) .rdt_TableCell:first-of-type {
  background-color: inherit;
  color: #4b5978;
}
@media screen and (max-width: 768px) {
  .documents .rdt_Table .rdt_TableBody .rdt_TableRow:nth-of-type(odd) .rdt_TableCell:first-of-type,
  .visualisations-dashboard .rdt_Table .rdt_TableBody .rdt_TableRow:nth-of-type(odd) .rdt_TableCell:first-of-type {
    border-right: 1px solid #d2d5de;
    color: #4b5978;
  }
}
.documents .rdt_Table .rdt_TableBody .rdt_TableRow:nth-of-type(even) .rdt_TableCell:first-of-type,
.visualisations-dashboard .rdt_Table .rdt_TableBody .rdt_TableRow:nth-of-type(even) .rdt_TableCell:first-of-type {
  background-color: inherit;
  color: #4b5978;
}
@media screen and (max-width: 768px) {
  .documents .rdt_Table .rdt_TableBody .rdt_TableRow:nth-of-type(even) .rdt_TableCell:first-of-type,
  .visualisations-dashboard .rdt_Table .rdt_TableBody .rdt_TableRow:nth-of-type(even) .rdt_TableCell:first-of-type {
    border-right: 1px solid #d2d5de;
    color: #4b5978;
  }
}
.documents .rdt_Table .rdt_TableBody .rdt_TableRow:hover,
.visualisations-dashboard .rdt_Table .rdt_TableBody .rdt_TableRow:hover {
  background-color: #f2f4f7;
  color: #1e2f56 !important;
}
.documents .rdt_TableCol:nth-of-type(1),
.visualisations-dashboard .rdt_TableCol:nth-of-type(1) {
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
.documents .rdt_TableCell,
.visualisations-dashboard .rdt_TableCell {
  line-height: 17px;
}
.documents .rdt_TableCell:first-of-type,
.visualisations-dashboard .rdt_TableCell:first-of-type {
  border: none;
  box-shadow: none;
}
.documents .rdt_TableCell:last-of-type,
.visualisations-dashboard .rdt_TableCell:last-of-type {
  justify-content: flex-end !important;
}
.documents .table-actions,
.visualisations-dashboard .table-actions {
  align-items: flex-end !important;
  justify-content: flex-end !important;
  margin-left: -2.5px;
  margin-right: -2.5px;
}
.documents .table-actions a,
.visualisations-dashboard .table-actions a {
  margin-left: 2.5px;
  margin-right: 2.5px;
}

.box.product {
  flex-wrap: nowrap;
}
.box.product .box-icon {
  width: 60px;
}

.body {
  border: 1px solid #d2d5de;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding-right: 0 !important;
  margin-right: 0 !important;
  overflow: auto !important;
}
@media screen and (max-width: 1279px) {
  .body .content-inner.full-height {
    flex-direction: row;
  }
}
.body .content-inner.full-height .table-content,
.body .content-inner.full-height .query-table {
  border: none;
}
.body .content-inner.full-height .header-actions {
  align-items: flex-start;
}
.body .content-inner.full-height .header-actions .button, .body .content-inner.full-height .header-actions .tooltip {
  border: 1px solid #1478bd;
  color: #1478bd;
}
@media screen and (max-width: 768px) {
  .body .content-inner .content-title {
    flex-direction: row;
  }
  .body .content-inner .content-title .button, .body .content-inner .content-title .tooltip {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .introduction-wrapper {
    flex-direction: row;
    align-items: end;
    margin-left: 20px;
  }
}
.introduction-wrapper .introduction-actions .status {
  margin-right: 33px;
}
@media screen and (max-width: 1024px) {
  .introduction-wrapper .introduction-actions .status {
    margin-right: 33px;
  }
}
.introduction-wrapper .introduction-actions .value::before {
  right: 18px;
}
.introduction-wrapper .introduction-actions .status,
.introduction-wrapper .introduction-actions .value {
  opacity: 0.5;
}
.introduction-wrapper .introduction-actions .status.selected,
.introduction-wrapper .introduction-actions .value.selected {
  opacity: 1;
}

.login .box-content .content-title {
  font-weight: 500 !important;
}

.foot.pagination-nav {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .foot.pagination-nav {
    flex-direction: row;
    margin-top: 0;
  }
}

.side-footer.pagination-nav {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.popup.query-preview .snippet-container .snippet-text, .query-preview.setup-2fa .snippet-container .snippet-text {
  height: 150px !important;
}

.loading-wrapper {
  text-align: center;
  width: 100%;
}

.scroll-content .table-body.without-rel {
  position: unset;
}
.scroll-content.draggable-headers {
  width: 100%;
  display: grid !important;
}
.scroll-content.draggable-headers .header-cell,
.scroll-content.draggable-headers .row-cell {
  max-width: unset;
  min-width: unset;
}
.scroll-content.draggable-headers .scroll-header,
.scroll-content.draggable-headers .scroll-rows,
.scroll-content.draggable-headers .table-row {
  display: contents !important;
}
.scroll-content.draggable-headers .header-cell {
  position: sticky;
  top: 0;
  background: white;
  border-bottom: 1px solid #f7f7f7;
}
.scroll-content.draggable-headers .header-cell .header-cell-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.scroll-content.draggable-headers .header-cell .header-cell-ellipsis:hover {
  cursor: e-resize;
}
.scroll-content.draggable-headers .header-cell-inner-wrap {
  width: 100%;
}
.scroll-content.draggable-headers .resize-handle {
  display: block;
  position: absolute;
  cursor: col-resize;
  width: 7px;
  height: 15px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  border-right: 2px solid #eeeded;
}
.scroll-content.draggable-headers .resize-handle:hover {
  border-color: #ccc;
}

.__react_component_tooltip {
  font-size: 10px !important;
  margin-top: -6px !important;
}

@media screen and (min-width: 1280px) {
  .__react_component_tooltip {
    font-size: 11px !important;
  }
}
@media screen and (min-width: 1480px) {
  .__react_component_tooltip {
    font-size: 12px !important;
  }
}
.h5.header-cell.drag-item, .pagination-nav .main-footer-meta .header-cell.drag-item.result-count {
  padding: 20px !important;
}

pre.CodeMirror-line {
  z-index: auto !important;
}

.rdt_Table .rdt_TableHead {
  z-index: 2 !important;
}

.tooltip {
  margin-left: 0px;
}

.introduction-wrapper .introduction .title a {
  margin-left: 5px !important;
}

.body-for-fixed-bottom-navigation {
  flex: none !important;
  height: calc(100% - 90px) !important;
}

.header-link {
  cursor: pointer;
}

.dashboard-widget-row .row-introduction .row-title {
  word-break: break-all;
}
.dashboard-widget-row .row-introduction .row-meta {
  word-break: break-all;
}
.dashboard-widget-row:hover {
  cursor: pointer;
  background: #f2f4f7 !important;
}
.dashboard-widget-row:hover .row-introduction .row-title {
  color: #1e2f56 !important;
}
.dashboard-widget-row:hover .row-introduction .row-meta {
  color: #1e2f56 !important;
}

.buttons-wrapper .button, .buttons-wrapper .tooltip {
  margin-left: 5px;
}

.empty-add-wrapper {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: all 350ms ease-in-out;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23A6ACBBFF' stroke-width='2' stroke-dasharray='10%2c 8' stroke-dashoffset='35' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
}
.empty-add-wrapper:hover {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23494848FF' stroke-width='2' stroke-dasharray='10%2c 8' stroke-dashoffset='35' stroke-linecap='square'/%3e%3c/svg%3e");
  border-color: #494848;
}

.box-options .option {
  background-color: #fbfbfb;
}
.box-options .option.selected .label {
  color: #1478bd;
}
.box-options .option.selected .label.orange {
  color: #ef7923;
}

.box-options-templates {
  flex-wrap: wrap;
  gap: 20px;
}

.select.incorrect {
  border-color: #ef7923 !important;
  padding-right: 30px;
}

.select:disabled {
  opacity: 0.5;
}
.select:disabled:hover {
  border-color: #b4b4b4;
}

.form-field .field-options span.button.square.inactive, .form-field .field-options span.square.inactive.tooltip {
  cursor: default;
}
.form-field .field-options span.button.square.inactive:hover, .form-field .field-options span.square.inactive.tooltip:hover {
  background: inherit;
  border-color: #d5e4f2;
  color: #d5e4f2 !important;
}

.content-inner .header-actions {
  align-items: flex-start;
}
.content-inner .container-wrapper.filters .actions.query-builder-preview-small-visible {
  display: none;
}
.content-inner .container-wrapper.filters .actions.query-builder-preview-small-hidden {
  display: block;
}

@media screen and (max-width: 1279px) {
  .content-inner.full-atleast-sm {
    height: 100% !important;
  }
  .content-inner .container-wrapper.filters {
    flex-flow: column nowrap;
  }
  .content-inner .container-wrapper.filters .filter-container {
    margin-bottom: 0;
  }
  .content-inner .container-wrapper.filters .actions.query-builder-preview-small-visible {
    display: block;
    padding-top: 20px;
  }
  .content-inner .container-wrapper.filters .actions.query-builder-preview-small-visible .action-toggle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
  }
  .content-inner .container-wrapper.filters .actions.query-builder-preview-small-visible .action-toggle .toggle-title {
    margin-right: 50px;
    margin-bottom: 0;
  }
  .content-inner .container-wrapper.filters .actions.query-builder-preview-small-visible .action-toggle .checkbox-toggle {
    position: relative;
    display: block;
  }
  .content-inner .container-wrapper.filters .actions.query-builder-preview-small-visible .description {
    margin-bottom: 20px;
  }
  .content-inner .container-wrapper.filters .actions.query-builder-preview-small-visible .buttons {
    display: flex;
  }
  .content-inner .container-wrapper.filters .actions.query-builder-preview-small-visible .buttons .button, .content-inner .container-wrapper.filters .actions.query-builder-preview-small-visible .buttons .tooltip {
    margin-right: 5px;
    margin-top: auto;
  }
  .content-inner .container-wrapper.filters .actions.query-builder-preview-small-visible .buttons .button:last-child, .content-inner .container-wrapper.filters .actions.query-builder-preview-small-visible .buttons .tooltip:last-child {
    margin-right: 0;
  }
  .content-inner .container-wrapper.filters .actions.query-builder-preview-small-hidden {
    display: none;
  }
  .content-inner .container-wrapper.filters .big-width {
    flex-grow: 1;
  }
  .body-for-fixed-bottom-navigation {
    flex: none !important;
    height: calc(100% - 50px) !important;
  }
}
a.icon-pencil {
  cursor: pointer;
}

.navigation-button {
  cursor: pointer;
}

a {
  cursor: pointer;
}

body {
  background-color: #f7f7f7;
}

.content-inner.full-height .query-table.small-rows {
  height: calc(100vh - 124px);
  overflow: auto;
}
.content-inner.full-height .query-table .table-header .header-actions .title {
  align-items: center;
}
.content-inner.full-height .query-table .table-body {
  max-height: calc(100% - 60px);
  overflow: auto;
}
.content-inner.full-height .query-table .table-body .scroll-content.draggable-headers {
  height: 100%;
  overflow: initial;
}
@media screen and (max-width: 1279px) {
  .content-inner.full-height .query-table .table-body .header-cell {
    padding: 20px !important;
  }
}
.content-inner.full-height .query-table .table-body .row-cell {
  height: auto;
  padding: 1px 20px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  box-sizing: border-box;
  width: 100%;
  align-items: center;
}
.content-inner.full-height .query-table .hh-data-body {
  max-height: unset;
}

@media screen and (min-width: 1025px) {
  .result-count.result-count-show-small {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .result-count.result-count-hide-small {
    display: none !important;
  }
}

.advanced-chart-widget {
  padding: 0 !important;
}

.query-table .draggable-headers .drag-item:last-child .resize-handle {
  display: none;
}

.dashboard-list-widget-content {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.ReactModal__Content {
  overflow: visible !important;
}

.popup, .setup-2fa {
  overflow: visible !important;
}

.popup-header {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.popup-content {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.head .introduction-wrapper {
  margin-right: 20px;
}
.head .introduction-wrapper .introduction-meta-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 1024px) {
  .head .introduction-wrapper .introduction-meta-wrapper {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
.head .introduction-wrapper .introduction-meta-wrapper .introduction-meta .meta-text {
  text-align: right;
  min-width: 130px;
}
.head .introduction-wrapper .introduction-meta-wrapper .introduction-meta .button.green.button-transparent, .head .introduction-wrapper .introduction-meta-wrapper .introduction-meta .green.button-transparent.tooltip {
  background-color: transparent;
}
.head .introduction-wrapper .introduction-meta-wrapper .introduction-meta .button.green.button-transparent:hover, .head .introduction-wrapper .introduction-meta-wrapper .introduction-meta .green.button-transparent.tooltip:hover {
  background-color: #def3e7;
}
.head .introduction-wrapper .introduction-meta-wrapper .pinned-product-toggle {
  display: flex;
  align-items: center;
}
.head .introduction-wrapper .introduction-meta-wrapper .pinned-product-toggle .pinned-product-toggle-label {
  margin-right: 30px;
  margin-bottom: 0;
  color: #78829a;
}

.body.body-datasets {
  border: none;
  box-shadow: none;
}
.body.body-datasets .box-wrapper-container {
  width: 100%;
}
.body.body-datasets .content-inner .corner-icon {
  margin: -10px 0 0 -20px;
  flex-grow: 1;
}
.body.body-datasets .content-inner .corner-icon .box {
  margin: 30px 0 0 20px !important;
}
.body.body-datasets .content-inner .corner-icon .box .box-icon {
  border: inherit;
}
.body.body-datasets .content-inner .corner-icon .box.selected {
  border: 2px solid #5bc287;
  background-color: rgba(91, 194, 135, 0.1);
}
.body.body-datasets .content-inner .corner-icon .box .box-buttons {
  margin-top: 20px;
  margin-right: -2.5px;
  margin-left: -2.5px;
  display: flex;
  flex-wrap: nowrap;
  height: 22px;
}
.body.body-datasets .content-inner .corner-icon .box .box-buttons a {
  margin-right: 2.5px;
  margin-left: 2.5px;
}
.body.body-datasets .content-inner .corner-icon .box .box-buttons a:before {
  font-size: 22px;
}

.body-dataset-details {
  border: none;
  box-shadow: none;
  border-radius: 0;
}
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .filter-container .container-filter-wrapper .container-inner .tab-box {
  cursor: pointer;
}
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .snippet-wrapper.big-width,
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .structure-columns.big-width,
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .benefits-columns.big-width {
  background: white;
  max-height: 100%;
  overflow: auto;
}
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .snippet-wrapper.big-width .query-table,
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .structure-columns.big-width .query-table,
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .benefits-columns.big-width .query-table {
  box-shadow: none;
}
@media screen and (max-width: 1024px) {
  .body-dataset-details .content-inner.full-height .container-wrapper.datasets .snippet-wrapper.big-width .query-table .table-header .header-actions,
  .body-dataset-details .content-inner.full-height .container-wrapper.datasets .structure-columns.big-width .query-table .table-header .header-actions,
  .body-dataset-details .content-inner.full-height .container-wrapper.datasets .benefits-columns.big-width .query-table .table-header .header-actions {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media screen and (max-width: 938px) {
  .body-dataset-details .content-inner.full-height .container-wrapper.datasets .snippet-wrapper.big-width .query-table .table-header .header-actions .search,
  .body-dataset-details .content-inner.full-height .container-wrapper.datasets .structure-columns.big-width .query-table .table-header .header-actions .search,
  .body-dataset-details .content-inner.full-height .container-wrapper.datasets .benefits-columns.big-width .query-table .table-header .header-actions .search {
    flex-grow: 1;
  }
  .body-dataset-details .content-inner.full-height .container-wrapper.datasets .snippet-wrapper.big-width .query-table .table-header .header-actions .search .search,
  .body-dataset-details .content-inner.full-height .container-wrapper.datasets .structure-columns.big-width .query-table .table-header .header-actions .search .search,
  .body-dataset-details .content-inner.full-height .container-wrapper.datasets .benefits-columns.big-width .query-table .table-header .header-actions .search .search {
    width: 100%;
  }
}
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .snippet-wrapper.big-width .query-table .table-header .header-actions .introduction-actions,
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .structure-columns.big-width .query-table .table-header .header-actions .introduction-actions,
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .benefits-columns.big-width .query-table .table-header .header-actions .introduction-actions {
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .body-dataset-details .content-inner.full-height .container-wrapper.datasets .snippet-wrapper.big-width .query-table .table-header .header-actions .introduction-actions,
  .body-dataset-details .content-inner.full-height .container-wrapper.datasets .structure-columns.big-width .query-table .table-header .header-actions .introduction-actions,
  .body-dataset-details .content-inner.full-height .container-wrapper.datasets .benefits-columns.big-width .query-table .table-header .header-actions .introduction-actions {
    margin-left: auto;
  }
}
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .snippet-wrapper.big-width .query-table .table-header .header-actions .introduction-actions .introduction-button,
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .structure-columns.big-width .query-table .table-header .header-actions .introduction-actions .introduction-button,
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .benefits-columns.big-width .query-table .table-header .header-actions .introduction-actions .introduction-button {
  margin-left: 20px;
  font-weight: 700;
  font-size: 12px;
  color: #a6acbb;
}
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .snippet-wrapper.big-width .query-table .table-header .header-actions .introduction-actions .introduction-button.selected,
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .structure-columns.big-width .query-table .table-header .header-actions .introduction-actions .introduction-button.selected,
.body-dataset-details .content-inner.full-height .container-wrapper.datasets .benefits-columns.big-width .query-table .table-header .header-actions .introduction-actions .introduction-button.selected {
  color: #4b5978;
}

.dashboard-widget-box .box-header {
  min-height: 58px !important;
}

.my-queries-widget-row.row-introduction {
  min-width: 240px !important;
}

.button.yellow.icon-hover-pin, .yellow.icon-hover-pin.tooltip {
  background-color: #fff0d4;
}

.generic-pop-up-form-error {
  text-align: center;
  color: #ef7923;
}

.pagination .page-dot {
  display: inline-block;
  margin-right: 4px;
  margin-left: 1px;
  font-size: 14px;
  margin-bottom: -4px;
}

.setup-2fa {
  z-index: 1;
}
.setup-2fa .box-content .content-recovery .recovery-codes {
  white-space: pre-line;
  min-height: 170px;
}
.setup-2fa .box-content .content-recovery .recovery-actions .button, .setup-2fa .box-content .content-recovery .recovery-actions .tooltip {
  padding: 4.5px 10px;
}

.login .setup-2fa {
  z-index: 1;
  overflow: hidden !important;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.login .setup-2fa .box-content .content-title {
  font-weight: 700 !important;
}

.required-product-tooltip-a {
  margin-top: 5px;
}

.required-product-box {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.standalone-icon-tooltip {
  display: inline-block;
  margin-top: 5px;
}

.content-item.status {
  font-size: 20px !important;
}

.box.empty .empty-product-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 100%;
  width: 100%;
  transition: all 350ms ease-in-out;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23A6ACBBFF' stroke-width='2' stroke-dasharray='10%2c 8' stroke-dashoffset='35' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
}
.box.empty .empty-product-wrapper a.icon-add {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.box.empty .empty-product-wrapper:hover {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23494848FF' stroke-width='2' stroke-dasharray='10%2c 8' stroke-dashoffset='35' stroke-linecap='square'/%3e%3c/svg%3e");
}

#page-content-query-visualisations .foot.pagination-nav .pagination {
  margin-top: 0;
}

.body.body-visualisation-screen .content-inner.column.full-atleast-sm .container-wrapper.filters {
  margin-left: -20px;
  margin-bottom: -20px;
  width: calc(100% + 40px);
}
.body.body-visualisation-screen .content-inner.column.full-atleast-sm .container-wrapper.filters .quicksight-iFrame {
  border: none;
  height: 100%;
  width: 100%;
}

.terms-and-conditions-page-title {
  margin-bottom: 0px !important;
}

.query-preview-field-error {
  padding: 0px !important;
}

.query-preview-wrapper.error {
  border: 1px solid #ef7923 !important;
}

.body.body-instant-insights {
  border: none;
  box-shadow: none;
  border-radius: 0;
}
.body.body-instant-insights .tab-box {
  cursor: pointer;
}
.body.body-instant-insights .content-inner.full-atleast-sm .container-wrapper .container-boxes {
  margin-left: 10px;
}
.body.body-instant-insights .content-inner.full-atleast-sm .container-wrapper .container-boxes .container-boxes-inner .box-wrapper {
  margin: -10px -10px 0 0;
}
.body.body-instant-insights .content-inner.full-atleast-sm .container-wrapper .container-boxes .container-boxes-inner .box-wrapper .box.dataset .box-content .box-text {
  flex-grow: 1;
}
.body.body-instant-insights .content-inner.full-atleast-sm .container-wrapper .container-boxes .container-boxes-inner .box-wrapper .run-insight-button {
  height: 22px;
  padding: 4.5px 10px;
}

.query-builder-toolbar,
.query-parameters-toolbar {
  display: flex;
  margin-right: 20px;
}
.query-builder-toolbar .button-group:not(:last-child),
.query-parameters-toolbar .button-group:not(:last-child) {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #a6acbb;
}
.query-builder-toolbar .button:not(:last-child), .query-builder-toolbar .tooltip:not(:last-child),
.query-parameters-toolbar .button:not(:last-child),
.query-parameters-toolbar .tooltip:not(:last-child) {
  margin-right: 10px;
}

.__react_component_tooltip {
  z-index: 99999;
}

.introduction-wrapper .introduction-meta a {
  display: inline-block;
  margin-left: 10px;
}

.list-wrapper {
  min-height: 270px !important;
  max-height: 300px;
  overflow-y: scroll;
  border-bottom: 2px inset;
}
.list-wrapper .scroll-icon {
  bottom: 35px;
  position: absolute;
  right: 15px;
}
.list-wrapper .list-actions:hover::-webkit-scrollbar {
  width: 6px;
}
.list-wrapper .list-actions::-webkit-scrollbar-track {
  background: #d2d5de;
  border-radius: 20px;
}
.list-wrapper .list-actions::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: #78829a;
}

@media only screen and (max-width: 1280px) {
  .columns-list-wrapper {
    min-height: 250px !important;
    max-height: 260px;
    overflow-y: scroll;
  }
}
.query-progress-spinner {
  vertical-align: middle;
}

.result-panel-outer-wrapper {
  position: fixed;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  margin-top: -20px;
  z-index: 2;
  transition: all 50ms ease;
}
.result-panel-outer-wrapper.collapsed {
  margin-left: -408px;
  width: calc(100% + 388px);
  visibility: hidden;
  opacity: 0;
}
.result-panel-outer-wrapper.expanded {
  margin-left: -20px;
  width: 100%;
  visibility: visible;
  opacity: 1;
}
.result-panel-outer-wrapper .result-history-panel {
  position: relative;
  height: 100%;
  width: 388px;
  background-color: #fff;
  padding: 20px;
}
.result-panel-outer-wrapper .result-history-panel .introduction {
  margin: 0 20px;
}
.result-panel-outer-wrapper .result-history-panel .introduction .title {
  font-weight: 500;
  margin-bottom: 5px;
}
.result-panel-outer-wrapper .result-history-panel .introduction .content {
  font-weight: 700;
  line-height: 14px;
}
.result-panel-outer-wrapper .result-history-panel .content-inner {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.result-panel-outer-wrapper .result-history-panel .content-inner .tab-box {
  width: 100%;
  position: relative;
}
.result-panel-outer-wrapper .result-history-panel .content-inner .tab-box:hover, .result-panel-outer-wrapper .result-history-panel .content-inner .tab-box.viewing {
  border: 1px solid #1e2f56;
}
.result-panel-outer-wrapper .result-history-panel .content-inner .tab-box:hover .box-title, .result-panel-outer-wrapper .result-history-panel .content-inner .tab-box.viewing .box-title {
  cursor: default;
  color: #1e2f56;
}
.result-panel-outer-wrapper .result-history-panel .content-inner .tab-box .button-wrapper {
  position: absolute;
  right: 10px;
  bottom: 50%;
  transform: translateY(calc(50% + 3px));
}
.result-panel-outer-wrapper .result-history-panel .collapse-arrow {
  position: absolute;
  font-size: 12px;
  right: -8px;
  top: 13px;
  transform: rotate(180deg);
}

.main-content {
  transition: width 0.3s;
}

.react-slidedown {
  top: 0 !important;
}

.close-icon-info-modal {
  position: absolute;
  top: 15px;
  right: 15px;
}

.sage-maker-actions {
  display: flex;
  justify-content: space-between;
}
.sage-maker-actions .sage-maker-switch {
  display: flex;
}
.sage-maker-actions .button-launch-sage-maker-instance {
  margin-right: 0px !important;
}

.inner-scroll .body.datatable-scroll:hover ::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
.inner-scroll .body.datatable-scroll:hover ::-webkit-scrollbar-track {
  background: #d2d5de !important;
  border-radius: 20px !important;
}
.inner-scroll .body.datatable-scroll:hover ::-webkit-scrollbar-thumb {
  border-radius: 20px !important;
  background: #78829a !important;
}

.inner-scroll .body.datatable-scroll {
  position: relative !important;
}
.inner-scroll .body.datatable-scroll .scroll-icon {
  position: absolute !important;
  right: 15px !important;
  bottom: 15px !important;
}

.content-inner.full-height .query-table .api-data-table {
  max-height: unset;
  overflow: auto;
}

.button.red, .red.tooltip {
  border-color: #e94b35;
  color: #e94b35;
}
.button.red:hover, .red.tooltip:hover {
  background-color: #fbe1dd;
}
.button.red[disabled], .red[disabled].tooltip, .button.red.disabled, .red.disabled.tooltip, .button.red.inactive, .red.inactive.tooltip {
  color: #fbe1dd !important;
  border-color: #fbe1dd;
}
.button.red.inactive:hover, .red.inactive.tooltip:hover {
  color: #e94b35 !important;
  border-color: #e94b35;
}
.button.red.selected, .red.selected.tooltip {
  background-color: #fbe1dd;
}

div.form-field > div.inner-form-field {
  width: 100%;
}

.scheduled-dates-container > label {
  display: block;
  margin-bottom: 10px;
}

.scheduled-dates-container > article {
  border: 1px solid #b4b4b4;
  border-radius: 2.5px;
  width: 270px;
  height: 180px;
  padding: 5px 10px;
  overflow-x: scroll;
}

.scheduled-dates-container > article > p {
  margin: 5px 0;
}

.form.form-popup .form-fields-wrapper div.form-fields-container {
  width: 50%;
}

.form.form-popup .form-fields-wrapper div.form-fields-container div.form-field {
  width: 100%;
}

.unselectable {
  pointer-events: none;
}

.daily-running-text {
  color: #7eaed8;
  font-size: 0.8em;
}

.mandatory::after {
  content: " *";
}

.popup.code-templates-modal, .code-templates-modal.setup-2fa {
  min-width: 1200px;
  max-width: 1200px;
}

.popup.code-templates-modal .code-template-layout, .code-templates-modal.setup-2fa .code-template-layout {
  padding: 0px;
}

.code-template-layout {
  display: flex;
}

.code-template-layout .inner-code-template-layout {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 15px 22px;
  width: 50%;
}

.code-template-layout .inner-code-template-layout div h6,
.code-template-layout .inner-code-template-layout div p {
  margin-bottom: 5px;
}

.schema-container {
  width: 100%;
}

.schema-container header.schema-header-header {
  position: relative;
  font-size: 0.95em;
  padding: 6px 10px;
  margin-top: 5px;
}

.schema-header-header h2 {
  font-size: 1em;
  padding-top: 5px;
}

.schema-header-header .inner-schema-container {
  position: relative;
  font-size: 0.9em;
  line-height: 15px;
  height: 40px;
}

.schema-container .inner-schema-container.open {
  height: auto;
}

.schema-container .inner-schema-container .title-container {
  padding-left: 10px;
  width: 50%;
}

.schema-container .inner-schema-container .schema-info-container div {
  padding-right: 10px;
}

.schema-container .inner-schema-container .schema-info-container div .title-container-btn {
  margin-left: 0;
}

.schema-container header .icon-downwards-arrow,
.schema-container .inner-schema-container .icon-downwards-arrow {
  top: 5px;
  right: 10px;
}

.code-template-meta-container .supporting-data .icon-downwards-arrow {
  top: 10;
  right: 10px;
}

.inner-code-template-layout:first-child {
  border-right: 3px solid #d9d9d9;
}

.inner-code-template-layout h5 {
  padding: 0px 0 10px 0;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.inner-code-template-layout > .snippet-container {
  height: 385px;
  overflow-y: scroll;
}

.inner-code-template-layout > .content-action {
  padding: 10px 0px 0px 0px;
}

.support-data-container,
.meta-main-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}

.code-template-meta-container {
  border: 1px solid #d2d5de;
  border-radius: 2.5px;
  padding: 20px 12px;
  height: 465px;
  overflow: scroll;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}

.code-template-meta-container .no-metadata-msg {
  margin: auto;
}

.code-template-meta-container .modal-right-panel .support-data-container .schema-container header {
  margin: 5px 0;
  width: 97%;
}

p.further-information {
  font-size: 0.9em;
  margin: 5px 0 0 0;
}

div.metadata-table-container.supporting-data .supporting-data-container {
  width: 100%;
  border: 1px solid #d2d5de;
  border-left: 5px solid #5bc287;
  border-radius: 2.5px;
  padding: 5px 10px 6px 10px;
  color: #4b5978;
}

div.metadata-table-container.supporting-data header {
  position: relative;
}

div.metadata-table-container.supporting-data header h2 {
  font-size: 1em;
  padding-top: 5px;
}

div.metadata-table-container.supporting-data table tbody tr .metadata-table-headings {
  color: #4b5978;
  font-size: 1em;
  width: fit-content;
  min-width: 150px;
  max-width: 250px;
}

div.metadata-table-container.supporting-data table tbody tr .metadata-table-descriptions {
  color: #4b5978;
  font-size: 1em;
}

.metadata-table-container .supporting-data.collapse {
  margin-bottom: 5px;
}

.metadata-table-container .supporting-data.collapse + table {
  display: none;
}

.metadata-table-container .supporting-data .icon-downwards-arrow {
  top: -8px;
  right: -15px;
}

.metadata-table-container .supporting-data.collapse .icon-downwards-arrow {
  transform: scaleY(1);
}

.modal-right-panel {
  display: flex;
  width: 100%;
}

.metadata-table-container.supporting-data {
  width: 100%;
}

.schema-container section.inner-schema-container {
  width: 93%;
}

.schema-header-header {
  width: 100%;
  border: 1px solid #d2d5de;
  border-left: 5px solid #fab12e;
  border-radius: 2.5px;
  padding: 6px 30px;
  color: #4b5978;
}

.rdt_TableHeadRow .rdt_TableCol [type=checkbox] {
  appearance: none;
}

.rdt_TableCol [type=checkbox],
.rdt_TableCell [type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

.rdt_TableCell {
  background: inherit;
}

.intro-actions {
  display: flex;
  align-items: center;
  min-height: 24px;
}

.intro-actions span {
  margin-right: 5px;
  color: #4b5978;
  font-weight: 700;
}

.css-wi3xkc-MuiButtonBase-root-MuiButton-root {
  background-color: #1478bd !important;
  font-size: 12px !important;
}

.login.has-bg-img {
  background-position: bottom left !important;
}

@media screen and (max-height: 542px) and (max-width: 768px) {
  .login.has-bg-img {
    height: 100% !important;
  }
}
.css-175e42p-MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-endAdornment {
  right: 11px;
}

.MuiAutocomplete-listbox {
  font-size: 12px;
}

div.popup.mpan-details-modal, div.mpan-details-modal.setup-2fa {
  min-width: 800px;
  max-width: 1000px;
}
div.popup.mpan-details-modal .popup-content .rdt_TableRow, div.mpan-details-modal.setup-2fa .popup-content .rdt_TableRow {
  height: 50px;
}

/*# sourceMappingURL=layout.css.map */