@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: rgba(255, 255, 255, 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.
 */
/*
/// BASE ///
The boilerplate code for the project. In there, you might find some typographic
rules, and probably a stylesheet defining some standard styles for commonly
used HTML elements.
*/
@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-"]: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 {
  content: "\f101"; }

.icon-clustered-bar-chart:before {
  content: "\f102"; }

.icon-clustered-column-chart:before {
  content: "\f103"; }

.icon-clustered-column-line:before {
  content: "\f104"; }

.icon-collapse:before {
  content: "\f105"; }

.icon-colour:before {
  content: "\f106"; }

.icon-dashboard:before {
  content: "\f107"; }

.icon-data:before {
  content: "\f108"; }

.icon-documents:before {
  content: "\f109"; }

.icon-done:before {
  content: "\f10a"; }

.icon-dot-chart:before {
  content: "\f10b"; }

.icon-dots:before {
  content: "\f10c"; }

.icon-doughnut-semicircle:before {
  content: "\f10d"; }

.icon-doughnut:before {
  content: "\f10e"; }

.icon-down-arrow:before {
  content: "\f10f"; }

.icon-download:before {
  content: "\f110"; }

.icon-edit:before {
  content: "\f111"; }

.icon-expand:before {
  content: "\f112"; }

.icon-eye-hide:before {
  content: "\f113"; }

.icon-eye:before {
  content: "\f114"; }

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

.icon-failed:before {
  content: "\f116"; }

.icon-filled-add:before {
  content: "\f117"; }

.icon-filled-buy:before {
  content: "\f118"; }

.icon-filled-colour:before {
  content: "\f119"; }

.icon-filled-data:before {
  content: "\f11a"; }

.icon-filled-delete:before {
  content: "\f11b"; }

.icon-filled-document:before {
  content: "\f11c"; }

.icon-filled-download:before {
  content: "\f11d"; }

.icon-filled-edit:before {
  content: "\f11e"; }

.icon-filled-eye:before {
  content: "\f11f"; }

.icon-filled-info:before {
  content: "\f120"; }

.icon-filled-power:before {
  content: "\f122"; }

.icon-filled-results:before {
  content: "\f123"; }

.icon-filled-save:before {
  content: "\f124"; }

.icon-filled-schedule:before {
  content: "\f125"; }

.icon-filled-share:before {
  content: "\f126"; }

.icon-filled-upload:before {
  content: "\f127"; }

.icon-full-horizontal-stacked-column:before {
  content: "\f128"; }

.icon-full-screen:before {
  content: "\f129"; }

.icon-full-vertical-stacked-column:before {
  content: "\f12a"; }

.icon-globe:before {
  content: "\f12b"; }

.icon-home:before {
  content: "\f12c"; }

.icon-horizontal-stacked-column:before {
  content: "\f12d"; }

.icon-icon-order:before {
  content: "\f12e"; }

.icon-info:before {
  content: "\f12f"; }

.icon-insight-tick:before {
  content: "\f130"; }

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

.icon-left-arrow:before {
  content: "\f132"; }

.icon-lightning-lightbulb:before {
  content: "\f133"; }

.icon-line-chart:before {
  content: "\f134"; }

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

.icon-loading:before, .loading span:before {
  content: "\f136"; }

.icon-lock:before, .box.dashboard-introduction .box-title:before {
  content: "\f137"; }

.icon-menu-1:before {
  content: "\f138"; }

.icon-menu-2:before {
  content: "\f139"; }

.icon-menu-3:before {
  content: "\f13a"; }

.icon-menu-4:before {
  content: "\f13b"; }

.icon-menu-5:before {
  content: "\f13c"; }

.icon-menu-6:before {
  content: "\f13d"; }

.icon-menu-7:before {
  content: "\f13e"; }

.icon-menu-8:before {
  content: "\f13f"; }

.icon-menu-9:before {
  content: "\f140"; }

.icon-menu-cancel:before {
  content: "\f141"; }

.icon-menu-close:before {
  content: "\f142"; }

.icon-menu-collapse:before {
  content: "\f143"; }

.icon-menu-completed:before {
  content: "\f144"; }

.icon-menu-dashboard:before {
  content: "\f145"; }

.icon-menu-data:before {
  content: "\f146"; }

.icon-menu-documents:before {
  content: "\f147"; }

.icon-menu-down-arrow:before {
  content: "\f148"; }

.icon-menu-expand:before {
  content: "\f149"; }

.icon-menu-expanded:before {
  content: "\f14a"; }

.icon-menu-info:before {
  content: "\f14b"; }

.icon-menu-insights:before {
  content: "\f14c"; }

.icon-menu-logo:before {
  content: "\f14d"; }

.icon-menu-market:before {
  content: "\f14e"; }

.icon-menu-profile:before {
  content: "\f14f"; }

.icon-menu-quicksights:before {
  content: "\f150"; }

.icon-menu-schedule:before {
  content: "\f151"; }

.icon-menu-speech:before {
  content: "\f152"; }

.icon-menu-table:before {
  content: "\f153"; }

.icon-new:before {
  content: "\f154"; }

.icon-outline-add:before {
  content: "\f155"; }

.icon-outline-buy:before {
  content: "\f156"; }

.icon-outline-colour:before {
  content: "\f157"; }

.icon-outline-data:before {
  content: "\f158"; }

.icon-outline-delete:before {
  content: "\f159"; }

.icon-outline-document:before {
  content: "\f15a"; }

.icon-outline-download:before {
  content: "\f15b"; }

.icon-outline-edit:before {
  content: "\f15c"; }

.icon-outline-eye:before {
  content: "\f15d"; }

.icon-outline-info:before {
  content: "\f15e"; }

.icon-outline-insight:before {
  content: "\f15f"; }

.icon-outline-power:before {
  content: "\f161"; }

.icon-outline-results:before {
  content: "\f162"; }

.icon-outline-save:before {
  content: "\f163"; }

.icon-outline-schedule:before {
  content: "\f164"; }

.icon-outline-share:before {
  content: "\f165"; }

.icon-outline-upload:before {
  content: "\f166"; }

.icon-output:before {
  content: "\f167"; }

.icon-pencil:before {
  content: "\f168"; }

.icon-pie-chart:before {
  content: "\f169"; }

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

.icon-plus:before {
  content: "\f16b"; }

.icon-product-1:before {
  content: "\f16c"; }

.icon-profile:before {
  content: "\f16d"; }

.icon-query-documents:before {
  content: "\f16e"; }

.icon-query-featured:before {
  content: "\f16f"; }

.icon-query-lightning:before {
  content: "\f170"; }

.icon-query-organisation:before {
  content: "\f171"; }

.icon-query-recent:before {
  content: "\f172"; }

.icon-query-recommended:before {
  content: "\f173"; }

.icon-query-results:before {
  content: "\f174"; }

.icon-query-snippets:before {
  content: "\f175"; }

.icon-query-superset:before {
  content: "\f176"; }

.icon-query-visualisation-1:before {
  content: "\f177"; }

.icon-query-visualisation-2:before {
  content: "\f178"; }

.icon-query-visualisation-3:before {
  content: "\f179"; }

.icon-query-visualisation-4:before {
  content: "\f17a"; }

.icon-query-visualisation-5:before {
  content: "\f17b"; }

.icon-quicksight-cloud:before {
  content: "\f17c"; }

.icon-reduce:before {
  content: "\f17d"; }

.icon-right-arrow:before {
  content: "\f17e"; }

.icon-running:before {
  content: "\f17f"; }

.icon-screen:before {
  content: "\f180"; }

.icon-search:before, .search span:before {
  content: "\f181"; }

.icon-snippets:before {
  content: "\f182"; }

.icon-speech:before {
  content: "\f183"; }

.icon-stacked-area:before {
  content: "\f184"; }

.icon-stacked-column-line:before {
  content: "\f185"; }

.icon-submitted:before {
  content: "\f186"; }

.icon-superset:before {
  content: "\f187"; }

.icon-switch-arrows:before {
  content: "\f188"; }

.icon-table:before {
  content: "\f189"; }

.icon-tick:before, .checkbox span:before, .radio span:before {
  content: "\f18a"; }

.icon-tictac:before, .introduction-wrapper .introduction-actions .value:before {
  content: "\f18b"; }

.icon-trash:before {
  content: "\f18c"; }

.icon-treemap-chart:before {
  content: "\f18d"; }

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

.icon-up-arrow:before {
  content: "\f18f"; }

.icon-vertical-stacked-column:before {
  content: "\f190"; }

.icon-visualisations:before {
  content: "\f191"; }

.icon-waffle-chart-1:before {
  content: "\f192"; }

.icon-waffle-chart-2:before {
  content: "\f193"; }

.icon-waffle-chart-3:before {
  content: "\f194"; }

.icon-query-parameters::before,
.icon-query-parameters-title::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 {
  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%); }

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,
.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,
  .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 {
  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 {
    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 {
    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 {
    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 {
    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; }

/*
/// LAYOUT ///
Everything that takes part in laying out the site or application.
This folder could have stylesheets for the main parts of the site (header,
footer, navigation, sidebar…), the grid system or even CSS styles
for all the forms.
*/
.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 {
            height: auto !important;
            visibility: visible !important;
            opacity: 1 !important;
            transition-property: none;
            background-color: #4B5978 !important; }
            .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.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-color: #EF7923; }

.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, .loading span: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 {
  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 {
    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; }

input[type="checkbox"], input[type="radio"] {
  -webkit-appearance: none; }

.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, .radio span: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-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: 22px;
          height: 22px;
          padding: 5px 0; }
  .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; }

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

.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; }
    .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: 21px; }
    .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; }
        .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: 21px; }
    @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.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: 21px; }
    .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%; }

.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 {
        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.product {
      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.product {
    flex-flow: row wrap;
    padding: 20px;
    transition: border 350ms ease-in-out; }
    .box.product .box-icon {
      margin-right: 10px; }
    .box.product .box-content {
      width: calc(100% - 60px);
      display: flex;
      flex-direction: column;
      color: #78829A;
      max-height: initial;
      overflow: initial;
      height: 100%; }
      .box.product .box-content .box-header {
        padding: 0 !important;
        line-height: 1;
        margin-bottom: 10px; }
        .box.product .box-content .box-header .box-title {
          display: flex;
          align-items: center; }
          .box.product .box-content .box-header .box-title .title {
            margin-bottom: 0; }
          .box.product .box-content .box-header .box-title .title-meta {
            margin-left: 5px; }
      .box.product .box-content .box-text {
        margin-bottom: auto; }
      .box.product .box-content .box-buttons {
        margin-top: 20px;
        display: flex; }
        .box.product .box-content .box-buttons a {
          margin-right: 5px; }
    .five-columns .box.product {
      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.product {
    margin: 20px 0 0 0; }
    .container-boxes .box.snippet-box, .container-boxes .box.product {
      width: 100%; }
      .container-boxes .box.snippet-box .box-text, .container-boxes .box.product .box-text {
        margin: 0; }
      .container-boxes .box.snippet-box:first-of-type, .container-boxes .box.product:first-of-type {
        margin-top: 0; }
      @media screen and (max-width: 1279px) {
        .container-boxes .box.snippet-box, .container-boxes .box.product {
          width: calc((100% - 20px) / 2); }
          .container-boxes .box.snippet-box:nth-of-type(2), .container-boxes .box.product: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: "\2022";
            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; } }

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

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

.sortable-item.dashboard-grid {
  padding: 10px;
  width: calc(100% / 3);
  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: 450px; } }
  .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; }

.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((100% * (1/3)) - 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; }

/*
/// COMPONENTS ///
For smaller components, there is the components/ folder.
While layout/ is macro (defining the global wireframe), components/ is more
focused on widgets. It contains all kind of specific modules like a slider,
a loader, a widget, and basically anything along those lines. There are usually
a lot of files in components/ since the whole site/application should be mostly
composed of tiny modules.
*/
.pagination-nav .pagination a, .pagination-nav .pagination .current, input[type="submit"],
input[type="button"],
input[type="reset"],
button,
.button, .tooltip, .button-secondary {
  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; }
  .pagination-nav .pagination a[disabled], .pagination-nav .pagination .current[disabled], input[disabled][type="submit"],
  input[disabled][type="button"],
  input[disabled][type="reset"],
  button[disabled],
  .button[disabled], .tooltip[disabled], .button-secondary[disabled], .pagination-nav .pagination a.disabled, .pagination-nav .pagination .disabled.current, input.disabled[type="submit"],
  input.disabled[type="button"],
  input.disabled[type="reset"],
  button.disabled,
  .disabled.button, .disabled.tooltip, .disabled.button-secondary {
    color: #D5E4F2 !important;
    pointer-events: none;
    z-index: 200;
    outline: none;
    transition: all 0.5s ease;
    border-color: #D5E4F2; }

@media screen and (min-width: 1280px) {
  .pagination-nav .pagination a, .pagination-nav .pagination .current, input[type="submit"],
  input[type="button"],
  input[type="reset"],
  button,
  .button, .tooltip, .button-secondary {
    font-size: 11px; } }

@media screen and (min-width: 1480px) {
  .pagination-nav .pagination a, .pagination-nav .pagination .current, input[type="submit"],
  input[type="button"],
  input[type="reset"],
  button,
  .button, .tooltip, .button-secondary {
    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.tooltip[disabled],
  .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.tooltip[disabled],
  .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.tooltip[disabled],
  .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.tooltip[disabled],
  .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.tooltip[disabled],
  .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"].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.tooltip[disabled],
  .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.tooltip[disabled],
  .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; }

@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 {
  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; }

@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; }

.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; }

#vizContainer {
  width: 100%;
  height: auto;
  min-height: 900px; }

.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); } }

::selection {
  background: #b3d4fc; }

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

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

.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%; }

.table-actions {
  height: auto !important;
  display: flex;
  margin-left: -2.5px;
  margin-right: -2.5px; }
  .table-actions a {
    margin-left: 2.5px;
    margin-right: 2.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) {
    border-right: 1px solid #D2D5DE; } }

.documents .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 {
    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 {
      border-right: 1px solid #D2D5DE;
      color: #4B5978; } }
  .documents .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 {
      border-right: 1px solid #D2D5DE;
      color: #4B5978; } }
  .documents .rdt_Table .rdt_TableBody .rdt_TableRow:hover {
    background-color: #F2F4F7;
    color: #1E2F56 !important; }

.documents .rdt_TableCol:nth-of-type(1) {
  border: 0;
  box-shadow: none;
  border-radius: 0; }

.documents .rdt_TableCell {
  line-height: 17px; }
  .documents .rdt_TableCell:first-of-type {
    border: none;
    box-shadow: none; }
  .documents .rdt_TableCell:last-of-type {
    justify-content: flex-end !important; }

.documents .table-actions {
  align-items: flex-end !important;
  justify-content: flex-end !important;
  margin-left: -2.5px;
  margin-right: -2.5px; }
  .documents .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: relative; }
    .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: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: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 .scroll-content.draggable-headers {
  overflow-y: hidden; }

@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; }
  @media screen and (max-width: 1279px) {
    .content-inner.full-height .query-table .table-body .row-cell {
      padding: 10px 20px !important; } }

@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-subscribed-products {
  border: none;
  box-shadow: none; }
  .body.body-subscribed-products .content-inner .corner-icon {
    margin: -10px 0 0 -20px;
    flex-grow: 1; }
    .body.body-subscribed-products .content-inner .corner-icon .box {
      margin: 30px 0 0 20px !important; }
      .body.body-subscribed-products .content-inner .corner-icon .box .box-icon {
        border: inherit; }
      .body.body-subscribed-products .content-inner .corner-icon .box.selected {
        border: 2px solid #5BC287;
        background-color: rgba(91, 194, 135, 0.1); }

.body-product-details {
  border: none;
  box-shadow: none;
  border-radius: 0; }
  .body-product-details .content-inner.full-height .container-wrapper.products .filter-container .container-filter-wrapper .container-inner .tab-box {
    cursor: pointer; }
  .body-product-details .content-inner.full-height .container-wrapper.products .snippet-wrapper.big-width {
    background: white;
    max-height: 100%;
    overflow: auto; }
    .body-product-details .content-inner.full-height .container-wrapper.products .snippet-wrapper.big-width .query-table {
      box-shadow: none; }
      @media screen and (max-width: 1024px) {
        .body-product-details .content-inner.full-height .container-wrapper.products .snippet-wrapper.big-width .query-table .table-header .header-actions {
          flex-wrap: wrap;
          gap: 20px; } }
      @media screen and (max-width: 938px) {
        .body-product-details .content-inner.full-height .container-wrapper.products .snippet-wrapper.big-width .query-table .table-header .header-actions .search {
          flex-grow: 1; }
          .body-product-details .content-inner.full-height .container-wrapper.products .snippet-wrapper.big-width .query-table .table-header .header-actions .search .search {
            width: 100%; } }
      .body-product-details .content-inner.full-height .container-wrapper.products .snippet-wrapper.big-width .query-table .table-header .header-actions .introduction-actions {
        white-space: nowrap; }
        @media screen and (max-width: 1024px) {
          .body-product-details .content-inner.full-height .container-wrapper.products .snippet-wrapper.big-width .query-table .table-header .header-actions .introduction-actions {
            margin-left: auto; } }
        .body-product-details .content-inner.full-height .container-wrapper.products .snippet-wrapper.big-width .query-table .table-header .header-actions .introduction-actions .introduction-button {
          margin-left: 20px;
          font-weight: 700;
          font-size: 12px;
          color: #A6ACBB; }
          .body-product-details .content-inner.full-height .container-wrapper.products .snippet-wrapper.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.product .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 350ms ease-in-out; }
  .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; }

.pro-sidebar .pro-menu-item:hover .pro-icon {
  background-color: #4b5978 !important; }

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

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

.pro-sidebar .pro-sub-menu.open .pro-icon-wrapper {
  background-color: #4b5978 !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; }

.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: 100% !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; }

.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; }