@charset "UTF-8";
/*! Fragments v1.18.1 */ /* ------------------------------------------------------------------- */
/**
    all vars that could be set as a theme
    just colors
*/
/* Defaults ***************************************************/
/* Layouts ****************************************************/
/* Lists *****************************************************/
/* Buttons ***************************************************/
/* Table ******************************************************/
/* Forms ******************************************************/
/* Breakpoint *************************************************/
/* Z-Index *************************************************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
    Sass Media Queries
*/
/*
    Loading Animation
*/
.scroll-on-mobile {
  overflow: auto;
}
@media (min-width: 1012px) {
  .scroll-on-mobile {
    overflow: inherit;
  }
}

@keyframes moving-gradient {
  0% {
    background-position: -250px 0;
  }
  100% {
    background-position: 250px 0;
  }
}
@keyframes flip {
  100% {
    transform: rotateZ(180deg);
  }
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
* {
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #edf6ff;
  background-color: #16263D;
}
body .small {
  font-size: 12px;
}

a {
  color: #5298ff;
  text-decoration: none;
}
a:hover {
  color: #035adc;
}
a:active {
  color: #0250c3;
}
a:active {
  color: #0250c3;
}
a.text-link {
  color: #edf6ff;
}
a.text-link:hover {
  text-decoration: underline;
}

b,
strong {
  font-weight: 600;
}

h1 {
  font-size: 28px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 11px;
  color: #b1d8fc;
  text-transform: uppercase;
  padding: 6px 10px;
  margin: 0;
}
h4.compact {
  padding: 3px 10px;
}

h1,
h2,
h3,
h4 {
  font-weight: 500;
}

h1 small,
h2 small,
h3 small {
  color: #a5b5bf;
}

code:not(.hljs) {
  font-family: monospace;
  color: #fb60ad;
  word-wrap: break-word;
  display: inline;
  border-radius: 4px;
}

pre {
  font-family: monospace;
  color: #fb60ad;
  border-radius: 4px;
  margin: 0 0 20px 0;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.help-text {
  color: #a5b5bf;
  font-style: normal;
  line-height: 17px;
}

.danger-text {
  color: #f57266;
}

.success-text {
  color: #3da949;
}

.icon.pin {
  display: inline-block;
  width: 34px;
  height: 34px;
  font-size: 16px;
  color: #edf6ff;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  background-color: #233b5d;
}

@font-face {
  font-family: "icons";
  src: url("../icons/icons.eot?8f041ead2b96ca94326b93f8cd194446#iefix") format("embedded-opentype"), url("../icons/icons.woff2?8f041ead2b96ca94326b93f8cd194446") format("woff2"), url("../icons/icons.woff?8f041ead2b96ca94326b93f8cd194446") format("woff"), url("../icons/icons.ttf?8f041ead2b96ca94326b93f8cd194446") format("truetype");
}
.icon::before,
[class^=icon-]::before,
[class*=" icon-"]::before {
  display: inline-block;
  font-family: "icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.icon-stable::before {
  content: "\f102";
}

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

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

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

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

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

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

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

.icon-file-bom-mid::before {
  content: "\f10a";
}

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

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

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

.icon-x-close::before {
  content: "\f10f";
}

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

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

.icon-circle-edit-history::before {
  content: "\f117";
}

.icon-edit-sign-line::before {
  content: "\f118";
}

.icon-file-empty-no-data::before {
  content: "\f119";
}

.icon-up-down::before {
  content: "\f11a";
}

.icon-export-from-file::before {
  content: "\f11d";
}

.icon-filter-lines::before {
  content: "\f11e";
}

.icon-export-from-folder::before {
  content: "\f11f";
}

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

.icon-open-folder::before {
  content: "\f121";
}

.icon-contained-information::before {
  content: "\f123";
}

.icon-chat-msg-bubbles::before {
  content: "\f125";
}

.icon-bell::before {
  content: "\f128";
}

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

.icon-user-owneship-switch::before {
  content: "\f12a";
}

.icon-lock-locked::before {
  content: "\f130";
}

.icon-preferences-filter-toggles::before {
  content: "\f131";
}

.icon-project-view-list::before {
  content: "\f132";
}

.icon-lock-open::before {
  content: "\f133";
}

.icon-sales-file-quote::before {
  content: "\f135";
}

.icon-rohs-green-leaf::before {
  content: "\f13a";
}

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

.icon-file-cog-preferences::before {
  content: "\f13d";
}

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

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

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

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

.icon-big-checkmark::before {
  content: "\f143";
}

.icon-duplication-clone-dotted::before {
  content: "\f144";
}

.icon-drag-and-drop-dotted::before {
  content: "\f145";
}

.icon-contained-x-close::before {
  content: "\f146";
}

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

.icon-right-carret::before {
  content: "\f149";
}

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

.icon-calendar-alert::before {
  content: "\f14b";
}

.icon-user-unlocked::before {
  content: "\f14c";
}

.icon-file-csv-big-mid::before {
  content: "\f14d";
}

.icon-grid-elements::before {
  content: "\f14e";
}

.icon-user-access-eye::before {
  content: "\f14f";
}

.icon-filter-descending::before {
  content: "\f150";
}

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

.icon-user-settings-othercog::before {
  content: "\f152";
}

.icon-file-xls-mid::before {
  content: "\f153";
}

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

.icon-stats-curvechart::before {
  content: "\f156";
}

.icon-left-carrets::before {
  content: "\f157";
}

.icon-file-aml-mid::before {
  content: "\f159";
}

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

.icon-multiple-folder::before {
  content: "\f15b";
}

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

.icon-filter-az::before {
  content: "\f15d";
}

.icon-disabled-crosscheck::before {
  content: "\f15e";
}

.icon-trending-stats::before {
  content: "\f15f";
}

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

.icon-user-locked::before {
  content: "\f161";
}

.icon-notes-note::before {
  content: "\f162";
}

.icon-intelligence-cube::before {
  content: "\f163";
}

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

.icon-to-user::before {
  content: "\f166";
}

.icon-market-insight-forecast::before {
  content: "\f167";
}

.icon-left-right-swap-arrows::before {
  content: "\f168";
}

.icon-pin-slant::before {
  content: "\f169";
}

.icon-left-carret::before {
  content: "\f16a";
}

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

.icon-right-carrets::before {
  content: "\f16c";
}

.icon-file-toggle-preferences::before {
  content: "\f16d";
}

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

.icon-simple-yen::before {
  content: "\f16f";
}

.icon-simple-euro::before {
  content: "\f170";
}

.icon-zoom-in::before {
  content: "\f171";
}

.icon-refresh::before {
  content: "\f1a0";
}

.icon-user-switch-reaction::before {
  content: "\f173";
}

.icon-zoom-out::before {
  content: "\f174";
}

.icon-filter-asc::before {
  content: "\f175";
}

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

.icon-up-carrets::before {
  content: "\f177";
}

.icon-at-sign::before {
  content: "\f178";
}

.icon-file-compare::before {
  content: "\f179";
}

.icon-attachment::before {
  content: "\f17a";
}

.icon-user-created::before {
  content: "\f17b";
}

.icon-file-versions::before {
  content: "\f17c";
}

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

.icon-stats-barchart::before {
  content: "\f17e";
}

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

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

.icon-bell-off::before {
  content: "\f181";
}

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

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

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

.icon-simple-pound::before {
  content: "\f185";
}

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

.icon-file-owner-user::before {
  content: "\f187";
}

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

.icon-user-folder-owner::before {
  content: "\f189";
}

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

.icon-simple-dollar::before {
  content: "\f18b";
}

.icon-sales-file-quote-add::before {
  content: "\f18c";
}

.icon-view-disabled::before {
  content: "\f18d";
}

.icon-settings-preferences-filter::before {
  content: "\f18e";
}

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

.icon-minus::before {
  content: "\f190";
}

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

.icon-file-pdf::before {
  content: "\f192";
}

.icon-multi-sparkles::before {
  content: "\f193";
}

.icon-3d-model-part::before {
  content: "\f194";
}

.icon-action-wrench::before {
  content: "\f195";
}

.icon-change-status-arrows-diag-box::before {
  content: "\f196";
}

.icon-consolidate-compress::before {
  content: "\f197";
}

.icon-external-comments::before {
  content: "\f198";
}

.icon-internal-comment::before {
  content: "\f199";
}

.icon-pcb-footprints::before {
  content: "\f19a";
}

.icon-schematic-symbol::before {
  content: "\f19b";
}

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

.icon-email-classic::before {
  content: "\f19d";
}

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

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

.icon-template-list::before {
  content: "\f1a1";
}

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

.icon-part-details::before {
  content: "\f1a3";
}

.icon-part-master::before {
  content: "\f1a4";
}

.icon-estimate::before {
  content: "\f1a5";
}

/* Renamed icons, this can be removed when migrations to new names are complete */
.icon-action-down::before {
  content: "\f101";
}

.icon-action-stable::before {
  content: "\f102";
}

.icon-action-up::before {
  content: "\f103";
}

.icon-add::before,
.icon-circle-plus::before {
  content: "\f104";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-folder-imported::before {
  content: "\f11f";
}

.icon-folder-new::before,
.icon-folder-upload::before {
  content: "\f120";
}

.icon-folder-open::before {
  content: "\f121";
}

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

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

.icon-notification::before {
  content: "\f128";
}

.icon-ownership::before {
  content: "\f12a";
}

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

.icon-pro-settings::before {
  content: "\f131";
}

.icon-project-view::before {
  content: "\f132";
}

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

.icon-quote-from-sales::before {
  content: "\f135";
}

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

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

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

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

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

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

.alert {
  padding: 4px 10px;
  margin-bottom: 10px;
  border: 1px solid #203757;
  border-radius: 2px;
  background-color: #203757;
  color: #edf6ff;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
  text-decoration: underline;
}
.alert .alert-link:hover {
  text-decoration: none;
}
.alert p:first-child,
.alert ul:first-child {
  margin-top: 1px;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert > .icon {
  display: inline-block;
  margin-right: 5px;
}
.alert button.close {
  padding: 3px 5px;
  font-size: 12px;
  border: 1px solid transparent;
  background: none;
  background-image: none;
  float: right;
  margin-top: 0;
}
.alert button.close:hover {
  color: #edf6ff;
}
.alert.danger {
  background-color: #e29088;
  border-color: #e29088;
  color: #091e42;
}
.alert.danger a {
  color: black;
  text-decoration: underline;
}
.alert.danger hr {
  border-top-color: #ecb6b1;
}
.alert.danger .button.close {
  color: #091e42;
}
.alert.danger .button.close:hover {
  background-color: #d8695f;
}
.alert.warning {
  background-color: #df9865;
  border-color: #df9865;
  color: #091e42;
}
.alert.warning a {
  color: black;
  text-decoration: underline;
}
.alert.warning hr {
  border-top-color: #e8b48f;
}
.alert.warning .button.close {
  color: #091e42;
}
.alert.warning .button.close:hover {
  background-color: #d67c3b;
}
.alert.info {
  background-color: #78a5d9;
  border-color: #78a5d9;
  color: #091e42;
}
.alert.info a {
  color: black;
  text-decoration: underline;
}
.alert.info hr {
  border-top-color: #a0c0e4;
}
.alert.info .button.close {
  color: #091e42;
}
.alert.info .button.close:hover {
  background-color: #518bcd;
}
.alert.success {
  background-color: #47bd56;
  border-color: #47bd56;
  color: #091e42;
}
.alert.success a {
  color: black;
  text-decoration: underline;
}
.alert.success hr {
  border-top-color: #6dca78;
}
.alert.success .button.close {
  color: #091e42;
}
.alert.success .button.close:hover {
  background-color: #389943;
}

article,
article .compact td,
article .compact th {
  font-size: 16px;
  font-weight: 300;
}

article h2 {
  font-size: 26px;
  line-height: 32px;
}
article h2 a:after {
  display: inline-block;
  margin-left: 7px;
  content: "→";
}

article .breadcrumb {
  font-weight: normal;
}

.avatar {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  max-height: 34px;
  vertical-align: sub;
}
.avatar[data-dropdown] {
  padding-right: 20px;
}
.avatar .avatar-image {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border-radius: 100%;
  overflow: hidden;
  background: #233b5d;
  border: 1px solid #203757;
  color: #edf6ff;
  text-align: center;
  line-height: 20px;
}
.avatar .avatar-image:hover {
  background: #2b4a75;
  transition: all ease-in-out 0.2s;
}
.avatar .avatar-image img,
.avatar .avatar-image span {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
  color: #edf6ff;
}
.avatar .avatar-image span {
  padding: 6px 0;
  font-size: 14px;
}
.avatar .icon-expand-down {
  position: absolute;
  top: 7px;
  right: 0;
}
.avatar.large {
  max-height: 64px;
  vertical-align: middle;
}
.avatar.large .avatar-image {
  width: 64px;
  height: 64px;
}
.avatar.large .avatar-image span {
  padding: 21px 0;
  font-size: 18px;
}
.avatar.large .icon-expand-down {
  top: 22px;
}
.avatar:focus {
  outline: thin dotted;
}
.avatar.editable {
  cursor: pointer;
  position: relative;
}
.avatar.editable.error .avatar-image {
  background: #233b5d;
  border-color: #203757;
  color: #edf6ff;
}
.avatar.editable:hover:after {
  transition: all ease-in-out 0.2s;
  background-color: #2b4a75;
  border-color: #203757;
}
.avatar.editable:focus {
  outline: none;
}
.avatar.editable:focus .avatar-image {
  border-style: dotted;
  border-color: #203757;
}

.placeholder {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #203757;
  min-height: 110px;
}
.placeholder .image {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px -40px;
  border: 4px solid #ffffff;
  border-radius: 2px;
  min-width: 80px;
  min-height: 60px;
}
.placeholder .image:before {
  content: "";
  position: absolute;
  bottom: 0;
  margin-left: 0;
  display: inline-block;
  height: 0;
  width: 0;
  border: 20px solid transparent;
  border-top: 0 solid #ffffff;
  border-bottom: 20px solid #ffffff;
}
.placeholder .image:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  margin-left: 0;
  display: inline-block;
  height: 0;
  width: 0;
  border: 28px solid transparent;
  border-top: 0 solid #ffffff;
  border-bottom: 28px solid #ffffff;
}
.placeholder .video {
  position: absolute;
  left: 50%;
  top: 44%;
  margin: -30px;
  border: 4px solid #fff;
  min-width: 60px;
  min-height: 60px;
  border-radius: 50%;
}
.placeholder .video:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -6px;
  display: inline-block;
  height: 0;
  width: 0;
  border: 16px solid transparent;
  border-right: 0 solid #ffffff;
  border-left: 20px solid #ffffff;
}
.placeholder .video:after {
  content: "No Video";
  position: absolute;
  width: 80px;
  text-align: center;
  bottom: -30px;
  left: -14px;
  color: #ffffff;
}

.badge {
  color: #091e42;
  display: inline-block;
  line-height: 6px;
  font-size: 0.8em;
  border-radius: 2px;
  text-transform: uppercase;
  text-align: center;
  font-style: normal;
  background-color: #8998ae;
  padding: 0.6em;
  white-space: nowrap;
  vertical-align: middle;
  margin-top: -2px;
  min-width: 14px;
  font-weight: 500;
}
.badge.default {
  background: #8998ae;
}
.badge.danger {
  background: #ce4336;
}
.badge.warning {
  background: #f2751c;
}
.badge.info {
  background: #4a8ad3;
}
.badge.success {
  background: #369b42;
}
.badge.negative {
  background: #FF7B72;
}
.badge.progress {
  background: #F2CC60;
}
.badge.actionable {
  background: #F0883E;
}
.badge.milestone {
  background: #58A6FF;
}
.badge.designation {
  background: #BEBEBE;
}
.badge.positive {
  background: #56D364;
}
.badge.danger {
  color: #ffffff;
}

sup.badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
  font-size: 0.7em;
  z-index: 1;
}

.breadcrumb {
  font-size: 12px;
}
.breadcrumb > *:not(:last-child)::after {
  content: "»";
  color: #a5b5bf;
  margin: 0 0 0 3px;
}
.breadcrumb.large {
  font-size: 14px;
}
.breadcrumb span {
  color: #a5b5bf;
}

.button {
  position: relative;
  display: inline-block;
  padding: 6px 10px;
  background: #233b5d;
  border: 1px solid #203757;
  color: #edf6ff;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  line-height: 1.2;
  cursor: pointer;
  border-radius: 2px;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
}
.button.disabled, .button:disabled {
  pointer-events: all;
}
.button.disabled label, .button:disabled label {
  pointer-events: none;
}
.button.disabled input[type=checkbox],
.button.disabled input[type=radio], .button:disabled input[type=checkbox],
.button:disabled input[type=radio] {
  pointer-events: none;
}
.button.disabled:active {
  pointer-events: none;
}
.button:not(.disabled):hover {
  background: #2b4a75;
  color: #edf6ff;
}
.button:not(.disabled):active, .button:not(.disabled).active {
  background: #2e4f7c;
  border: 1px solid #2e4f7c;
}
.button:not(.disabled):focus {
  border-style: dotted;
  border-color: #2e4f7c;
  outline: none;
}
.button label {
  display: block;
  margin: 0;
}
.button.primary {
  background: #0360eb;
  border: 1px solid #0360eb;
  color: #edf6ff;
}
.button.primary:not(.disabled):hover {
  background: #035adc;
  border: 1px solid #0360eb;
  color: #edf6ff;
}
.button.primary:not(.disabled):active {
  background: #0250c3;
  border: 1px solid #0360eb;
  color: #edf6ff;
}
.button.danger {
  color: #e29088;
}
.button.danger:not(.disabled):hover {
  color: #e29088;
}
.button.link {
  border: 1px solid transparent;
  text-decoration: underline;
  background: none;
  background-image: none;
}
.button.link:not(.disabled):hover {
  background: #233b5d;
  border: 1px solid #233b5d;
}
.button.tag {
  background: #2e4f7c;
  border: 1px solid #203757;
  color: #edf6ff;
}
.button.tag:not(.disabled):hover {
  background: #203757;
  border-color: #203757;
  color: #edf6ff;
}
.button.tag .icon-close {
  position: relative;
  top: 0;
  margin-left: 5px;
  font-size: 0.8em;
}
.button.select {
  padding: 6px 25px 6px 10px;
  text-align: left;
}
.button.select span {
  position: relative;
  top: -1px;
}
.button.select.responsive {
  width: 100%;
  min-width: 100px;
}
.button.select.responsive span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button.select.error {
  background: #f1c9c6;
  border-color: #ce4336;
  color: #ce4336;
}
.button.select.error:focus {
  border-color: #ce4336;
}
.button.select:after {
  content: "\f108";
  font-family: "icons";
  pointer-events: none;
  position: absolute;
  top: 7px;
  right: 5px;
}
.button.select.small {
  padding: 3px 22px 3px 7px;
  font-size: 12px;
}
.button.select.small:after {
  top: 3px;
}
.button.select.small:active, .button.select.small.active {
  background: #2e4f7c;
}
.button.select.large {
  padding: 10px 35px 10px 20px;
  font-size: 14px;
}
.button.select.large:after {
  top: 11px;
  right: 10px;
}
.button.select.large:active, .button.select.large.active {
  background: #2e4f7c;
}
.button.small {
  padding: 3px 7px;
  font-size: 12px;
}
.button.small:active, .button.small.active {
  background: #2e4f7c;
}
.button.large {
  padding: 10px 20px;
  font-size: 14px;
}
.button.large:active, .button.large.active {
  background: #2e4f7c;
}

.button-group {
  position: relative;
  display: inline-flex;
  /* also the last child radius, but its wrapped in a span class for dropdowns */
  /* only the first button of the first parent button group */
}
.button-group .button {
  border-radius: 0;
  border-left: 1px solid #233b5d;
}
.button-group .button:hover {
  border-left: 1px solid #203757;
}
.button-group .button:active, .button-group .button.active {
  border-left-color: #2e4f7c;
}
.button-group .button:focus {
  border-style: dotted;
  border-left-color: dotted;
}
.button-group .button:last-child {
  border-radius: 0 2px 2px 0;
}
.button-group .button.primary {
  border-left-color: #0360eb;
  border-right: 1px solid #203757;
}
.button-group .button.primary:hover {
  border-right: 1px solid #203757;
}
.button-group .button.primary:last-child {
  border-right: 0px solid #203757;
}
.button-group span .button {
  border-radius: 0 2px 2px 0;
}
.button-group.small .button {
  padding: 3px 7px;
  font-size: 12px;
}
.button-group.small .button:active, .button-group.small .button.active {
  background: #2e4f7c;
}
.button-group.large .button {
  padding: 10px 20px;
  font-size: 14px;
}
.button-group.large .button:active, .button-group.large .button.active {
  background: #2e4f7c;
}
.button-group > .button:first-child {
  border-radius: 2px 0 0 2px;
  border-left-color: #203757;
}
.button-group > .button:first-child:active, .button-group > .button:first-child.active {
  border-left-color: #2e4f7c;
  border-right-color: #203757;
}
.button-group > .button:first-child:focus {
  border-style: dotted;
  border-right-color: #203757;
  border-left-color: #203757;
}
.button-group > .button:first-child.primary {
  border-left-color: #0360eb;
}
.button-group > .button:first-child.primary:hover {
  border-left-color: #035adc;
}
.button-group > .button:first-child.primary:active, .button-group > .button:first-child.primary.active {
  border-left-color: #035adc;
}
.button-group.vertical {
  flex-direction: column;
}
.button-group.vertical .button {
  border-left: 1px solid #203757;
  border-bottom: 0px solid #203757;
}
.button-group.vertical .button:hover {
  border-bottom: 0px solid #203757;
}
.button-group.vertical .button:active, .button-group.vertical .button.active {
  border-bottom-color: #203757;
}
.button-group.vertical .button:focus {
  border-style: dotted;
}
.button-group.vertical .button:first-child {
  border-radius: 2px 2px 0 0;
}
.button-group.vertical .button:first-child:active, .button-group.vertical .button:first-child.active {
  border-right-color: #203757;
}
.button-group.vertical .button:last-child {
  border-bottom: 1px solid #203757;
  border-radius: 0 0 2px 2px;
}
.button-group.vertical .button.primary {
  border-left: 1px solid #0360eb;
  border-right: 1px solid #0360eb;
}
.button-group.vertical .button.primary:last-child {
  border-bottom: 0 none;
}
.button-group.vertical .button.primary:first-child:active, .button-group.vertical .button.primary:first-child.active {
  border-right-color: #035adc;
}

form fieldset {
  border: none;
  padding: 0;
}
form fieldset legend {
  font-size: 11px;
  color: #b1d8fc;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  margin: 0;
  margin-bottom: 7px;
}
form fieldset legend + p {
  margin-top: 7px;
}
form .form-row {
  padding: 10px 0;
  display: grid;
  align-items: start;
  grid-template-columns: none;
}
@media (min-width: 1012px) {
  form .form-row {
    grid-template-columns: 35% 64%;
    padding: 10px;
  }
}
form .form-row.separate {
  gap: 0 2%;
}
@media (min-width: 1012px) {
  form .form-row.separate {
    gap: 15px 2%;
  }
}
form .form-row .label {
  margin: 0 0 7px 0;
}
form .form-row .label label {
  margin: 0;
}
@media (min-width: 1012px) {
  form .form-row .label {
    text-align: right;
    margin: 0;
  }
}
form .form-row .field label {
  text-align: left;
}

@media (min-width: 1012px) {
  .side-panel .form-row,
  .vertical form .form-row {
    grid-template-columns: none;
    padding: 10px 0;
  }
}
@media (min-width: 1012px) {
  .side-panel .form-row.separate,
  .vertical form .form-row.separate {
    gap: 0 2%;
  }
}
@media (min-width: 1012px) {
  .side-panel .form-row .label,
  .vertical form .form-row .label {
    text-align: left;
    margin: 0 0 7px 0;
  }
}
.side-panel .form-row .field label,
.vertical form .form-row .field label {
  text-align: left;
}

label {
  margin: 0 5px 5px 0;
  display: inline-block;
  font-weight: normal;
  cursor: pointer;
}
label.required:after {
  content: "*";
  padding-left: 3px;
  color: #ce4336;
}

textarea {
  resize: vertical;
  min-height: 84px;
}

input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=date],
input[list],
select[multiple],
textarea,
.toggle-wrapper {
  border: 1px solid #274775;
  padding: 6px 10px;
  display: inline-block;
  border-radius: 2px;
  background: #16263D;
  font-size: 14px;
  font-weight: normal;
  transition: border 0.2s ease-in-out;
  width: 100%;
  color: #edf6ff;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
input[type=date]::placeholder,
input[list]::placeholder,
select[multiple]::placeholder,
textarea::placeholder,
.toggle-wrapper::placeholder {
  font-weight: 300;
  color: #a5b5bf;
}
input[type=text].compact,
input[type=email].compact,
input[type=password].compact,
input[type=number].compact,
input[type=date].compact,
input[list].compact,
select[multiple].compact,
textarea.compact,
.toggle-wrapper.compact {
  padding: 3px 10px;
  font-size: 12px;
}
input[type=text]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=number]:hover,
input[type=date]:hover,
input[list]:hover,
select[multiple]:hover,
textarea:hover,
.toggle-wrapper:hover {
  border-color: #355a8f;
  background: #16263D;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[list]:focus,
select[multiple]:focus,
textarea:focus,
.toggle-wrapper:focus {
  outline: none;
  border-color: #3b66a2;
  background: #16263D;
}
input[type=text].error,
input[type=email].error,
input[type=password].error,
input[type=number].error,
input[type=date].error,
input[list].error,
select[multiple].error,
textarea.error,
.toggle-wrapper.error {
  background: #f1c9c6;
  border-color: #ce4336;
  color: #ce4336;
}
input[type=text].error:focus,
input[type=email].error:focus,
input[type=password].error:focus,
input[type=number].error:focus,
input[type=date].error:focus,
input[list].error:focus,
select[multiple].error:focus,
textarea.error:focus,
.toggle-wrapper.error:focus {
  border-color: #274775;
  color: #edf6ff;
  background: #16263D;
}
input[type=text]:disabled, input[type=text].disabled,
input[type=email]:disabled,
input[type=email].disabled,
input[type=password]:disabled,
input[type=password].disabled,
input[type=number]:disabled,
input[type=number].disabled,
input[type=date]:disabled,
input[type=date].disabled,
input[list]:disabled,
input[list].disabled,
select[multiple]:disabled,
select[multiple].disabled,
textarea:disabled,
textarea.disabled,
.toggle-wrapper:disabled,
.toggle-wrapper.disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  filter: alpha(opacity=50);
}
input[type=text][readonly],
input[type=email][readonly],
input[type=password][readonly],
input[type=number][readonly],
input[type=date][readonly],
input[list][readonly],
select[multiple][readonly],
textarea[readonly],
.toggle-wrapper[readonly] {
  background: #16263D;
  border-color: #2d5388;
  color: #a5b5bf;
}

input[disabled],
select[disabled],
textarea[disabled] {
  cursor: default;
  pointer-events: none;
  user-select: none;
}

input[type=checkbox],
input[type=radio] {
  position: relative;
  top: 1px;
  cursor: pointer;
  display: inline-flex;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 5px;
  line-height: 0.8rem;
  text-align: center;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
}
input[type=checkbox]:before, input[type=checkbox]:after,
input[type=radio]:before,
input[type=radio]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #355a8f;
  cursor: pointer;
  pointer-events: none;
  border-radius: 2px;
  background: #16263D;
  font-size: 0.7rem;
}
input[type=checkbox]:after,
input[type=radio]:after {
  color: #edf6ff;
  transition: border-color background-color 0.2s ease-in-out;
}
input[type=checkbox]:hover:before, input[type=checkbox]:hover:after,
input[type=radio]:hover:before,
input[type=radio]:hover:after {
  border-color: #3b66a2;
}
input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: none;
}
input[type=checkbox]:focus:before, input[type=checkbox]:focus:after,
input[type=radio]:focus:before,
input[type=radio]:focus:after {
  border-color: #3b66a2;
}
input[type=checkbox].error:before, input[type=checkbox].error:after,
input[type=radio].error:before,
input[type=radio].error:after {
  border-color: #ce4336;
}
input[type=checkbox].error:focus:before, input[type=checkbox].error:focus:after,
input[type=radio].error:focus:before,
input[type=radio].error:focus:after {
  border-color: #ce4336;
}
input[type=checkbox]:disabled, input[type=checkbox].disabled,
input[type=radio]:disabled,
input[type=radio].disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  filter: alpha(opacity=50);
}
input[type=checkbox][readonly]:before, input[type=checkbox][readonly]:after,
input[type=radio][readonly]:before,
input[type=radio][readonly]:after {
  background: none;
  border-color: #274775;
}

input[type=radio]:before, input[type=radio]:after {
  border-radius: 100%;
  background-color: transparent;
}
input[type=radio]:checked::before {
  border: 1px solid #0360eb;
}
input[type=radio]:checked::after {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 5px;
  height: 5px;
  background-color: #0360eb;
  border-color: #0360eb;
}
input[type=radio].error:checked::after {
  border-color: transparent;
}

input[type=checkbox]:checked::after, input[type=checkbox]:indeterminate::after {
  background-color: #0360eb;
  color: #ffffff;
  font-family: "icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  padding-top: 1px;
  border-color: #0360eb;
}
input[type=checkbox]:checked::after {
  content: "\f143";
}
input[type=checkbox]:indeterminate::after {
  content: "\f19c";
}

.toggle-wrapper {
  position: relative;
  height: 22px;
  width: 40px;
  display: inline-flex;
  border-radius: 2px;
  background: #16263D;
  border: 1px solid #274775;
  transition: border 0.2s ease-in-out;
}
.toggle-wrapper:focus {
  outline: none;
  border-color: #3b66a2;
  background: #16263D;
}
.toggle-wrapper input {
  display: none;
}
.toggle-wrapper input:checked + .toggle .nub-wrapper {
  transform: translateX(18px);
}
.toggle-wrapper input:checked + .toggle .nub {
  background-color: #0360eb;
}
.toggle-wrapper input:disabled + .toggle:hover {
  cursor: default;
}
.toggle-wrapper input:disabled + .toggle .nub {
  background-color: #355a8f;
}
.toggle-wrapper .toggle {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
  border-radius: 2px;
}
.toggle-wrapper .toggle:hover {
  cursor: pointer;
}
.toggle-wrapper .nub-wrapper {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 16px;
  width: 16px;
  transition: 0.4s;
  border-radius: 2px;
}
.toggle-wrapper .nub-wrapper .nub {
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  background-color: gray;
  border-radius: 2px;
  border-width: 1px;
  border-color: transparent;
}
.toggle-wrapper.large {
  height: 30px;
  width: 55px;
  border-radius: 2px;
  top: 5px;
}
.toggle-wrapper.large input:checked + .toggle .nub-wrapper {
  transform: translateX(25px);
}
.toggle-wrapper.large .toggle {
  border-radius: 2px;
}
.toggle-wrapper.large .nub-wrapper {
  height: 22px;
  width: 22px;
  top: 3px;
  left: 3px;
}
.toggle-wrapper.large .nub-wrapper .nub {
  width: 22px;
  height: 22px;
}

.form-group {
  display: flex;
  align-items: stretch;
}
.form-group label,
.form-group .button.select {
  white-space: nowrap;
  align-items: center;
  display: flex;
  border: 1px solid #274775;
  border-radius: 2px;
  margin: 0;
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0 12px;
}
.form-group label {
  background: #233b5d;
}
.form-group .button.select {
  padding: 6px 25px 6px 10px;
}
.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=password],
.form-group input[type=number] {
  display: flex;
  border-radius: 2px 0 0 2px;
}
.form-group input[type=text]:last-child,
.form-group input[type=email]:last-child,
.form-group input[type=password]:last-child,
.form-group input[type=number]:last-child {
  border-right-width: 1px;
}
.form-group input[type=number] {
  padding: 10px 3px 10px 10px;
}
.form-group .button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.form-group .button.primary {
  border-left-width: 1px;
}
.form-group.compact input[type=text],
.form-group.compact input[type=email],
.form-group.compact input[type=password],
.form-group.compact input[type=number] {
  padding: 3px 10px;
  font-size: 12px;
}
.form-group.compact input[type=number] {
  padding: 3px 3px 3px 10px;
}
.form-group.compact label {
  padding: 0 7px;
}
.form-group.compact .button {
  padding: 3px 10px;
  font-size: 12px;
}

.upload-file {
  display: flex;
  align-items: stretch;
  position: relative;
}
.upload-file:hover .upload-wrapper,
.upload-file:hover input.filename {
  border-color: #355a8f;
  background: #16263D;
}
.upload-file:focus .upload-wrapper,
.upload-file:focus input.filename {
  outline: none;
  border-color: #3b66a2;
  background: #16263D;
}
.upload-file .upload-wrapper {
  position: relative;
  white-space: nowrap;
  align-items: center;
  display: flex;
  border: 1px solid #274775;
  border-radius: 2px;
  border-right: none;
  margin: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0 12px;
  background: #16263D;
  transition: all 0.2s ease-in-out;
}
.upload-file .upload-wrapper i {
  margin-right: 5px;
}
.upload-file input[type=file] {
  visibility: hidden;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.upload-file input[type=text] [readonly],
.upload-file input[type=email] [readonly] {
  display: flex;
  border-radius: 2px 0 0 2px;
  border-right: none;
  width: 99%;
}
.upload-file input.filename {
  border: 1px solid #274775;
  background: #16263D;
  padding-right: 30px;
}
.upload-file .button {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #233b5d;
  border: 1px solid #233b5d;
  width: 20px;
  height: 20px;
  padding: 2px 0 0 0;
  font-size: 8px;
  text-align: center;
  border-radius: 50%;
}
.upload-file .button:hover {
  border: 1px solid #233b5d;
  background: #233b5d;
}
.upload-file.compact label {
  padding: 0 7px;
  font-size: 12px;
}
.upload-file.compact input[type=text][readonly],
.upload-file.compact input[type=email][readonly] {
  padding: 3px 10px;
  font-size: 12px;
}
.upload-file.compact .button {
  width: 16px;
  height: 16px;
  top: 3px;
  right: 3px;
}
.upload-file.error label.upload-wrapper {
  background: #f1c9c6;
  border-color: #ce4336;
  color: #000000;
}
.upload-file.error input.filename {
  background: #f1c9c6;
  border-color: #ce4336;
  color: #000000;
}
.upload-file.error input.filename:focus {
  border-color: #3b66a2;
  color: #000000;
  background: #f1c9c6;
}
.upload-file.disabled label.upload-wrapper:hover {
  cursor: not-allowed !important;
}
.upload-file.disabled input.filename:hover {
  cursor: not-allowed !important;
}

.list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list > li {
  padding: 6px 10px;
  position: relative;
  border-radius: 2px;
}
.list > li.divider {
  border-bottom: 1px solid #203757;
  padding-bottom: 10px;
  margin-bottom: 5px;
  margin-right: 0;
}
.list > li label {
  font-weight: 400;
  margin: 0;
}
.list > li .list-value {
  white-space: normal;
  display: inline-table;
  overflow: hidden;
}
.list > li.active > a {
  background-color: #0360eb;
  color: #ffffff;
}
.list > li.active > a .help-text {
  color: #091e42;
}
.list > li.active > a:hover {
  background-color: #0356d2;
  color: #ffffff;
}
.list > li.active > a:focus {
  background-color: #0250c3;
  color: #ffffff;
}
.list > li a {
  margin: -6px -10px;
  color: #edf6ff;
  padding: 6px 10px;
  display: block;
  border-radius: 2px;
}
.list > li a:hover {
  background-color: #1f3352;
}
.list > li.help-text {
  color: #a5b5bf;
}
.list > li.button {
  margin-left: 0;
  margin-right: 0;
}
.list > li.danger-text {
  color: #f57266;
}
.list > li.success-text {
  color: #3da949;
}
.list .icon-drag {
  cursor: grab;
}
.list.bordered > li {
  border-bottom: 1px solid #203757;
}
.list.bordered > li:last-child {
  border: none;
}
.list.compact > li {
  padding: 0 10px;
}
.list.compact > li.divider {
  padding-bottom: 3px;
  margin-bottom: 3px;
  padding-right: 0;
}
.list.compact > li a {
  padding: 3px 10px;
  margin: 0px -10px;
}
.list.horizontal {
  overflow: inherit;
}
.list.horizontal::after {
  content: "";
  clear: both;
  display: table;
}
.list.horizontal > li {
  float: left;
  margin-right: 3px;
}
.list.horizontal > li:last-child {
  margin-right: 0;
}
.list.horizontal > li.divider {
  border-right: 1px solid #203757;
  border-bottom: none;
  border-top: none;
  padding-right: 15px;
  margin-right: 5px;
  padding-bottom: 5px;
  margin-bottom: 0;
  border-radius: 0;
}
.list.horizontal.bordered > li {
  border-right: 1px solid #203757;
  border-bottom: none;
}
.list.horizontal.bordered > li:last-child {
  border: none;
}
.list.table-of-contents:before {
  display: none;
}
.list.table-of-contents > li a,
.list.table-of-contents > li div {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
}
.list.table-of-contents > li a:hover {
  background-color: transparent;
}
.list.table-of-contents > li a:hover .leader {
  background-image: linear-gradient(to right, #35598b 0%, #35598b 60%, transparent 60%);
}
.list.grid li.frame {
  padding-bottom: 0;
  padding-top: 0;
}
.list.grid li.frame > a {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}

.table-of-contents {
  position: relative;
  padding: 0;
  margin: 0;
}
.table-of-contents > * > *:has(.title), .table-of-contents:has(> .title) {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
}
.table-of-contents .leader {
  flex-grow: 1;
  background-image: linear-gradient(to right, #203757 0%, #203757 60%, transparent 60%);
  background-position: 0 50%;
  background-size: 4px 1px;
  background-repeat: repeat-x;
}
.table-of-contents .title {
  flex: 0 1 auto;
  padding-right: 5px;
  align-self: center;
}
.table-of-contents .value {
  flex: 0 1 auto;
  padding-left: 5px;
  text-align: right;
  align-self: center;
  overflow: hidden;
}
.table-of-contents.compact {
  font-size: 13px;
}
.table-of-contents.compact a,
.table-of-contents.compact div {
  font-size: 13px;
}

.tree-list {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0 0 0 0;
  min-width: 268px;
}
.tree-list li {
  position: relative;
  padding: 0;
}
.tree-list .selected {
  background-color: #1b436f;
}
.tree-list .selected:hover {
  background-color: #1b436f;
}
.tree-list .item {
  margin: 0;
  color: #edf6ff;
  padding: 6px 30px 6px 10px;
  display: block;
  cursor: pointer;
}
.tree-list .item:hover {
  background-color: #1f3352;
}
.tree-list .item.selected {
  background-color: #1b436f;
  color: #edf6ff;
}
.tree-list .item.selected:hover {
  background-color: #1b436f;
}
.tree-list .item .icon-yes {
  position: absolute;
  top: 5px;
  right: 10px;
  margin-right: 0;
}
.tree-list .sub-item .icon-expand-down:before {
  visibility: visible;
}
.tree-list .sub-item.opened .icon-expand-down:before {
  transform: rotate(0deg);
}
.tree-list .disabled * {
  opacity: 0.3;
}
.tree-list .icon {
  margin-right: 5px;
}
.tree-list .icon-expand-down:before {
  visibility: hidden;
  transform: rotate(-90deg);
}
.tree-list ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.tree-list ul li:last-child {
  padding-bottom: 0;
}
.tree-list ul .item {
  padding-left: 33px;
}
.tree-list ul ul .item {
  padding-left: 58px;
}
.tree-list.bordered > li .item {
  border-bottom: 1px solid #203757;
}
.tree-list.compact li {
  padding: 0;
}
.tree-list.compact li .item {
  padding: 3px 10px;
}
.tree-list.compact ul {
  margin: 0;
}
.tree-list.compact ul li .item {
  padding-left: 35px;
}
.tree-list.compact ul ul li .item {
  padding-left: 58px;
}

.list-wrapper > ul.list {
  margin-bottom: 20px;
}
.list-wrapper > ul.list:last-child {
  margin-bottom: 0;
}

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #16263D;
}
table th {
  text-align: left;
  padding: 10px 12px;
  font-weight: 500;
  position: relative;
  background-color: #2D5889;
  color: #edf6ff;
  border-top: 1px solid #213756;
  border-bottom: 1px solid #213756;
  border-right: 1px solid #213756;
}
table th:last-child {
  border-right: 0;
}
table th.sticky.sticky-active.sticky-last:not(:last-child)::before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  bottom: 0;
  width: 30px;
  height: calc(100% + 2px);
  transform: translateX(100%);
  transition: box-shadow 0.4s;
  border: none;
  box-shadow: none;
}
table th.sticky.sticky-left.sticky-active.sticky-last::before {
  box-shadow: inset 10px 0 7px -7px rgba(0, 0, 0, 0.1);
}
table th .dropdown {
  width: 250px;
  top: 38px;
}
table th .dropdown .dropdown-counter {
  margin-top: 5px;
}
table td {
  border: 1px solid transparent;
  border-right: 1px solid #203757;
  border-top: 1px solid #203757;
}
table td.sticky.sticky-active.sticky-last:not(:last-child)::before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  bottom: 0;
  width: 30px;
  height: calc(100% + 2px);
  transform: translateX(100%);
  transition: box-shadow 0.4s;
  border: none;
  box-shadow: none;
}
table td.sticky.sticky-left.sticky-active.sticky-last::before {
  box-shadow: inset 10px 0 7px -7px rgba(0, 0, 0, 0.1);
}
@-moz-document url-prefix() {
  table td {
    border-left: 0px solid #203757;
  }
}
table td:last-child {
  border-right: 0;
}
table .column-actions {
  display: grid;
  grid-template-columns: auto max-content;
  align-items: center;
  margin-right: -10px;
}
table .actions {
  margin-left: 5px;
}
table .actions > a,
table .actions > button.button.link {
  float: left;
  width: 30px;
  height: 30px;
  color: #edf6ff;
  padding: 6px;
  margin: -6px 0;
  font-size: 13px;
  text-align: center;
  border-radius: 50%;
}
table .actions > a:hover,
table .actions > button.button.link:hover {
  background-color: #213756;
  border-color: transparent;
  color: #ffffff;
}
table .actions > a.active, table .actions > a:focus,
table .actions > button.button.link.active,
table .actions > button.button.link:focus {
  background-color: #213756;
  color: #ffffff;
}
table .actions > a .icon,
table .actions > button.button.link .icon {
  position: relative;
}
table .actions > .frame {
  color: #edf6ff;
}
table .actions button.th-filter + .frame.dropdown input[data-filter] {
  margin: 10px;
  width: calc(100% - 20px);
}
table .actions button.th-filter + .frame.dropdown input[data-filter] + span {
  display: block;
  border-top: 1px solid #203757;
}
table .actions button.th-filter + .frame.dropdown input[data-filter] + span label {
  white-space: normal;
}
table .sort::before {
  content: "\f11a";
  font-family: "icons";
}
table .sort.asc {
  background-color: #213756;
  color: #ffffff;
}
table .sort.asc::before {
  content: "\f109";
  font-family: "icons";
}
table .sort.asc:hover::before {
  content: "\f108";
  font-family: "icons";
  color: #ffffff;
}
table .sort.desc {
  background-color: #213756;
  color: #ffffff;
}
table .sort.desc::before {
  content: "\f108";
  font-family: "icons";
}
table .sort.desc:hover::before {
  content: "\f109";
  font-family: "icons";
  color: #ffffff;
}
table tbody + tbody::before {
  content: "";
  display: block;
  height: 2px;
}
table tbody.row-group {
  border-bottom: 3px double #203757;
}
table tbody.row-group tr:hover .table-of-contents .title,
table tbody.row-group tr:hover .table-of-contents .value {
  background-color: #1f3352;
}
table tbody.row-group tr.selected .table-of-contents .title,
table tbody.row-group tr.selected .table-of-contents .value {
  background-color: #1b436f;
}
table tbody.row-group tr.selected:hover .table-of-contents .title,
table tbody.row-group tr.selected:hover .table-of-contents .value {
  background-color: #1f3352;
}
table tbody td {
  background-color: #16263D;
}
table tbody.row-group:nth-child(odd) td, table tbody:not(.row-group) tr:nth-child(even) td {
  background-color: #1a2b44;
}
table tbody.row-group:nth-child(odd) .table-of-contents .title,
table tbody.row-group:nth-child(odd) .table-of-contents .value, table tbody:not(.row-group) tr:nth-child(even) .table-of-contents .title,
table tbody:not(.row-group) tr:nth-child(even) .table-of-contents .value {
  background-color: #1a2b44;
}
table tbody tr:nth-child(even):hover .table-of-contents .title,
table tbody tr:nth-child(even):hover .table-of-contents .value {
  background-color: #1f3352;
}
table tbody tr.error {
  background-color: #36293c !important;
}
table tbody tr.error:hover {
  background-color: #36293c !important;
}
table tbody tr.error:hover td {
  background-color: #36293c !important;
}
table tbody tr.error td {
  background-color: #36293c !important;
}
table tbody tr.last-in-group {
  border-bottom: 3px double #203757;
}
table tbody tr.skeleton td:after {
  content: "loader";
  background-image: linear-gradient(to right, #203757 20%, #597a97 50%, #203757 80%);
  background-size: 500px 100px;
  animation-name: moving-gradient;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  display: block;
  color: transparent !important;
}
table tbody tr.selected td {
  background-color: #1b436f !important;
}
table tbody tr.selected .table-of-contents .title,
table tbody tr.selected .table-of-contents .value {
  background-color: #1b436f;
}
table tbody tr.selected:hover td {
  background-color: #1b436f !important;
}
table tbody tr.selected:hover .table-of-contents .title,
table tbody tr.selected:hover .table-of-contents .value {
  background-color: #1f3352;
}
table tbody tr:hover .table-of-contents .title,
table tbody tr:hover .table-of-contents .value {
  background-color: #1f3352;
}
table tbody tr:hover td {
  background-color: #1f3352 !important;
}
table tbody tr:hover td.selected {
  background-color: #1b436f !important;
}
table tbody tr:last-child {
  border: none;
}
table tbody tr.empty-row {
  height: 120px;
  text-align: center;
}
table tbody tr.empty-row td {
  vertical-align: middle;
}
table tbody tr.empty-row .icon-empty {
  position: relative;
  top: 2px;
  margin-right: 5px;
  font-size: 20px;
}
table tbody .selected {
  background-color: #1b436f !important;
}
table tbody .selected:hover {
  background-color: #1b436f !important;
}
table tbody .selected.error {
  background-color: #36293c !important;
}
table tbody .selected.error td {
  background-color: #36293c !important;
}
table tbody .selected.error:hover {
  background-color: #36293c !important;
}
table tbody .selected.error:hover td {
  background-color: #36293c !important;
}
table.actionable td:last-child {
  vertical-align: middle;
  padding: 5px;
}
table.actionable tr {
  border-bottom: 1px solid #203757;
}
table.actionable tr:hover {
  background-color: #1f3352;
}
table.actionable tr:hover td:last-child {
  position: sticky;
  right: 0;
  background-color: inherit;
}
table td {
  padding: 10px 12px;
  position: relative;
  vertical-align: top;
}
table td.error {
  z-index: 1;
  position: relative;
  border-bottom: 0px;
  border: 1px solid #ce4336;
}
table td.error > * {
  z-index: 1;
}
table td.error[data-editable=true][data-edit=on] textarea,
table td.error[data-editable=true][data-edit=on] input {
  color: #000000;
}
table td:focus {
  outline: none;
}
table td[data-editable=true].focus {
  border: 1px solid #0360eb;
}
table td[data-editable=true].focus[data-edit=on] {
  box-shadow: inset 0 0 3px #94a3b8;
}
table td[data-editable=true][data-edit=on] {
  padding: 0;
}
table td[data-editable=true][data-edit=on] .cell-width-helper {
  padding-left: 12px;
  padding-right: 12px;
  height: 0px;
  visibility: hidden;
  display: block;
}
table td[data-editable=true][data-edit=on] textarea,
table td[data-editable=true][data-edit=on] input {
  display: block;
  border-width: 0px;
  border-radius: 0;
  transition: none;
  margin: 0;
  padding: 10px 12px;
  min-height: auto;
  width: 100%;
  border: none;
  background: none;
  resize: none;
  overflow-y: hidden;
  font-family: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
}
table td[data-editable=false].focus {
  border: 1px solid #aaaaaa;
}
table td.empty {
  background-image: repeating-linear-gradient(-61deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 5px, #203757 5px, #203757 6px);
  background-color: #16263D;
}
table td.expand {
  cursor: pointer;
}
table td.expand::after {
  z-index: 1;
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  left: auto;
  width: 0;
  height: 0;
  border-width: 0 6px 6px 0;
  border-color: transparent #94a3b8 transparent transparent;
  border-style: solid;
  cursor: pointer;
  overflow: hidden;
  line-height: 0.8;
  font-size: 9px;
  font-weight: 600;
  opacity: 1;
}
table td.expand:hover::after {
  border-color: transparent #0360eb transparent transparent;
}
table td.skeleton:after {
  content: "loader";
  background-image: linear-gradient(to right, #203757 20%, #597a97 50%, #203757 80%);
  background-size: 500px 100px;
  animation-name: moving-gradient;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  display: block;
  color: transparent !important;
  position: unset !important;
  height: unset !important;
  width: unset !important;
  border: unset !important;
  line-height: unset !important;
  font-size: unset !important;
}
table td[contenteditable=true] {
  box-shadow: inset 0 0 5px #94a3b8;
}
table td.fragments-table-selectable {
  text-align: center;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
}
table td.selectable {
  padding: 0;
}
table td.selectable > .button.select {
  display: block;
  border-width: 0px;
  border-radius: 0;
  transition: none;
  margin: 0;
  padding: 10px 12px;
  padding-right: 24px;
  min-height: auto;
  width: 100%;
  border: none;
  background: none;
  resize: none;
  overflow-y: hidden;
  font-family: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
}
table td.selectable > .button.select:after {
  top: 10px;
}
table td.selectable.focus {
  border: 1px solid #213756;
}
table tfoot {
  background-color: #182941;
}
table tfoot tr {
  box-shadow: inset 0px 1.5px #203757;
}
table tfoot th,
table tfoot td {
  font-weight: bold;
}
table.numbered tr:hover td:first-child:not(.fragments-table-selectable),
table.numbered tr:hover td.fragments-table-selectable + td {
  background: #203757 !important;
}
table.numbered tr td:first-child:not(.fragments-table-selectable),
table.numbered tr td.fragments-table-selectable + td {
  background: #203757 !important;
  text-align: center;
  width: 50px;
  min-width: 50px;
  border-top: 1px solid #192b44;
}
table.numbered tr.selected td.fragments-table-selectable {
  border-right: 1px solid #16375a !important;
}
table.numbered tr.selected td:first-child:not(.fragments-table-selectable),
table.numbered tr.selected td.fragments-table-selectable + td {
  background: #16375a !important;
  border-right: 1px solid #16375a !important;
}
table.numbered tr.error td.fragments-table-selectable {
  border-right: 1px solid #281f2d !important;
}
table.numbered tr.error td:first-child:not(.fragments-table-selectable),
table.numbered tr.error td.fragments-table-selectable + td {
  background: #281f2d !important;
  border-right: 1px solid #281f2d !important;
}
table.numbered tr.error td:first-child:not(.fragments-table-selectable).focus,
table.numbered tr.error td.fragments-table-selectable + td.focus {
  border: 1px solid #aaaaaa;
}
table.numbered tr.error.selected td:first-child:not(.fragments-table-selectable),
table.numbered tr.error.selected td.fragments-table-selectable + td {
  background: #281f2d !important;
}
table.numbered tr.error:hover td:first-child:not(.fragments-table-selectable),
table.numbered tr.error:hover td.fragments-table-selectable + td {
  background: #281f2d !important;
}
table.skeleton td:after {
  content: "loader";
  background-image: linear-gradient(to right, #203757 20%, #597a97 50%, #203757 80%);
  background-size: 500px 100px;
  animation-name: moving-gradient;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  display: block;
  color: transparent !important;
}

.loader {
  position: relative;
  min-width: 30px;
}
.loader.skeleton:after {
  content: "loader";
  background-image: linear-gradient(to right, #203757 20%, #597a97 50%, #203757 80%);
  background-size: 500px 100px;
  animation-name: moving-gradient;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  display: block;
  color: transparent !important;
}

.saving.loader {
  padding-right: 1.7em;
}
.saving::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  right: 0.5em;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  border-radius: 50%;
  border: 0.2em solid #203757;
  border-top-color: #0360eb;
  animation: spinner 0.6s linear infinite;
}
.saving:hover::before {
  content: "";
  right: 0;
  padding: 0;
  margin-top: 0;
  font-family: inherit;
  font-size: inherit;
}

.loading-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #16263D;
  opacity: 0.95;
  min-height: 110px;
  z-index: 1060;
}
.loading-overlay .loading-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading-overlay .saving {
  font-size: 20px;
}

.tabs {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  overflow: auto hidden;
  border-bottom: 1px solid #203757;
  padding: 10px 10px;
  padding-bottom: 0;
  scrollbar-width: none;
  z-index: 4;
}
.tabs.tabs-overflow {
  padding: 10px 0 0 0;
}
.tabs::-webkit-scrollbar {
  display: none;
}
.tabs > [data-tab-arrow] {
  position: sticky;
  top: 0;
  z-index: 1;
}
.tabs > [data-tab-arrow].tabs-arrow-start {
  left: 0;
}
.tabs > [data-tab-arrow].tabs-arrow-end {
  right: 0;
}
.tabs > [data-tab-arrow][disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.tabs > a {
  position: relative;
  display: inline-flex;
  padding: 10px 14px;
  color: #edf6ff;
  word-break: break-word;
  max-width: 240px;
  text-align: center;
  align-items: center;
  max-height: calc(2em + 20px);
  overflow: hidden;
  border-bottom: 3px solid transparent;
  flex: 0 0 auto;
}
.tabs > a.active {
  margin-bottom: 0px;
  border-bottom: 3px solid #0360eb;
  color: #edf6ff;
}
.tabs > a.active:hover {
  border-bottom: 3px solid #0360eb;
}
.tabs > a:hover {
  margin-bottom: 0px;
  border-bottom: 3px solid #203757;
}
.tabs > a .counter {
  color: #a5b5bf;
}

.pagination .field {
  display: inline-block;
}
.pagination input[name=page] {
  width: 70px;
}

.rules {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.rules > li {
  padding: 8px 0;
}
.rules > li.or {
  margin-left: 16px;
  padding-left: 16px;
  border-left: 1px solid #2d5388;
}
.rules > li .rules-builder-field, .rules > li .rules-builder-input {
  width: 100vw;
  max-width: 240px;
  flex: 0 0 auto;
}

.select:has(.rules-builder-operator) {
  width: 55px !important;
  min-width: unset !important;
}

.select:has(.rules-builder-condition) {
  width: 67px !important;
  min-width: unset !important;
}

.canvas {
  position: relative;
}
.canvas.with-header {
  margin-top: 60px;
}
.canvas.with-header > .sidebar {
  top: 60px;
}
.canvas.with-submenu {
  margin-top: 97px;
}
.canvas.with-submenu > .sidebar {
  top: 97px;
}
@media (min-width: 1012px) {
  .canvas.with-left-sidebar > .content {
    margin-left: 220px;
  }
}
@media (min-width: 1012px) {
  .canvas.with-left-sidebar-large > .content {
    margin-left: 280px;
  }
}
@media (min-width: 1012px) {
  .canvas.with-left-sidebar-large .sidebar.left {
    width: 280px;
  }
}
.canvas.with-left-sidebar-large.sidebar-collapsed .sidebar.left {
  left: -267px;
}
.canvas.with-left-sidebar-large.sidebar-collapsed > .content {
  margin-left: 10px;
}
@media (min-width: 1280px) {
  .canvas.with-right-sidebar > .content {
    margin-right: 300px;
  }
}
.canvas .sidebar {
  padding: 10px 10px;
}
@media (min-width: 1012px) {
  .canvas .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    overflow-y: auto;
  }
}
.canvas .sidebar.left {
  border-right: 1px solid #203757;
  width: 100%;
}
@media (min-width: 1012px) {
  .canvas .sidebar.left {
    width: 220px;
  }
}
.canvas .sidebar.right {
  right: 0;
  width: 100%;
}
@media (min-width: 1012px) {
  .canvas .sidebar.right {
    position: relative;
    left: 245px;
    width: 300px;
  }
}
@media (min-width: 1280px) {
  .canvas .sidebar.right {
    position: fixed;
    left: auto;
  }
}

.content {
  padding: 20px 25px;
}

.content-center {
  display: block;
}
@media (min-width: 1280px) {
  .content-center {
    margin: 0 auto;
  }
}

.content-min {
  width: 100%;
}
@media (min-width: 1280px) {
  .content-min {
    width: 30%;
  }
}

.content-medium {
  width: 100%;
}
@media (min-width: 1280px) {
  .content-medium {
    width: 50%;
  }
}

.content-max {
  width: 100%;
}
@media (min-width: 1280px) {
  .content-max {
    width: 70%;
  }
}

.page-header-details.list.grid .title {
  display: block;
  font-size: 13px;
}
.page-header-details.list.grid .value {
  display: block;
  font-size: 16px;
}

.frame {
  position: relative;
  border-radius: 4px;
  border: 1px solid #203757;
  background: #16263D;
}
.frame .frame-section {
  padding: 10px 10px;
  border-bottom: 1px solid #203757;
  z-index: 14;
}
.frame .frame-section:last-child {
  border: none;
}
.frame .frame-section.parent {
  padding: 0;
}
.frame .frame-section.parent > * {
  border: none;
  border-right: 1px solid #203757;
}
.frame .frame-section.parent > *:last-child {
  border: none;
}
.frame .frame-section.scroll-x, .frame .frame-section.scroll-y-tall {
  scrollbar-width: none;
  z-index: 4;
}
.frame .frame-section.scroll-x::-webkit-scrollbar, .frame .frame-section.scroll-y-tall::-webkit-scrollbar {
  display: none;
}
.frame.scroll-x, .frame.scroll-y-tall {
  scrollbar-width: none;
  z-index: 4;
}
.frame.scroll-x::-webkit-scrollbar, .frame.scroll-y-tall::-webkit-scrollbar {
  display: none;
}
.frame .scrollbar {
  position: sticky;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 0px 0px 1px #203757;
  height: 12px;
  padding: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  user-select: none;
  z-index: 11;
  transition: transform 0.3s;
  transform-origin: bottom center;
}
.frame .scrollbar.mouseDown, .frame .scrollbar:hover {
  transform: scaleY(1.5);
}
.frame .scrollbar.mouseDown .scrollbar-thumb, .frame .scrollbar:hover .scrollbar-thumb {
  background: hsl(220, 1%, 40%);
}
.frame .scrollbar .scrollbar-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  height: calc(100% - 4px);
  border-radius: 140px;
  background: hsl(220, 1%, 60%);
  cursor: pointer;
  touch-action: pan-x;
  transition: background 0.3s;
}
.frame .scrollbar .scrollbar-thumb:hover {
  background: hsl(220, 1%, 40%);
}
.frame .center-vertical {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: stretch;
  align-items: center;
}
.frame .center-vertical.separate {
  gap: 0 20px;
}
.frame .hide-frame {
  color: #5298ff;
  text-decoration: none;
  position: absolute;
  top: -23px;
  right: 0;
  font-size: 13px;
}
.frame .hide-frame:hover {
  background: none !important;
  border-color: transparent !important;
}

header#header {
  position: fixed;
  height: 60px;
  padding: 12px 25px;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1050;
  background-color: #0f1b2c;
}
header#header .logo {
  width: 32px;
  height: 32px;
  margin-top: 2px;
  margin-right: 10px;
  overflow: hidden;
}
@media (min-width: 1280px) {
  header#header .logo {
    width: auto;
    margin-right: 30px;
  }
}
header#header .logo img {
  height: 32px;
}
header#header sup.badge {
  font-size: 8px !important;
  top: 5px;
}
header#header > div .list,
header#header > .list {
  margin-bottom: 0;
}
header#header > div .list:first-of-type,
header#header > .list:first-of-type {
  margin-top: 1px;
}
header#header > div .list > li > .button,
header#header > .list > li > .button {
  margin: -6px -10px;
}
header#header > div .list > li .avatar,
header#header > div .list > li a,
header#header > div .list > li button.button,
header#header > .list > li .avatar,
header#header > .list > li a,
header#header > .list > li button.button {
  color: #edf6ff;
}
header#header > div .list > li .avatar:hover,
header#header > div .list > li a:hover,
header#header > div .list > li button.button:hover,
header#header > .list > li .avatar:hover,
header#header > .list > li a:hover,
header#header > .list > li button.button:hover {
  color: #edf6ff;
  background: #213756;
  border-color: transparent;
}
header#header > div .list > li .avatar:hover .pin,
header#header > div .list > li a:hover .pin,
header#header > div .list > li button.button:hover .pin,
header#header > .list > li .avatar:hover .pin,
header#header > .list > li a:hover .pin,
header#header > .list > li button.button:hover .pin {
  background: #213756;
  color: #edf6ff;
}
header#header > div .list > li .avatar:focus,
header#header > div .list > li a:focus,
header#header > div .list > li button.button:focus,
header#header > .list > li .avatar:focus,
header#header > .list > li a:focus,
header#header > .list > li button.button:focus {
  background: transparent;
}
header#header > div .list > li .avatar:focus .pin,
header#header > div .list > li a:focus .pin,
header#header > div .list > li button.button:focus .pin,
header#header > .list > li .avatar:focus .pin,
header#header > .list > li a:focus .pin,
header#header > .list > li button.button:focus .pin {
  background: #284368;
}
header#header > div .list > li .avatar .pin,
header#header > div .list > li a .pin,
header#header > div .list > li button.button .pin,
header#header > .list > li .avatar .pin,
header#header > .list > li a .pin,
header#header > .list > li button.button .pin {
  background-color: transparent;
  font-size: 20px;
  color: #edf6ff;
}
header#header > div .list > li.active a:hover,
header#header > .list > li.active a:hover {
  color: #edf6ff;
  background: #0360eb;
}
header#header > div .list > li .avatar,
header#header > .list > li .avatar {
  display: inline-table;
  margin-right: 0;
}
header#header > div .list > li .avatar:hover,
header#header > .list > li .avatar:hover {
  background: none;
}
header#header div .list .no-hover:hover,
header#header .list .no-hover:hover {
  background: none !important;
}
header#header nav {
  margin-top: 2px;
}
header#header .ux-component-menu {
  width: 200px;
}
@media (min-width: 1012px) {
  header#header .ux-component-menu {
    width: auto;
  }
}
header#header .ux-component-menu span {
  display: block;
}
@media (min-width: 1012px) {
  header#header .ux-component-menu span {
    display: inline;
  }
}
header#header .ux-component-menu span > .dropdown {
  z-index: 1050;
}
header#header .ux-component-menu a,
header#header .ux-component-menu button.link {
  padding: 6px 10px;
  border-radius: 2px;
  border: 1px solid transparent;
  color: #edf6ff;
  display: block;
  text-decoration: none;
}
header#header .ux-component-menu a.select,
header#header .ux-component-menu button.link.select {
  padding-right: 25px;
}
@media (min-width: 1012px) {
  header#header .ux-component-menu a,
  header#header .ux-component-menu button.link {
    color: #edf6ff;
    display: inline-block;
  }
}
@media (max-width: 1012px) {
  header#header .ux-component-menu a,
  header#header .ux-component-menu button.link {
    text-align: left;
    width: 100%;
  }
}
header#header .ux-component-menu a:hover,
header#header .ux-component-menu button.link:hover {
  color: #edf6ff;
  background: #213756;
  border: 1px solid transparent;
}
header#header .ux-component-menu a:focus,
header#header .ux-component-menu button.link:focus {
  background: #284368;
}
header#header .ux-component-menu a.active,
header#header .ux-component-menu button.link.active {
  background-color: #0360eb;
  color: #edf6ff;
}
header#header .ux-component-menu a.active:hover,
header#header .ux-component-menu button.link.active:hover {
  background-color: #035adc;
  color: #edf6ff;
  border: 1px solid transparent;
}
header#header .ux-component-menu a.active:focus,
header#header .ux-component-menu button.link.active:focus {
  background-color: #0250c3;
}
header#header .ux-component-menu .divide {
  border-color: #213756;
}
header#header .menu-button {
  background: #0360eb;
  border-color: #0360eb;
  color: #ffffff;
  margin-top: 2px;
}
header#header .dropdown ul li.active a {
  color: #E8ECF0;
}
header#header .dropdown ul li a {
  display: block;
  color: #edf6ff;
}
header#header .dropdown ul li a:hover {
  color: inherit;
  background: #1f3352;
}

.parent {
  display: block;
  grid-template-columns: auto;
  justify-content: stretch;
}
@media (min-width: 1012px) {
  .parent {
    display: grid;
  }
  .parent > .content {
    min-width: 0;
  }
}
.parent.of-2 {
  grid-template-columns: none;
}
@media (min-width: 1012px) {
  .parent.of-2 {
    grid-template-columns: 50% 50%;
  }
}
.parent.of-3 {
  grid-template-columns: none;
}
@media (min-width: 1012px) {
  .parent.of-3 {
    grid-template-columns: 33.3% 33.3% 33.3%;
  }
}
.parent.of-4 {
  grid-template-columns: none;
}
@media (min-width: 1012px) {
  .parent.of-4 {
    grid-template-columns: 25% 25% 25% 25%;
  }
}
.parent.of-5 {
  grid-template-columns: none;
}
@media (min-width: 1012px) {
  .parent.of-5 {
    grid-template-columns: 20% 20% 20% 20% 20%;
  }
}
.parent.with-sidebar {
  grid-template-columns: none;
}
@media (min-width: 1012px) {
  .parent.with-sidebar {
    grid-template-columns: 220px auto;
  }
}
.parent.of-3-4 {
  grid-template-columns: none;
}
@media (min-width: 1012px) {
  .parent.of-3-4 {
    grid-template-columns: 75% 25%;
  }
}
.parent.of-1-4 {
  grid-template-columns: none;
}
@media (min-width: 1012px) {
  .parent.of-1-4 {
    grid-template-columns: 25% 75%;
  }
}
.parent.separate {
  gap: 15px 2%;
}
.parent.separate.of-2 {
  grid-template-columns: none;
}
@media (min-width: 1012px) {
  .parent.separate.of-2 {
    grid-template-columns: 49% 49%;
  }
}
.parent.separate.of-3 {
  grid-template-columns: none;
}
@media (min-width: 1012px) {
  .parent.separate.of-3 {
    grid-template-columns: 32% 32% 32%;
  }
}
.parent.separate.of-4 {
  grid-template-columns: none;
}
@media (min-width: 1012px) {
  .parent.separate.of-4 {
    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
  }
}
.parent.separate.of-5 {
  grid-template-columns: none;
}
@media (min-width: 1012px) {
  .parent.separate.of-5 {
    grid-template-columns: 18.4% 18.4% 18.4% 18.4% 18.4%;
  }
}
.parent.separate.of-3-4 {
  grid-template-columns: none;
}
@media (min-width: 1012px) {
  .parent.separate.of-3-4 {
    grid-template-columns: 74% 24%;
  }
}
.parent.separate.of-1-4 {
  grid-template-columns: none;
}
@media (min-width: 1012px) {
  .parent.separate.of-1-4 {
    grid-template-columns: 24% 74%;
  }
}
.parent.frame-center {
  justify-content: center;
  align-items: center;
}
.parent .sidebar {
  padding: 10px 10px;
  position: relative;
  width: 100%;
  background: #132235;
}
@media (min-width: 1012px) {
  .parent .sidebar {
    border-right: 1px solid #203757;
    width: 220px;
  }
}

.submenu {
  position: fixed;
  z-index: 1020;
  top: 60px;
  left: 0;
  right: 0;
  padding: 5px 15px;
  background-color: #233b5d;
}
.submenu .button {
  border: 1px solid transparent;
  background-color: #233b5d;
}
.submenu .list li.active a:hover,
.submenu .ux-component-menu li.active a:hover {
  background: #2e4f7c;
}
.submenu .list.compact li,
.submenu .ux-component-menu.compact li {
  margin: 0;
  padding: 0;
}
.submenu .list.compact a.button,
.submenu .ux-component-menu.compact a.button {
  padding: 6px 10px;
  margin: 0;
}
.submenu .list .button,
.submenu .ux-component-menu .button {
  border-color: transparent;
}
.submenu .list .button.link,
.submenu .ux-component-menu .button.link {
  text-decoration: none;
}
.submenu .list .button.link:hover,
.submenu .ux-component-menu .button.link:hover {
  background-color: #203757;
}
.submenu .list .button.link:active,
.submenu .ux-component-menu .button.link:active {
  background-color: #2e4f7c;
}

#e1-rendered-menu .hide-on-mobile {
  display: inline-block !important;
}

/*
    This will float element left or right
*/
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.scroll-x {
  overflow-x: auto;
  padding-bottom: 15px !important;
}

.scroll-y {
  overflow-y: auto;
}

.scroll-y-tall {
  max-height: 450px;
  overflow-y: auto;
}
.scroll-y-tall.fixed-height {
  height: 450px;
}

.scroll-y-short {
  max-height: 150px;
  overflow-y: auto;
}
.scroll-y-short.fixed-height {
  height: 150px;
}

.hidden {
  overflow: hidden;
}

/*
    This will add default margin to side what you decide
*/
.margin-top {
  margin-top: 20px !important;
}

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

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

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

/*
    This will add compact margin to side what you decide
*/
.margin-top-compact {
  margin-top: 7px !important;
}

.margin-bottom-compact {
  margin-bottom: 7px !important;
}

.margin-left-compact {
  margin-left: 7px !important;
}

.margin-right-compact {
  margin-right: 7px !important;
}

.no-margin {
  margin: 0 !important;
}

/*
    This will remove margin (0px) to side what you decide
*/
.no-margin-top {
  margin-top: 0px !important;
}

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

.no-margin-left {
  margin-left: 0px !important;
}

.no-margin-right {
  margin-right: 0px !important;
}

/*
    This will remove margin compact to side what you decide
*/
.no-margin-top-compact {
  margin-top: 0px !important;
}

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

.no-margin-left-compact {
  margin-left: 0px !important;
}

.no-margin-right-compact {
  margin-right: 0px !important;
}

/*
    This will add default padding to side what you decide
*/
.padding-top {
  padding-top: 10px !important;
}

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

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

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

/*
    This will add compact padding to side what you decide
*/
.padding-top-compact {
  padding-top: 3px !important;
}

.padding-bottom-compact {
  padding-bottom: 3px !important;
}

.padding-left-compact {
  padding-left: 3px !important;
}

.padding-right-compact {
  padding-right: 3px !important;
}

.padding-all {
  padding: 10px;
}

.padding-all-compact {
  padding: 3px;
}

.no-padding {
  padding: 0 !important;
}

/*
    This will remove padding to side what you decide
*/
.no-padding-top {
  padding-top: 0px !important;
}

.no-padding-bottom {
  padding-bottom: 0px !important;
}

.no-padding-left {
  padding-left: 0px !important;
}

.no-padding-right {
  padding-right: 0px !important;
}

/*
    This will remove padding compact to side what you decide
*/
.no-padding-top-compact {
  padding-top: 0px !important;
}

.no-padding-bottom-compact {
  padding-bottom: 0px !important;
}

.no-padding-left-compact {
  padding-left: 0px !important;
}

.no-padding-right-compact {
  padding-right: 0px !important;
}

/*
    This will align text to the side what you want
*/
.text-left {
  text-align: left;
}

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

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

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

.nowrap {
  white-space: nowrap;
}

.clearfix {
  overflow: auto;
}

.divide {
  margin: 0 10px;
  border-left: 1px solid #203757;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

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

.show {
  display: block;
}

.hide {
  display: none !important;
}

.no-border {
  border: 0 !important;
}

hr {
  position: relative;
  height: 3px;
  border: transparent;
  margin: 50px 0;
}
hr:before {
  content: "";
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  border-top: 1px solid #203757;
}

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

svg.hide {
  display: inline;
  opacity: 0;
}

.icon {
  position: relative;
}

.text-overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.show-on-mobile {
  display: inline-block;
}
@media (min-width: 1012px) {
  .show-on-mobile {
    display: none;
  }
}

.hide-on-mobile {
  display: block;
}
@media (max-width: 1012px) {
  .hide-on-mobile {
    display: none !important;
  }
}

.disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  filter: alpha(opacity=50);
}

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

.row {
  display: flex;
  flex-direction: row;
}

.row-responsive {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
@media (max-width: 768px) {
  .row-responsive {
    flex-direction: column;
  }
}

.flex-1 {
  flex: 1 1 auto;
}

.flex-0 {
  flex: 0 0 auto;
}

/*
 CSS Used For JS Plugins only.
 */
.tooltip {
  position: absolute;
  display: inline-block;
  background-color: #000000;
  padding: 0.4em 0.5em;
  border-radius: 2px;
  font-size: 0.8em;
  color: #edf6ff;
  line-height: 1.1;
  text-align: center;
  vertical-align: middle;
  z-index: 1060;
  max-width: 250px;
}
.tooltip > .tooltip-arrow {
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  display: inline-block;
  height: 0;
  width: 0;
  border: 4px solid transparent;
  border-bottom: 0 solid #000000;
  border-top: 4px solid #000000;
}
.tooltip > .tooltip-arrow.bottom {
  bottom: auto;
  top: -4px;
  border-bottom: 4px solid #000000;
  border-top: 0 solid #000000;
}

.dropdown {
  background-color: #16263D;
  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
  margin-top: 1px;
  position: absolute;
  z-index: 1000;
  color: #edf6ff;
}
.dropdown.right {
  right: 0;
}
.dropdown:not(.right) {
  left: 0;
}

[data-dropdown] {
  cursor: pointer;
}

#modal-background {
  background: rgba(0, 0, 0, 0.8);
  opacity: 0.65;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1050;
}

.modal {
  background-color: #16263D;
  width: 95%;
  min-width: 300px;
  max-width: 565px;
  max-height: 60vh;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1050;
  overflow: auto;
}
.modal.dialog {
  max-width: 388px;
}
.modal.full {
  max-width: 1480px;
}
.modal > header,
.modal > footer {
  position: sticky;
  z-index: 1050;
  background-color: #16263D;
  padding: 10px 10px;
}
.modal > header {
  top: 0;
  border-bottom: 1px solid #203757;
}
.modal > header button.close {
  padding: 3px 5px;
  font-size: 12px;
  border: 1px solid transparent;
  background: none;
  background-image: none;
  float: right;
  margin-top: 2px;
}
.modal > header button.close:hover {
  color: #edf6ff;
}
.modal > header > .tabs {
  padding: 0;
  margin: 0 0 -10px 0;
  border-bottom: 0 solid #203757;
}
.modal > footer {
  bottom: -1px;
  border-top: 1px solid #203757;
}
.modal > .frame-section {
  border-bottom: 0px solid #203757;
}

.side-panel {
  background-color: #16263D;
  border: 1px solid #203757;
  position: fixed;
  top: 60px;
  right: -30%;
  width: 30%;
  height: 100%;
  padding-bottom: 60px;
  z-index: 1050;
  overflow: auto;
  box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px 0 0 2px;
}
.side-panel > header,
.side-panel > footer {
  position: sticky;
  z-index: 1050;
  background-color: #16263D;
  padding: 10px 10px;
}
.side-panel > header {
  top: 0;
  border-bottom: 1px solid #203757;
}
.side-panel > header button.close {
  padding: 3px 5px;
  font-size: 12px;
  border: 1px solid transparent;
  background: none;
  background-image: none;
  float: right;
  margin-top: 2px;
}
.side-panel > header button.close:hover {
  color: #edf6ff;
}
.side-panel > header > .tabs {
  padding: 0;
  margin: 0 0 -10px 0;
  border-bottom: 0 solid #203757;
}
.side-panel > footer {
  bottom: -1px;
  border-top: 1px solid #203757;
}
.side-panel > .frame-section {
  border-bottom: 0px solid #203757;
}

.button.select select {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.button.select.focus {
  border-style: dotted;
  border-color: #203757;
  outline: none;
}
.button.select:has(> select:focus) {
  border-style: dotted;
  border-color: #203757;
  outline: none;
}

.ux-table-has-filter {
  min-height: 315px;
}

#sidebar-collapse-handle {
  position: fixed;
  top: 80px;
  left: 267px;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
  border: 1px solid #203757;
  background-color: #16263D;
  cursor: pointer;
}
#sidebar-collapse-handle:before {
  content: "\f16a";
  font-family: "icons" !important;
}
#sidebar-collapse-handle:hover {
  background: #0360eb;
  color: #ffffff;
}
#sidebar-collapse-handle.collapsed {
  left: 0px;
}
#sidebar-collapse-handle.collapsed:before {
  content: "\f149";
  font-family: "icons" !important;
}

.with-submenu #sidebar-collapse-handle {
  top: 117px;
}

.progress-button-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.progress-button-counter {
  position: relative;
}

.progress-button-refresh-icon-animation {
  animation: 1s linear 0s infinite normal none running spinner;
}

/**************************************************
    Typeahead Autocomplete
**************************************************/
.twitter-typeahead {
  width: 100%;
}

.twitter-typeahead input[type=text] {
  height: 100%;
}

.tabs .form-group {
  margin-top: 2px;
}

.tt-menu {
  padding: 0;
  background: #16263D;
  border: 1px solid #203757;
  overflow: hidden;
  border-radius: 2px;
  z-index: 100002;
  width: 100%;
  max-height: 300px;
  overflow-y: scroll;
}

.tt-suggestion {
  margin: 0;
  padding: 7px 10px;
  cursor: default;
  display: block;
  border-bottom: 1px solid #203757;
  /*
  if width will be 100% horizontal scrollbar will apear
  when scroll mode will be used
  */
  /*width: 100%;*/
  font-size: 13px;
  /*
  it is very important, if line-height not setted or setted
  in relative units scroll will be broken in firefox
  */
  line-height: 16px;
  overflow: hidden;
  cursor: pointer;
}
.tt-suggestion:hover {
  background: #1f3352;
}
.tt-suggestion.tt-cursor {
  background: #0360eb;
  color: #ffffff;
}

@font-face {
  font-family: "category";
  src: url("../icons-category/category.eot?939b9eebf44f0d9ed6a29deadba37ab2#iefix") format("embedded-opentype"), url("../icons-category/category.woff2?939b9eebf44f0d9ed6a29deadba37ab2") format("woff2"), url("../icons-category/category.woff?939b9eebf44f0d9ed6a29deadba37ab2") format("woff"), url("../icons-category/category.ttf?939b9eebf44f0d9ed6a29deadba37ab2") format("truetype");
}
.category::before,
[class^=category-]::before,
[class*=" category-"]::before {
  display: inline-block;
  font-family: "category" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.category-active-filters::before {
  content: "\f101";
}

.category-amplifier-circuits::before {
  content: "\f102";
}

.category-batteries::before {
  content: "\f103";
}

.category-capacitors::before {
  content: "\f104";
}

.category-circuit-protection::before {
  content: "\f105";
}

.category-connector-support::before {
  content: "\f106";
}

.category-connectors::before {
  content: "\f107";
}

.category-consumer-circuits::before {
  content: "\f108";
}

.category-converters::before {
  content: "\f109";
}

.category-crystals-resonators::before {
  content: "\f10a";
}

.category-diodes::before {
  content: "\f10b";
}

.category-drivers-and-interfaces::before {
  content: "\f10c";
}

.category-electronic-components::before {
  content: "\f10d";
}

.category-fiber-optics::before {
  content: "\f10e";
}

.category-filters::before {
  content: "\f10f";
}

.category-inductors::before {
  content: "\f110";
}

.category-logic::before {
  content: "\f111";
}

.category-memory::before {
  content: "\f112";
}

.category-microcontrollers-and-processors::before {
  content: "\f113";
}

.category-no-category::before {
  content: "\f114";
}

.category-optoelectronics::before {
  content: "\f115";
}

.category-oscillators::before {
  content: "\f116";
}

.category-passive-filters::before {
  content: "\f117";
}

.category-passive-networks::before {
  content: "\f118";
}

.category-power-circuits::before {
  content: "\f119";
}

.category-programmable-logic::before {
  content: "\f11a";
}

.category-rc-networks::before {
  content: "\f11b";
}

.category-regulators::before {
  content: "\f11c";
}

.category-relays::before {
  content: "\f11d";
}

.category-resistors::before {
  content: "\f11e";
}

.category-rf-and-microwave::before {
  content: "\f11f";
}

.category-sensors-transducers::before {
  content: "\f120";
}

.category-signal-circuits::before {
  content: "\f121";
}

.category-sockets::before {
  content: "\f122";
}

.category-switches::before {
  content: "\f123";
}

.category-telecommunication-circuits::before {
  content: "\f124";
}

.category-terminal-blocks::before {
  content: "\f125";
}

.category-terminals-and-terminal-blocks::before {
  content: "\f126";
}

.category-thermal-support-devices::before {
  content: "\f127";
}

.category-transformers::before {
  content: "\f128";
}

.category-transistors::before {
  content: "\f129";
}

.category-trigger-devices::before {
  content: "\f12a";
}

.category-precious-metals::before {
  content: "\f12b";
}

.category-raw-metals::before {
  content: "\f12c";
}

.category-contingent-labor::before {
  content: "\f12d";
}

.category-machining::before {
  content: "\f12e";
}

.category-mro::before {
  content: "\f12f";
}

.category-resins::before {
  content: "\f130";
}

.category-transportation-logistics::before {
  content: "\f131";
}

/*
    Sass Media Queries
*/
/*
    Loading Animation
*/
.scroll-on-mobile {
  overflow: auto;
}
@media (min-width: 960px) {
  .scroll-on-mobile {
    overflow: inherit;
  }
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 140px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }
  .daterangepicker {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }
  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
.daterangepicker {
  top: 34px !important;
  left: 0 !important;
  border-radius: 4px;
  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
  margin-top: 0;
}
.daterangepicker:before, .daterangepicker:after {
  content: none;
}
.daterangepicker td.active:hover {
  color: inherit;
}
.daterangepicker td.in-range, .daterangepicker td.in-range:hover, .daterangepicker td.off.in-range {
  background-color: #DAE0E7;
}
.daterangepicker > .ranges {
  background-color: inherit;
  border-radius: 4px;
  width: 100%;
}
.daterangepicker > .ranges ul {
  width: 100%;
}
.daterangepicker > .ranges li {
  font-size: 14px;
  font-family: inherit;
  padding: 6px 10px;
  line-height: inherit;
}
.daterangepicker > .ranges li.active {
  background-color: #0052CC;
  color: #fff;
}
.daterangepicker > .drp-calendar {
  max-width: 100%;
}
.daterangepicker .drp-buttons {
  border-top: inherit;
  text-align: left;
}
.daterangepicker .drp-buttons .btn {
  margin-left: inherit;
  font-size: inherit;
  font-weight: inherit;
  padding: inherit;
}
.daterangepicker .drp-selected {
  font-size: 14px;
  display: block !important;
  text-align: center;
  padding: 5px;
}
.daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right {
  padding: 0;
}
.daterangepicker .drp-calendar.right {
  display: none !important;
}
.daterangepicker .drp-calendar.left .calendar-table {
  padding-right: 0;
}
.daterangepicker .calendar-table {
  border: none;
  background-color: none;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: inherit;
  border: 1px solid #bababa;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  min-width: 28px;
  width: 28px;
  height: 20px;
  line-height: 18px;
  font-size: 14px;
  padding: 9px 9px;
  border-radius: 0;
}
.daterangepicker .calendar-table > table tbody tr > .start-date,
.daterangepicker .calendar-table > table tbody tr > .end-date,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: #0052CC !important;
  color: #fff;
}

.date-range-field {
  display: inline-flex;
  padding: 6px 6px;
  border-radius: 2px;
  background: inherit;
  font-size: 14px;
  font-weight: normal;
  transition: border 0.2s ease-in-out;
  color: inherit;
  cursor: pointer;
  white-space: nowrap;
}
.date-range-field span {
  display: inline-block;
  width: 172px;
  letter-spacing: -0.25px !important;
  overflow: hidden;
}

.applyBtn {
  float: right;
}

#dashboard-wizard {
  margin-bottom: 80px;
}
#dashboard-wizard .list .frame.active .icon-wizard {
  border-right: 1px solid #437CD2;
}
#dashboard-wizard .dashboard-wizard-footer {
  background-color: #16263D;
  padding: 10px 0;
}
#dashboard-wizard .dashboard-wizard-footer button.saving.loader {
  padding-right: 30px;
}
#dashboard-wizard #dw-subgroups-list input[name=filter-subgroups] {
  margin-bottom: 20px;
  width: auto;
}
#dashboard-wizard .check-grid-list-wrapper li {
  padding: 0;
}
#dashboard-wizard .check-grid-list-wrapper li input {
  display: none;
}
#dashboard-wizard .check-grid-list-wrapper li:before {
  font-family: "icons" !important;
  content: "\f104";
  float: left;
  height: calc(100% - 20px);
  padding: 11px 15px 9px;
  margin-right: 7px;
  border-right: 1px solid #203757;
}
#dashboard-wizard .check-grid-list-wrapper li.selected {
  background-color: #0360eb;
  color: #ffffff;
}
#dashboard-wizard .check-grid-list-wrapper li.selected:before {
  content: "\f143";
}
#dashboard-wizard .check-grid-list-wrapper li:hover {
  cursor: pointer;
  background: #1f3352;
  color: #edf6ff;
}

.iq-block .block-tooltip {
  font-size: 14px;
}
.iq-block .breakdown-block-content {
  height: 320px;
  overflow: hidden;
}
.iq-block .breakdown-block-content > .chart-wrapper {
  height: 100%;
  padding: 10px;
}
.iq-block .block-error,
.iq-block .block-loading {
  height: 120px;
}
.iq-block .block-error {
  display: flex;
  justify-content: center;
  align-items: center;
}

.index-deltas .delta {
  font-size: 18px;
}
.index-deltas .forecast-delta {
  background-color: rgba(219, 97, 162, 0.25);
}

.details.list.grid .title {
  display: block;
  font-size: 13px;
}
.details.list.grid .value {
  display: block;
  font-size: 16px;
}

.print-header {
  display: none;
}

a.text-link {
  outline: none;
}

td.h1, td.h2, td.h3 {
  width: 55px;
}
td.h1::before, td.h2::before, td.h3::before {
  content: "";
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 10px;
  right: 10px;
}

.h1::before {
  background: rgba(255, 0, 0, 0.4);
  border: 1px solid #ff0000;
}

.h2::before {
  background: rgba(255, 183, 0, 0.4);
  border: 1px solid #ffb700;
}

.h3::before {
  background: rgba(0, 205, 45, 0.4);
  border: 1px solid #00cd2d;
}

.full-width {
  width: 100%;
}

.show-hide-button {
  display: block;
  position: relative;
}
@media (min-width: 960px) {
  .show-hide-button {
    display: none;
  }
}

.canvas .show-hide-button {
  top: 4px;
}
.canvas:not(.with-submenu) .show-hide-button {
  top: 0px;
}
.canvas .sidebar.left {
  width: 300px;
}
.canvas .sidebar.left .sidebar-multiple-filter,
.canvas .sidebar.left .sidebar-unclearable-filter {
  padding-right: 10px;
}
@media (min-width: 960px) {
  .canvas.with-left-sidebar > .content {
    margin-left: 300px;
  }
}
.canvas .sidebar .sidebar-unclearable-filter input[data-filter] {
  margin-bottom: 7px;
}
.canvas .sidebar .sidebar-unclearable-filter ul.list li.active::after {
  content: "\f143";
  font-family: "icons";
  position: absolute;
  top: 7px;
  right: 7px;
  color: #ffffff;
}

.hidden-sidebar {
  position: absolute;
  top: 24px;
  left: -100%;
}
@media (min-width: 960px) {
  .hidden-sidebar {
    position: fixed;
    top: 0;
    left: 0;
  }
}
.hidden-sidebar.show-sidebar {
  background-color: #16263D;
  left: 0;
  z-index: 999;
  border-bottom: 1px solid #203757;
  top: 28px !important;
}
@media (min-width: 960px) {
  .hidden-sidebar.show-sidebar {
    top: 60px;
  }
}

.dark-mode .hidden-sidebar {
  background-color: #16263D;
}

.light-mode .hidden-sidebar {
  background-color: #ffffff;
}

@media (min-width: 1280px) {
  .index-frame {
    float: right;
    width: 370px;
    margin-top: -75px;
  }
}

.settings-content {
  width: 100%;
}
@media (min-width: 1280px) {
  .settings-content {
    width: 90%;
  }
}

.editor-wrapper {
  max-width: 650px;
  margin: 30px auto 0px auto;
}

.ce-toolbar__content,
.ce-block__content {
  margin: 0;
}

.canvas .content.post-center {
  position: relative;
  left: -2%;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .canvas .content.post-center {
    left: 0;
  }
}

@media (max-width: 960px) {
  .canvas .content.content-medium {
    width: 100%;
  }
}

@media (min-width: 1920px) {
  .canvas .content.velocity-report-content {
    position: relative;
    left: -2%;
    margin: 0 auto;
    width: 50%;
  }
}

article,
article .compact td,
article .compact th {
  font-size: 16px;
  font-weight: 300;
}

article h2 {
  font-size: 26px;
  line-height: 32px;
}

article .breadcrumb,
article .tags {
  font-weight: normal;
}

article .tags {
  font-size: 12px;
}

article img {
  max-width: 100%;
}

input[type=text].post-title {
  border: 0px solid #fff;
  background: none;
}
input[type=text].post-title:focus {
  border: 0px solid #9bacbe;
}

.ce-block .editable:focus::after,
.ce-block [contenteditable=true]:focus::after {
  border: 0px solid #0052CC;
  box-shadow: none;
}
.ce-block .ce-paragraph {
  padding: 6px 10px;
}
.ce-block .ce-header {
  padding: 0.4em 10px 0.4em 10px;
}
.ce-block .cdx-button {
  box-shadow: 0;
  margin: 5px 10px;
}
.ce-block h4 {
  font-size: 1em;
  color: inherit;
  text-transform: inherit;
  padding: inherit;
  margin: inherit;
}

.ce-toolbar__actions {
  padding-right: 0;
}

/*
    colors
 */
.color-red {
  color: red;
}

.color-green {
  color: green;
}

.badge.badge-icon {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.6em 0.6em 0.6em 0;
  justify-content: space-between;
  width: fit-content;
  background-color: transparent;
}
.badge .icon {
  margin-right: 0.4em;
  margin-left: 0.1em;
  background-color: transparent !important;
  font-size: 20px;
}
.badge .small {
  font-size: 12px;
}
.badge.published {
  background-color: #56D364 !important;
}
.badge.draft {
  background-color: #58A6FF !important;
}
.badge.scheduled {
  background-color: #F0883E !important;
}

.ui-sortable li {
  clear: both;
}
.ui-sortable li .icon-drag {
  float: left;
}
.ui-sortable li .badge {
  float: left;
  text-transform: inherit;
  font-weight: normal;
  font-size: inherit;
}
.ui-sortable li .badge.badge-icon {
  padding: 0 0.6em 0 0;
}

.popularity-high,
.popularity-medium,
.popularity-good {
  height: 4px;
  margin-top: 8px;
  border-radius: 0 2px 2px 0;
}

.popularity-high {
  background-color: #97c262;
}

.popularity-medium {
  background-color: #f9bd58;
}

.popularity-good {
  background-color: #a4bbca;
}

.ce-block--selected .ce-block__content {
  background: #f5f5f5;
}

.cdx-notify--error {
  background: #f7ebeb !important;
  color: #B23A3A !important;
}

.cdx-notify--error::before {
  background: #B23A3A !important;
}

.cdx-notify__cross {
  top: 0px;
  width: 14px;
  height: 14px;
}

.tc-row:after {
  background: none;
  border: none;
}

.tc-add-row:hover:before {
  background: none;
}

.tc-table {
  border-top: 1px solid #E8E8EB;
  border-left: 1px solid #E8E8EB;
}

.tc-add-column {
  border-top: none;
}

.chart-wrapper {
  position: relative;
  height: 300px;
}
@media (min-width: 1920px) {
  .chart-wrapper {
    height: 400px;
  }
}
.chart-wrapper .loading-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.95;
  min-height: 110px;
  z-index: 1060;
}
.chart-wrapper .loading-overlay .loading-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.chart-view {
  width: 100%;
}
.chart-view.country-view {
  height: 450px;
  position: relative;
}
@media (min-width: 1920px) {
  .chart-view.country-view {
    height: 550px;
  }
}

.table-view {
  max-height: 245px;
}
@media (min-width: 1920px) {
  .table-view {
    max-height: 470px;
  }
}

#invite .button.select {
  display: block;
}

#filter-modal .button.select {
  display: block;
}

.text-overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.cookie-wrapper {
  max-width: 960px;
  margin: 0px auto;
  display: flex;
  flex-wrap: wrap;
}
.cookie-wrapper .cookie-message {
  flex-grow: 1;
}
.cookie-wrapper .cookie-accept {
  align-self: center;
  min-width: 100px;
}

.password-field {
  position: relative;
}

.password-guidelines > div {
  border-bottom: none !important;
}

.password-guidelines {
  position: absolute !important;
  z-index: 100001;
  left: 101% !important;
  top: 0 !important;
  width: 320px !important;
}
@media (max-width: 1280px) {
  .password-guidelines {
    width: 100% !important;
    left: 0 !important;
    top: 30px !important;
  }
}

.list > li a {
  word-break: break-word;
}

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

.forecasted-row {
  color: rgb(255, 87, 33);
}

.form-group .button.select {
  line-height: 1.2;
}

body.light-mode text {
  fill: #333;
}

body.dark-mode .ce-toolbar__plus,
body.dark-mode .ce-toolbar__settings-btn {
  background: #0F1B2A;
}
body.dark-mode .ce-toolbar__plus:hover,
body.dark-mode .ce-toolbar__settings-btn:hover {
  background: #0F1B2A;
}
body.dark-mode input[type=text].post-title {
  color: #fff;
}
body.dark-mode input[type=text].post-title::-webkit-input-placeholder {
  color: #fff;
}
body.dark-mode input[type=text].post-title:-moz-placeholder {
  color: #fff;
  opacity: 1;
}
body.dark-mode input[type=text].post-title::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
body.dark-mode input[type=text].post-title:-ms-input-placeholder {
  color: #fff;
}
body.dark-mode .ce-block--selected .ce-block__content {
  background: #2E5889;
}
body.dark-mode .ce-popover__item-label {
  color: #000;
}
body.dark-mode .ce-popover__item-icon {
  color: #000;
  border: 0px none;
}
body.dark-mode .cdx-button {
  border: 1px solid #213756;
  background: #213756;
  color: #fff;
}
body.dark-mode .cdx-button:hover {
  background-image: linear-gradient(-180deg, #1e324f 0%, #1e324f 100%);
  border: 1px solid #213756;
  color: #EDF5FF;
}
body.dark-mode .tc-cell--selected {
  background: #213756;
}
body.dark-mode .tc-add-column:hover,
body.dark-mode .tc-add-row:hover {
  background: #213756;
  color: #fff;
}
body.dark-mode .tc-add-row:hover:before {
  background: none;
}
body.dark-mode .ce-inline-toolbar {
  color: #000;
}
body.dark-mode .tc-popover {
  color: #000;
}
body.dark-mode .image-tool--loading .image-tool__image {
  background: #213756;
  border: 1px solid #213756;
}
body.dark-mode .tc-table {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
body.dark-mode .tc-add-column {
  border-top: none;
}
body.dark-mode .tc-row--selected {
  background: #213756;
}
body.dark-mode .tc-row:after {
  border: none;
}

.icon-drag {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
}

.subgroup-multiple-select {
  height: 150px;
}

@media (max-width: 960px) {
  .menu-button + .list {
    display: none;
    background-color: #0F1B2A;
  }
  .menu-button + .list > li {
    float: none;
  }
}
.ui-progressbar {
  background: #16263D;
  border: 1px solid #274775;
  border-radius: 2px;
  height: 30px;
}
.ui-progressbar .ui-progressbar-value {
  border-radius: 2px;
  height: 100%;
  background-color: #3471b7;
}

#progress-wrapper {
  background: #16263D;
  border: 1px solid #274775;
  border-radius: 2px;
  height: 30px;
}
#progress-wrapper #progress-bar {
  border-radius: 2px;
  height: 100%;
  background-color: #3471b7;
  width: 1%;
  transition: width 60s linear;
}
#progress-wrapper #progress-bar.in-progress {
  width: 98%;
}

#account-parent {
  grid-template-columns: 300px auto;
}
@media (min-width: 960px) {
  #account-parent {
    height: 450px;
  }
}

.pagination {
  display: flex;
}
.pagination .button-group {
  margin: 0 auto;
}

.resend-invite-button {
  white-space: nowrap;
}

label > span.required:after {
  content: "*";
  padding-left: 3px;
  color: #BE4C52;
}

.list > .frame.disabled {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}

.list.table-of-contents .active {
  font-weight: bold;
}

.datamaps-hoverover .frame {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", sans-serif;
  border-radius: 2px;
  background: #16263D;
  padding: 3px 10px;
}

.datamaps-legend {
  display: inline-block;
  z-index: 999 !important;
  background-color: #16263D;
  padding: 3px 10px !important;
  position: relative !important;
  top: -26px;
  left: 0;
}
.datamaps-legend > dl {
  margin: 0;
}

.taxonomy-tree input[type=checkbox] {
  top: 0;
}
.taxonomy-tree .group-parent .toggle-group {
  padding: 3px 4px;
  float: left;
  border-radius: 30px;
}
.taxonomy-tree .group-parent.closed i::before {
  transform: rotate(-90deg);
}
.taxonomy-tree .group-parent.closed .group-child {
  display: none;
}
.taxonomy-tree .group-parent.closed .group-child + .toggle-wrapper {
  display: none;
}
.taxonomy-tree .group-child {
  margin-left: 45px;
}

.show-post-tags {
  display: none;
}

@media (min-width: 960px) {
  .padding-insights {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}
.bookmark-row > td > .help-text {
  word-break: break-all;
}

i.icon.loader.saving {
  padding-right: 7px;
  padding-left: 7px;
}
i.icon.loader.saving:before {
  position: inherit;
  top: inherit;
  right: inherit;
}
i.icon.loader.saving:after {
  right: 0;
}

.form-row .toggle-wrapper {
  margin-top: -5px;
}
.form-row .list-toggles button.toggle-wrapper {
  margin-right: 7px;
}

.empty-dashboard {
  display: table-cell;
  height: 240px;
  text-align: center;
  vertical-align: middle;
  padding: 0 15px;
}

table.compact td,
table.compact th {
  padding: 3px 10px;
  font-size: 13px;
}
table.compact th .actions > a {
  width: 22px;
  height: 22px;
  padding: 2px;
  margin: -2px 0;
}

.actions > .dropdown.right {
  max-width: 200px;
}

.posts-table thead tr th:first-child,
.posts-table tbody tr td:first-child {
  min-width: 200px;
}

form#taxonomy-form .parent-wrapper input[data-filter] {
  margin-bottom: 7px;
}
form#taxonomy-form .select-category-icon input[type=radio] {
  display: none;
}
form#taxonomy-form .select-category-icon li.active {
  background-color: #0360eb;
  color: #ffffff;
}

.submenu .button {
  border-color: transparent;
}

.content.marketing-report-content .print-ecomm-table .frame-section.table-applied-filters {
  display: none;
}

.block-filter input[data-filter] {
  margin: 10px;
  width: calc(100% - 20px);
}
.block-filter input[data-filter] + span {
  display: block;
  border-top: 1px solid #203757;
}

.page-loading-bar {
  height: 3px;
  position: fixed;
  top: 60px;
}
.page-loading-bar.loading {
  animation: progressAnimationStrike 2s linear infinite;
  height: 4px;
  background-image: linear-gradient(to right, rgba(0, 82, 204, 0.3) 10%, #0052cc 60%, rgba(0, 82, 204, 0.6) 80%);
  background-size: 300% 100%;
  border-radius: 4px;
  z-index: 1029;
  width: 60%;
}

@keyframes progressAnimationStrike {
  from {
    left: 0;
    transform: translateX(-100%);
  }
  to {
    left: 100%;
    transform: translateX(0);
  }
}
table th .dropdown:has(.filter-ranged-wrapper) {
  max-width: 300px !important;
  width: 300px;
}

.table-wrapper.no-header table > thead {
  display: none;
}

.toggle-label button.toggle-wrapper {
  vertical-align: top;
}
.toggle-label .toggle-label-text {
  vertical-align: text-top;
}

.date-range-block {
  max-width: 300px;
}

.show-sidebars {
  scrollbar-width: inherit !important;
}
.show-sidebars::-webkit-scrollbar {
  display: inherit !important;
}

.tree-list .item {
  display: flex;
  align-items: first baseline;
}
.tree-list ul .item {
  padding-left: 26px;
}
.tree-list ul ul .item {
  padding-left: 42px;
}
.tree-list ul ul ul .item {
  padding-left: 58px;
}
.tree-list a.active,
.tree-list span.active {
  background-color: #0360eb;
  color: #ffffff;
}
.tree-list a.active > a.text-link,
.tree-list span.active > a.text-link {
  color: #ffffff;
}
.tree-list a.active:hover, .tree-list a.active:hover > a.text-link,
.tree-list span.active:hover,
.tree-list span.active:hover > a.text-link {
  color: #edf6ff;
}

@media (min-width: 1920px) {
  .sm-screen {
    display: none;
  }
}
@media (max-width: 1920px) {
  .lg-screen {
    display: none;
  }
}
/* Defaults ***************************************************/
/* Layouts ****************************************************/
/* Lists *****************************************************/
/* Buttons ***************************************************/
/* Table ******************************************************/
/* Forms ******************************************************/
/* Breakpoint *************************************************/
/* Z-Index *************************************************/
label.required:after {
  content: "*";
  padding-left: 3px;
  color: #ce4336;
}

table tbody tr.selected {
  background-color: #6d6852 !important;
}

input[type=text].post-title {
  color: #fff;
}
input[type=text].post-title::-webkit-input-placeholder {
  color: #fff;
}
input[type=text].post-title:-moz-placeholder {
  color: #fff;
  opacity: 1;
}
input[type=text].post-title::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
input[type=text].post-title:-ms-input-placeholder {
  color: #fff;
}

input[type=text].error {
  color: #fff !important;
}

input[type=date]::-webkit-calendar-picker-indicator {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=");
}

.ce-toolbar__plus,
.ce-toolbar__settings-btn {
  color: #fff;
  background: #0F1B2A;
}
.ce-toolbar__plus:hover,
.ce-toolbar__settings-btn:hover {
  background: #0F1B2A;
}

.ce-block--selected .ce-block__content {
  background: #2E5889;
}

.ce-paragraph[data-placeholder]:empty::before {
  color: #fff;
}

.ce-popover__item-label {
  color: #000;
}

.ce-popover__item-icon {
  color: #000;
  border: 0px none;
}

.cdx-button {
  border: 1px solid #213756;
  background: #213756;
  color: #fff;
}
.cdx-button:hover {
  background-image: linear-gradient(-180deg, #1e324f 0%, #1e324f 100%);
  border: 1px solid #213756;
  color: #EDF5FF;
}

.tc-cell--selected {
  background: #213756;
}

.tc-add-column:hover,
.tc-add-row:hover {
  background: #213756;
  color: #fff;
}

.tc-add-row:hover:before {
  background: none;
}

.ce-inline-toolbar {
  color: #000;
}

.tc-popover {
  color: #000;
}

.image-tool--loading .image-tool__image {
  background: #213756;
  border: 1px solid #213756;
}

.tc-table {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

.tc-add-column {
  border-top: none;
}

.tc-row--selected {
  background: #213756;
}

.tc-row:after {
  border: none;
}

.icon-wizard {
  border-right: 1px solid #213756;
}

.daterangepicker {
  border: 1px solid #213756;
  background-color: #16263D;
}

.date-range-field {
  border: 1px solid #213756;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #213756;
  border-right: 1px solid #213756;
}

.daterangepicker .ranges li:hover {
  background-color: #213756;
  color: inherit;
}

.calendar-table > table tbody tr:hover td:not(.active):not(.in-range) {
  color: inherit;
}

.calendar-table > table tbody tr:hover td.active,
.calendar-table > table tbody tr:hover td.in-range {
  color: #fff;
}

.daterangepicker td.off {
  background-color: transparent;
}

.calendar-table > table tbody tr > .start-date,
.calendar-table > table tbody tr > .end-date,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: #0052CC !important;
  color: #fff;
}

.calendar-table > table tbody tr td.available:hover {
  background-color: #2D5889 !important;
  color: inherit !important;
}

.badge.badge-icon {
  color: rgb(255, 255, 255);
}
.badge .icon {
  background-color: rgb(255, 255, 255);
}

.chart-wrapper .loading-overlay {
  background-color: #16263D;
}

.alert > button {
  color: #091e42;
}