/* ------------------------ */
/* LESS mixin for CSS arrow */
/* ------------------------ */
/* Usage
 * .arrow(size, color, direction, offset, border-size, border-color);
 */
/* Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit");
 */
/* Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
menu,
dir {
  margin: 0;
  padding: 0;
}

/* HTML5 display definitions
  ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
  ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
  text-decoration: none;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

.feature-no-touch a:active,
.feature-touch a:active,
.feature-no-touch a:hover {
  outline: 0;
}

/* Text-level semantics
  ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.25em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
  ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/**
 * jQuery and other DOM traversing libs assumes that if element is
 * hovered, its parent elements are also hovered, and only those.
 * <use> breaks this assumption in Firefox and IE.
 * The easiest way is to disable cursor handling at all.
 */

svg use {
  pointer-events: none;
}

/* Grouping content
  ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 0;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
  ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
  ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Global text class
 *
 * Usage:
 *
 *  for text pages use it in html as a class
 *    <div class="tv-text">
 *      <h1>Header</h1>
 *      <p>Lorem ...</p>
 *    </div>
 *
 *  for style widget parts use less feature `extend`:
 *    some-widget__text {
 *      &:extend(.tv-text all);
 *    }
 */
.tv-text p,
.tv-text ul,
.tv-text ol {
  font-size: 14px;
  margin-bottom: 12px;
  line-height: 1.6;
  color: #4a4a4a;
}
html.theme-dark .tv-text p,
html.theme-dark .tv-text ul,
html.theme-dark .tv-text ol {
  color: #c5cbce;
}
.tv-text p.tv-text__color_bright,
.tv-text ul.tv-text__color_bright,
.tv-text ol.tv-text__color_bright {
  color: #ffffff;
}
.tv-text p.tv-text__color_silver,
.tv-text ul.tv-text__color_silver,
.tv-text ol.tv-text__color_silver {
  color: #c0c0c0;
}
.tv-text p.tv-text__color_silver_30,
.tv-text ul.tv-text__color_silver_30,
.tv-text ol.tv-text__color_silver_30 {
  color: #9b9b9b;
}
.tv-text p.tv-text__paragraph--additional-top-margin,
.tv-text ul.tv-text__paragraph--additional-top-margin,
.tv-text ol.tv-text__paragraph--additional-top-margin {
  margin-top: 24px;
}
.tv-text p.tv-text__paragraph--additional-top-margin_double,
.tv-text ul.tv-text__paragraph--additional-top-margin_double,
.tv-text ol.tv-text__paragraph--additional-top-margin_double {
  margin-top: 48px;
}
.tv-text p.tv-text__paragraph--additional-bottom-margin,
.tv-text ul.tv-text__paragraph--additional-bottom-margin,
.tv-text ol.tv-text__paragraph--additional-bottom-margin {
  margin-bottom: 24px;
}
.tv-text p.tv-text__paragraph--additional-bottom-margin_double,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double,
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double {
  margin-bottom: 48px;
}
.tv-text h1 {
  font-size: 45px;
}
@media screen and (max-width: 1019px) {
  .tv-text h1 {
    font-size: 38px;
  }
}
@media screen and (max-width: 767px) {
  .tv-text h1 {
    font-size: 32px;
  }
}
@media screen and (max-width: 479px) {
  .tv-text h1 {
    font-size: 28px;
  }
}
.tv-text h2 {
  font-size: 31px;
}
@media screen and (max-width: 1019px) {
  .tv-text h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 479px) {
  .tv-text h2 {
    font-size: 24px;
  }
}
.tv-text h3 {
  font-size: 17px;
}
@media screen and (max-width: 1019px) {
  .tv-text h3 {
    font-size: 16px;
  }
}
.tv-text h4 {
  font-size: 15px;
}
.tv-text h1 {
  margin-bottom: 30px;
  margin-top: 30px;
}
.tv-text h2,
.tv-text h3,
.tv-text h4 {
  margin-bottom: 20px;
  margin-top: 20px;
}
.tv-text h1:first-child,
.tv-text h2:first-child,
.tv-text h3:first-child,
.tv-text h4:first-child {
  margin-top: 0;
}
.tv-text ul,
.tv-text ol {
  list-style-position: inside;
}
.tv-text--position-outside ul,
.tv-text--position-outside ol {
  list-style-position: outside;
  padding-left: 17px;
}
.tv-text a:not(.tv-badge):not(.tv-button) {
  color: #3bb3e4;
  transition: color ease 0.35s;
}
html.theme-dark .tv-text a:not(.tv-badge):not(.tv-button) {
  color: #299dcd;
}
.tv-text a:not(.tv-badge):not(.tv-button):visited {
  color: #3bb3e4;
  fill: #3bb3e4;
}
html.theme-dark .tv-text a:not(.tv-badge):not(.tv-button):visited {
  fill: #299dcd;
}
html.theme-dark .tv-text a:not(.tv-badge):not(.tv-button):visited {
  color: #299dcd;
}
.feature-no-touch .tv-text a:not(.tv-badge):not(.tv-button):hover {
  color: #3babd8;
  fill: #3babd8;
  transition-duration: 0.06s;
}
.feature-no-touch .tv-text a:not(.tv-badge):not(.tv-button):active,
.feature-touch .tv-text a:not(.tv-badge):not(.tv-button):active {
  color: #049ddc;
  fill: #049ddc;
  transition-duration: 0.06s;
}
.tv-text__font.tv-text__font--size_semilarge {
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .tv-text__font.tv-text__font--size_semilarge {
    font-size: 14px;
  }
}
.tv-text__font.tv-text__font--size_large {
  font-size: 17px;
}
@media screen and (max-width: 767px) {
  .tv-text__font.tv-text__font--size_large {
    font-size: 16px;
  }
}
.tv-text__font.tv-text__font--size_xlarge {
  font-size: 19px;
}
@media screen and (max-width: 767px) {
  .tv-text__font.tv-text__font--size_xlarge {
    font-size: 18px;
  }
}
.tv-text__font--bold {
  font-weight: bold;
}
.tv-text__font--italic {
  font-style: italic;
}
.tv-text--darkbg,
.tv-text--darkbg p,
.tv-text--darkbg ul,
.tv-text--darkbg ol {
  color: #ffffff;
}
.tv-text--highlight-important {
  background: #fff2cf;
  box-shadow: 3px 2px 0 #fff2cf, -3px -1px 0 #fff2cf, 3px -1px 0 #fff2cf, -3px 2px 0 #fff2cf;
}
html.theme-dark .tv-text--highlight-important {
  box-shadow: 3px 2px 0 #194453, -3px -1px 0 #194453, 3px -1px 0 #194453, -3px 2px 0 #194453;
}
html.theme-dark .tv-text--highlight-important {
  background: #194453;
}
/**
 * Transitions variables and mixins
 */
.symbol-change-direction.up {
  color: #3cbc98;
}
.symbol-change-direction.down {
  color: #ff4a68;
}
.js-hidden {
  /* sudo */
  display: none !important;
}
.js-no-pointer-events {
  pointer-events: none !important;
}
.i-mobile-link {
  color: #3bb3e4;
  transition: color ease 0.35s;
}
html.theme-dark .i-mobile-link {
  color: #299dcd;
}
.i-mobile-link:visited {
  color: #3bb3e4;
  fill: #3bb3e4;
}
html.theme-dark .i-mobile-link:visited {
  fill: #299dcd;
}
html.theme-dark .i-mobile-link:visited {
  color: #299dcd;
}
.feature-no-touch .i-mobile-link:hover {
  color: #3babd8;
  fill: #3babd8;
  transition-duration: 0.06s;
}
.feature-no-touch .i-mobile-link:active,
.feature-touch .i-mobile-link:active {
  color: #049ddc;
  fill: #049ddc;
  transition-duration: 0.06s;
}
body {
  min-width: 320px;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
body.i-no-scroll {
  overflow: hidden !important;
}
body.i-no-padding {
  padding: 0 !important;
}
::selection {
  background: rgba(216, 240, 250, 0.6);
}
html.theme-dark ::selection {
  background: rgba(117, 134, 150, 0.6);
}
/**
 *
 * Global states
 *
 * Usage:
 * i-{state}
 * i-{state}_{value}
 *
 * Must be included after all another styles
 *
 */
.i-hidden {
  display: none !important;
}
.i-invisible {
  visibility: hidden !important;
}
.i-clearfix:after {
  clear: both;
  display: table;
  content: '';
}
.i-align_left {
  text-align: left !important;
}
.i-align_right {
  text-align: right !important;
}
.i-align_center {
  text-align: center !important;
}
.i-float_left {
  float: left !important;
}
.i-float_right {
  float: right !important;
}
.i-float_none {
  float: none !important;
}
@media screen and (min-width: 1020px) {
  .i-device-only {
    display: none !important;
  }
}
@media screen and (max-width: 1019px) {
  .i-desktop-only {
    display: none !important;
  }
}
@media screen and (min-width: 479px) {
  .i-phones-only {
    display: none !important;
  }
}
@media screen and (max-width: 479px) {
  .i-except-phones-only {
    display: none !important;
  }
}
body.fullscreen-mode {
  overflow: hidden;
}
.tv-layout-width {
  width: 1020px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.tv-layout-width--no-padding {
  padding: 0;
  width: 980px;
}
.tv-dialog .tv-layout-width {
  max-width: 100%;
}
.chart-page .tv-layout-width {
  width: 100%;
}
@media screen and (max-width: 1019px) {
  .tv-layout-width {
    width: auto;
  }
  .tv-layout-width .tv-feed {
    margin-left: -20px;
    margin-right: -20px;
  }
  .tv-layout-width .tv-feed--tablet-top-indent {
    margin-top: 36px;
  }
}
.tv-layout-padding {
  padding: 0 20px;
}
body.page-wide .tv-layout-width,
body.popup-wide .fancybox-overlay .tv-layout-width {
  width: 1520px;
}
body.page-fullwidth .tv-layout-width {
  width: 100%;
}
/* Content */
.tv-main {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
}
.tv-side-toolbar {
  float: left;
  position: static;
  height: 100%;
  overflow-x: visible;
  overflow-y: hidden;
}
.tv-main-panel {
  position: relative;
  background-color: #f1f3f6;
  overflow: hidden;
}
.tv-side-panel {
  float: right;
  position: relative;
  z-index: 15;
  height: 100%;
}
.tv-panels {
  height: 100%;
}
.chart-page .tv-content {
  padding: 0;
}
/* Utilities */
.clear {
  clear: both;
}
.clearfix:after {
  clear: both;
  display: block;
  content: '';
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.tv-right {
  float: right !important;
}
.tv-left {
  float: left !important;
}
#_atssh {
  position: absolute;
  margin-top: -20px;
}
/* for popup indent */
.js-right-boundary {
  margin-right: 0;
}
/* Icons */
.icon {
  display: inline-block;
  background: url('../images/icons.png') 0 0 no-repeat;
  position: relative;
  vertical-align: middle;
}
/* Legacy Buttons */
._tv-button .icon-dropdown {
  position: relative;
  left: 5px;
  display: inline-block;
  height: 15px;
  width: 13px;
  vertical-align: top;
  background: url('../images/select-bg.png') 2px 5px no-repeat;
}
._tv-button.active .icon-dropdown {
  background-position: 2px -15px;
}
._tv-button._tv-button-fontstyle {
  height: 14px;
  padding-left: 0;
  padding-right: 0;
  width: 25px;
  text-align: center;
}
._tv-button.process,
.ajax-process-bg {
  background-image: url('../images/bar-loader.gif') !important;
  background-repeat: repeat !important;
  background-position: 0 0 !important;
  pointer-events: none;
}
html.theme-dark ._tv-button.process,
.ajax-process-bg {
  background-image: url('../images/bar-loader-dark.gif') !important;
}
._tv-button._tv-button-fontstyle .icon-fontstyle-bold,
._tv-button._tv-button-fontstyle .icon-fontstyle-italic {
  display: block;
  height: 11px;
  margin: auto;
  background: url('../images/icons.png') 0 0 no-repeat;
  position: relative;
  top: 1px;
}
._tv-button._tv-button-fontstyle .icon-fontstyle-bold {
  width: 10px;
  background-position: -40px -260px;
}
._tv-button._tv-button-fontstyle .icon-fontstyle-italic {
  width: 7px;
  background-position: -60px -260px;
}
._tv-button,
button._tv-button {
  cursor: default;
  padding: 6px 10px 5px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  text-decoration: none !important;
  color: #4a4a4a;
  border: 1px solid;
  border-color: #dadde0;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  background-color: #f1f3f6;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
html.theme-dark ._tv-button,
html.theme-dark button._tv-button {
  background-color: #2f3241;
}
html.theme-dark ._tv-button,
html.theme-dark button._tv-button {
  border-color: #363c4e;
}
html.theme-dark ._tv-button,
html.theme-dark button._tv-button {
  color: #c5cbce;
}
.feature-no-touch ._tv-button:hover {
  background-position: 0 -26px;
  color: #131722;
}
html.feature-no-touch.theme-dark ._tv-button:hover {
  color: #d6d8e0;
}
.feature-no-touch ._tv-button:active:not([disabled]),
.feature-touch ._tv-button:active:not([disabled]),
._tv-button.active,
.feature-no-touch ._tv-button.toolbutton:active,
.feature-touch ._tv-button.toolbutton:active,
._tv-button.toolbutton.active,
.tv-select-container.sbHolderOpen,
.feature-no-touch .tv-select-container:active,
.feature-touch .tv-select-container:active {
  background: #ffffff;
  color: #3bb3e4;
}
html.feature-no-touch.theme-dark ._tv-button:active:not([disabled]),
html.feature-touch.theme-dark ._tv-button:active:not([disabled]),
html.theme-dark ._tv-button.active,
html.feature-no-touch.theme-dark ._tv-button.toolbutton:active,
html.feature-touch.theme-dark ._tv-button.toolbutton:active,
html.theme-dark ._tv-button.toolbutton.active,
html.theme-dark .tv-select-container.sbHolderOpen,
html.feature-no-touch.theme-dark .tv-select-container:active,
html.feature-touch.theme-dark .tv-select-container:active {
  background: #2f3241;
}
._tv-button.ok {
  min-width: 30px;
  background: #3bb3e4;
  border-color: transparent !important;
  color: white !important;
}
html.theme-dark ._tv-button.ok {
  background: #3bb3e4;
}
.feature-no-touch ._tv-button.ok:hover {
  background: #38acdb;
  border-color: transparent;
}
html.feature-no-touch.theme-dark ._tv-button.ok:hover {
  background: #38acdb;
}
.feature-no-touch ._tv-button.ok:active,
.feature-touch ._tv-button.ok:active {
  background: #299dcd;
  border-color: transparent;
}
html.feature-no-touch.theme-dark ._tv-button.ok:active,
html.feature-touch.theme-dark ._tv-button.ok:active {
  background: #299dcd;
}
._tv-button.ok.disabled,
._tv-button.ok:disabled {
  background: #99cfd8 !important;
  border-color: transparent;
}
html.theme-dark ._tv-button.ok.disabled,
html.theme-dark ._tv-button.ok:disabled {
  background: #21384d !important;
}
._tv-button.ok.process {
  background: url('../images/button-base-process.gif') 0 0 repeat !important;
}
._tv-button.block {
  display: block;
  text-align: center;
}
._tv-button.slim {
  padding: 3px 8px;
  font-weight: normal;
}
.chart-description ._tv-button.slim {
  line-height: normal;
}
._tv-button.icon {
  padding: 5px;
}
._tv-button.icon.active {
  background: #cfe1ff;
}
._tv-button.toolbutton {
  width: 24px;
  height: 25px;
  padding: 0 !important;
  text-align: center;
}
._tv-button.wide {
  padding: 5px 15px;
  min-width: 50px;
}
._tv-button.xwide {
  padding: 5px 0;
  width: 175px;
}
._tv-button.xxwide {
  padding: 5px 0;
  width: 185px;
}
._tv-button.disabled {
  color: #848484;
  background-position: 0 -78px;
  opacity: 0.7;
  cursor: default;
}
.feature-no-touch ._tv-button.disabled:hover {
  background-position: 0 -78px;
}
.feature-no-touch ._tv-button.disabled:active,
.feature-touch ._tv-button.disabled:active {
  background-position: 0 -78px;
}
._tv-button.theblueone {
  background: #4387f6 url('../images/publish-chart-bg.png');
  color: #ffffff !important;
  border: 1px solid #346bc2;
  padding: 4px 10px 5px;
}
.feature-no-touch ._tv-button.theblueone:active,
.feature-touch ._tv-button.theblueone:active {
  background-position: 0 -26px;
}
._tv-button.half-left {
  border-radius: 3px 0 0 3px;
  border-right: none;
}
._tv-button.half-right {
  border-radius: 0 3px 3px 0;
}
._tv-button.cancel {
  background: #9ca0a6 !important;
  border-color: transparent;
  color: #ffffff !important;
}
html.theme-dark ._tv-button.cancel {
  color: #c5cbce !important;
}
html.theme-dark ._tv-button.cancel {
  background: #2f3241 !important;
}
.feature-no-touch ._tv-button.cancel:not(.disabled):hover,
.feature-no-touch ._tv-button.cancel:active,
.feature-touch ._tv-button.cancel:active,
._tv-button.cancel:disabled {
  border-color: transparent;
}
.feature-no-touch ._tv-button.cancel:not(.disabled):hover {
  background-color: #898c91 !important;
}
html.feature-no-touch.theme-dark ._tv-button.cancel:not(.disabled):hover {
  background-color: #393d4f !important;
}
.feature-no-touch ._tv-button.cancel:not(.disabled):active,
.feature-touch ._tv-button.cancel:not(.disabled):active {
  background-color: #787b7f !important;
}
html.feature-no-touch.theme-dark ._tv-button.cancel:not(.disabled):active,
html.feature-touch.theme-dark ._tv-button.cancel:not(.disabled):active {
  background-color: #3f4357 !important;
}
._tv-button.cancel:disabled {
  background: #cfd3db !important;
}
html.theme-dark ._tv-button.cancel:disabled {
  background: #1c2030 !important;
}
._tv-button.process {
  background: url('../images/bar-loader.gif') 0 0 repeat;
}
html.theme-dark ._tv-button.process {
  background: url('../images/bar-loader-dark.gif') 0 0 repeat;
}
._tv-button.delete {
  background: #d75442;
  border-color: transparent;
  color: white !important;
}
.feature-no-touch ._tv-button.delete:not(.disabled):hover {
  background: #da5f4f;
  border-color: transparent;
}
.feature-no-touch ._tv-button.delete:active,
.feature-touch ._tv-button.delete:active {
  background: #d44935;
  border-color: transparent;
}
._tv-button.green {
  background: #43be83;
  border-color: transparent;
  color: white !important;
}
.feature-no-touch ._tv-button.green:hover {
  background: #4ec28a;
  border-color: transparent;
}
.feature-no-touch ._tv-button.green:active,
.feature-touch ._tv-button.green:active {
  background: #3eb47b;
  border-color: transparent;
}
._tv-button.with-arrow {
  position: relative;
  margin-left: 2px;
}
._tv-button.with-arrow.arrow-left:after,
._tv-button.with-arrow.arrow-left:before {
  right: 100%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
._tv-button.with-arrow.arrow-left:after {
  border-color: rgba(249, 249, 249, 0);
  border-right-color: #f9f9f9;
  border-width: 5px;
  top: 50%;
  margin-top: -5px;
}
._tv-button.with-arrow.arrow-left:before {
  border-color: rgba(188, 188, 188, 0);
  border-right-color: #bcbcbc;
  border-width: 6px;
  top: 50%;
  margin-top: -6px;
}
.feature-no-touch ._tv-button.with-arrow.arrow-left:active:after,
.feature-touch ._tv-button.with-arrow.arrow-left:active:after {
  border-color: rgba(227, 231, 233, 0);
  border-right-color: #e3e7e9;
  margin-right: -1px;
}
.tv-uppercase {
  text-transform: uppercase;
}
/* Select */
.tv-select {
  display: none;
}
.tv-select-container {
  background-color: #f1f3f6;
  border: 1px solid;
  border-color: #dadde0;
  border-radius: 0;
  height: 26px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  color: #4a4a4a;
}
html.theme-dark .tv-select-container {
  color: #c5cbce;
}
html.theme-dark .tv-select-container {
  border-color: #363c4e;
}
html.theme-dark .tv-select-container {
  background-color: #2f3241;
}
.tv-select-container a {
  color: #4a4a4a;
}
html.theme-dark .tv-select-container a {
  color: #c5cbce;
}
.tv-select-container.sbHolderOpen {
  color: #000000;
}
.tv-select-container.sbHolderOpen a {
  color: #000000;
}
.tv-select-container.sbHolderDisabled {
  background-color: #ffffff;
  border-color: #e3e5e6;
  color: #808080;
}
.tv-select-container.sbHolderDisabled a {
  color: #808080;
}
.tv-select-container.sbHolderDisabled .sbToggle {
  opacity: 0.2;
}
.feature-no-touch .tv-select-container:hover:not(.sbHolderDisabled) .sbToggle:after {
  border-color: #000000 transparent transparent transparent;
}
.tv-select-container .sbSelector {
  cursor: default;
  display: block;
  height: 26px;
  line-height: 26px;
  outline: none;
  overflow: hidden;
  padding: 0 23px 0 10px;
  color: #333333;
}
.feature-no-touch .tv-select-container .sbSelector:hover {
  outline: none;
  text-decoration: none;
}
.tv-select-container .sbToggle {
  display: flex;
  align-items: center;
  position: absolute;
  right: 5px;
  top: 6px;
  height: 15px;
  width: 13px;
  cursor: default;
}
.tv-select-container .sbToggle .tv-caret {
  color: #4a4a4a;
}
html.theme-dark .tv-select-container .sbToggle .tv-caret {
  color: #c5cbce;
}
.tv-select-container.dialog {
  height: 25px;
  vertical-align: middle;
}
.tv-select-container.dialog .sbSelector {
  height: 25px;
  line-height: 25px;
  padding: 0 20px 0 10px;
  min-width: 80px;
  width: calc(100% - 30px);
}
.tv-select-container.dialog .sbOptions {
  min-width: 100%;
  z-index: 3;
}
.tv-select-container.dialog .sbOptions::-webkit-scrollbar {
  width: 5px;
}
.tv-select-container.dialog .sbOptions::-webkit-scrollbar-thumb {
  border: 1px solid #f2f3f5;
  border-radius: 3px;
  background-color: #9db2bd;
}
.tv-select-container.dialog .sbOptions::-webkit-scrollbar-track {
  background-color: #f2f3f5;
  border-radius: 3px;
}
.tv-select-container .sbSeparator {
  display: block;
  height: 1px;
  background: #c9cbcd;
}
.tv-select.inset + .tv-select-container {
  background: #eff3f6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #6f7073;
}
.tv-unstyled-select-container {
  position: relative;
}
.property-wide-select .tv-select-container.dialog .sbSelector {
  width: 90px;
}
.tv-report-dialog-select .sbOptions {
  max-width: 600px;
}
.tv-report-dialog-select .sbOptions a {
  overflow: hidden;
  text-overflow: ellipsis;
}
.tv-select-container .sbHolderDisabled {
  background-color: #3c3c3c;
  border: solid 1px #515151;
}
.tv-unstyled-select-container .sbOptions,
.tv-select-container .sbOptions {
  list-style: none;
  margin: 0;
  padding: 0px;
  position: absolute;
  top: 30px;
  min-width: 150px;
  z-index: 3;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid;
  border-color: #dadde0;
  overflow-x: hidden;
}
html.theme-dark .tv-unstyled-select-container .sbOptions,
html.theme-dark .tv-select-container .sbOptions {
  border-color: #363c4e;
}
html.theme-dark .tv-unstyled-select-container .sbOptions,
html.theme-dark .tv-select-container .sbOptions {
  background: #1c2030;
}
.tv-unstyled-select-container .sbOptions.tv-quandl-select,
.tv-select-container .sbOptions.tv-quandl-select {
  max-width: 350px;
}
.tv-unstyled-select-container .sbOptions.three-column-filter,
.tv-select-container .sbOptions.three-column-filter {
  width: 700px;
}
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item:nth-child(even),
.tv-select-container .sbOptions.three-column-filter li.filter-item:nth-child(even) {
  width: 46%;
}
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item,
.tv-select-container .sbOptions.three-column-filter li.filter-item {
  overflow: hidden;
  float: left;
  width: 54%;
  min-height: 34px;
}
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item:first-child,
.tv-select-container .sbOptions.three-column-filter li.filter-item:first-child {
  width: 100%;
}
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item .filter,
.tv-select-container .sbOptions.three-column-filter li.filter-item .filter {
  border-bottom: 0;
}
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item .sbIcon,
.tv-select-container .sbOptions.three-column-filter li.filter-item .sbIcon {
  display: inline-block;
  width: 16px;
  height: 11px;
  margin: 0 5px 3px 0;
  vertical-align: middle;
}
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item .sbIcon.flag-btc,
.tv-select-container .sbOptions.three-column-filter li.filter-item .sbIcon.flag-btc {
  height: 16px;
  margin-bottom: 2px;
}
.tv-unstyled-select-container .sbOptions a,
.tv-select-container .sbOptions a {
  display: block;
  white-space: nowrap;
  outline: none;
  padding: 7px 12px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #4a4a4a;
}
html.theme-dark .tv-unstyled-select-container .sbOptions a,
html.theme-dark .tv-select-container .sbOptions a {
  color: #c5cbce;
}
.tv-unstyled-select-container .sbOptions.tv-quandl-select a,
.tv-select-container .sbOptions.tv-quandl-select a {
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: none;
}
.tv-unstyled-select-container .sbOptions .spinner-container,
.tv-select-container .sbOptions .spinner-container {
  position: relative;
  height: 30px;
}
.tv-unstyled-select-container .sbOptions a:link,
.tv-select-container .sbOptions a:link,
.sbOptions a:visited {
  color: #4a4a4a;
  text-decoration: none;
}
html.theme-dark .tv-unstyled-select-container .sbOptions a:link,
html.theme-dark .tv-select-container .sbOptions a:link,
html.theme-dark .sbOptions a:visited {
  color: #c5cbce;
}
.feature-no-touch .tv-unstyled-select-container .sbOptions a:hover,
.feature-no-touch .tv-select-container .sbOptions a:hover {
  background: #f1f3f6;
}
html.feature-no-touch.theme-dark .tv-unstyled-select-container .sbOptions a:hover,
html.feature-no-touch.theme-dark .tv-select-container .sbOptions a:hover {
  background: #262b3e;
}
.tv-unstyled-select-container .sbOptions a.active,
.tv-select-container .sbOptions a.active {
  background: #f1f3f6;
  border-left: 3px solid #5cb888;
  padding-left: 9px;
  color: #333333;
}
html.theme-dark .tv-unstyled-select-container .sbOptions a.active,
html.theme-dark .tv-select-container .sbOptions a.active {
  background: #262b3e;
}
.tv-unstyled-select-container .sbOptions li.last a,
.tv-select-container .sbOptions li.last a {
  border-bottom: none;
}
.tv-unstyled-select-container .sbOptions .sbDisabled,
.tv-select-container .sbOptions .sbDisabled {
  display: block;
  padding: 7px 0 7px 10px;
}
.tv-unstyled-select-container .sbOptions .sbGroup,
.tv-select-container .sbOptions .sbGroup {
  display: block;
  font-weight: bold;
  padding: 7px 0 7px 3px;
}
.tv-unstyled-select-container .sbOptions .sbSub,
.tv-select-container .sbOptions .sbSub {
  padding-left: 17px;
}
.tv-select-container.tv-select-container-fontsize .sbSelector {
  width: 26px;
}
.tv-select-container.tv-select-container-fontsize .sbOptions {
  min-width: 54px;
}
.tv-select-container-timezone .sbOptions {
  min-width: 170px;
}
/* Text input */
.tv-text-input {
  color: #4a4a4a;
  margin: 0;
  border: 1px solid;
  border-color: #dadde0;
  display: inline-block;
  overflow: hidden;
  width: 100px;
  height: 26px;
  vertical-align: top;
  padding: 0 5px;
  /*!rtl:raw:
  direction: ltr;
  */
  /*!rtl:raw:
  text-align: right;
  */
}
html.theme-dark .tv-text-input {
  border-color: #363c4e;
}
html.theme-dark .tv-text-input {
  color: #c5cbce;
}
.feature-no-touch .tv-text-input:focus,
.feature-touch .tv-text-input:focus {
  border-color: #3bb3e4;
}
.tv-text-input.inset {
  background: #ffffff;
}
html.theme-dark .tv-text-input.inset {
  background: #131722;
}
.tv-text-input.ticker {
  height: 25px;
  width: 60px;
}
.tv-text-input.ticker--longer-sign_8 {
  width: 72px;
}
.ticker-text {
  background: #f2f5f8;
  width: 30px !important;
  text-align: center;
}
textarea.tv-textarea {
  color: #5a5a5a;
  margin: 0;
  border: 1px solid #c9cbcd;
  padding: 0 5px;
}
/* tv-close-panel */
.tv-close-panel {
  width: 4px;
  height: 25px;
  border-color: #dadde0;
  border-width: 1px 0;
  border-style: solid;
  background-color: #f1f3f6;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
html.theme-dark .tv-close-panel {
  background-color: #363c4e;
}
html.theme-dark .tv-close-panel {
  border-color: #363c4e;
}
.tv-close-panel.left,
.hidden .tv-close-panel.right {
  background-image: url(data:image/gif;base64,R0lGODlhAwAFAPABAMnLzf///yH5BAUAAAEALAAAAAADAAUAQAIGTGCgqAcFADs=);
}
.tv-close-panel.right,
.hidden .tv-close-panel.left {
  background-image: url(data:image/gif;base64,R0lGODlhAwAFAIABAMnLzf///yH5BAEAAAEALAAAAAADAAUAAAIFRAKWi1cAOw==);
}
.tv-close-panel.top,
.tv-close-panel.bottom {
  width: 25px;
  height: 5px;
  border-width: 0 1px;
}
.tv-close-panel.top,
.hidden .tv-close-panel.bottom {
  background-image: url(data:image/gif;base64,R0lGODlhBQADAIABAMnLzf///yH5BAEKAAEALAAAAAAFAAMAAAIFTGAHuF0AOw==);
}
.tv-close-panel.bottom,
.hidden .tv-close-panel.top {
  background-image: url(data:image/gif;base64,R0lGODlhBQADAIABAMnLzf///yH5BAEKAAEALAAAAAAFAAMAAAIFhB0XC1sAOw==);
}
html,
body {
  color: #4a4a4a;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
  font-size: 14px;
  height: 100% !important;
}
html.theme-dark html,
html.theme-dark body {
  color: #c5cbce;
}
html.font-VI-lang-safe body,
body.font-VI-lang-safe {
  font-family: Arial, sans-serif;
}
body {
  background: #f2f3f5;
}
body.tv-body--bg_superdark {
  background: #2a2c39;
}
body.extension {
  min-width: 0;
  overflow: hidden;
}
img {
  border: none;
}
textarea {
  resize: none;
}
.feature-no-touch :focus,
.feature-touch :focus {
  outline: none !important;
}
input::-ms-clear {
  display: none;
}
input,
textarea {
  border-radius: 0;
}
.chart-page :not(input):not(textarea):not(.selectable),
.unselectable,
.tv-profile .tags {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.chart-page :not(input):not(textarea):not(.selectable).selectable--full,
.unselectable.selectable--full,
.tv-profile .tags.selectable--full,
.chart-page :not(input):not(textarea):not(.selectable).selectable--full :not(.unselectable),
.unselectable.selectable--full :not(.unselectable),
.tv-profile .tags.selectable--full :not(.unselectable) {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
input,
textarea,
.selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.font-VI-lang-safe input,
.font-VI-lang-safe textarea,
.font-VI-lang-safe .selectable {
  font-family: Arial, sans-serif;
}
/* common */
.text-center {
  text-align: center;
}
/* footer */
#footer {
  background: #dbdbdb;
  color: #626262;
  border-top: 1px #999999 solid;
  height: 24px;
  font-size: small;
}
/* main chart */
#chart-area {
  background: transparent;
}
#chart-area,
.chart-container,
.chart-place {
  position: relative;
  touch-action: none;
}
#chart-area.fullscreen {
  position: fixed;
  z-index: 15;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}
.chart-page {
  background: #e7ebee;
}
html.theme-dark .chart-page {
  background: #2f3241;
}
.chart-page .chart-container {
  position: relative;
  contain: strict;
}
.chart-page .chart-container-border {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  border: none;
  background-color: #ffffff;
  /* workaround: enforce stacking context for webkit overflow with rounded border bug */
  z-index: 0;
}
html.theme-dark .chart-page .chart-container-border {
  background-color: #131722;
}
.chart-page .chart-container.multiple.active .chart-container-border {
  border-radius: 6px;
}
.chart-page .chart-container.multiple.active:after {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 4px;
  border: 2px solid;
  border-color: #37a6ef;
}
html.theme-dark .chart-page .chart-container.multiple.active:after {
  border-color: #2e7bb2;
}
.chart-page .chart-container.inactive .chart-status-picture,
.chart-page .chart-container.inactive .pane-legend {
  opacity: 0.6;
}
.chart-page .chart-container.inactive .pane-legend-line.study,
.chart-page .chart-container.inactive .back-to-present,
.chart-page .chart-container.inactive .control-bar-wrapper {
  display: none;
}
/* view chart */
/* other */
.ui-tabs .ui-tabs-nav li a {
  font-size: x-small;
}
.input-reset {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
  display: none;
  border-radius: 50%;
}
.input-reset:before {
  content: ' ';
  display: block;
  width: 10px;
  height: 10px;
  background: url('../images/icons.png') no-repeat -103px -340px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -5px;
}
.feature-no-touch .input-reset:hover {
  background-color: #f2f5f8;
}
.feature-no-touch .input-reset:active,
.feature-touch .input-reset:active {
  opacity: 0.6;
}
.loading-indicator {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 150;
  background: #ffffff;
}
.loading-indicator img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -58px 0 0 -58px;
}
.loading-indicator img.small {
  margin: -12px 0 0 -12px;
}
.ui-slider-horizontal {
  margin: 7px 0 0;
  background-color: #f4f7f9;
  border: 1px solid !important;
  border-color: #c9cbcd !important;
  height: 5px !important;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
}
html.theme-dark .ui-slider-horizontal {
  border-color: #2f3241 !important;
}
html.theme-dark .ui-slider-horizontal {
  background-color: #171b29;
}
.ui-slider-handle {
  width: 15px !important;
  height: 15px !important;
  background: url('../images/icons.png') -20px -80px !important;
  border: none !important;
  top: -5px !important;
  margin-left: -7px !important;
}
.ui-slider-horizontal.linewidth-slider {
  width: 101px;
  margin: 7px 10px;
  background: url('../images/dialogs/linewidth-slider.png') 0 0 no-repeat !important;
  height: 12px !important;
  border: none !important;
  box-shadow: none;
  display: inline-block;
  vertical-align: middle;
}
.ui-slider-horizontal.linewidth-slider:before,
.ui-slider-horizontal.linewidth-slider:after {
  content: none;
}
.ui-slider-horizontal.transparency-slider {
  /* relative */
  width: 99px;
  height: 8px !important;
  margin: 7px 10px;
  background: url('../images/dialogs/opacity-slider.png') !important;
}
.ui-slider-horizontal.transparency-slider.wide-slider {
  width: 176px;
  margin: 7px 1px;
}
.slider-range {
  width: 155px;
  height: 5px !important;
  background: #fafafa;
  position: relative;
  top: 1px;
  left: 0 !important;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 0px !important;
}
.slider-range .ui-slider-range {
  top: 0px !important;
  height: 5px !important;
}
.slider-range .ui-slider-handle,
.slider-range .ui-slider-horizontal.transparency-slider .ui-slider-handle {
  width: 20px !important;
  height: 20px !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABvElEQVR42r1U2U7CUBD1D9V36oP4R/AHrmFRChFsQSExKihtFB804oOJLAXKcllEifU6pwkEuYVQH2hykpuZOZNZTmdtZV+11vDk8gWfnEgrh+GEBsjxtHJ9e++rGA1p6USs29tQzq9294OnL4QWYUj4BvCGDT7EMNbbWJisVm9uByJKlggsJCctrfDMS4bJO70P3uoO7Dds8CEGscTxzqtsPXCi3KCKi8s73mJ9PhqNHAEfYij2kzhZ4oqVpjJZtNmhwB+QlsA4KUP7MwswPZhLUFatRZWJlQ44OOD+WVROe/Rh2PmHJwS6gkYc4rZJEf5JwihJA/MoVU2B8PpW5uFoioeiSbwF/3u1wcENykl1khAaI6OFbc4QkAwEG+FYSvC3afvgHh0ndLcJUaXg7/SHdsKDUFyfblm1Wzbmtgw4tlwmji2fiKpOL8WPpUC0bpcCjrAUo2ZKY9k0/yebIslmy0nYDGJ1KewuCXvP8SjgN8I8XPx6X8TJEXdz3nHwjo8D6cqC0KFNbB/AG7aZ47Cz7PkqYtiomGABeMMGH9pErJsDK2FzMkmKdKpTa3rsLKPSgfVXjLq0skv/C1tGuRhzjqXzAAAAAElFTkSuQmCC)
    0 0 no-repeat !important;
  top: 50% !important;
  margin: -10px 0 0 -10px !important;
}
.ui-slider-horizontal.transparency-slider .gradient {
  width: 92%;
  height: 100%;
  position: absolute;
  top: 0;
  /*!rtl:ignore*/
  left: 0;
  background: linear-gradient(to right, transparent 0%, #7db9e8 100%);
}
.ui-slider-horizontal.linewidth-slider .ui-slider-handle,
.ui-slider-horizontal.transparency-slider .ui-slider-handle {
  width: 20px !important;
  height: 20px !important;
  background: url('../images/svg/chart/large-slider-handle.svg') 0 0 no-repeat !important;
  top: 50% !important;
  /*!rtl:ignore*/
  margin: -10px 0 0 -10px !important;
}
.ui-slider-horizontal.linewidth-slider .ui-slider-handle.without-shift-handle-left,
.ui-slider-horizontal.transparency-slider .ui-slider-handle.without-shift-handle-left {
  /*!rtl:ignore*/
  margin: -10px 3px 0 -3px !important;
}
.falling,
.growing,
.search-results .symbol-last.growing,
.search-results .symbol-last.falling {
  color: white;
}
.growing {
  background: #3cbc98;
}
.falling {
  background: #ff4a68;
}
.font-awesome {
  font-weight: bold;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: FontAwesome;
}
/* ad pack */
#chart-area .chart-promo,
#chart-container .chart-promo,
.tv-chart-view__chart-inner .chart-promo {
  display: none;
  position: absolute;
  z-index: 5;
  bottom: 55px;
  left: 10px;
  width: 0px;
  height: 80px;
  background: #ffffff;
  transition: width 0.5s ease-in-out;
}
#chart-area .chart-promo.expanded,
#chart-container .chart-promo.expanded,
.tv-chart-view__chart-inner .chart-promo.expanded {
  display: block;
  width: 330px;
  opacity: 1;
}
#chart-area .chart-promo a.chart-promo-link,
#chart-container .chart-promo a.chart-promo-link,
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link {
  display: block;
  width: 330px;
  height: 80px;
  border: solid 1px #dadee1;
  border-radius: 4px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  color: #000000;
}
#chart-area .chart-promo a.chart-promo-link .image-promo,
#chart-container .chart-promo a.chart-promo-link .image-promo,
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link .image-promo {
  width: 330px;
  height: 80px;
}
#chart-area .chart-promo a.chart-promo-link .comment,
#chart-container .chart-promo a.chart-promo-link .comment,
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link .comment {
  margin-top: -2px;
  padding: 10px 128px 10px 22px;
  font-size: 12px;
  color: #555555;
  display: block;
  line-height: 60px;
}
#chart-area .chart-promo a.chart-promo-link .comment .comment-alignment,
#chart-container .chart-promo a.chart-promo-link .comment .comment-alignment,
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link .comment .comment-alignment {
  display: inline-block;
  max-height: 60px;
  overflow: hidden;
  line-height: 15px;
  white-space: pre-wrap;
  vertical-align: middle;
}
#chart-area .chart-promo a.chart-promo-link .logo,
#chart-container .chart-promo a.chart-promo-link .logo,
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link .logo {
  width: 128px;
  height: 80px;
  float: right;
  text-align: center;
  line-height: 80px;
}
#chart-area .chart-promo a.chart-promo-link .logo img,
#chart-container .chart-promo a.chart-promo-link .logo img,
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link .logo img {
  max-width: 85px;
  max-height: 100%;
  vertical-align: middle;
}
#chart-area .chart-promo a.remove-ad,
#chart-container .chart-promo a.remove-ad,
.tv-chart-view__chart-inner .chart-promo a.remove-ad {
  background: #ecf1f4;
  position: absolute;
  right: 0;
  top: -18px;
  height: 18px;
  line-height: 18px;
  padding: 0 11px;
  color: #5cbfe7;
  font-size: 11px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  opacity: 0.8;
}
#chart-container .chart-promo,
.tv-chart-view__chart-inner .chart-promo {
  bottom: 30px;
}
/* evercookie swf fix */
#myswf {
  position: fixed;
  top: 0;
  left: 0;
}
.cookie-message {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-size: 14px;
  z-index: 15;
  padding: 18px 20px;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.57;
  background: rgba(33, 33, 33, 0.8);
  color: #d4dde6;
}
.cookie-message.hidden {
  display: none;
}
.cookie-message .cookie-message-text {
  flex: 0 1 auto;
  vertical-align: middle;
  margin-right: 20px;
  padding: 4px 0;
}
.cookie-message .cookie-button-wrapper {
  flex: 0 0 auto;
  align-self: center;
}
.cookie-message .cookie-button--mobile {
  display: none;
}
.cookie-message a {
  color: #5cbfe7;
}
.cookie-message .tv-button {
  letter-spacing: 0.7px;
}
@media screen and (max-width: 767px) {
  .cookie-message .cookie-message-text {
    flex: 1 1 auto;
  }
  .cookie-message .cookie-button {
    display: none;
  }
  .cookie-message .cookie-button.cookie-button--mobile {
    display: block;
  }
  .cookie-message .cookie-button.cookie-button--mobile svg {
    margin: 1px;
    width: 14px;
    height: 14px;
    stroke: rgba(255, 255, 255, 0.8);
    transition-property: stroke;
    transition-timing-function: linear;
  }
  .cookie-message .cookie-button-wrapper {
    align-self: flex-start;
  }
}
/* Dialogs */
._tv-dialog-shadowbox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 110;
  -webkit-transform: translate3d(0, 0, 0);
  /* fix webkit issue. Chromium issue #139613 */
  /* stylelint-disable-line property-no-vendor-prefix */
}
._tv-dialog-shadowbox.transparent {
  background: none;
}
/*._tv-dialog-shadowbox.dark {background: rgba(0,0,0,0.5);}*/
._tv-dialog {
  position: absolute;
  min-height: 18px;
  /*!rtl:ignore*/
  left: 50%;
  /*!rtl:ignore*/
  top: 50%;
  background: #ffffff;
  border: 1px solid;
  border-color: #b5b7b9;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
html.theme-dark ._tv-dialog {
  border-color: #363c4e;
}
html.theme-dark ._tv-dialog {
  background: #1c2030;
}
._tv-dialog__link {
  color: #3bb3e4;
  transition: color ease 0.35s;
}
html.theme-dark ._tv-dialog__link {
  color: #299dcd;
}
._tv-dialog__link:visited {
  color: #3bb3e4;
  fill: #3bb3e4;
}
html.theme-dark ._tv-dialog__link:visited {
  fill: #299dcd;
}
html.theme-dark ._tv-dialog__link:visited {
  color: #299dcd;
}
.feature-no-touch ._tv-dialog__link:hover {
  color: #3babd8;
  fill: #3babd8;
  transition-duration: 0.06s;
}
.feature-no-touch ._tv-dialog__link:active,
.feature-touch ._tv-dialog__link:active {
  color: #049ddc;
  fill: #049ddc;
  transition-duration: 0.06s;
}
._tv-dialog__indented-list {
  padding-left: 20px;
}
._tv-dialog__highlightedText {
  background-color: #fff2cf;
}
html.theme-dark ._tv-dialog__highlightedText {
  background-color: #21384d;
}
._tv-dialog__subTitle {
  margin-top: 20px;
  font-weight: bold;
  display: block;
}
._tv-dialog._tv-dialog-min-width {
  min-width: 400px;
}
._tv-dialog--open-a-chart a,
._tv-dialog--alert-email a {
  color: #3bb3e4;
  transition: color ease 0.35s;
}
html.theme-dark ._tv-dialog--open-a-chart a,
html.theme-dark ._tv-dialog--alert-email a {
  color: #299dcd;
}
._tv-dialog--open-a-chart a:visited,
._tv-dialog--alert-email a:visited {
  color: #3bb3e4;
  fill: #3bb3e4;
}
html.theme-dark ._tv-dialog--open-a-chart a:visited,
html.theme-dark ._tv-dialog--alert-email a:visited {
  fill: #299dcd;
}
html.theme-dark ._tv-dialog--open-a-chart a:visited,
html.theme-dark ._tv-dialog--alert-email a:visited {
  color: #299dcd;
}
.feature-no-touch ._tv-dialog--open-a-chart a:hover,
.feature-no-touch ._tv-dialog--alert-email a:hover {
  color: #3babd8;
  fill: #3babd8;
  transition-duration: 0.06s;
}
.feature-no-touch ._tv-dialog--open-a-chart a:active,
.feature-touch ._tv-dialog--open-a-chart a:active,
.feature-no-touch ._tv-dialog--alert-email a:active,
.feature-touch ._tv-dialog--alert-email a:active {
  color: #049ddc;
  fill: #049ddc;
  transition-duration: 0.06s;
}
._tv-dialog.ui-resizable {
  position: absolute;
  /**
  - Describe what dialog looks like!
  - What?
  - Say 'what' again. Say 'what' again, I dare you, I double dare you motherfucker, say what one more Goddamn time!
  - It... It's white
  - Go on!
  - It's box
  - Does it look like a menu?
  - What?
  - Does it look. Like a menu?
  - No!
  - Then why you try position it relative like a menu?
  - I didn't...
  - Yes you did. Yes you did! And dialog don't like to be positioned by enybody except dialogs.less
  */
}
._tv-dialog-title {
  color: #4c525e;
  font-weight: bold;
  font-size: 15px;
  padding: 17px 35px 17px 20px;
  cursor: default;
  word-wrap: break-word;
}
html.theme-dark ._tv-dialog-title {
  color: #d6d8e0;
}
._tv-dialog-title._tv-dialog-title-no-close {
  padding-right: 20px;
}
._tv-dialog-title._tv-dialog-title-hidden {
  padding: 0;
  font-size: 0;
  color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
._tv-dialog-title ._tv-dialog-title-close {
  width: 21px;
  height: 21px;
  display: block;
  position: absolute;
  right: 15px;
  top: 13px;
  cursor: pointer;
  z-index: 1;
}
._tv-dialog-title ._tv-dialog-title-close:after {
  width: 9px;
  height: 9px;
  content: ' ';
  position: absolute;
  top: 6px;
  left: 6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAUElEQVR42pWQMQoAIAwD++d+x8HJbyoOWXJDSSBgwpVS62vtc8ulXg/ZAZkFMycNoBJgXoUcX1cm9N1NSL0esgMyC2ZOGkAlwLwKObhu/qcHp/zWImEdH8EAAAAASUVORK5CYII=);
  display: block;
}
.feature-no-touch ._tv-dialog-title ._tv-dialog-title-close:hover:after {
  background-position: center bottom;
}
._tv-dialog-content {
  color: #131722;
  max-width: 100%;
}
html.theme-dark ._tv-dialog-content {
  color: #d6d8e0;
}
._tv-dialog-content
  a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']) {
  color: #3bb3e4;
  transition: color ease 0.35s;
}
html.theme-dark
  ._tv-dialog-content
  a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']) {
  color: #299dcd;
}
._tv-dialog-content
  a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):visited {
  color: #3bb3e4;
  fill: #3bb3e4;
}
html.theme-dark
  ._tv-dialog-content
  a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):visited {
  fill: #299dcd;
}
html.theme-dark
  ._tv-dialog-content
  a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):visited {
  color: #299dcd;
}
.feature-no-touch
  ._tv-dialog-content
  a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):hover {
  color: #3babd8;
  fill: #3babd8;
  transition-duration: 0.06s;
}
.feature-no-touch
  ._tv-dialog-content
  a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):active,
.feature-touch
  ._tv-dialog-content
  a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):active {
  color: #049ddc;
  fill: #049ddc;
  transition-duration: 0.06s;
}
._tv-dialog-content .main {
  padding: 0 20px 20px 20px;
}
._tv-dialog-content .main p:first-child {
  margin-top: 0;
}
._tv-dialog-content .main p:last-child {
  margin-bottom: 0;
}
._tv-dialog-content .main .buttons {
  margin-top: 25px;
  text-align: right;
}
._tv-dialog-content .main .buttons.center {
  text-align: center;
}
._tv-dialog-content .main .buttons ._tv-button {
  min-width: 60px;
  text-transform: uppercase;
}
._tv-dialog-content .main-properties {
  padding: 25px;
}
._tv-dialog-content .main-properties.main-properties-aftertabs,
._tv-dialog-content .main-properties.alert-aftertabs {
  padding-top: 5px;
}
._tv-dialog-content .main-properties.main-properties-tabless {
  padding-top: 40px;
}
._tv-dialog-content .main-properties td {
  padding: 3px 4px;
  height: 27px;
}
._tv-dialog-content .main-properties td:empty {
  padding: 0;
}
._tv-dialog-content .main-properties td:first-child,
._tv-dialog-content .main-properties td.no-left-indent {
  padding-left: 0;
}
._tv-dialog-content .main-properties td:last-child {
  padding-right: 0;
}
._tv-dialog-content .main-properties .percents-label {
  position: relative;
  top: 5px;
  left: 5px;
}
._tv-dialog-content .main-browser-extension {
  padding: 40px 70px 40px 52px;
  padding: 0;
}
._tv-dialog-content .main-browser-extension .extension-poster {
  width: 328px;
  height: 377px;
  background: url('../images/dialogs/browser-extension/demo.png') 0 0;
}
._tv-dialog-content .main-browser-extension .left,
._tv-dialog-content .main-browser-extension .right {
  width: 50%;
  box-sizing: border-box;
}
._tv-dialog-content .main-browser-extension .left {
  float: left;
  padding: 32px 0 0 46px;
}
._tv-dialog-content .main-browser-extension .right {
  float: right;
  padding: 51px 70px 0 44px;
}
._tv-dialog-content .main-browser-extension .logo {
  float: left;
  width: 36px;
  height: 36px;
  background-size: 36px 36px;
  margin-right: 10px;
}
._tv-dialog-content .main-browser-extension .logo.chrome {
  background: url('../images/svg/google-chrome-logo.svg') 0 0;
}
._tv-dialog-content .main-browser-extension .name,
._tv-dialog-content .main-browser-extension .info {
  float: left;
  clear: right;
  color: #a9a9a9;
  width: 200px;
}
._tv-dialog-content .main-browser-extension .name {
  font-size: 20px;
  height: 20px;
  line-height: 20px;
}
._tv-dialog-content .main-browser-extension .info {
  font-size: 12px;
  height: 14px;
  line-height: 20px;
}
._tv-dialog-content .main-browser-extension h1 {
  margin-top: 48px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 20px;
}
._tv-dialog-content .main-browser-extension p {
  color: #c2c5cb;
  margin: 14px 0 28px 0;
}
._tv-dialog-content .main-browser-extension .install-extension button {
  height: 42px;
  padding: 0 25px;
  line-height: 42px;
  text-align: center;
  border: none;
  font-size: 12px;
  text-transform: uppercase;
  background: #52c3e7;
  color: #ffffff;
  cursor: pointer;
}
._tv-dialog-content .properties-separator {
  border-bottom: 1px solid #b5b7b9;
}
html.theme-dark ._tv-dialog-content .properties-separator {
  border-bottom: 1px solid #363c4e;
}
._tv-dialog-content ._tv-dialog-checkbox-mask {
  width: 18px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 2px;
  background: url('../images/dialogs/checkbox.png') 0 0;
}
._tv-dialog-content ._tv-dialog-checkbox-mask.radio {
  background: #ffffff url('../images/icons.png');
  background-position: -100px -140px;
  width: 16px;
}
._tv-dialog-content ._tv-dialog-checkbox-mask.disabled {
  background-position: 0 -32px;
}
._tv-dialog-content ._tv-dialog-checkbox-mask-active {
  background: url('../images/dialogs/checkbox.png') 0 -16px;
}
._tv-dialog-content ._tv-dialog-checkbox-mask-active.radio {
  background-position: -120px -140px;
}
._tv-dialog-content--with-padding-top {
  padding-top: 40px;
}
._tv-dialog-content form input:not(.tv-control-input)[type='text'],
._tv-dialog-content form input[type='password'],
._tv-dialog-text-input {
  width: 100%;
  box-sizing: border-box;
  height: 33px;
  border: 1px solid #b5b7b9;
  margin: 1px;
  padding: 0 5px;
  background-color: #ffffff;
  color: #4a4a4a;
}
html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)[type='text'],
html.theme-dark ._tv-dialog-content form input[type='password'],
html.theme-dark ._tv-dialog-text-input {
  color: #c5cbce;
}
html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)[type='text'],
html.theme-dark ._tv-dialog-content form input[type='password'],
html.theme-dark ._tv-dialog-text-input {
  background-color: #1c2030;
}
html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)[type='text'],
html.theme-dark ._tv-dialog-content form input[type='password'],
html.theme-dark ._tv-dialog-text-input {
  border: 1px solid #363c4e;
}
._tv-dialog-content form input:not(.tv-control-input)[type='text']:disabled,
._tv-dialog-content form input[type='password']:disabled,
._tv-dialog-text-input:disabled {
  color: #5a5a5a;
  opacity: 0.5;
}
._tv-dialog-content ._tv-dialog-text-input {
  height: 27px;
}
._tv-dialog-text-input.disabled {
  color: #909292 !important;
}
._tv-dialog-content form input[type='text'].error,
._tv-dialog-content form input[type='password'].error {
  margin: 0;
  border: 2px solid #de5764;
  background: #f7e4e6;
  color: #e06571;
}
._tv-dialog-content textarea {
  color: #4a4a4a;
  font-size: 12px;
  line-height: 18px;
  border: 1px solid;
  border-color: #b5b7b9;
  padding: 8px 5px;
  background: #ffffff;
  box-sizing: border-box;
}
html.theme-dark ._tv-dialog-content textarea {
  background: #1c2030;
}
html.theme-dark ._tv-dialog-content textarea {
  border-color: #363c4e;
}
html.theme-dark ._tv-dialog-content textarea {
  color: #c5cbce;
}
._tv-dialog-content textarea:disabled {
  color: #5a5a5a;
  opacity: 0.5;
}
._tv-dialog-content form input:not(.tv-control-input)._tv-dialog-content-textactive,
.feature-no-touch ._tv-dialog-text-input:focus,
.feature-touch ._tv-dialog-text-input:focus {
  background: #ffffff;
  border-color: #3bb3e4 !important;
  color: #595959;
}
html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)._tv-dialog-content-textactive,
html.feature-no-touch.theme-dark ._tv-dialog-text-input:focus,
html.feature-touch.theme-dark ._tv-dialog-text-input:focus {
  color: #9db2bd;
}
html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)._tv-dialog-content-textactive,
html.feature-no-touch.theme-dark ._tv-dialog-text-input:focus,
html.feature-touch.theme-dark ._tv-dialog-text-input:focus {
  background: #1c2030;
}
._tv-dialog-content textarea {
  border: 1px solid #b5b7b9;
  background: white;
}
html.theme-dark ._tv-dialog-content textarea {
  border: 1px solid #363c4e;
}
._tv-dialog-content textarea._tv-dialog-content-textareaactive {
  color: #595959;
  border-color: #3bb3e4 !important;
}
._tv-dialog-content .caption {
  font-size: 11px;
  color: #4f5966;
  margin-bottom: 3px;
  margin-top: 7px;
  font-weight: bold;
}
html.theme-dark ._tv-dialog-content .caption {
  color: #f7f8fa;
}
._tv-dialog-content .caption.half {
  float: left;
  width: 50%;
}
._tv-dialog-content .caption-big {
  font-size: 12px;
  color: #4f5966;
  margin: 15px 0;
}
html.theme-dark ._tv-dialog-content .caption-big {
  color: #f7f8fa;
}
._tv-dialog-content .caption-big-center {
  font-size: 12px;
  color: #4f5966;
  margin: 15px 0;
  text-align: center;
}
html.theme-dark ._tv-dialog-content .caption-big-center {
  color: #f7f8fa;
}
._tv-dialog-content .caption-big-center.slim {
  margin: 0;
  text-align: left;
}
._tv-dialog-content .caption-big-center.slim ul {
  padding-left: 20px;
}
._tv-dialog-content .caption-big.slim {
  margin: 0;
  text-align: left;
}
._tv-dialog-content .caption.first {
  margin-top: 0;
}
._tv-dialog-content .disconnect,
._tv-dialog-content .critical {
  padding-bottom: 15px;
}
._tv-dialog-content .disconnect ol,
._tv-dialog-content .disconnect ul {
  padding-left: 1.5em;
  margin-bottom: 0;
}
._tv-dialog-content .disconnect ul {
  list-style: square;
}
._tv-dialog-content .input input {
  width: 298px !important;
}
._tv-dialog-content .input {
  margin-bottom: 7px;
}
._tv-dialog-content .big-button ._tv-button {
  padding: 10px 50px;
  /*background: #f9f9f9;*/
  background: #ffffff;
}
.feature-no-touch ._tv-dialog-content .big-button ._tv-button:hover {
  background: #fcfcfc;
}
._tv-dialog-content label {
  color: #4a4a4a;
}
html.theme-dark ._tv-dialog-content label {
  color: #c5cbce;
}
/*._tv-dialog-content input[type="checkbox"]{opacity: 0;}*/
.feature-no-touch ._tv-dialog-content .flat:hover::before {
  border-width: 0 !important;
}
._tv-dialog-error,
._tv-dialog-message {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 12px;
  z-index: 100;
  text-align: center;
}
._tv-dialog-error .message,
._tv-dialog-message .message {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  height: 32px;
}
._tv-dialog-error .close,
._tv-dialog-message .close {
  display: none;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 9px;
  height: 9px;
  border: transparent 4px solid;
  cursor: pointer;
  opacity: 0.7;
}
.feature-no-touch ._tv-dialog-error .close:hover,
.feature-no-touch ._tv-dialog-message .close:hover {
  opacity: 1;
}
._tv-dialog-error.with-close .message,
._tv-dialog-message.with-close .message {
  padding: 10px 30px;
}
._tv-dialog-error.with-close .close,
._tv-dialog-message.with-close .close {
  display: block;
}
._tv-dialog-error a,
._tv-dialog-message a {
  color: #3bb3e4;
  transition: color ease 0.35s;
}
html.theme-dark ._tv-dialog-error a,
html.theme-dark ._tv-dialog-message a {
  color: #299dcd;
}
._tv-dialog-error a:visited,
._tv-dialog-message a:visited {
  color: #3bb3e4;
  fill: #3bb3e4;
}
html.theme-dark ._tv-dialog-error a:visited,
html.theme-dark ._tv-dialog-message a:visited {
  fill: #299dcd;
}
html.theme-dark ._tv-dialog-error a:visited,
html.theme-dark ._tv-dialog-message a:visited {
  color: #299dcd;
}
.feature-no-touch ._tv-dialog-error a:hover,
.feature-no-touch ._tv-dialog-message a:hover {
  color: #3babd8;
  fill: #3babd8;
  transition-duration: 0.06s;
}
.feature-no-touch ._tv-dialog-error a:active,
.feature-touch ._tv-dialog-error a:active,
.feature-no-touch ._tv-dialog-message a:active,
.feature-touch ._tv-dialog-message a:active {
  color: #049ddc;
  fill: #049ddc;
  transition-duration: 0.06s;
}
._tv-dialog-error {
  color: #c34c36;
  background: #f9e3e6;
}
html.theme-dark ._tv-dialog-error {
  background: #6f2626;
}
html.theme-dark ._tv-dialog-error {
  color: #ffedf0;
}
._tv-dialog-error .close {
  fill: #9b0202;
}
html.theme-dark ._tv-dialog-error .close {
  fill: #ffa4b3;
}
._tv-dialog-message {
  color: #0a8415;
  background: #e2fde1;
}
html.theme-dark ._tv-dialog-message {
  background: #21384d;
}
html.theme-dark ._tv-dialog-message {
  color: #9addcc;
}
._tv-dialog-message .close {
  fill: #096201;
}
html.theme-dark ._tv-dialog-message .close {
  fill: #3bc2a1;
}
._tv-dialog-content .dialog-buttons {
  text-align: right;
  margin-top: 10px;
}
._tv-dialog-content .dialog-comment {
  float: left;
  margin-top: 15px;
}
._tv-dialog-content .dialog-buttons a {
  margin: 0 0 0 5px;
  min-width: 50px;
  text-align: center;
  position: relative;
}
._tv-dialog-content .dialog-buttons a.tv-left {
  margin: 0 5px 0 0;
}
._tv-dialog .ui-resizable-handle {
  width: 11px;
  height: 11px;
  background: url('../images/dialogs/resize-handle.png') 0 0 no-repeat;
}
._tv-dialog.change-interval-dialog ._tv-dialog-title {
  text-align: center;
  font-size: 13px;
  padding: 28px 0 23px;
}
._tv-dialog.change-interval-dialog ._tv-dialog-content {
  padding: 0 50px 13px;
  text-align: center;
}
._tv-dialog.change-interval-dialog ._tv-dialog-content .change-interval-input {
  box-sizing: border-box;
  display: block;
  width: 150px;
  height: 76px;
  border: #3bb3e4 1px solid;
  text-align: inherit;
  font-size: 43px;
  color: #4a4a4a;
  background-color: #ffffff;
  text-transform: uppercase;
}
html.theme-dark ._tv-dialog.change-interval-dialog ._tv-dialog-content .change-interval-input {
  background-color: #2f3241;
}
html.theme-dark ._tv-dialog.change-interval-dialog ._tv-dialog-content .change-interval-input {
  color: #c5cbce;
}
._tv-dialog.change-interval-dialog ._tv-dialog-content .change-interval-input.error {
  border-color: #d75442;
  background-color: #ffefef;
}
._tv-dialog.change-interval-dialog ._tv-dialog-content i {
  display: block;
  font-style: normal;
}
._tv-dialog.change-interval-dialog ._tv-dialog-content i.interval-caption {
  margin: 8px 0 15px;
  color: #a8a8a8;
  font-size: 12px;
  font-weight: 600;
  cursor: default;
}
._tv-dialog.change-interval-dialog ._tv-dialog-content i.interval-caption.error {
  color: #d75442;
}
._tv-dialog.change-interval-dialog ._tv-dialog-content i.help-tooltip-trigger {
  margin: 0 auto;
  width: 12px;
  height: 12px;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: default;
}
html.theme-dark ._tv-dialog.change-interval-dialog ._tv-dialog-content i.help-tooltip-trigger {
  border-color: rgba(157, 178, 189, 0.5);
}
._tv-dialog-charting-library._tv-dialog {
  font-size: 14px;
  font-weight: normal;
  background: #f2f5f8;
}
._tv-dialog-charting-library .main {
  padding: 0 20px 20px 20px;
}
._tv-dialog-charting-library .line {
  height: 1px;
  background: #ced5db;
  overflow: hidden;
}
._tv-dialog-charting-library .lead-in {
  margin-bottom: 5px;
}
._tv-dialog-charting-library h3 {
  font-size: 26px;
  font-weight: normal;
  text-transform: uppercase;
  color: #26282f;
  margin: 0px;
}
._tv-dialog-charting-library p,
._tv-dialog-charting-library li {
  line-height: 28px;
  margin: 0;
}
._tv-dialog-charting-library p,
._tv-dialog-charting-library ul {
  margin: 12px 1px;
}
._tv-dialog-charting-library form .dropzone {
  margin: 1px;
  border: 1px dashed rgba(0, 0, 0, 0.3);
  background: white;
  display: inline-block;
  padding: 20px 0px;
  width: 140px;
  height: 110px;
  float: left;
  box-sizing: border-box;
}
._tv-dialog-charting-library form .dropzone * {
  box-sizing: border-box;
}
._tv-dialog-charting-library form .dropzone.dz-clickable {
  cursor: pointer;
}
._tv-dialog-charting-library form .dropzone.dz-started .dz-message {
  display: none;
}
._tv-dialog-charting-library form .dropzone.dz-drag-hover {
  border-style: solid;
}
._tv-dialog-charting-library form .dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}
._tv-dialog-charting-library form .dropzone .dz-message {
  text-align: center;
}
._tv-dialog-charting-library form .dropzone .dz-message .link {
  color: #0099d4;
}
._tv-dialog-charting-library form .dropzone .dz-filename {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: lowercase;
}
._tv-dialog-charting-library form .dropzone .dz-filename span {
  padding: 0 0.4em;
}
._tv-dialog-charting-library form .dropzone .dz-icon {
  padding: 1px 42px;
}
._tv-dialog-charting-library form .dropzone .dz-remove {
  fill: #ff6565;
  position: relative;
  top: -80px;
  left: 110px;
}
.feature-no-touch ._tv-dialog-charting-library form .dropzone .dz-remove:hover {
  fill: red;
}
._tv-dialog-charting-library form > div {
  margin-bottom: 12px;
}
._tv-dialog-charting-library form .description {
  margin: 6px 0;
}
._tv-dialog-charting-library form .agreement {
  margin-bottom: 10px;
}
._tv-dialog-charting-library form .agreement .description {
  display: inline-block;
  padding: 27px 5px;
  width: 388px;
}
._tv-dialog-charting-library form textarea {
  width: 100%;
  height: 90px;
  margin: 1px;
}
._tv-dialog-charting-library form .attach {
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
}
._tv-dialog-charting-library form input[type='text'].error {
  margin: 1px;
}
._tv-dialog-charting-library form .two-columns .column-wrap {
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
}
._tv-dialog-charting-library form .two-columns .column-wrap:first-child {
  padding-right: 10px;
}
._tv-dialog-charting-library .big-buttons {
  text-align: right;
  padding: 10px 0 10px;
}
._tv-dialog-charting-library .big-buttons .cancel-button {
  cursor: pointer;
  border: 1px solid transparent;
  font-size: 15px;
  margin: 0px 15px;
  color: #686868;
  background: #f2f5f8;
}
._tv-dialog-charting-library .big-buttons .big-button {
  cursor: pointer;
  border: 1px solid transparent;
  background-color: #06b2ce;
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
  padding: 10px 45px;
  /* image preloading */
  background-image: url('../images/button-base-process.gif');
  background-position: -9999px -9999px;
  background-repeat: no-repeat;
}
._tv-dialog-charting-library .big-buttons .big-button.process {
  background-position: 0 0;
  background-repeat: repeat;
}
.feature-no-touch ._tv-dialog-charting-library .big-buttons .big-button:hover {
  background-color: #06bbd8;
}
.feature-no-touch ._tv-dialog-charting-library .big-buttons .big-button:active,
.feature-touch ._tv-dialog-charting-library .big-buttons .big-button:active {
  background-color: #07c3e2;
}
._tv-dialog-charting-library .big-buttons .big-button.disabled {
  cursor: default;
  background-color: #c3c8cf;
}
._tv-dialog.dialog-highlight .main .message textarea {
  width: 350px;
  height: 130px;
}
.charts-popup-list {
  display: none;
  overflow: auto;
  right: 7px;
  top: 46px;
  position: absolute;
  border: 1px solid;
  border-color: #dadde0;
  background: #ffffff;
  z-index: 110;
  margin: 0;
}
html.theme-dark .charts-popup-list {
  background: #1c2030;
}
html.theme-dark .charts-popup-list {
  border-color: #363c4e;
}
.charts-popup-list.popup-menu-scroll-y {
  overflow-y: scroll;
}
.charts-popup-list .item.special {
  background: rgba(247, 248, 250, 0.8);
}
html.theme-dark .charts-popup-list .item.special {
  background: rgba(23, 27, 41, 0.8);
}
.feature-no-touch .charts-popup-list .item:hover,
.charts-popup-list .item.active {
  background: #f1f3f6;
}
html.feature-no-touch.theme-dark .charts-popup-list .item:hover,
html.theme-dark .charts-popup-list .item.active {
  background: #2f3241;
}
.charts-popup-list .item.first {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.charts-popup-list .item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.charts-popup-list .item span {
  color: #4a4a4a;
  fill: currentColor;
  display: inline-block;
}
html.theme-dark .charts-popup-list .item span {
  color: #c5cbce;
}
.charts-popup-list .item.active {
  background: #f4f7f9;
}
.charts-popup-list .item {
  display: block;
  padding: 7px 7px 7px 7px;
  height: 16px;
  position: relative;
  overflow: hidden;
}
.charts-popup-list .item.setting-hidden {
  padding-left: 28px;
  padding-right: 16px;
}
.charts-popup-list .item.setting-hidden > span.title-expanded {
  width: auto;
}
.charts-popup-list .item.button-new,
.charts-popup-list .item.button-load {
  overflow: hidden;
  text-align: center;
  border-color: #dadde0;
  border-style: solid;
  border-width: 1px 0 0 0;
  padding-left: 0;
  padding-right: 0;
}
html.theme-dark .charts-popup-list .item.button-new,
html.theme-dark .charts-popup-list .item.button-load {
  border-color: #363c4e;
}
.charts-popup-list .item.button-new .title-expanded,
.charts-popup-list .item.button-load .title-expanded {
  width: auto;
}
.charts-popup-list .item.button-load {
  width: 50%;
  float: left;
  border-width: 1px 1px 0 0;
}
.charts-popup-list .item .icon-external {
  margin-left: 20px;
  vertical-align: top;
  float: right;
}
.charts-popup-list .item .icon-external svg {
  width: 10px;
  height: 10px;
}
.charts-popup-list .item:last-child {
  border-bottom-left-radius: 3px;
}
.charts-popup-list .item.special.disabled {
  cursor: default;
}
.charts-popup-list .item.special.disabled span {
  color: #9d9d9d;
}
html.theme-dark .charts-popup-list .item.special.disabled span {
  color: #4c525e;
}
.feature-no-touch .charts-popup-list .item.special.disabled:hover {
  background: rgba(247, 248, 250, 0.8);
}
html.feature-no-touch.theme-dark .charts-popup-list .item.special.disabled:hover {
  background: rgba(23, 27, 41, 0.8);
}
.charts-popup-list .item .title {
  width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.charts-popup-list .item .title-expanded {
  width: 225px;
  max-width: 100%;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.charts-popup-list .item.active-item-backlight {
  background-color: #f2f3f5;
  border-radius: 0px;
}
html.theme-dark .charts-popup-list .item.active-item-backlight {
  background-color: #2f3241;
}
.charts-popup-list .item .date {
  width: 65px;
  padding-right: 20px;
  vertical-align: top;
  white-space: nowrap;
  float: right;
}
.charts-popup-list .separator {
  display: block;
  margin: 0;
  height: 0;
  overflow: hidden;
  border-top: 1px solid;
  border-top-color: #c9cbcd;
}
html.theme-dark .charts-popup-list .separator {
  border-top-color: #363c4e;
}
.charts-popup-list .charts-popup-tab-headers {
  overflow: hidden;
  padding: 8px 0 8px 0;
  font-size: 14px;
}
.charts-popup-list .charts-popup-tab-header {
  float: left;
  margin: 0 10px 5px 10px;
}
.charts-popup-list .charts-popup-tab-header-label {
  padding: 0;
  font-weight: bold;
  border-bottom: dashed 1px;
  cursor: pointer;
}
.charts-popup-list .charts-popup-tab-header.active .charts-popup-tab-header-label {
  color: #595959;
  border-bottom: none;
  cursor: default;
}
.charts-popup-list .item.with-indent {
  padding-left: 28px;
}
/* delete button */
.charts-popup-list .item .icon-delete {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 7px;
  right: 5px;
}
.charts-popup-list .item .icon-delete svg {
  display: block;
  width: 12px;
  height: 12px;
  margin: 2px 0 0 2px;
  fill: #9d9d9d;
}
.feature-no-touch .charts-popup-list .item .icon-delete:hover svg {
  fill: #7d7d7d;
}
.feature-no-touch .charts-popup-list .item .icon-delete:hover {
  background-position: -81px -362px;
}
.charts-popup-list .item .icon-delete {
  visibility: hidden;
}
.feature-no-touch .charts-popup-list .item:hover .icon-delete {
  visibility: visible;
}
.charts-popup-list .item .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;
  vertical-align: top;
  /*!rtl:ignore*/
  background-position: 0 0;
}
.charts-popup-list .item .icon.checked-icon svg {
  position: absolute;
  top: 3px;
  left: 2px;
}
.charts-popup-list.iconed .item {
  height: 32px;
  padding: 3px 2px;
  line-height: 34px;
}
.charts-popup-list.iconed .item {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}
.charts-popup-list.iconed .item .title {
  /*height: 30px; line-height: 30px;*/
  padding-right: 20px;
}
.charts-popup-list.iconed .item .icon {
  width: 32px;
  height: 32px;
  margin: 0 5px;
}
.charts-popup-list.iconed.thin .title {
  width: 50px;
}
.charts-popup-list.narrow {
  width: 165px;
}
.charts-popup-list.narrow .item .title-expanded {
  width: 140px;
}
.charts-popup-list.narrow.with-scroll .item .title-expanded {
  width: 100px;
}
.charts-popup-list.thin {
  width: auto;
}
.charts-popup-list.thin .item .title-expanded {
  width: auto;
}
.charts-popup-list .item .counter {
  position: absolute;
  top: 8px;
  right: 10px;
  color: #b8b8b8;
}
.feature-no-touch .charts-popup-list .item:hover .counter {
  color: #595959;
}
.charts-popup-list .item .counter.blue {
  background: #4e8ff6;
  color: white;
  padding: 2px 3px;
  border-radius: 2px;
  top: 5px;
}
.charts-popup-list .item.grayed span {
  opacity: 0.3;
}
.charts-popup-list.small-font {
  font-size: 12px;
}
.charts-popup-list.small-font .item {
  height: 12px;
}
.charts-popup-itemheader {
  padding: 3px 8px 4px 8px;
  border-top: 1px solid;
  border-top-color: #b5b7b9;
  cursor: pointer;
  color: #4a4a4a;
  background: rgba(181, 183, 185, 0.2);
}
html.theme-dark .charts-popup-itemheader {
  background: rgba(54, 60, 78, 0.2);
}
html.theme-dark .charts-popup-itemheader {
  color: #c5cbce;
}
html.theme-dark .charts-popup-itemheader {
  border-top-color: #363c4e;
}
.charts-popup-group-collapsible.collapsed .item {
  display: none;
}
.charts-popup-group-collapsible .charts-popup-itemheader-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  width: 11px;
  height: 11px;
  margin: 0 5px 0 -3px;
  background: url(data:image/gif;base64,R0lGODlhCwALAIABAH19fQAAACH5BAEKAAEALAAAAAALAAsAAAIUhI8Wy6zdHlxyqnTBdHqHCoERlhQAOw==)
    no-repeat;
}
.charts-popup-group-collapsible.collapsed .charts-popup-itemheader-icon {
  background-image: url(data:image/gif;base64,R0lGODlhCwALAIABAH19fQAAACH5BAEKAAEALAAAAAALAAsAAAIXhI8Wy6ze3gKRQkeTksFO31WR2FQaUgAAOw==);
}
/**
 * Usage:
 *	<button class="tv-button tv-button--success tv-button--size_xsmall">Push me!</button>
 */
.tv-button {
  /**
  * Helpers
  */
  /**
  * This Block
  */
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-width: 40px;
  margin: 0;
  padding: 1px 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 32px;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  color: #757575;
  fill: currentColor;
  border: none;
  border-radius: 4px;
  outline: 0;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  transition: background-color ease 0.35s, border-color ease 0.35s, color ease 0.35s;
  /**
  * Elements
  */
  /**
  * Colored background
  */
  /**
  * Ripple effect
  */
  /**
  * Disabled Button
  */
  /**
  * Sizes
  */
  /**
  * State
  */
  /**
  * Preloader
  */
}
.tv-button.tv-button--default_ghost,
.tv-button.tv-button--primary_ghost,
.tv-button.tv-button--secondary_ghost,
.tv-button.tv-button--success_ghost,
.tv-button.tv-button--danger_ghost,
.tv-button.tv-button--warning_ghost,
.tv-button.tv-button--default,
.tv-button.tv-button--state {
  padding: 0px 21px;
}
.feature-no-touch .tv-button:hover,
.feature-no-touch .tv-button:active,
.feature-touch .tv-button:active,
.tv-button.i-hover,
.tv-button.i-active {
  transition-duration: 0.06s;
}
.tv-button svg {
  vertical-align: middle;
}
.tv-button--block {
  display: block;
  width: 100%;
  text-align: center;
}
.tv-button + .tv-button {
  margin-left: 15px;
}
.tv-button__text {
  position: relative;
  display: inline-block;
}
.tv-button__text--full-height {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.2em;
  margin: 11px 5px;
}
.tv-button--default,
.tv-button--default_ghost {
  color: #fff;
  border-color: #ffffff;
  background-color: #ffffff;
}
html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost {
  background-color: #171b29;
}
html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost {
  border-color: #171b29;
}
.tv-button--default_ghost {
  color: #ffffff;
}
html.theme-dark .tv-button--default_ghost {
  color: #171b29;
}
.tv-button--default_ghost.i-checked {
  color: #fff;
  border-color: #ffffff;
  background-color: #ffffff;
}
html.theme-dark .tv-button--default_ghost.i-checked {
  background-color: #171b29;
}
html.theme-dark .tv-button--default_ghost.i-checked {
  border-color: #171b29;
}
.feature-no-touch .tv-button--default:hover,
.feature-no-touch .tv-button--default_ghost:hover,
.tv-button--default.i-hover,
.tv-button--default_ghost.i-hover {
  color: #fff;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}
html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
  background-color: #1c2030;
}
html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
  border-color: #1c2030;
}
.feature-no-touch .tv-button--default:active,
.feature-touch .tv-button--default:active,
.feature-no-touch .tv-button--default_ghost:active,
.feature-touch .tv-button--default_ghost:active,
.tv-button--default.i-active,
.tv-button--default_ghost.i-active {
  color: #fff;
  border-color: #ececec;
  background-color: #ececec;
  transform: translateY(1px);
}
html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
  background-color: #1c2030;
}
html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
  border-color: #1c2030;
}
.tv-button--default,
.tv-button--default_ghost,
.tv-button--default.i-checked,
.tv-button--default_ghost.i-checked {
  color: #757575;
  border: 1px solid;
  border-color: #b5b7b9;
}
html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost,
html.theme-dark .tv-button--default.i-checked,
html.theme-dark .tv-button--default_ghost.i-checked {
  border-color: #363c4e;
}
html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost,
html.theme-dark .tv-button--default.i-checked,
html.theme-dark .tv-button--default_ghost.i-checked {
  color: #758696;
}
.feature-no-touch .tv-button--default:hover,
.feature-no-touch .tv-button--default_ghost:hover,
.tv-button--default.i-hover,
.tv-button--default_ghost.i-hover {
  color: #757575;
  border-color: #b5b7b9;
}
html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
  border-color: #363c4e;
}
html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
  color: #758696;
}
.feature-no-touch .tv-button--default:active,
.feature-touch .tv-button--default:active,
.feature-no-touch .tv-button--default_ghost:active,
.feature-touch .tv-button--default_ghost:active,
.tv-button--default.i-active,
.tv-button--default_ghost.i-active {
  color: #757575;
  border-color: #b5b7b9;
}
html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
  border-color: #363c4e;
}
html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
  color: #758696;
}
.tv-button--primary,
.tv-button--primary_ghost {
  color: #fff;
  border-color: #3bb3e4;
  background-color: #3bb3e4;
}
.tv-button--primary_ghost {
  color: #3bb3e4;
}
.tv-button--primary_ghost.i-checked {
  color: #fff;
  border-color: #3bb3e4;
  background-color: #3bb3e4;
}
.feature-no-touch .tv-button--primary:hover,
.feature-no-touch .tv-button--primary_ghost:hover,
.tv-button--primary.i-hover,
.tv-button--primary_ghost.i-hover {
  color: #fff;
  border-color: #3babd8;
  background-color: #3babd8;
}
.feature-no-touch .tv-button--primary:active,
.feature-touch .tv-button--primary:active,
.feature-no-touch .tv-button--primary_ghost:active,
.feature-touch .tv-button--primary_ghost:active,
.tv-button--primary.i-active,
.tv-button--primary_ghost.i-active {
  color: #fff;
  border-color: #049ddc;
  background-color: #049ddc;
  transform: translateY(1px);
}
.tv-button--secondary,
.tv-button--secondary_ghost {
  color: #757575;
  border-color: #e9eff2;
  background-color: #e9eff2;
}
.tv-button--secondary_ghost {
  color: #757575;
}
.tv-button--secondary_ghost.i-checked {
  color: #757575;
  border-color: #e9eff2;
  background-color: #e9eff2;
}
.feature-no-touch .tv-button--secondary:hover,
.feature-no-touch .tv-button--secondary_ghost:hover,
.tv-button--secondary.i-hover,
.tv-button--secondary_ghost.i-hover {
  color: #757575;
  border-color: #dce6ea;
  background-color: #dce6ea;
}
.feature-no-touch .tv-button--secondary:active,
.feature-touch .tv-button--secondary:active,
.feature-no-touch .tv-button--secondary_ghost:active,
.feature-touch .tv-button--secondary_ghost:active,
.tv-button--secondary.i-active,
.tv-button--secondary_ghost.i-active {
  color: #757575;
  border-color: #cfdce3;
  background-color: #cfdce3;
  transform: translateY(1px);
}
.tv-button--success,
.tv-button--success_ghost {
  color: #fff;
  border-color: #3cbc98;
  background-color: #3cbc98;
}
.tv-button--success_ghost {
  color: #3cbc98;
}
.tv-button--success_ghost.i-checked {
  color: #fff;
  border-color: #3cbc98;
  background-color: #3cbc98;
}
.feature-no-touch .tv-button--success:hover,
.feature-no-touch .tv-button--success_ghost:hover,
.tv-button--success.i-hover,
.tv-button--success_ghost.i-hover {
  color: #fff;
  border-color: #38b395;
  background-color: #38b395;
}
.feature-no-touch .tv-button--success:active,
.feature-touch .tv-button--success:active,
.feature-no-touch .tv-button--success_ghost:active,
.feature-touch .tv-button--success_ghost:active,
.tv-button--success.i-active,
.tv-button--success_ghost.i-active {
  color: #fff;
  border-color: #00a97f;
  background-color: #00a97f;
  transform: translateY(1px);
}
.tv-button--danger,
.tv-button--danger_ghost {
  color: #fff;
  border-color: #ff4a68;
  background-color: #ff4a68;
}
.tv-button--danger_ghost {
  color: #ff4a68;
}
.tv-button--danger_ghost.i-checked {
  color: #fff;
  border-color: #ff4a68;
  background-color: #ff4a68;
}
.feature-no-touch .tv-button--danger:hover,
.feature-no-touch .tv-button--danger_ghost:hover,
.tv-button--danger.i-hover,
.tv-button--danger_ghost.i-hover {
  color: #fff;
  border-color: #f24965;
  background-color: #f24965;
}
.feature-no-touch .tv-button--danger:active,
.feature-touch .tv-button--danger:active,
.feature-no-touch .tv-button--danger_ghost:active,
.feature-touch .tv-button--danger_ghost:active,
.tv-button--danger.i-active,
.tv-button--danger_ghost.i-active {
  color: #fff;
  border-color: #ff173e;
  background-color: #ff173e;
  transform: translateY(1px);
}
.tv-button--warning,
.tv-button--warning_ghost {
  color: #fff;
  border-color: #f89e30;
  background-color: #f89e30;
}
.tv-button--warning_ghost {
  color: #f89e30;
}
.tv-button--warning_ghost.i-checked {
  color: #fff;
  border-color: #f89e30;
  background-color: #f89e30;
}
.feature-no-touch .tv-button--warning:hover,
.feature-no-touch .tv-button--warning_ghost:hover,
.tv-button--warning.i-hover,
.tv-button--warning_ghost.i-hover {
  color: #fff;
  border-color: #f79217;
  background-color: #f79217;
}
.feature-no-touch .tv-button--warning:active,
.feature-touch .tv-button--warning:active,
.feature-no-touch .tv-button--warning_ghost:active,
.feature-touch .tv-button--warning_ghost:active,
.tv-button--warning.i-active,
.tv-button--warning_ghost.i-active {
  color: #fff;
  border-color: #d47807;
  background-color: #d47807;
  transform: translateY(1px);
}
.tv-button--link {
  color: #3bb3e4;
  transition: color ease 0.35s;
}
html.theme-dark .tv-button--link {
  color: #299dcd;
}
.tv-button--link:visited {
  color: #3bb3e4;
  fill: #3bb3e4;
}
html.theme-dark .tv-button--link:visited {
  fill: #299dcd;
}
html.theme-dark .tv-button--link:visited {
  color: #299dcd;
}
.feature-no-touch .tv-button--link:hover {
  color: #3babd8;
  fill: #3babd8;
  transition-duration: 0.06s;
}
.feature-no-touch .tv-button--link:active,
.feature-touch .tv-button--link:active {
  color: #049ddc;
  fill: #049ddc;
  transition-duration: 0.06s;
}
.tv-button--default_ghost,
.tv-button--primary_ghost,
.tv-button--secondary_ghost,
.tv-button--success_ghost,
.tv-button--danger_ghost,
.tv-button--warning_ghost {
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
}
.tv-button--default_ghost.tv-button--size_large,
.tv-button--primary_ghost.tv-button--size_large,
.tv-button--secondary_ghost.tv-button--size_large,
.tv-button--success_ghost.tv-button--size_large,
.tv-button--danger_ghost.tv-button--size_large,
.tv-button--warning_ghost.tv-button--size_large {
  border-width: 2px;
}
.tv-button .tv-ripple {
  background-color: rgba(255, 255, 255, 0.25);
}
.tv-button--default .tv-ripple,
.tv-button--default_ghost .tv-ripple {
  background-color: rgba(117, 134, 150, 0.25);
}
.tv-button.i-disabled .tv-ripple {
  background-color: transparent;
}
.tv-button:disabled,
.tv-button.i-disabled,
.feature-no-touch .tv-button:disabled:hover,
.feature-no-touch .tv-button.i-disabled:hover,
.feature-no-touch .tv-button:disabled:active,
.feature-touch .tv-button:disabled:active,
.feature-no-touch .tv-button.i-disabled:active,
.feature-touch .tv-button.i-disabled:active {
  cursor: default;
  color: #9db2bd;
  border-color: #f1f3f6;
  background-color: #f1f3f6;
}
html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button.i-disabled,
html.feature-no-touch.theme-dark .tv-button:disabled:hover,
html.feature-no-touch.theme-dark .tv-button.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-button:disabled:active,
html.feature-touch.theme-dark .tv-button:disabled:active,
html.feature-no-touch.theme-dark .tv-button.i-disabled:active,
html.feature-touch.theme-dark .tv-button.i-disabled:active {
  background-color: #262b3e;
}
html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button.i-disabled,
html.feature-no-touch.theme-dark .tv-button:disabled:hover,
html.feature-no-touch.theme-dark .tv-button.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-button:disabled:active,
html.feature-touch.theme-dark .tv-button:disabled:active,
html.feature-no-touch.theme-dark .tv-button.i-disabled:active,
html.feature-touch.theme-dark .tv-button.i-disabled:active {
  border-color: #262b3e;
}
html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button.i-disabled,
html.feature-no-touch.theme-dark .tv-button:disabled:hover,
html.feature-no-touch.theme-dark .tv-button.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-button:disabled:active,
html.feature-touch.theme-dark .tv-button:disabled:active,
html.feature-no-touch.theme-dark .tv-button.i-disabled:active,
html.feature-touch.theme-dark .tv-button.i-disabled:active {
  color: #363c4e;
}
.feature-no-touch .tv-button:disabled:active,
.feature-touch .tv-button:disabled:active,
.feature-no-touch .tv-button.i-disabled:active,
.feature-touch .tv-button.i-disabled:active {
  transform: translateY(0);
}
.tv-button--size_xsmall {
  padding: 2px 7px;
  line-height: 15px;
  border-radius: 1px;
  font-size: 11px;
  font-weight: normal;
}
.tv-button--size_xsmall.tv-button--default_ghost,
.tv-button--size_xsmall.tv-button--primary_ghost,
.tv-button--size_xsmall.tv-button--secondary_ghost,
.tv-button--size_xsmall.tv-button--success_ghost,
.tv-button--size_xsmall.tv-button--danger_ghost,
.tv-button--size_xsmall.tv-button--warning_ghost,
.tv-button--size_xsmall.tv-button--default,
.tv-button--size_xsmall.tv-button--state {
  padding: 1px 6px;
}
.tv-button--size_xsmall + .tv-button--size_xsmall {
  margin-left: 10px;
}
.tv-button--size_small {
  padding: 1px 12px;
  line-height: 25px;
  font-size: 13px;
}
.tv-button--size_small.tv-button--default_ghost,
.tv-button--size_small.tv-button--primary_ghost,
.tv-button--size_small.tv-button--secondary_ghost,
.tv-button--size_small.tv-button--success_ghost,
.tv-button--size_small.tv-button--danger_ghost,
.tv-button--size_small.tv-button--warning_ghost,
.tv-button--size_small.tv-button--default,
.tv-button--size_small.tv-button--state {
  padding: 0px 11px;
}
.tv-button--size_small + .tv-button--size_small {
  margin-left: 10px;
}
.tv-button--size_large {
  padding: 1px 30px;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 44px;
}
.tv-button--size_large.tv-button--default_ghost,
.tv-button--size_large.tv-button--primary_ghost,
.tv-button--size_large.tv-button--secondary_ghost,
.tv-button--size_large.tv-button--success_ghost,
.tv-button--size_large.tv-button--danger_ghost,
.tv-button--size_large.tv-button--warning_ghost,
.tv-button--size_large.tv-button--default,
.tv-button--size_large.tv-button--state {
  padding: 0px 29px;
}
.tv-button--max-width {
  max-width: 300px;
}
.tv-button--no-padding {
  padding: 1px 1px;
}
.tv-button--no-padding.tv-button--default_ghost,
.tv-button--no-padding.tv-button--primary_ghost,
.tv-button--no-padding.tv-button--secondary_ghost,
.tv-button--no-padding.tv-button--success_ghost,
.tv-button--no-padding.tv-button--danger_ghost,
.tv-button--no-padding.tv-button--warning_ghost,
.tv-button--no-padding.tv-button--default,
.tv-button--no-padding.tv-button--state {
  padding: 0px 0px;
}
.tv-button--content-center {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0 auto;
  max-width: 220px;
}
.tv-button--state {
  text-align: center;
  background: transparent;
  border-width: 1px;
  border-style: solid;
}
.tv-button--state:after {
  content: '';
  display: inline-block;
}
.tv-button--state__checked,
.tv-button--state__unchecked,
.tv-button--state__uncheck-hint {
  display: block;
  height: 0;
  transition: opacity ease 0.2625s, transform ease 0.2625s;
}
.tv-button--state__ellipsis-text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__unchecked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint {
  will-change: opacity, transform;
}
.tv-button--state__checked,
.tv-button--state__uncheck-hint,
.tv-button--state.i-checked .tv-button--state__unchecked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked {
  opacity: 0;
}
.tv-button--state__unchecked,
.tv-button--state.i-checked .tv-button--state__checked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint {
  opacity: 1;
}
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked {
  transform: translateY(-5px);
}
.tv-button--state__uncheck-hint,
.tv-button--state__checked,
.tv-button--state.i-checked .tv-button--state__unchecked {
  transform: translateY(5px);
}
.tv-button--state.i-checked .tv-button--state__checked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint {
  transform: translateY(0);
}
.tv-button--state.tv-button--success {
  color: #3cbc98;
  background-color: transparent;
}
.tv-button--state.tv-button--success.i-checked {
  color: #ffffff;
  background-color: #3cbc98;
}
.feature-no-touch .tv-button--state.tv-button--success:hover {
  color: #ffffff;
  background-color: #38b395;
}
.feature-no-touch .tv-button--state.tv-button--success:active,
.feature-touch .tv-button--state.tv-button--success:active {
  color: #ffffff;
  background-color: #00a97f;
}
.tv-button--state.tv-button--danger {
  color: #ff4a68;
  background-color: transparent;
}
.tv-button--state.tv-button--danger.i-checked {
  color: #ffffff;
  background-color: #ff4a68;
}
.feature-no-touch .tv-button--state.tv-button--danger:hover {
  color: #ffffff;
  background-color: #f24965;
}
.feature-no-touch .tv-button--state.tv-button--danger:active,
.feature-touch .tv-button--state.tv-button--danger:active {
  color: #ffffff;
  background-color: #ff173e;
}
.tv-button--state.tv-button--primary {
  color: #3bb3e4;
  background-color: transparent;
}
.tv-button--state.tv-button--primary.i-checked {
  color: #ffffff;
  background-color: #3bb3e4;
}
.feature-no-touch .tv-button--state.tv-button--primary:hover {
  color: #ffffff;
  background-color: #3babd8;
}
.feature-no-touch .tv-button--state.tv-button--primary:active,
.feature-touch .tv-button--state.tv-button--primary:active {
  color: #ffffff;
  background-color: #049ddc;
}
.tv-button--state.tv-button--secondary {
  color: #757575;
  background-color: transparent;
}
.tv-button--state.tv-button--secondary.i-checked {
  color: #757575;
  background-color: #e9eff2;
}
.feature-no-touch .tv-button--state.tv-button--secondary:hover {
  color: #757575;
  background-color: #dce6ea;
}
.feature-no-touch .tv-button--state.tv-button--secondary:active,
.feature-touch .tv-button--state.tv-button--secondary:active {
  color: #757575;
  background-color: #cfdce3;
}
.tv-button--state.tv-button--warning {
  color: #f89e30;
  background-color: transparent;
}
.tv-button--state.tv-button--warning.i-checked {
  color: #ffffff;
  background-color: #f89e30;
}
.feature-no-touch .tv-button--state.tv-button--warning:hover {
  color: #ffffff;
  background-color: #f79217;
}
.feature-no-touch .tv-button--state.tv-button--warning:active,
.feature-touch .tv-button--state.tv-button--warning:active {
  color: #ffffff;
  background-color: #d47807;
}
.tv-button--loader .tv-button__text {
  transition: opacity ease 0.175s, transform ease 0.175s;
}
.tv-button--loader.i-start-load .tv-button__text {
  opacity: 0;
  transform: translateY(-5px);
}
.tv-button--loader.i-loading .tv-button__text {
  opacity: 0;
  transform: translateY(5px);
}
.tv-button--loader.i-stop-load .tv-button__text {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.175s;
}
.tv-button__loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  opacity: 0;
  transition: opacity ease 0.35s;
}
.tv-button__loader:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.tv-button--loader.i-loading .tv-button__loader,
.tv-button--loader.i-start-load .tv-button__loader {
  opacity: 1;
}
.tv-button--loader.i-stop-load .tv-button__loader {
  opacity: 0;
}
.tv-button__loader-item {
  margin-right: 2px;
  margin-left: 2px;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  opacity: 0;
  border-radius: 100%;
  background-color: #ffffff;
  transform: translateY(12px) scale(0.6);
  transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s, opacity ease 0.35s;
}
.tv-button__loader-item:nth-child(2) {
  transition-delay: 0.11666667s;
}
.tv-button__loader-item:nth-child(3) {
  transition-delay: 0.23333333s;
}
.tv-button--default .tv-button__loader-item {
  background-color: #757575;
}
.tv-button--loader.i-loading .tv-button__loader-item,
.tv-button--loader.i-start-load .tv-button__loader-item {
  opacity: 1;
}
.tv-button--loader.i-stop-load .tv-button__loader-item {
  opacity: 0;
}
.tv-button--loader.i-loading .tv-button__loader-item,
.tv-button--loader.i-stop-load .tv-button__loader-item,
.tv-button--loader.i-start-load .tv-button__loader-item {
  transform: translateY(0) scale(0.6);
}
.tv-button--loader.i-loading .tv-button__loader-item,
.tv-button--loader.i-stop-load .tv-button__loader-item {
  animation: tv-button-loader 0.96s infinite cubic-bezier(0.42, 0, 0.58, 1) both;
}
.tv-button--loader.i-loading .tv-button__loader-item:nth-child(2),
.tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(2) {
  animation-delay: 0.151s;
}
.tv-button--loader.i-loading .tv-button__loader-item:nth-child(3),
.tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(3) {
  animation-delay: 0.32s;
}
.tv-button--no-border-radius {
  border-radius: 0;
}
.tv-button--no-border {
  border: none;
}
.tv-button--connect {
  border-radius: 0;
}
.tv-button--connect_left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tv-button--connect_right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@keyframes tv-button-loader {
  0%,
  100% {
    transform: scale(0.6);
  }
  50% {
    transform: scale(0.9);
  }
}
@media screen and (max-width: 767px) {
  .tv-button.tv-button--phone-compact {
    padding-left: 4px;
    padding-right: 4px;
  }
}
/**
 * Input
 */
.tv-control-input {
  display: block;
  padding: 0 12px;
  width: 100%;
  height: 34px;
  font-size: 13px;
  color: #4a4a4a;
  border-color: #dadde0;
  border-style: solid;
  border-width: 1px;
  background-color: #ffffff;
  border-radius: 2px;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  transition: border-color ease 0.35s, background-color ease 0.35s;
}
html.theme-dark .tv-control-input {
  background-color: #1c2030;
}
html.theme-dark .tv-control-input {
  border-color: #363c4e;
}
html.theme-dark .tv-control-input {
  color: #c5cbce;
}
.tv-control-input::-webkit-input-placeholder {
  color: #adaeb0;
  opacity: 1;
}
.tv-control-input:-ms-input-placeholder {
  color: #adaeb0;
  opacity: 1;
}
.tv-control-input::-ms-input-placeholder {
  color: #adaeb0;
  opacity: 1;
}
.tv-control-input::placeholder {
  color: #adaeb0;
  opacity: 1;
}
html.theme-dark .tv-control-input::-webkit-input-placeholder {
  color: #4f5966;
}
html.theme-dark .tv-control-input:-ms-input-placeholder {
  color: #4f5966;
}
html.theme-dark .tv-control-input::-ms-input-placeholder {
  color: #4f5966;
}
html.theme-dark .tv-control-input::placeholder {
  color: #4f5966;
}
.tv-control-input:-webkit-autofill {
  -webkit-text-fill-color: #535353 !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
}
.tv-control-input--size_xsmall {
  height: 19px;
}
.tv-control-input--size_small {
  height: 27px;
}
.tv-control-input--size_large {
  height: 48px;
}
.tv-control-input--connect {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
.tv-control-input--connect_left {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tv-control-input--connect_right {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tv-control-input--connect_right#id_username {
  /*!rtl:raw:
        direction: ltr;
        text-align: right;
        */
}
.feature-no-touch .tv-control-input:hover {
  border-color: #c8c8c8;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .tv-control-input:hover {
  border-color: #4c525e;
}
.feature-no-touch .tv-control-input:focus,
.feature-touch .tv-control-input:focus {
  border-color: #3bb3e4 !important;
  transition-duration: 0.06s;
}
.tv-control-input[readonly] {
  color: #8a8a8a;
  border-color: #dadde0;
}
.feature-no-touch .tv-control-input[readonly]:hover,
.feature-no-touch .tv-control-input[readonly]:focus,
.feature-touch .tv-control-input[readonly]:focus {
  border-color: #dadde0;
}
.tv-control-input--readonly_dark,
.tv-control-input--readonly_dark[readonly] {
  color: #555555;
}
html.theme-dark .tv-control-input--readonly_dark,
html.theme-dark .tv-control-input--readonly_dark[readonly] {
  color: #4c525e;
}
.tv-control-input[disabled],
.tv-control-input.i-disabled {
  color: #ececec !important;
  border-color: #ececec !important;
}
html.theme-dark .tv-control-input[disabled],
html.theme-dark .tv-control-input.i-disabled {
  border-color: #262b3e !important;
}
html.theme-dark .tv-control-input[disabled],
html.theme-dark .tv-control-input.i-disabled {
  color: #262b3e !important;
}
.tv-control-input[disabled]::-webkit-input-placeholder,
.tv-control-input.i-disabled::-webkit-input-placeholder {
  color: #ececec !important;
}
.tv-control-input[disabled]:-ms-input-placeholder,
.tv-control-input.i-disabled:-ms-input-placeholder {
  color: #ececec !important;
}
.tv-control-input[disabled]::-ms-input-placeholder,
.tv-control-input.i-disabled::-ms-input-placeholder {
  color: #ececec !important;
}
.tv-control-input[disabled]::placeholder,
.tv-control-input.i-disabled::placeholder {
  color: #ececec !important;
}
html.theme-dark .tv-control-input[disabled]::-webkit-input-placeholder,
html.theme-dark .tv-control-input.i-disabled::-webkit-input-placeholder {
  color: #262b3e !important;
}
html.theme-dark .tv-control-input[disabled]:-ms-input-placeholder,
html.theme-dark .tv-control-input.i-disabled:-ms-input-placeholder {
  color: #262b3e !important;
}
html.theme-dark .tv-control-input[disabled]::-ms-input-placeholder,
html.theme-dark .tv-control-input.i-disabled::-ms-input-placeholder {
  color: #262b3e !important;
}
html.theme-dark .tv-control-input[disabled]::placeholder,
html.theme-dark .tv-control-input.i-disabled::placeholder {
  color: #262b3e !important;
}
.feature-no-touch .tv-control-input[disabled]:hover,
.feature-no-touch .tv-control-input.i-disabled:hover {
  border-color: #ececec !important;
}
html.feature-no-touch.theme-dark .tv-control-input[disabled]:hover,
html.feature-no-touch.theme-dark .tv-control-input.i-disabled:hover {
  border-color: #262b3e !important;
}
.tv-control-input.i-error {
  border-color: #ff4a68 !important;
}
.feature-no-touch .tv-control-input.i-error:hover {
  border-color: #f24965 !important;
}
.feature-no-touch .tv-control-input.i-error:focus,
.feature-touch .tv-control-input.i-error:focus {
  border-color: #ff173e !important;
}
.tv-control-input.i-success {
  border-color: #3cbc98 !important;
}
.feature-no-touch .tv-control-input.i-success:hover {
  border-color: #38b395 !important;
}
.feature-no-touch .tv-control-input.i-success:focus,
.feature-touch .tv-control-input.i-success:focus {
  border-color: #00a97f !important;
}
.tv-control-input--phone {
  /*!rtl:ignore*/
  direction: ltr;
  text-align: left;
}
.tv-control-input--file {
  display: none;
}
.bottom-widgetbar-content.backtesting .button {
  display: block;
  position: relative;
  float: left;
  cursor: default;
  padding: 7px 12px 7px;
  border: 1px solid;
  border-color: #dadde0;
  height: 14px;
  background: #ffffff;
  color: #555555;
  font-size: 11px;
  font-weight: 600;
}
html.theme-dark .bottom-widgetbar-content.backtesting .button {
  color: #758696;
}
html.theme-dark .bottom-widgetbar-content.backtesting .button {
  background: #131722;
}
html.theme-dark .bottom-widgetbar-content.backtesting .button {
  border-color: #363c4e;
}
input.symbol-edit,
.symbol-search-dialog .symbol-block input {
  float: left;
  background-color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #dadde0;
  width: 291px;
  height: 28px;
  padding: 0 0 0 7px;
  color: #4a4a4a;
  font-size: 13px;
  font-weight: 600;
}
html.theme-dark input.symbol-edit,
html.theme-dark .symbol-search-dialog .symbol-block input {
  color: #c5cbce;
}
html.theme-dark input.symbol-edit,
html.theme-dark .symbol-search-dialog .symbol-block input {
  border-color: #363c4e;
}
html.theme-dark input.symbol-edit,
html.theme-dark .symbol-search-dialog .symbol-block input {
  background-color: #131722;
}
input.symbol-edit.incomplete,
.symbol-search-dialog input.incomplete {
  background-color: #ffffef;
}
input.symbol-edit.error,
input.symbol-edit.interval-error,
.symbol-search-dialog input.error,
.symbol-search-dialog input.interval-error {
  background-color: #ffefef;
}
.symbol-search-loading {
  position: relative;
  width: 51px;
  height: 51px;
  padding: 10px;
  margin: 0 auto;
}
.property-page input.symbol-edit {
  padding: 0 5px;
}
div.symbol-edit-popup {
  display: block;
  position: absolute;
  width: 705px;
  border: 1px solid;
  border-color: #d6d8e0;
  z-index: 111;
  background: rgba(255, 255, 255, 0.9);
}
html.theme-dark div.symbol-edit-popup {
  background: rgba(28, 32, 48, 0.9);
}
html.theme-dark div.symbol-edit-popup {
  border-color: #131722;
}
div.symbol-edit-popup .table-wrapper {
  border-top: 1px solid;
  border-top-color: #dde1e6;
  overflow-y: auto;
  width: 700px;
  position: relative;
  z-index: 0;
}
html.theme-dark div.symbol-edit-popup .table-wrapper {
  border-top-color: #363c4e;
}
div.symbol-edit-popup .table-wrapper::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
div.symbol-edit-popup .table-wrapper::-webkit-scrollbar-thumb {
  border: 1px solid;
  border-color: #f1f3f6;
  border-radius: 3px;
  background-color: #9db2bd;
}
html.theme-dark div.symbol-edit-popup .table-wrapper::-webkit-scrollbar-thumb {
  background-color: #363c4e;
}
html.theme-dark div.symbol-edit-popup .table-wrapper::-webkit-scrollbar-thumb {
  border-color: #1c2030;
}
div.symbol-edit-popup .table-wrapper::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}
table.symbol-edit-popup {
  border-collapse: collapse;
}
table.symbol-edit-popup tr.group-title {
  cursor: default;
}
table.symbol-edit-popup tr.group-title td:first-child div {
  position: relative;
  border-color: #cccccc;
  transition: border-color 0.1s linear;
}
table.symbol-edit-popup tr.group-title td:first-child div:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: -13px;
  margin-top: -2px;
  width: 0;
  height: 0;
  border-color: inherit;
  border-style: solid;
  border-width: 7px 4px 0 4px;
}
table.symbol-edit-popup tr.group-title:not(.collapsed) td:first-child div:before {
  border-left-color: transparent;
  border-right-color: transparent;
}
table.symbol-edit-popup tr.group-title.collapsed td:first-child div {
  border-color: #cccccc;
}
table.symbol-edit-popup tr.group-title.collapsed td:first-child div:before {
  left: -12px;
  margin-top: -3px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-width: 4px 0 4px 7px;
}
table.symbol-edit-popup tr.group-title.symbol-edit-popup-active td:first-child div,
.feature-no-touch table.symbol-edit-popup tr.group-title:hover td:first-child div {
  border-color: #555555;
}
table.symbol-edit-popup tr.hidden {
  display: none;
}
table.symbol-edit-popup td {
  padding: 7px;
}
table.symbol-edit-popup td:first-child {
  padding-left: 20px;
}
table.symbol-edit-popup td:last-child {
  max-width: 130px;
  padding-right: 20px;
}
tr.symbol-edit-popup {
  cursor: pointer;
  height: 25px;
}
tr.symbol-edit-popup td:first-child {
  max-width: 165px;
}
/* deprecated ??? */
span.symbol-edit-highlight {
  color: #4c82ce;
  font-weight: bold;
}
/* deprecated */
.symbol-edit-popup-td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 230px;
  line-height: 14px;
  vertical-align: middle;
}
.symbol-edit-popup-td.name {
  font-weight: bold;
}
.symbol-edit-popup-td.desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.symbol-edit-popup-td.name:after,
.symbol-edit-popup-td.desc:after {
  content: '\200E';
}
.symbol-edit-popup-td.name > div {
  display: inline;
}
.symbol-edit-popup-td.name > div:after {
  content: '\200E';
}
.symbol-edit-popup-td.name strong,
.symbol-edit-popup-td.desc strong {
  font-weight: bold;
  color: #4c82ce;
}
.symbol-edit-popup-td.name em,
.symbol-edit-popup-td.desc em {
  font-weight: bold;
  color: #4c82ce;
  font-style: normal;
}
.symbol-edit-popup-td.type {
  font-size: 11px;
  color: #999999;
  white-space: nowrap;
  text-align: right;
}
.symbol-edit-popup-td.flag svg {
  position: relative;
  right: -2px;
  top: 2px;
}
.symbol-edit-popup-td.flag svg.bitcoin {
  top: 0px;
}
.feature-no-touch tr.symbol-edit-popup:hover:not(.group-title) {
  background: #f1f3f6;
}
html.feature-no-touch.theme-dark tr.symbol-edit-popup:hover:not(.group-title) {
  background: #363c4e;
}
.symbol-edit-popup-active {
  background: #d1e1f8;
}
html.theme-dark .symbol-edit-popup-active {
  background: #2f3241;
}
.symbol-edit-popup i.eod,
.symbol-edit-popup i.pro {
  display: inline-block;
  height: auto;
  width: auto;
  font-size: 10px;
  color: white;
  text-transform: uppercase;
  font-style: normal;
  line-height: 12px;
  vertical-align: 0;
  padding: 1px 3px 0;
  overflow: visible;
}
.symbol-edit-popup i.eod {
  background: #c9cbcd;
}
html.theme-dark .symbol-edit-popup i.eod {
  background: #363c4e;
}
.symbol-edit-popup i.pro {
  background: #bf645c;
}
.tv-close-mixin {
  cursor: pointer;
}
.tv-close-mixin:after {
  content: ' ';
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  top: 6px;
  left: 6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAUElEQVR42pWQMQoAIAwD++d+x8HJbyoOWXJDSSBgwpVS62vtc8ulXg/ZAZkFMycNoBJgXoUcX1cm9N1NSL0esgMyC2ZOGkAlwLwKObhu/qcHp/zWImEdH8EAAAAASUVORK5CYII=);
}
.feature-no-touch .tv-close-mixin:hover:after {
  background-position: center bottom;
}
.symbol-edit-notification {
  position: relative;
  padding: 15px 20px;
  background: #ebf7fc;
  font-size: 12px;
}
html.theme-dark .symbol-edit-notification {
  background: #4c525e;
}
.symbol-edit-notification a {
  color: #3bb3e4;
  transition: color ease 0.35s;
}
html.theme-dark .symbol-edit-notification a {
  color: #299dcd;
}
.symbol-edit-notification a:visited {
  color: #3bb3e4;
  fill: #3bb3e4;
}
html.theme-dark .symbol-edit-notification a:visited {
  fill: #299dcd;
}
html.theme-dark .symbol-edit-notification a:visited {
  color: #299dcd;
}
.feature-no-touch .symbol-edit-notification a:hover {
  color: #3babd8;
  fill: #3babd8;
  transition-duration: 0.06s;
}
.feature-no-touch .symbol-edit-notification a:active,
.feature-touch .symbol-edit-notification a:active {
  color: #049ddc;
  fill: #049ddc;
  transition-duration: 0.06s;
}
.symbol-edit-notification .close {
  display: block;
  position: absolute;
  width: 21px;
  height: 21px;
  right: 0;
  top: 0;
  cursor: pointer;
}
.symbol-edit-notification .close:after {
  content: ' ';
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  top: 6px;
  left: 6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAUElEQVR42pWQMQoAIAwD++d+x8HJbyoOWXJDSSBgwpVS62vtc8ulXg/ZAZkFMycNoBJgXoUcX1cm9N1NSL0esgMyC2ZOGkAlwLwKObhu/qcHp/zWImEdH8EAAAAASUVORK5CYII=);
}
.feature-no-touch .symbol-edit-notification .close:hover:after {
  background-position: center bottom;
}
.symbol-search-dialog .symbol-block {
  width: auto;
  margin: 0;
  overflow: hidden;
}
.symbol-search-dialog .symbol-block .spread-actions {
  height: 36px;
  border-top: none;
  border-right: none;
  background: #ffffff;
}
html.theme-dark .symbol-search-dialog .symbol-block .spread-actions {
  background: #131722;
}
.symbol-search-dialog .symbol-block .spread-actions:empty {
  border: none;
  background: transparent;
}
.symbol-search-dialog .symbol-block button {
  width: 30px;
  height: 36px;
  border-left: 1px solid;
  border-left-color: #dadde0;
}
html.theme-dark .symbol-search-dialog .symbol-block button {
  border-left-color: #363c4e;
}
.symbol-search-dialog .symbol-block button:first-child {
  border-left: none !important;
}
.symbol-search-dialog .symbol-block-inputspacer {
  overflow: hidden;
}
.symbol-search-dialog .symbol-block-inputspacer input {
  float: none;
  width: 100%;
  height: 37px;
  font-size: 13px;
  margin: 0;
  padding: 0 7px 0 34px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-radius: 0;
  box-sizing: border-box;
}
.symbol-search-dialog .symbol-block-inputspacer .search-icon {
  content: ' ';
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  background: url('../images/icons.png') no-repeat -80px -339px;
  top: 12px;
  left: 12px;
}
.symbol-search-dialog .filter {
  padding: 0 20px;
  border-bottom: 1px solid;
  border-color: #dde1e6;
}
html.theme-dark .symbol-search-dialog .filter {
  border-color: #363c4e;
}
.symbol-search-dialog .filter a.type-filter,
.symbol-search-dialog .filter .exchange-filter,
.symbol-search-dialog .filter .tradable-filter {
  position: relative;
  display: inline-block;
  margin-right: 18px;
  padding: 10px 0;
  font-size: 13px;
  line-height: 16px;
  color: #555555;
}
html.theme-dark .symbol-search-dialog .filter a.type-filter,
html.theme-dark .symbol-search-dialog .filter .exchange-filter,
html.theme-dark .symbol-search-dialog .filter .tradable-filter {
  color: #8b8f95;
}
.symbol-search-dialog .filter a.type-filter a,
.symbol-search-dialog .filter .exchange-filter a,
.symbol-search-dialog .filter .tradable-filter a {
  color: #555555;
}
html.theme-dark .symbol-search-dialog .filter a.type-filter a,
html.theme-dark .symbol-search-dialog .filter .exchange-filter a,
html.theme-dark .symbol-search-dialog .filter .tradable-filter a {
  color: #8b8f95;
}
.symbol-search-dialog .filter a.type-filter.active,
.symbol-search-dialog .filter .exchange-filter.active,
.symbol-search-dialog .filter .tradable-filter.active {
  font-weight: bold;
}
.symbol-search-dialog .filter a.type-filter.active:after,
.symbol-search-dialog .filter .exchange-filter.active:after,
.symbol-search-dialog .filter .tradable-filter.active:after {
  content: ' ';
  display: block;
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background-color: #5cb888;
}
.symbol-search-dialog .filter a.type-filter:last-child,
.symbol-search-dialog .filter .exchange-filter:last-child {
  margin-right: 0;
}
.symbol-search-dialog .filter .exchange-filter {
  margin-right: 0;
}
.symbol-search-dialog .filter .tradable-filter {
  margin: 0 10px;
  padding-bottom: 11px;
  line-height: 14px;
  vertical-align: middle;
}
.symbol-search-dialog .filter .tradable-filter * {
  vertical-align: middle;
}
.symbol-search-dialog .filter .tradable-filter .tradable-text {
  padding-left: 5px;
  cursor: default;
}
.symbol-search-dialog .results {
  width: 100%;
  height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
}
.symbol-search-dialog .results::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.symbol-search-dialog .results::-webkit-scrollbar-thumb {
  border: 1px solid;
  border-color: #f1f3f6;
  border-radius: 3px;
  background-color: #9db2bd;
}
html.theme-dark .symbol-search-dialog .results::-webkit-scrollbar-thumb {
  background-color: #363c4e;
}
html.theme-dark .symbol-search-dialog .results::-webkit-scrollbar-thumb {
  border-color: #1c2030;
}
.symbol-search-dialog .results::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}
.symbol-search-dialog .results table {
  width: 100%;
  border-collapse: collapse;
}
.symbol-search-dialog .results table .symbol-edit-popup-td:first-child {
  padding-left: 20px;
}
.symbol-search-dialog .results table .symbol-edit-popup-td:last-child {
  padding-right: 20px;
}
.symbol-search-dialog .results table tr:first-child .symbol-edit-popup-td {
  padding-top: 12px;
}
.spread-actions {
  float: right;
  height: 28px;
  border: 1px solid;
  border-color: #dadde0;
  background: #ffffff;
  margin: 0;
}
html.theme-dark .spread-actions {
  background: #131722;
}
html.theme-dark .spread-actions {
  border-color: #363c4e;
}
.spread-actions button {
  position: relative;
  float: left;
  width: 20px;
  height: 28px;
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
}
.spread-actions button::-moz-focus-inner {
  padding: 0 !important;
  margin: 0 !important;
}
.spread-actions button.disabled {
  cursor: default;
}
.spread-actions button .action-icon {
  display: block;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #7d7d7d;
}
html.theme-dark .spread-actions button .action-icon {
  color: #758696;
}
.feature-no-touch .spread-actions button:hover .action-icon {
  color: #3bb3e4;
}
.spread-actions button.disabled .action-icon {
  color: #a6a6a6;
}
html.theme-dark .spread-actions button.disabled .action-icon {
  color: #2f3241;
}
div.symbol-edit-popup .exchange-filter,
.symbol-search-dialog .exchange-filter {
  float: right;
}
.exchange-filter .tv-symbol-select > .flag {
  display: block;
  position: absolute;
  top: 2px;
  right: 15px;
}
.exchange-filter-overflow {
  width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: right;
  white-space: nowrap;
}
.flagged-exchange {
  margin-right: 36px;
}
.symbol-search-dialog .exchange-filter .sbSelector {
  width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: right;
  white-space: nowrap;
  display: block;
  width: auto;
  margin: 0 12px 0 15px;
}
.symbol-search-dialog .exchange-filter .sbSelector.exchange-with-flag {
  margin-right: 36px;
}
div.symbol-edit-popup .exchange-filter .sbSelector {
  width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: right;
  white-space: nowrap;
  display: block;
  width: auto;
  margin: 0 10px 0 15px;
  font-weight: bold;
  font-size: 11px;
  height: 13px;
}
div.symbol-edit-popup .exchange-filter .sbSelector.exchange-with-flag {
  margin-right: 36px;
}
div.symbol-edit-popup .exchange-filter .sbToggle,
.symbol-search-dialog .exchange-filter .sbToggle {
  position: absolute;
  right: 1px;
}
.symbol-edit-popup .filter {
  padding: 0 20px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}
.symbol-edit-popup .filter a.type-filter,
.symbol-edit-popup .filter .exchange-filter {
  display: inline-block;
  position: relative;
  padding: 6px 0;
  margin-right: 18px;
  font-weight: bold;
  font-size: 11px;
  line-height: 14px;
  border-bottom: none;
  color: #4a4a4a;
}
html.theme-dark .symbol-edit-popup .filter a.type-filter,
html.theme-dark .symbol-edit-popup .filter .exchange-filter {
  color: #c5cbce;
}
.symbol-edit-popup .filter a.type-filter a,
.symbol-edit-popup .filter .exchange-filter a {
  color: #4a4a4a;
}
html.theme-dark .symbol-edit-popup .filter a.type-filter a,
html.theme-dark .symbol-edit-popup .filter .exchange-filter a {
  color: #c5cbce;
}
.symbol-edit-popup .filter a.type-filter.active:after,
.symbol-edit-popup .filter .exchange-filter.active:after {
  content: ' ';
  display: block;
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background-color: #5cb888;
}
.symbol-edit-popup .filter a.type-filter:last-child,
.symbol-edit-popup .filter .exchange-filter:last-child {
  margin-right: 0;
}
.symbol-edit-popup .filter .exchange-filter {
  margin: 0;
}
.symbol-edit-popup .filter .tradable-filter {
  margin: 0 10px;
  font-size: 11px;
  line-height: 14px;
  padding: 6px 0;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.symbol-edit-popup .filter .tradable-filter .tradable-text {
  padding-left: 5px;
  cursor: default;
  vertical-align: middle;
}
div.symbol-edit-popup .tradable-filter,
.symbol-search-dialog .tradable-filter {
  float: right;
}
.feature-no-touch .bottom-widgetbar-content.backtesting .button:active,
.feature-touch .bottom-widgetbar-content.backtesting .button:active,
.bottom-widgetbar-content.backtesting .button.active {
  background: #f2f3f5;
  color: #4c525e;
}
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .button:active,
html.feature-touch.theme-dark .bottom-widgetbar-content.backtesting .button:active,
html.theme-dark .bottom-widgetbar-content.backtesting .button.active {
  color: #f7f8fa;
}
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .button:active,
html.feature-touch.theme-dark .bottom-widgetbar-content.backtesting .button:active,
html.theme-dark .bottom-widgetbar-content.backtesting .button.active {
  background: #131722;
}
/* used in right panel */
.button.iconed {
  padding: 6px 10px 8px;
}
@media (max-width: 550px) {
  div.symbol-edit-popup {
    width: 100%;
  }
  div.symbol-edit-popup .filter {
    padding: 0 10px;
  }
  div.symbol-edit-popup .filter a.type-filter,
  div.symbol-edit-popup .filter .exchange-filter {
    margin-left: 0px;
    margin-right: 10px;
  }
  div.symbol-edit-popup .table-wrapper {
    width: 100%;
  }
  table.symbol-edit-popup {
    width: 100%;
    table-layout: fixed;
  }
  table.symbol-edit-popup td {
    padding: 5px;
  }
  table.symbol-edit-popup td:first-child {
    padding-left: 10px;
  }
  .symbol-edit-popup-td {
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
  }
  .symbol-edit-popup-td.name {
    width: 30%;
  }
  .symbol-edit-popup-td.desc {
    width: 40%;
  }
  .symbol-edit-popup-td.type {
    width: 30%;
  }
}
/*
 * context menu styles from static/chart-client/css/chart_gui.less
 * for usage not only on chart, but in other different places, for example the in screener widget
 */
.context-menu-wrapper {
  position: absolute;
  z-index: 500;
  overflow: auto;
  border: 1px solid;
  border-color: #b5b7b9;
  background-color: #ffffff;
  white-space: nowrap;
}
html.theme-dark .context-menu-wrapper {
  background-color: #1c2030;
}
html.theme-dark .context-menu-wrapper {
  border-color: #363c4e;
}
.context-menu-wrapper .backlight {
  background-color: #f2f3f5;
}
html.theme-dark .context-menu-wrapper .backlight {
  background-color: #2f3241;
}
tr.context-menu.disabled {
  color: #9d9d9d;
}
tr.context-menu.spinner > td {
  background: url('../images/loading-small.gif') center center no-repeat;
  cursor: default;
}
.submenu.center {
  background-color: white;
}
.context-menu {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  white-space: nowrap;
}
tr.context-menu {
  cursor: pointer;
  height: 29px;
}
tr.context-menu-hover {
  background: #f2f3f5;
}
html.theme-dark tr.context-menu-hover {
  background: #2f3241;
}
td.context-menu {
  opacity: 1;
  cursor: pointer;
  padding-left: 4px;
}
.context-menu-item-separated {
  border-bottom: 1px solid #cecece;
}
.context-menu .text {
  min-width: 100px;
}
.context-menu .spacer {
  width: 18px;
}
.context-menu .icon {
  height: 27px;
  width: 18px;
}
.context-menu .shortcut {
  text-align: right;
  color: #aaaaaa;
  padding: 0 2px 0 10px;
}
.submenu-arrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAKElEQVR4AWOgExgFo6Cvr+8/1Q0EYaoaCMNUNBCBB68LqRvLIxiMAgAKDyqRblYs2AAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
}
.submenu-arrow.expanded {
  width: 20px;
}
.popup {
  position: absolute;
  display: block;
}
div.submenu {
  background-image: url('/static/chart-client/css/images/submenu_arrow.png');
  background-repeat: no-repeat;
  padding-left: 25px;
}
.checked-icon {
  background: none;
}
.checked-icon svg {
  stroke: #4a4a4a;
  position: absolute;
  top: 10px;
  left: 7px;
}
html.theme-dark .checked-icon svg {
  stroke: #c5cbce;
}
.unchecked-icon {
  background: none;
}
.context-menu .action-separator {
  height: 1px !important;
  cursor: default;
}
.context-menu .action-separator td {
  height: 1px;
  background-color: #dadde0;
  border-top: 6px solid;
  border-bottom: 6px solid;
  border-color: #ffffff;
}
html.theme-dark .context-menu .action-separator td {
  border-color: #1c2030;
}
html.theme-dark .context-menu .action-separator td {
  background-color: #363c4e;
}
.spacer.delete-spacer {
  width: 23px;
}
.context-menu-delete-button {
  display: none;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  background: url('../images/icons.png') no-repeat scroll -102px -362px transparent;
}
.feature-no-touch tr:hover .context-menu-delete-button {
  display: inline-block;
}
.feature-no-touch .context-menu-delete-button:hover {
  background-position: -81px -362px;
}
.chart-widget {
  position: absolute;
  border-style: none;
  left: 0px;
  top: 0px;
  width: 512px;
  height: 256px;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  overflow: hidden;
}
/* chart header */
.chart-header {
  background-color: #ffffff;
  border-bottom: 1px solid gray;
  color: white;
}
/* markup table */
table.chart-markup-table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
  /*!rtl:raw:
  direction: ltr;
  */
}
.chart-markup-table tr {
  margin: 0;
  padding: 0;
}
td.chart-markup-table {
  border: none;
  text-align: left;
  vertical-align: top;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
  /*!rtl:raw:
  direction: rtl;
  */
}
/* data window */
.chart-data-window {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  text-align: left;
  color: #4a4a4a;
}
html.theme-dark .chart-data-window {
  color: #c5cbce;
}
html.theme-dark .chart-data-window {
  background-color: #171b29;
}
.chart-data-window .box {
  margin: 3px;
}
.chart-data-window .box.with-actions {
  cursor: pointer;
}
.chart-data-window .box:first-child .chart-data-window-header:first-child {
  margin-top: 0;
}
.chart-data-window .hover .chart-data-window-header .hover-source-icon {
  display: block;
}
.chart-data-window .active {
  border-left: 2px solid #528cde;
}
.chart-data-window .active .chart-data-window-header {
  background: #e9f8ff;
}
.chart-data-window .active .chart-data-window-header,
.chart-data-window .active .chart-data-window-item .chart-data-window-item-title {
  padding-left: 8px;
}
.chart-data-window .active .chart-data-window-item {
  font-weight: bold;
}
.chart-data-window .hidden {
  opacity: 0.3;
}
.chart-data-window .hidden .chart-data-window-item {
  display: none;
}
.chart-data-window .chart-data-window-header,
.chart-data-window .chart-data-window-item {
  margin-bottom: 3px;
  position: relative;
}
.chart-data-window .chart-data-window-header {
  padding: 9px 10px;
  background: #f1f3f6;
  font-weight: bold;
  font-size: 12px;
}
html.theme-dark .chart-data-window .chart-data-window-header {
  background: #262b3e;
}
.chart-data-window .chart-data-window-header .toggle-source-icon {
  display: block;
  position: absolute;
  right: 14px;
  top: 11px;
  width: 16px;
  height: 10px;
}
.chart-data-window .chart-data-window-header .toggle-source-icon svg {
  display: block;
  width: 16px;
  height: 10px;
  fill: #7d7d7d;
}
html.theme-dark .chart-data-window .chart-data-window-header .toggle-source-icon svg {
  fill: #758696;
}
.feature-no-touch .chart-data-window .chart-data-window-header .toggle-source-icon:hover svg {
  fill: #3bb3e4 !important;
}
.chart-data-window .chart-data-window-header .hover-source-icon {
  display: none;
  position: absolute;
  right: 40px;
  top: 11px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #3bb3e4;
}
.chart-data-window .chart-data-window-item:last-child {
  margin-bottom: 0;
}
.chart-data-window .chart-data-window-item .chart-data-window-item-title,
.chart-data-window .chart-data-window-item .chart-data-window-item-value {
  width: 50%;
  box-sizing: border-box;
  padding: 4px 10px;
  display: inline-block;
  white-space: nowrap;
}
.chart-data-window .chart-data-window-item .chart-data-window-item-title .real-color,
.chart-data-window .chart-data-window-item .chart-data-window-item-value .real-color {
  display: inline-block;
  width: 15px;
  height: 8px;
  margin-right: 15px;
  border: 1px dotted #cccccc;
  cursor: help;
}
.chart-data-window .chart-data-window-item .chart-data-window-item-value {
  text-align: right;
}
.pane-legend {
  position: absolute;
  contain: content;
  top: 5px;
  left: 5px;
  right: 5px;
  margin: 0;
  padding: 0;
  color: #4a4a4a;
  font-size: 0;
  line-height: normal;
  white-space: nowrap;
  pointer-events: none;
  border: 0px;
  box-sizing: border-box;
  background-color: transparent;
}
html.theme-dark .pane-legend {
  color: #c5cbce;
}
.pane-legend svg {
  transform: scale(1);
}
.pane-legend .pane-legend-minbtn,
.pane-legend .pane-legend-icon {
  position: relative;
  top: -1px;
  display: inline-block;
  padding: 0;
  margin: 0 3px 0 0;
  line-height: 20px;
  vertical-align: middle;
}
.pane-legend .pane-legend-minbtn .expand,
.pane-legend .pane-legend-icon .expand {
  position: relative;
  display: inline-block;
  opacity: 0.999;
  margin: 0 3px 0 0;
  padding: 0;
  vertical-align: middle;
  line-height: 20px;
  fill: #7d7d7d;
  pointer-events: auto;
}
html.theme-dark .pane-legend .pane-legend-minbtn .expand,
html.theme-dark .pane-legend .pane-legend-icon .expand {
  fill: #758696;
}
.pane-legend-line {
  display: block;
  margin: 0;
  padding: 0;
  /*!rtl:ignore*/
  text-align: left;
  white-space: pre-line;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
}
.pane-legend-line--without-child-studies {
  padding-left: 3px;
}
.pane-legend-line.legend-selection-disabled {
  cursor: url(crosshair.6c091f7d5427d0c5e6d9dc3a90eb2b20.cur), crosshair;
}
.pane-legend-line.pane-legend-wrap.main {
  padding-top: 4px;
}
.pane-legend-line.pane-legend-wrap.main.expand-line {
  /*!rtl:ignore*/
  padding-right: 85px;
  /*!rtl:raw:
        padding-right: 0;
        */
}
.pane-legend-line.pane-legend-wrap.main .pane-legend-item-value-wrap {
  white-space: nowrap;
}
.pane-legend-line.pane-legend-wrap.study > .pane-legend-line {
  max-width: calc(100% - 95px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 26px;
}
.pane-legend-line.pane-legend-wrap.study .pane-legend-item-value.disabled {
  display: none;
}
.pane-legend-line.pane-legend-wrap:first-child {
  /*!rtl:ignore*/
  padding-right: 25px;
}
.pane-legend-line > .main {
  max-width: calc(100% - 75px);
  min-width: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pane-legend-line span {
  font-size: 9pt;
  line-height: 20px;
  vertical-align: middle;
  pointer-events: auto;
  display: inline-block;
}
.pane-legend-line span.pane-legend-line {
  margin: 0;
}
.pane-legend-line > span.pane-legend-line:not(.no-context-menu) {
  margin-right: 10px /*!rtl:0*/;
  /*!rtl:ignore*/
  margin-left: 0;
}
.pane-legend-line > span.pane-legend-line {
  position: relative;
  display: inline-block;
  padding-right: 12px;
}
.pane-legend-line > span.pane-legend-line:not(.no-context-menu):before {
  content: '';
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 0;
  margin-top: -2px;
  border-style: solid;
  border-width: 4px;
  border-top-color: #c9cbcd;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-width: 0;
}
.feature-no-touch .pane-legend-line > span.pane-legend-line:hover:after {
  border-top-color: inherit;
}
.pane-legend-line__marker-container {
  display: inline-block;
  height: 20px;
  padding: 0 2px;
}
.pane-legend-title__container {
  display: flex;
  /*!rtl:ignore*/
  direction: ltr;
}
.pane-legend-title__description {
  pointer-events: none;
  min-width: 30px;
  flex-shrink: 10000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pane-legend-title__description:not(.no-context-menu):after {
  content: '\200E';
}
.pane-legend-title__interval {
  white-space: nowrap;
}
.pane-legend-title__details {
  min-width: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pane-legend-item-value-container {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  /*!rtl:raw:
  margin-right: 10px;
  margin-left: -7px;
  */
}
.pane-legend-item-value-wrap {
  position: relative;
}
.pane-legend-item-value-wrap .pane-legend-item-value,
.pane-legend-item-value-wrap .pane-legend-item-value-title {
  font-size: 9pt;
  line-height: 19px;
}
.pane-legend-item-value-wrap .pane-legend-item-value__main,
.pane-legend-item-value-wrap .pane-legend-item-value-title__main {
  font-size: 11pt;
  line-height: 20px;
}
@media screen and (max-width: 767px) {
  .pane-legend-item-value-wrap .pane-legend-item-value__main,
  .pane-legend-item-value-wrap .pane-legend-item-value-title__main {
    font-size: 9pt;
    line-height: 19px;
  }
}
.pane-legend-item-value-wrap .pane-legend-item-value {
  padding-left: 2px;
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  .pane-legend-item-value-wrap .pane-legend-item-value {
    padding-left: 3px;
    padding-right: 6px;
  }
}
.pane-legend-item-value-wrap .pane-legend-item-value:first-child {
  padding-left: 0;
}
.pane-legend-item-value,
.pane-legend-item-value-title,
.pane-legend-item-additional {
  font-weight: normal;
  vertical-align: middle;
  cursor: default;
  pointer-events: none !important;
}
.pane-legend-item-additional {
  font-size: 9pt;
}
.pane-legend-line.disabled {
  color: #d8dada !important;
  border-color: #d8dada !important;
}
html.theme-dark .pane-legend-line.disabled {
  border-color: #4c525e !important;
}
html.theme-dark .pane-legend-line.disabled {
  color: #4c525e !important;
}
.pane-legend-line.disabled .icon-hide svg {
  fill: #3bb3e4;
}
.pane-legend-icon-container {
  /*!rtl:ignore*/
  margin-right: 5px;
  white-space: nowrap;
}
.pane-legend-icon-container--separated {
  /*!rtl:ignore*/
  margin-right: 0;
}
.main .pane-legend-icon-container {
  position: relative;
}
.pane-controls {
  position: absolute;
  /*!rtl:ignore*/
  right: 5px;
  top: 4px;
  line-height: 20px;
  height: 20px;
  transition: opacity 400ms, visibility 400ms;
}
.pane-controls a {
  vertical-align: middle;
}
.pane-controls--hidden {
  visibility: hidden;
  opacity: 0;
}
.pane-controls.toppane {
  top: 22px;
}
.pane-legend-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin: 0 0 0 3px;
  cursor: pointer;
  opacity: 0.3;
}
.pane-legend-icon svg {
  fill: #7d7d7d;
}
html.theme-dark .pane-legend-icon svg {
  fill: #758696;
}
.feature-no-touch .pane-legend-icon svg:hover {
  opacity: 1;
  fill: #38acdb;
}
.pane-legend-icon.restore {
  opacity: 0.8;
}
.pane-legend-icon.restore svg {
  opacity: 1;
  fill: #4c86db;
}
.feature-no-touch .pane-legend-line:hover .pane-legend-icon,
.feature-no-touch .pane-controls:hover .pane-legend-icon {
  opacity: 1;
}
.pane-legend-line.disabled .pane-legend-icon.icon-hide {
  opacity: 1;
}
.property-page-column-2 {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.property-page {
  color: #4a4a4a;
  position: relative;
}
html.theme-dark .property-page {
  color: #c5cbce;
}
.property-page td {
  padding: 3px 4px;
  height: 27px;
}
.property-page td:empty {
  padding: 0;
}
.property-page td:first-child {
  padding-left: 0;
}
.property-page td:last-child {
  padding-right: 0;
}
.property-page.study-properties {
  margin-top: 10px;
}
.property-page.study-strategy-properties {
  margin-top: 10px;
}
.property-page.study-strategy-properties tr.disabled label {
  color: #999999;
}
.property-page .tzeditor .sbSelector {
  min-width: 190px;
}
.property-page input[type='checkbox'] {
  margin: 3px 0.5ex;
}
.property-page-fullwidth-wrapper {
  margin: 0 13px 0 0;
}
.property-page-bandwidth {
  margin-left: 8px;
  width: 55px;
  vertical-align: middle;
}
.property-page input[type='checkbox'] {
  vertical-align: middle;
}
.property-page td:first-child input[type='checkbox'] {
  margin-left: 0;
}
.property-page .tv-text-input {
  height: 25px;
}
.property-page-unpadded {
  border-collapse: collapse;
}
.property-page-unpadded > tbody > tr > td,
.property-page-unpadded > tbody > tr > th {
  padding: 0;
}
.property-page .offset-row td:first-child {
  /*!rtl:ignore*/
  padding-left: 30px;
  /*!rtl:ignore*/
}
.propertypage-name-label {
  text-transform: capitalize;
}
.colorpicker.main {
  border: 1px solid #c9cbcd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
div.tooltip {
  background-color: #ffffc2;
  border: 1px solid #b2b2b2;
  color: #4a4a4a;
  padding: 5px 10px;
  z-index: 100;
}
.zoom-selector {
  background-color: rgba(80, 80, 80, 0.15);
  border: 1px solid rgba(80, 80, 80, 0.5);
  position: absolute;
  pointer-events: none;
}
.tooltip-selector {
  position: absolute;
  font-weight: bold;
  font-size: 10px;
  line-height: normal;
  opacity: 0.8;
  white-space: nowrap;
}
.tooltip-selector-hidden {
  display: none;
}
/* ={ TVColorPicker == */
.tvcolorpicker-widget {
  vertical-align: middle;
  background-image: url('../images/tvcolorpicker-bg.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  border: 1px solid #cacaca;
  overflow: hidden;
  padding: 0;
  width: 25px;
  height: 25px;
  cursor: pointer;
  font-size: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tvcolorpicker-gradient-widget {
  background-image: url('../images/tvcolorpicker-bg.png'),
    url('../images/tvcolorpicker-bg-gradient.png');
  background-size: cover;
}
.tvcolorpicker-popup {
  position: absolute;
  z-index: 1000;
  padding: 4px;
  background: #ffffff;
  border: 1px solid;
  border-color: #b5b7b9;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
html.theme-dark .tvcolorpicker-popup {
  border-color: #363c4e;
}
html.theme-dark .tvcolorpicker-popup {
  background: #131722;
}
.tvcolorpicker-table {
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0px 0px 6px 0px;
}
.tvcolorpicker-popup .tvcolorpicker-table:last-of-type {
  margin-bottom: 0px;
}
.tvcolorpicker-table td {
  padding: 0;
  width: 18px;
  height: 18px;
}
.tvcolorpicker-swatch {
  width: 16px;
  height: 16px;
  border: none 0px;
  margin: 1px;
  cursor: pointer;
  overflow: hidden;
}
.tvcolorpicker-swatch.low-contrast {
  margin: 0px;
  border: solid #cccccc 1px;
}
.tvcolorpicker-swatch.tvcolorpicker-user {
  border: solid #eeeeee 1px;
  margin: 0px;
}
.feature-no-touch .tvcolorpicker-cell:hover .tvcolorpicker-swatch {
  border: solid black 1px;
  margin: 0;
}
.tvcolorpicker-swatch.active {
  background: url('../images/tvcolorpicker-check.png') 50% 50% no-repeat;
  border: solid white 1px;
  outline: solid black 1px;
  margin: 0;
}
.tvcolorpicker-custom-button {
  display: block;
}
.tvcolorpicker-hsv {
  position: relative;
  top: 4px;
  height: 130px;
  width: 160px;
  margin: 0px auto;
}
.tvcolorpicker-hs {
  position: absolute;
  top: 0px;
  left: -7px;
  width: 147px;
  height: 148px;
  background: url('../images/tvcolorpicker-sprite.png') 0px 0px no-repeat;
  border: solid #eeeeee 1px;
}
.tvcolorpicker-hs-area,
.tvcolorpicker-v-area {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.tvcolorpicker-v {
  position: absolute;
  background: url('../images/tvcolorpicker-sprite.png') -165px 1px no-repeat;
  border: solid #eeeeee 1px;
  height: 149px;
  width: 9px;
  margin: auto;
  left: 0;
  right: 0;
}
.tvcolorpicker-vv {
  position: relative;
  top: 0px;
  left: 145px;
  width: 25px;
  height: 128px;
  cursor: default;
}
.tvcolorpicker-hs-handle {
  width: 11px;
  height: 11px;
  position: absolute;
  left: 0px;
  top: 0px;
  margin: -5px 0px 0px -5px;
  background: url('../images/tvcolorpicker-sprite.png') -37px -148px no-repeat;
}
.tvcolorpicker-v-handle {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 25px;
  height: 11px;
  margin: -5px 0px 0px -8px;
  background: url('../images/tvcolorpicker-sprite.png') -48px -148px no-repeat;
}
.tvcolorpicker-custom-button {
  margin: 6px 0px 0px 0px;
}
.tvcolorpicker-user-swatches {
  margin: 6px 0px 0px 0px;
}
.tvcolorpicker-user-swatches .tvcolorpicker-transparency {
  background: url('../images/dialogs/opacity-slider.png') !important;
}
.some-colorpicker .tvcolorpicker-container {
  display: inline-block;
  margin-right: 8px;
}
.tvcolorpicker-container {
  display: inline-block;
  position: relative;
  width: 27px;
  height: 27px;
}
div .tvcolorpicker-container:last-of-type {
  border-right-width: 0;
}
.tvcolorpicker-container .tvcolorpicker-transparency {
  background: url('../images/dialogs/opacity-slider.png') !important;
  position: absolute;
  width: 25px;
  height: 25px;
  z-index: 1;
}
.tvcolorpicker-container .tvcolorpicker-widget {
  z-index: 2;
  position: absolute;
}
/* == TVColorPicker }= */
/* ={ Properties Tabs == */
.properties-tabs {
  padding: 0 25px;
}
.properties-tabs a.properties-tabs-label {
  padding: 0;
  margin-left: 45px;
  display: inline-block;
  position: relative;
  color: #4f5966;
}
html.theme-dark .properties-tabs a.properties-tabs-label {
  color: #f7f8fa;
}
.properties-tabs a.properties-tabs-label.active {
  font-weight: bold;
}
.properties-tabs a.properties-tabs-label.active:after {
  content: ' ';
  position: absolute;
  display: block;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background-color: #5cb888;
}
.properties-tabs a.properties-tabs-label.with-filter {
  padding-bottom: 16px;
}
.properties-tabs a.properties-tabs-label:first-child {
  margin-left: 0;
}
.properties-tabs a.properties-tabs-label:last-child {
  margin-right: 40px;
}
/* == Properties Tabs }= */
.chart-status-picture {
  position: absolute;
  right: 0 /*!rtl:5px*/;
  top: 10px;
  z-index: 5;
  line-height: 17px;
  white-space: nowrap;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
.series-status-text {
  position: relative;
  margin-right: 5px;
  display: inline-block;
}
.chart-widget.i-compact .series-status-text .text {
  display: none;
}
.series-status-text .status,
.series-status-text {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.font-VI-lang-safe .series-status-text .status,
.font-VI-lang-safe .series-status-text {
  font-family: Arial, sans-serif;
}
.series-status-text .text,
.series-status-text .status,
.series-status-text .market-status {
  margin-right: 0.35em;
}
.series-status-text .text:empty,
.series-status-text .status:empty,
.series-status-text .market-status:empty {
  margin-right: 0;
}
.chart-status-picture .chart-warning {
  height: 16px;
  width: 16px;
  background: url('../images/svg/common/exclamation-in-circle.svg') center center no-repeat;
  background-size: 16px;
  cursor: pointer;
  display: none;
}
.chart-status-picture .chart-warning.warn-exchange {
  display: inline-block;
  height: 16px;
}
.tooltip-wrapper {
  position: absolute;
  top: 0;
  /*!rtl:ignore*/
  right: 0;
  width: 300px;
  height: 500px;
  z-index: 16;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.chart-loading-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 4;
}
.chart-loading-screen .chart-loading-screen-shield {
  width: 100%;
  height: 100%;
  opacity: 0;
  background: red;
}
.chart-loading-screen.fade {
  width: 100%;
  height: 100%;
}
.chart-loading-screen.fade .chart-loading-screen-shield {
  opacity: 0.5;
  transition: opacity 300ms ease;
}
.properties-tabs .help {
  width: 15px;
  height: 15px;
  background: url('../images/dialogs/study-help.png');
  float: right;
  margin: 1px 10px 0 0;
}
.bar-mark-tooltip {
  display: none;
  position: absolute;
  z-index: 14;
  padding: 8px 10px 8px 8px;
  background: rgba(255, 255, 255, 0.9);
  min-height: 18px;
  border: solid 1px;
  border-color: gray;
}
html.theme-dark .bar-mark-tooltip {
  background: rgba(19, 23, 34, 0.9);
}
.bar-mark-tooltip .text {
  padding-left: 4px;
  padding-top: 2px;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
}
.published-charts-tooltip {
  display: none;
  position: absolute;
  z-index: 7;
  padding: 8px 30px 8px 8px;
  background: rgba(255, 255, 255, 0.9);
  border: solid 1px;
  height: 32px;
  cursor: default;
  margin-top: -25px;
}
html.theme-dark .published-charts-tooltip {
  background: rgba(19, 23, 34, 0.9);
}
.published-charts-tooltip .avatar {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 32px;
  height: 32px;
}
.published-charts-tooltip .avatar img {
  width: 32px;
  height: 32px;
}
.published-charts-tooltip .pin {
  background-image: url('../images/pin.png');
  width: 16px;
  height: 16px;
  vertical-align: top;
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
}
.feature-no-touch .published-charts-tooltip .pin:hover {
  background-position: 32px 0;
}
.published-charts-tooltip .pin.pinned,
.feature-no-touch .published-charts-tooltip .pin.pinned:hover {
  background-position: 16px 0;
}
.published-charts-tooltip .text {
  padding-left: 39px;
  max-width: 250px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  font-size: 13px;
  line-height: 15px;
  color: #4a4a4a;
  font-weight: bold;
}
html.theme-dark .published-charts-tooltip .text {
  color: #8b8f95;
}
.feature-no-touch .published-charts-tooltip .text:hover {
  text-decoration: underline;
}
.published-charts-tooltip .username {
  font-size: 11px;
  color: #8f8f8f;
  font-weight: normal;
  padding-top: 2px;
  padding-left: 39px;
  white-space: nowrap;
  line-height: 13px;
}
/* arrow */
.published-charts-tooltip:after,
.published-charts-tooltip:before {
  left: 100%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.published-charts-tooltip:after {
  border-width: 1em;
  top: 50%;
  margin-top: -1em;
}
.published-charts-tooltip:before {
  border-width: 1.1em;
  top: 50%;
  margin-top: -1.1em;
}
.published-charts-tooltip:not(.right):after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
}
html.theme-dark .published-charts-tooltip:not(.right):after {
  border-left-color: #131722;
}
.published-charts-tooltip.right:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
}
html.theme-dark .published-charts-tooltip.right:after {
  border-right-color: #131722;
}
.published-charts-tooltip.right:before {
  left: -2.2em;
}
.published-charts-tooltip.right:after {
  left: -2em;
}
/****/
.published-charts-tooltip.green {
  border-color: #78c143;
}
.published-charts-tooltip.red {
  border-color: #cc4545;
}
.published-charts-tooltip.neutral {
  border-color: #eac300;
}
.published-charts-tooltip.green:before {
  border-color: rgba(120, 193, 67, 0);
  border-left-color: #78c143;
}
.published-charts-tooltip.red:before {
  border-color: rgba(204, 69, 69, 0);
  border-left-color: #cc4545;
}
.published-charts-tooltip.neutral:before {
  border-color: rgba(234, 195, 0, 0);
  border-left-color: #eac300;
}
.published-charts-tooltip.green.right:before {
  border-color: rgba(120, 193, 67, 0);
  border-right-color: #78c143;
}
.published-charts-tooltip.red.right:before {
  border-color: rgba(204, 69, 69, 0);
  border-right-color: #cc4545;
}
.published-charts-tooltip.neutral.right:before {
  border-color: rgba(234, 195, 0, 0);
  border-right-color: #eac300;
}
.chart-controls-bar {
  position: absolute;
  contain: strict;
  height: 33px;
  box-sizing: border-box;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #ffffff;
  overflow: hidden;
  border-top: 1px solid;
  border-color: #e7ebee;
}
html.theme-dark .chart-controls-bar {
  border-color: #2f3241;
}
html.theme-dark .chart-controls-bar {
  background-color: #131722;
}
.charts-popup-list.date-range-popupmenu {
  margin-left: 1px;
}
.charts-popup-list.date-range-popupmenu .item {
  padding-left: 10px;
  padding-right: 10px;
}
@font-face {
  font-family: FontAwesome;
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
    url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),
    url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),
    url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ui-draggable {
  touch-action: none;
}
.chart-gui-button-pseudo-border {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid;
  border-color: #b5b7b9;
  background: transparent;
  z-index: 1;
}
html.theme-dark .chart-gui-button-pseudo-border {
  border-color: #4c525e;
}
.properties-toolbar .button,
.bottom-widgetbar-content.backtesting .button,
._tv-dialog .button,
.widgetbar-widgetheader .button,
.properties-toolbar .submenu,
.bottom-widgetbar-content.backtesting .submenu,
._tv-dialog .submenu,
.widgetbar-widgetheader .submenu {
  position: relative;
}
.feature-no-touch .properties-toolbar .button:not(.disabled):not(.selected):hover:before,
.feature-no-touch
  .bottom-widgetbar-content.backtesting
  .button:not(.disabled):not(.selected):hover:before,
.feature-no-touch ._tv-dialog .button:not(.disabled):not(.selected):hover:before,
.feature-no-touch .widgetbar-widgetheader .button:not(.disabled):not(.selected):hover:before,
.feature-no-touch .properties-toolbar .submenu:not(.disabled):not(.selected):hover:before,
.feature-no-touch
  .bottom-widgetbar-content.backtesting
  .submenu:not(.disabled):not(.selected):hover:before,
.feature-no-touch ._tv-dialog .submenu:not(.disabled):not(.selected):hover:before,
.feature-no-touch .widgetbar-widgetheader .submenu:not(.disabled):not(.selected):hover:before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid;
  border-color: #b5b7b9;
  background: transparent;
  z-index: 1;
}
html.feature-no-touch.theme-dark
  .properties-toolbar
  .button:not(.disabled):not(.selected):hover:before,
html.feature-no-touch.theme-dark
  .bottom-widgetbar-content.backtesting
  .button:not(.disabled):not(.selected):hover:before,
html.feature-no-touch.theme-dark ._tv-dialog .button:not(.disabled):not(.selected):hover:before,
html.feature-no-touch.theme-dark
  .widgetbar-widgetheader
  .button:not(.disabled):not(.selected):hover:before,
html.feature-no-touch.theme-dark
  .properties-toolbar
  .submenu:not(.disabled):not(.selected):hover:before,
html.feature-no-touch.theme-dark
  .bottom-widgetbar-content.backtesting
  .submenu:not(.disabled):not(.selected):hover:before,
html.feature-no-touch.theme-dark ._tv-dialog .submenu:not(.disabled):not(.selected):hover:before,
html.feature-no-touch.theme-dark
  .widgetbar-widgetheader
  .submenu:not(.disabled):not(.selected):hover:before {
  border-color: #4c525e;
}
.properties-toolbar .colorpicker-widget:not(.disabled):not(.selected),
.bottom-widgetbar-content.backtesting .colorpicker-widget:not(.disabled):not(.selected),
._tv-dialog .colorpicker-widget:not(.disabled):not(.selected),
.widgetbar-widgetheader .colorpicker-widget:not(.disabled):not(.selected) {
  position: relative;
}
.feature-no-touch
  .properties-toolbar
  .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
.feature-no-touch
  .bottom-widgetbar-content.backtesting
  .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
.feature-no-touch
  ._tv-dialog
  .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
.feature-no-touch
  .widgetbar-widgetheader
  .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover {
  border: 1px solid;
  border-color: #d6d8e0;
  z-index: 1;
}
html.feature-no-touch.theme-dark
  .properties-toolbar
  .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
html.feature-no-touch.theme-dark
  .bottom-widgetbar-content.backtesting
  .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
html.feature-no-touch.theme-dark
  ._tv-dialog
  .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
html.feature-no-touch.theme-dark
  .widgetbar-widgetheader
  .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover {
  border-color: #131722;
}
.feature-no-touch
  .properties-toolbar
  ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
.feature-no-touch
  .bottom-widgetbar-content.backtesting
  ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
.feature-no-touch ._tv-dialog ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
.feature-no-touch
  .widgetbar-widgetheader
  ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
.feature-no-touch .properties-toolbar .tv-select-container:not(.sbHolderDisabled):hover,
.feature-no-touch
  .bottom-widgetbar-content.backtesting
  .tv-select-container:not(.sbHolderDisabled):hover,
.feature-no-touch ._tv-dialog .tv-select-container:not(.sbHolderDisabled):hover,
.feature-no-touch .widgetbar-widgetheader .tv-select-container:not(.sbHolderDisabled):hover {
  border: 1px solid;
  border-color: #b5b7b9;
}
html.feature-no-touch.theme-dark
  .properties-toolbar
  ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
html.feature-no-touch.theme-dark
  .bottom-widgetbar-content.backtesting
  ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
html.feature-no-touch.theme-dark
  ._tv-dialog
  ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
html.feature-no-touch.theme-dark
  .widgetbar-widgetheader
  ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
html.feature-no-touch.theme-dark
  .properties-toolbar
  .tv-select-container:not(.sbHolderDisabled):hover,
html.feature-no-touch.theme-dark
  .bottom-widgetbar-content.backtesting
  .tv-select-container:not(.sbHolderDisabled):hover,
html.feature-no-touch.theme-dark ._tv-dialog .tv-select-container:not(.sbHolderDisabled):hover,
html.feature-no-touch.theme-dark
  .widgetbar-widgetheader
  .tv-select-container:not(.sbHolderDisabled):hover {
  border-color: #4c525e;
}
.feature-no-touch .widgetbar-widgetheader .button:hover {
  border: 1px solid;
  border-color: #f7f8fa;
}
html.feature-no-touch.theme-dark .widgetbar-widgetheader .button:hover {
  border-color: #4c525e;
}
#footer-chart-panel .tv-close-panel {
  position: absolute;
  left: 6px;
  top: -6px;
  height: 6px;
}
.property-page.strategy-properties td input[type='text'] {
  width: 100px;
}
.property-page.strategy-properties tr.spacer td {
  padding: 0;
  height: 15px;
}
.property-page.strategy-properties input + label {
  margin: 0 12px 0 8px;
}
.property-page.strategy-properties tr.disabled,
.property-page.strategy-properties tr.disabled label:not(.always-enabled) {
  color: #cccccc;
}
.property-page.strategy-properties input[type='text']:disabled {
  color: #cccccc;
}
.tv-pagination-block {
  padding: 30px 0;
}
.tv-pagination-block span,
.tv-pagination-block a {
  box-sizing: border-box;
  display: inline-block;
  margin-right: 7px;
  padding: 0 5px;
  height: 24px;
  min-width: 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  background-color: #3bb3e4;
}
.tv-pagination-block span.page:not(.current),
.tv-pagination-block a.page:not(.current) {
  color: #ffffff;
}
.feature-no-touch .tv-pagination-block span.page:not(.current):hover,
.feature-no-touch .tv-pagination-block a.page:not(.current):hover {
  background-color: #3babd8;
}
.feature-no-touch .tv-pagination-block span.page:not(.current):active,
.feature-touch .tv-pagination-block span.page:not(.current):active,
.feature-no-touch .tv-pagination-block a.page:not(.current):active,
.feature-touch .tv-pagination-block a.page:not(.current):active {
  background-color: #049ddc;
}
.tv-pagination-block span.current,
.tv-pagination-block a.current {
  background-color: #d8e1ea;
  font-weight: bold;
}
.tv-pagination-block span.gap,
.tv-pagination-block a.gap {
  padding: 0;
  background-color: transparent;
}
.tv-pagination-block span.prev,
.tv-pagination-block a.prev,
.tv-pagination-block span.next,
.tv-pagination-block a.next {
  padding: 0;
  width: 30px;
  background-color: transparent;
  color: #3bb3e4;
  transition: color ease 0.35s;
}
html.theme-dark .tv-pagination-block span.prev,
html.theme-dark .tv-pagination-block a.prev,
html.theme-dark .tv-pagination-block span.next,
html.theme-dark .tv-pagination-block a.next {
  color: #299dcd;
}
.tv-pagination-block span.prev:visited,
.tv-pagination-block a.prev:visited,
.tv-pagination-block span.next:visited,
.tv-pagination-block a.next:visited {
  color: #3bb3e4;
  fill: #3bb3e4;
}
html.theme-dark .tv-pagination-block span.prev:visited,
html.theme-dark .tv-pagination-block a.prev:visited,
html.theme-dark .tv-pagination-block span.next:visited,
html.theme-dark .tv-pagination-block a.next:visited {
  fill: #299dcd;
}
html.theme-dark .tv-pagination-block span.prev:visited,
html.theme-dark .tv-pagination-block a.prev:visited,
html.theme-dark .tv-pagination-block span.next:visited,
html.theme-dark .tv-pagination-block a.next:visited {
  color: #299dcd;
}
.feature-no-touch .tv-pagination-block span.prev:hover,
.feature-no-touch .tv-pagination-block a.prev:hover,
.feature-no-touch .tv-pagination-block span.next:hover,
.feature-no-touch .tv-pagination-block a.next:hover {
  color: #3babd8;
  fill: #3babd8;
  transition-duration: 0.06s;
}
.feature-no-touch .tv-pagination-block span.prev:active,
.feature-touch .tv-pagination-block span.prev:active,
.feature-no-touch .tv-pagination-block a.prev:active,
.feature-touch .tv-pagination-block a.prev:active,
.feature-no-touch .tv-pagination-block span.next:active,
.feature-touch .tv-pagination-block span.next:active,
.feature-no-touch .tv-pagination-block a.next:active,
.feature-touch .tv-pagination-block a.next:active {
  color: #049ddc;
  fill: #049ddc;
  transition-duration: 0.06s;
}
.tv-pagination-block span.prev.inactive,
.tv-pagination-block a.prev.inactive,
.tv-pagination-block span.next.inactive,
.tv-pagination-block a.next.inactive {
  color: #cccccc;
  pointer-events: none;
}
.tv-pagination-block span.prev,
.tv-pagination-block a.prev {
  margin-left: -6px;
}
.sb-inner-shadow {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  position: absolute;
  bottom: -10px;
  width: 100%;
  height: 10px;
  background: #ffffff;
  z-index: 5;
  pointer-events: none;
  transform: translateY(0);
  transition: opacity ease 0.11666667s, transform ease 0.11666667s;
}
html.theme-dark .sb-inner-shadow {
  background: #171b29;
}
.sb-inner-shadow.top {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  top: -10px;
}
.sb-inner-shadow.i-invisible {
  opacity: 0;
  transform: translateY(5px);
}
.sb-inner-shadow.i-invisible.top {
  transform: translateY(-5px);
}
.sb-inner-shadow.i-invisible {
  opacity: 0;
}
.sb-scrollbar {
  position: absolute !important;
  opacity: 0;
  width: 7px;
  height: 100px;
  top: 73px;
  right: 1px;
  z-index: 1;
  transition: opacity 0.3s;
}
.sb-scrollbar.active,
.sb-scrollbar.active-always {
  opacity: 1;
}
.sb-scrollbar__content-wrapper--scroll-inited {
  position: relative;
}
.sb-scrollbar__content--scroll-inited {
  position: absolute;
}
.sb-scrollbar-wrap {
  position: absolute;
  top: 0;
  right: 1px;
  width: 6px;
  height: 100%;
  z-index: 1;
}
.sb-scrollbar-wrap .sb-scrollbar {
  right: 0;
}
.sb-scrollbar-body {
  width: 6px;
  border: 0;
  background: #d8d8d8;
}
html.theme-dark .sb-scrollbar-body {
  background: #4f5966;
}
.gray .sb-scrollbar-body {
  background: #75757a;
  border-color: #75757a;
  border-radius: 3px;
}
.sb-scrollbar-top,
.sb-scrollbar-bottom {
  display: none;
}
.gray,
.active-always.gray {
  opacity: 0.5;
}
.symbol-list-container,
.symbol-list {
  position: relative;
}
.minimized .symbol-list-container,
.minimized .symbol-list-header {
  display: none;
}
.symbol-list-header {
  height: 21px;
  z-index: 1;
  margin: 0 3px;
  border-bottom: 1px solid;
  border-bottom-color: #ebedf0;
  color: #888989;
  cursor: default;
}
html.theme-dark .symbol-list-header {
  color: #758696;
}
html.theme-dark .symbol-list-header {
  border-bottom-color: #363c4e;
}
.symbol-list-header.sortable {
  cursor: default;
}
.feature-no-touch .symbol-list-header.sortable .sorter:hover {
  color: #4c4f66;
}
.symbol-list-item {
  display: block;
  position: relative;
  height: 32px;
  color: #8f8f8f;
  font-size: 13px;
  font-family: Tahoma, Arial, sans-serif;
  padding-left: 10px;
}
.symbol-list-item:nth-child(even) {
  background-color: #f7f8fa;
}
html.theme-dark .symbol-list-item:nth-child(even) {
  background-color: #1c2030;
}
.feature-no-touch .symbol-list-item:hover {
  background-color: #edf1f2;
}
html.feature-no-touch.theme-dark .symbol-list-item:hover {
  background-color: #262b3e;
}
.symbol-list-item > div,
.symbol-list-header div {
  display: inline-block;
}
.symbol-list-header > div {
  /*padding: 3px 0 0;*/
}
.symbol-list-item .symbol {
  overflow: hidden;
}
.symbol-list-item .symbol,
.symbol-list-item .last-block,
.symbol-list-item .change {
  margin: 8px 0 0 0;
  white-space: nowrap;
  vertical-align: top;
}
.symbol-list-header .header-symbol,
.symbol-list-header .header-estimate,
.symbol-list-header .header-change,
.symbol-list-header .header-last {
  padding-top: 1px;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  text-overflow: ellipsis;
}
.symbol-list-item .symbol,
.symbol-list-header .header-symbol {
  width: 25%;
  text-indent: 10px;
}
.symbol-list-item .estimate,
.symbol-list-header .header-estimate {
  width: 10%;
  text-align: right;
}
.symbol-list-item .last-block,
.symbol-list-header .header-last {
  width: 30%;
  text-align: right;
}
.symbol-list-header .header-last {
  width: 30%;
}
.symbol-list-header .header-last span {
  padding-right: 8px;
}
.symbol-list-item .last-block .last {
  padding: 0 2px;
}
.symbol-list-item .change,
.symbol-list-header .header-change {
  width: 45%;
  text-align: right;
}
.symbol-list-header .header-change div {
  margin: 0 3px 0 0;
}
.symbol-list-item .change .percent,
.symbol-list-header .header-change div:last-child {
  margin: 0 8px 0 0;
}
.symbol-list-item .change .ratio,
.symbol-list-item .change .percent,
.symbol-list-item .last-block .last {
  /*!rtl:raw:
  display: inline-block;
  direction: ltr;
  */
}
.symbol-list-item .last-block .last {
  /*!rtl:raw:
  float: left;
  */
}
.symbol-list-item.active {
  background-color: rgba(232, 247, 254, 0.4);
}
html.theme-dark .symbol-list-item.active {
  background-color: rgba(33, 56, 77, 0.4);
}
.symbol-list-item.active .addition {
  border-left: 3px solid #3e98cd;
}
.symbol-list-item.selected,
.symbol-list-item.focused {
  background-color: #e8f7fe;
}
html.theme-dark .symbol-list-item.selected,
html.theme-dark .symbol-list-item.focused {
  background-color: #21384d;
}
.feature-no-touch .symbol-list-item.selected:hover,
.feature-no-touch .symbol-list-item.focused:hover {
  background-color: #e8f7fe;
}
html.feature-no-touch.theme-dark .symbol-list-item.selected:hover,
html.feature-no-touch.theme-dark .symbol-list-item.focused:hover {
  background-color: #21384d;
}
.feature-touch .symbol-list-item.selected .marker,
.feature-touch .symbol-list-item.focused .marker {
  visibility: visible;
}
.symbol-list-item .addition {
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.symbol-list-item .marker {
  display: inline-flex;
  visibility: hidden;
}
.symbol-list-item .marker--active {
  visibility: visible;
}
.feature-no-touch .symbol-list-item:hover .marker {
  visibility: visible;
}
.symbol-list .controls {
  display: none;
  position: absolute;
  top: 6px;
  right: 100%;
  overflow: hidden;
  height: 100%;
}
.feature-no-touch .symbol-list-item:hover .controls,
.feature-touch .symbol-list-item.active .controls {
  /* Hacky-fucky workaround for IOS7 Safari. See TV-3545. */
  right: 8px;
  display: block;
}
.controls-delete {
  display: none;
}
.symbol-list.deletable .controls-delete {
  display: block;
  width: 20px;
  height: 20px;
  background: #da563e
    url(data:image/gif;base64,R0lGODlhBwAHAPIFAPLHv/vt6v///+eVhtpWPgAAAAAAAAAAACH5BAUKAAUALAAAAAAHAAcAAAMTOEAMKgtAIsNkNjAqbJySszRDAgA7)
    50% 50% no-repeat;
  opacity: 0.75;
}
.feature-no-touch .symbol-list.deletable .controls-delete:hover {
  opacity: 1;
}
.symbol-list-item.success {
  color: #4a4a4a;
}
html.theme-dark .symbol-list-item.success {
  color: #c5cbce;
}
.symbol-list-item.error {
  color: #da563e;
}
.symbol-list-item .change.success .percent:before {
  content: '(';
}
.symbol-list-item .change.success .percent:after {
  content: ')';
}
.symbol-list-item .plus {
  color: #238859;
}
.symbol-list-item .minus {
  color: #dc5538;
}
.symbol-list-item .plus-bg,
.symbol-list-item .minus-bg {
  color: white;
}
.symbol-list-item .plus-bg {
  background-color: #238859;
}
.symbol-list-item .minus-bg {
  background-color: #dc5538;
}
.symbol-list-item .symbol-exclamation-mark {
  position: relative;
  display: inline-block;
  height: 10px;
  width: 10px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj48cGF0aCBmaWxsPSIjZmY0YTY4IiBkPSJNNSAxMEE1IDUgMCAxIDAgNSAwYTUgNSAwIDAgMCAwIDEwem0tLjUtM2gxYy42IDAgLjYgMSAwIDFoLTFjLS42IDAtLjYtMSAwLTF6TTQgMmgydjJsLS41IDJoLTFMNCA0eiIvPjwvc3ZnPg==)
    center no-repeat;
  margin: 3px 0 2px 3px;
  cursor: default;
}
.wl-symbol-edit {
  float: left;
  background: #ffffff;
  font-size: 12px;
  /* line-height: 15px; */
  width: 100px;
  padding: 0 5px;
  border: 1px solid;
  border-color: #dadde0;
  color: #4a4a4a;
  height: 30px;
  box-sizing: border-box;
}
html.theme-dark .wl-symbol-edit {
  color: #c5cbce;
}
html.theme-dark .wl-symbol-edit {
  border-color: #363c4e;
}
html.theme-dark .wl-symbol-edit {
  background: #131722;
}
.wl-symbol-edit::-webkit-input-placeholder {
  color: #7d7d7d;
}
.wl-symbol-edit:-ms-input-placeholder {
  color: #7d7d7d;
}
.wl-symbol-edit::-ms-input-placeholder {
  color: #7d7d7d;
}
.wl-symbol-edit::placeholder {
  color: #7d7d7d;
}
html.theme-dark .wl-symbol-edit::-webkit-input-placeholder {
  color: #758696;
}
html.theme-dark .wl-symbol-edit:-ms-input-placeholder {
  color: #758696;
}
html.theme-dark .wl-symbol-edit::-ms-input-placeholder {
  color: #758696;
}
html.theme-dark .wl-symbol-edit::placeholder {
  color: #758696;
}
.feature-no-touch .wl-symbol-edit:focus,
.feature-touch .wl-symbol-edit:focus {
  border-color: #4c82ce !important;
}
.symbol-list-item sup {
  font-size: 80%;
}
.symbol-list .symbol-status {
  display: inline-block;
  text-indent: 0;
  margin-left: 5px;
}
.symbol-list .positions.symbol-status svg {
  width: 11px;
  height: 11px;
  margin-bottom: 1px;
}
.symbol-list .positions.buy {
  fill: #4094e8;
}
.symbol-list .positions.sell {
  fill: #e75656;
}
/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-helper-clearfix {
  display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%;
}
.ui-helper-clearfix {
  display: block;
}
/* end clearfix */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff 50% 50% repeat-x;
  color: #6b6b6d;
}
html.theme-dark .ui-widget-content {
  color: #2f3241;
}
html.theme-dark .ui-widget-content {
  background: #171b29 50% 50% repeat-x;
}
.ui-widget-content a {
  color: #6b6b6d;
}
html.theme-dark .ui-widget-content a {
  color: #2f3241;
}
.ui-widget-header {
  border: 1px solid;
  border-color: #c9cbcd;
  background: #fafafa;
  color: #6b6b6d;
}
html.theme-dark .ui-widget-header {
  color: #2f3241;
}
html.theme-dark .ui-widget-header {
  background: #2f3241;
}
html.theme-dark .ui-widget-header {
  border-color: #2f3241;
}
.ui-widget-header a {
  color: #6b6b6d;
}
html.theme-dark .ui-widget-header a {
  color: #2f3241;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #fafafa;
  font-weight: normal;
  color: #555555;
}
html.theme-dark .ui-state-default,
html.theme-dark .ui-widget-content .ui-state-default,
html.theme-dark .ui-widget-header .ui-state-default {
  color: #8b8f95;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
html.theme-dark .ui-state-default a,
html.theme-dark .ui-state-default a:link,
html.theme-dark .ui-state-default a:visited {
  color: #8b8f95;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada;
  font-weight: normal;
  color: #212121;
}
.ui-state-hover a,
.feature-no-touch .ui-state-hover a:hover {
  color: #212121;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
.feature-no-touch .ui-widget :active,
.feature-touch .ui-widget :active {
  outline: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fde763;
  background: #fff8cf;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec 50% 50% repeat-x;
  color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: alpha(opacity=35);
  background-image: none;
}
/* Icons
----------------------------------*/
/* states and images */
/* positioning */
/*
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
*/
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
/*
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
*/
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa 50% 50% repeat-x;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa 50% 50% repeat-x;
  opacity: 0.3;
  filter: alpha(opacity=30);
  border-radius: 8px;
}
/*
 * jQuery UI Resizable 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
/*
 * jQuery UI Selectable 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
/*
 * jQuery UI Accordion 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
/*
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
*/
/*
 * jQuery UI Autocomplete 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
  position: absolute;
  cursor: default;
}
/* workarounds */
* html .ui-autocomplete {
  width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
/*
 * jQuery UI Menu 1.8.11
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left;
}
.ui-menu .ui-menu {
  margin-top: -3px;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 0.2em 0.4em;
  line-height: 1.5;
  zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
/*
 * jQuery UI Button 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: 0.1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
  width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}
/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}
/*button sets*/
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
/*
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
*/
/*
 * jQuery UI Slider 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
/*
 * jQuery UI Tabs 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
/*
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed")
*/
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  margin: 0 0.2em 1px 0;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  margin: 5px 0px;
  background: none;
}
.ui-tabs .ui-tabs-hide {
  position: absolute;
  left: -10000px;
}
/*
 * jQuery UI Datepicker 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  padding: 0;
  border: none;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  height: 53px;
  line-height: 53px;
  border: none;
  padding: 0;
  background-color: #3bb3e4;
  color: #ffffff;
}
html.theme-dark .ui-datepicker .ui-datepicker-header {
  color: #c5cbce;
}
html.theme-dark .ui-datepicker .ui-datepicker-header {
  background-color: #21384d;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 40px;
  height: 100%;
  background: none;
  border: none;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
  opacity: 0.4;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover:not(.ui-state-disabled),
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover:not(.ui-state-disabled) {
  opacity: 1;
  background: none;
  border: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  /*!rtl:ignore*/
  right: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  margin-left: -5px;
  width: 9px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 14' width='9' height='14' fill='%23fff'%3E%3Cpath d='m2 0l-2 2 5 5-5 5 2 2 7-7z'/%3E%3C/svg%3E");
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  /*!rtl:ignore*/
  left: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
  margin-left: -4px;
  width: 9px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 14' width='9' height='14' fill='%23fff'%3E%3Cpath d='m0 7l7-7 2 2-5 5 5 5-2 2z'/%3E%3C/svg%3E");
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
  margin: 0;
  border: 1px solid;
  border-color: #d6d6d6;
  border-top: none;
}
html.theme-dark .ui-datepicker table {
  border-color: #363c4e;
}
.ui-datepicker th {
  width: 40px;
  height: 28px;
  border-bottom: 1px solid red;
  padding: 0;
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #d6d6d6;
  text-align: center;
  font-weight: normal;
  color: #8d9196;
  background-color: #f8f8f8;
}
html.theme-dark .ui-datepicker th {
  background-color: #2f3241;
}
html.theme-dark .ui-datepicker th {
  border-bottom-color: #363c4e;
}
.ui-datepicker td {
  border: none;
  padding: 0;
  margin: 0;
}
.ui-datepicker td span,
.ui-datepicker td a,
.ui-datepicker td span.ui-state-default,
.ui-datepicker td a.ui-state-default {
  display: block;
  position: relative;
  height: 39px;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 40px;
  background: #ffffff;
  border: none;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #d6d6d6;
  text-decoration: none;
}
html.theme-dark .ui-datepicker td span,
html.theme-dark .ui-datepicker td a,
html.theme-dark .ui-datepicker td span.ui-state-default,
html.theme-dark .ui-datepicker td a.ui-state-default {
  border-color: #363c4e;
}
html.theme-dark .ui-datepicker td span,
html.theme-dark .ui-datepicker td a,
html.theme-dark .ui-datepicker td span.ui-state-default,
html.theme-dark .ui-datepicker td a.ui-state-default {
  background: #171b29;
}
.ui-datepicker td span.ui-state-highlight,
.ui-datepicker td a.ui-state-highlight,
.ui-datepicker td span.ui-state-default.ui-state-highlight,
.ui-datepicker td a.ui-state-default.ui-state-highlight {
  color: #00b9db;
}
.ui-datepicker td span.ui-state-highlight:after,
.ui-datepicker td a.ui-state-highlight:after,
.ui-datepicker td span.ui-state-default.ui-state-highlight:after,
.ui-datepicker td a.ui-state-default.ui-state-highlight:after {
  position: absolute;
  top: 0;
  right: 0;
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 11px 0;
  border-color: transparent #00badb transparent transparent;
}
.ui-datepicker td span.ui-state-hover,
.ui-datepicker td a.ui-state-hover,
.ui-datepicker td span.ui-state-default.ui-state-hover,
.ui-datepicker td a.ui-state-default.ui-state-hover {
  background: #edf1f2;
}
html.theme-dark .ui-datepicker td span.ui-state-hover,
html.theme-dark .ui-datepicker td a.ui-state-hover,
html.theme-dark .ui-datepicker td span.ui-state-default.ui-state-hover,
html.theme-dark .ui-datepicker td a.ui-state-default.ui-state-hover {
  background: #262b3e;
}
.ui-datepicker td.ui-datepicker-current-day span,
.ui-datepicker td.ui-datepicker-current-day a {
  border: 2px solid;
  border-color: #3bb3e4;
  color: #3bb3e4;
  height: 36px;
  line-height: 37px;
}
html.theme-dark .ui-datepicker td.ui-datepicker-current-day span,
html.theme-dark .ui-datepicker td.ui-datepicker-current-day a {
  color: #3bb3e4;
}
html.theme-dark .ui-datepicker td.ui-datepicker-current-day span,
html.theme-dark .ui-datepicker td.ui-datepicker-current-day a {
  border-color: #3bb3e4;
}
/* todo: Remove after check datapicker in all browsers   */
/*.ui-datepicker td:last-child span:not(.ui-state-highlight),*/
/*.ui-datepicker td:last-child a:not(.ui-state-highlight) {*/
/*border-right: none;*/
/*}*/
/*.ui-datepicker tr:last-child td span:not(.ui-state-highlight),*/
/*.ui-datepicker tr:last-child td a:not(.ui-state-highlight) {*/
/*border-bottom: none;*/
/*}*/
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
}
/*
 * jQuery UI Progressbar 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
/*
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
*/
/*
 * Treeview
 */
/*
.treeview, .treeview ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.treeview ul {
    background-color: white;
    margin-top: 4px;
}
.treeview .hitarea {
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}
* html .hitarea {
    display: inline;
    float:none;
}
.treeview li {
    margin: 0; padding: 3px 0pt 3px 16px;
}
.treeview a.selected {
    background-color: #eee;
}
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: red; cursor: pointer; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview .placeholder {
    height: 16px;
    width: 16px;
    display: block;
}
*/
/*
 * Spinbox
 */
/*
input.spinbox-active {
  background-position:right 0px;
  background-repeat:no-repeat;
  width: 60px;
}
input.spinbox-active.spinbox-up-hover {
  background-position:right -18px;
  cursor:pointer;
}
input.spinbox-active.spinbox-down-hover {
  background-position:right -36px;
  cursor:pointer;
}
input.spinbox-active.spinbox-up {
  background-position:right -72px;
  cursor:pointer;
}
input.spinbox-active.spinbox-down {
  background-position:right -54px;
  cursor:pointer;
}
*/
html,
body {
  background: none;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
body {
  min-width: 240px;
}
#library-container {
  border: 1px solid #d9dadb;
  background: #ffffff;
}
#library-container #showExtendedHoursLink {
  display: none;
}
.on-widget .open-popup {
  margin-left: 4px;
  padding: 7px;
  border-width: 0 !important;
}
.on-widget .open-popup {
  border: none;
  background: #6798bb;
}
.feature-no-touch .on-widget .open-popup:hover {
  background: #69a3cc;
}
.feature-no-touch .on-widget .open-popup:active,
.feature-touch .on-widget .open-popup:active {
  background: #71acd6;
}
.on-widget .open-popup svg {
  display: block;
  width: 16px;
  height: 14px;
  fill: #ffffff;
}
.on-widget .widgetbar-widget-hotlist .widgetbar-widgetheader .widgetbar-headerspace {
  display: none;
}
.onchart-tv-logo,
.onchart-cme-logo,
.onchart-custom-logo {
  display: block;
  position: absolute;
  z-index: 10;
}
.onchart-cme-logo {
  left: 10px;
  bottom: 25px;
  width: 135px;
}
.onchart-tv-logo,
.onchart-custom-logo {
  left: 1px;
  bottom: 22px;
  width: auto;
}
.onchart-tv-logo.on-pane,
.onchart-custom-logo.on-pane {
  bottom: 1px;
}
.onchart-custom-logo .inner {
  display: block;
  padding: 2px 9px 2px 9px;
  transition: background 0.7s ease;
  background-color: rgba(255, 255, 255, 0.8);
}
.onchart-custom-logo .wrapper {
  display: block;
  padding: 3px;
  border-radius: 3px;
  transition: background 0.7s ease;
  background-color: rgba(255, 255, 255, 0.4);
}
.onchart-custom-logo table.inner {
  border-collapse: collapse;
  border: 0px;
}
.onchart-custom-logo table.inner tbody {
  opacity: 0.6;
}
.onchart-custom-logo table.inner td {
  padding: 0px;
}
.onchart-custom-logo table.inner td.custom-logo {
  line-height: 0px;
}
.onchart-custom-logo table.inner td.tv-link {
  text-align: center;
  line-height: 10px;
  /* same as font size */
}
.onchart-custom-logo .text {
  font-size: 10px;
}
.onchart-tv-logo .wrapper {
  display: block;
  padding: 3px;
  transition: background 0.7s ease;
}
.onchart-tv-logo.expanded .wrapper {
  background-color: rgba(255, 255, 255, 0.3);
}
.onchart-tv-logo.expanded.grey .wrapper {
  background-color: rgba(255, 255, 255, 0.3);
}
.onchart-tv-logo.expanded.blue .wrapper {
  background-color: rgba(255, 255, 255, 0.3);
}
.onchart-tv-logo.black .wrapper {
  background-color: rgba(0, 0, 0, 0.3);
}
.onchart-tv-logo.expanded.black .wrapper {
  background-color: rgba(255, 255, 255, 0.3);
}
.onchart-tv-logo .inner {
  display: block;
  height: 32px;
  line-height: 31px;
  padding: 0 9px;
  transition: background 0.7s ease;
}
.onchart-tv-logo.expanded .inner {
  background-color: rgba(255, 255, 255, 0.8);
}
.onchart-tv-logo.expanded.grey .inner {
  background-color: rgba(224, 222, 222, 0.8);
}
.onchart-tv-logo.expanded.blue .inner {
  background-color: rgba(209, 232, 255, 0.8);
}
.onchart-tv-logo.expanded.black .inner {
  background-color: rgba(0, 0, 0, 0.8);
}
.onchart-tv-logo img {
  width: 33px;
  height: 23px;
  display: inline-block;
  vertical-align: middle;
  transition: display 0.7s ease;
}
.onchart-tv-logo .text {
  display: inline-block;
  width: 0px;
  overflow: hidden;
  /*padding-left: 4px;*/
  padding-left: 36px;
  vertical-align: middle;
  transition: width 0.7s ease;
}
.onchart-tv-logo.expanded .text {
  width: 147px;
  /* not 'auto' because of transition */
}
.onchart-tv-logo img {
  display: block;
  position: absolute;
  top: 8px;
  transition: opacity 0.7s ease;
}
.onchart-tv-logo img.faded {
  opacity: 1;
}
.onchart-tv-logo.expanded img.faded {
  opacity: 0;
}
.text .logo-highlighted {
  font-weight: bold;
  text-decoration: underline;
}
.onchart-cme-logo img {
  width: inherit;
  opacity: 0.55;
}
.onchart-cme-logo a.onchart-logo {
  width: inherit;
  white-space: nowrap;
  position: relative;
  top: -6px;
  left: 0px;
  color: #007fb9;
  opacity: 0.7;
  font-size: 12px;
}
.onchart-cme-logo a.onchart-logo .logo-fade {
  color: #231f20;
  opacity: 0.85;
}
.on-cme-widget .symbol-search-dialog .filter,
.on-cme-widget .symbol-edit-popup .filter {
  display: none;
}
.on-cme-widget .symbol-search-dialog .results {
  height: 450px;
}
.tv-embed-buttons-contaner {
  float: right;
}
/* Custom Logo */
.onchart-tv-logo a {
  color: #3bb3e4;
  transition: color ease 0.35s;
}
html.theme-dark .onchart-tv-logo a {
  color: #299dcd;
}
.onchart-tv-logo a:visited {
  color: #3bb3e4;
  fill: #3bb3e4;
}
html.theme-dark .onchart-tv-logo a:visited {
  fill: #299dcd;
}
html.theme-dark .onchart-tv-logo a:visited {
  color: #299dcd;
}
.feature-no-touch .onchart-tv-logo a:hover {
  color: #3babd8;
  fill: #3babd8;
  transition-duration: 0.06s;
}
.feature-no-touch .onchart-tv-logo a:active,
.feature-touch .onchart-tv-logo a:active {
  color: #049ddc;
  fill: #049ddc;
  transition-duration: 0.06s;
}
.onchart-tv-logo img.custom-image {
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
}
.load-chart .chart-search,
.load-chart .chart-search input {
  width: 100%;
}
/* remove it when we have more tabs in Edit Object Dialog */
.properties-tabs-label {
  margin-right: 30px;
}
@media only screen and (max-width: 750px) {
  .charts-popup-list .item.save-load-chart-title {
    display: block;
  }
}
.charts-popup-list .item .title,
.charts-popup-list .item .title-expanded {
  width: auto;
}

.common-tooltip-s2GEoMlT- {
  display: inline-flex;
  position: fixed;
  color: #f2f3f5;
  font-size: 12px;
  line-height: 18px;
  opacity: 1;
  transition: opacity 0.15s linear;
  z-index: 1000;
}

html.theme-dark .common-tooltip-s2GEoMlT- {
  color: #c5cbce;
}

.common-tooltip--hidden-Z0EAvXgv- {
  opacity: 0;
}

.common-tooltip--horizontal-13imOC5w- {
  margin: 4px 0;
}

.common-tooltip--horizontal-13imOC5w-.common-tooltip--farther-2yXMAkHF- {
  margin: 8px 0;
}

.common-tooltip--vertical-mcRoucek- {
  margin: 0 4px;
}

.common-tooltip--vertical-mcRoucek-.common-tooltip-farther-XoKytD99- {
  margin: 0 8px;
}

.common-tooltip--no-pointer-events-3nL0Vygu- {
  pointer-events: none;
}

.common-tooltip--no-pointer-events-3nL0Vygu-.common-tooltip--horizontal-13imOC5w- {
  margin: 8px 0;
}

.common-tooltip--no-pointer-events-3nL0Vygu-.common-tooltip--vertical-mcRoucek- {
  margin: 0 8px;
}

.common-tooltip--no-pointer-events-3nL0Vygu-.common-tooltip--horizontal-13imOC5w-.common-tooltip--farther-2yXMAkHF- {
  margin: 14px 0;
}

.common-tooltip--no-pointer-events-3nL0Vygu-.common-tooltip--vertical-mcRoucek-.common-tooltip--farther-2yXMAkHF- {
  margin: 0 14px;
}

.common-tooltip--direction_normal-3u9ejKM2- {
  flex-direction: row;
}

.common-tooltip--direction_normal-3u9ejKM2- .common-tooltip__body-356XFpBj- {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.common-tooltip--direction_normal-3u9ejKM2- .common-tooltip__button-container-3EjyKV3s-,
.common-tooltip--direction_normal-3u9ejKM2- .common-tooltip__body--no-buttons-3quqi1Sv- {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.common-tooltip--direction_normal-3u9ejKM2- .common-tooltip__button-1rnQgujz-:not(:last-child) {
  margin-right: 1px;
}

.common-tooltip--direction_reversed-XN-JUTdr- {
  flex-direction: row-reverse;
}

.common-tooltip--direction_reversed-XN-JUTdr- .common-tooltip__body-356XFpBj- {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.common-tooltip--direction_reversed-XN-JUTdr- .common-tooltip__button-container-3EjyKV3s-,
.common-tooltip--direction_reversed-XN-JUTdr- .common-tooltip__body--no-buttons-3quqi1Sv- {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.common-tooltip--direction_reversed-XN-JUTdr- .common-tooltip__button-1rnQgujz-:not(:first-child) {
  margin-left: 1px;
}

.common-tooltip__ear-holder-yIJjpvgu- {
  position: relative;
}

.common-tooltip__ear-holder-yIJjpvgu-:after {
  content: '';
  display: block;
  position: absolute;
  box-sizing: border-box;
  z-index: 1001;
  width: 0;
  height: 0;
  border: 0 solid;
  border-color: #262b3e;
}

html.theme-dark .common-tooltip__ear-holder-yIJjpvgu-:after {
  border-color: #4f5966;
}

.common-tooltip__ear-holder--below-1rmzWejA-:after,
.common-tooltip__ear-holder--above-1D8FkNkw-:after {
  /*!rtl:begin:ignore*/
  left: 50%;
  margin-left: -6px;
  border-left: 6px solid;
  border-left-color: transparent;
  border-right: 6px solid;
  border-right-color: transparent;
  /*!rtl:end:ignore*/
}

html.theme-dark .common-tooltip__ear-holder--below-1rmzWejA-:after,
html.theme-dark .common-tooltip__ear-holder--above-1D8FkNkw-:after {
  border-right-color: transparent;
}

html.theme-dark .common-tooltip__ear-holder--below-1rmzWejA-:after,
html.theme-dark .common-tooltip__ear-holder--above-1D8FkNkw-:after {
  border-left-color: transparent;
}

.common-tooltip__ear-holder--below-1rmzWejA-:after {
  bottom: 100%;
  border-bottom-width: 4px;
}

.common-tooltip__ear-holder--above-1D8FkNkw-:after {
  top: 100%;
  border-top-width: 4px;
}

.common-tooltip__ear-holder--before-oXq5sFXr-:after,
.common-tooltip__ear-holder--after-BnAcuW1N-:after {
  top: 50%;
  margin-top: -6px;
  border-top: 6px solid;
  border-top-color: transparent;
  border-bottom: 6px solid;
  border-bottom-color: transparent;
}

html.theme-dark .common-tooltip__ear-holder--before-oXq5sFXr-:after,
html.theme-dark .common-tooltip__ear-holder--after-BnAcuW1N-:after {
  border-bottom-color: transparent;
}

html.theme-dark .common-tooltip__ear-holder--before-oXq5sFXr-:after,
html.theme-dark .common-tooltip__ear-holder--after-BnAcuW1N-:after {
  border-top-color: transparent;
}

.common-tooltip__ear-holder--before-oXq5sFXr-:after {
  /*!rtl:begin:ignore*/
  right: 100%;
  border-right-width: 4px;
  /*!rtl:end:ignore*/
}

.common-tooltip__ear-holder--after-BnAcuW1N-:after {
  /*!rtl:begin:ignore*/
  left: 100%;
  border-left-width: 4px;
  /*!rtl:end:ignore*/
}

.common-tooltip__body-356XFpBj- {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: 3px 8px;
  max-width: 320px;
  background-color: #262b3e;
  white-space: pre-wrap;
  word-wrap: break-word;
  text-align: left;
  overflow: hidden;
}

html.theme-dark .common-tooltip__body-356XFpBj- {
  background-color: #4f5966;
}

.common-tooltip__body--with-hotkey-2wXRtgYZ- {
  display: flex;
  max-width: 420px;
  padding: 0;
}

.common-tooltip__body--width_wide-3oG604Li- {
  max-width: 640px;
}

.common-tooltip__body--width_narrow-34hrFTFo- {
  max-width: 200px;
}

.common-tooltip__hotkey-block-2gS_uAOl- {
  display: inline-flex;
  flex: 1 0 auto;
  padding: 4px 8px 5px;
  line-height: 12px;
  align-items: center;
  justify-content: center;
  color: #ff9850;
}

.common-tooltip__hotkey-block--divider-rQ38KmpQ- {
  border-left: 1px solid #4c525e;
  margin-left: 8px;
}

.common-tooltip__hotkey-text-1eb7dyCg- {
  display: inline-flex;
  align-items: center;
  margin: 3px 0 3px 8px;
}

.common-tooltip__hotkey-button-1XJ40e4D- {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 13px;
  min-width: 7px;
  padding: 0 3px;
  border: 1px solid;
  border-radius: 2px;
  color: #ff9850;
}

.common-tooltip__plus-sign-3CKSupKp- {
  width: 13px;
  height: 15px;
  line-height: 16px;
  text-align: center;
}

.common-tooltip__button-container-3EjyKV3s- {
  display: flex;
  position: relative;
  overflow: hidden;
}

.common-tooltip__button-1rnQgujz- {
  display: flex;
  color: white;
  background-color: #3bb3e4;
  padding: 0 10px;
  align-items: center;
}

.feature-no-touch .common-tooltip__button-1rnQgujz-:hover {
  background-color: #1592e6;
}

/* Themes */

.common-tooltip-s2GEoMlT-.theme-white {
  color: #333333;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__body-356XFpBj- {
  background-color: #ffffff;
  border-radius: 0;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder-yIJjpvgu- {
  border: 1px solid #d6d6d6;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder-yIJjpvgu-:after {
  border-color: #ffffff;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:after,
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:after {
  border-left: 6px solid;
  border-left-color: transparent;
  border-right: 6px solid;
  border-right-color: transparent;
}

html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--below-1rmzWejA-:after,
html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--above-1D8FkNkw-:after {
  border-right-color: transparent;
}

html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--below-1rmzWejA-:after,
html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--above-1D8FkNkw-:after {
  border-left-color: transparent;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:after,
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:after {
  border-top: 6px solid;
  border-top-color: transparent;
  border-bottom: 6px solid;
  border-bottom-color: transparent;
}

html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--before-oXq5sFXr-:after,
html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--after-BnAcuW1N-:after {
  border-bottom-color: transparent;
}

html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--before-oXq5sFXr-:after,
html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--after-BnAcuW1N-:after {
  border-top-color: transparent;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder-yIJjpvgu-:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1000;
  width: 0;
  height: 0;
  border: 0 solid;
  border-color: #d6d6d6;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:before,
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:before {
  left: 50%;
  margin-left: -7px;
  border-left: 7px solid;
  border-left-color: transparent;
  border-right: 7px solid;
  border-right-color: transparent;
}

html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--below-1rmzWejA-:before,
html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--above-1D8FkNkw-:before {
  border-right-color: transparent;
}

html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--below-1rmzWejA-:before,
html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--above-1D8FkNkw-:before {
  border-left-color: transparent;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:before {
  top: -6px;
  border-bottom-width: 6px;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:before {
  bottom: -6px;
  border-top-width: 6px;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:before,
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:before {
  top: 50%;
  margin-top: -7px;
  border-top: 7px solid;
  border-top-color: transparent;
  border-bottom: 7px solid;
  border-bottom-color: transparent;
}

html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--before-oXq5sFXr-:before,
html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--after-BnAcuW1N-:before {
  border-bottom-color: transparent;
}

html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--before-oXq5sFXr-:before,
html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-white
  .common-tooltip__ear-holder--after-BnAcuW1N-:before {
  border-top-color: transparent;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:before {
  left: -6px;
  border-right-width: 6px;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:before {
  right: -6px;
  border-left-width: 6px;
}

.common-tooltip-s2GEoMlT-.theme-round-shadow {
  color: #333333;
  box-shadow: 0 1px 3px 0 rgba(42, 44, 57, 0.29);
}

.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__body-356XFpBj- {
  background-color: #ffffff;
}

.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder-yIJjpvgu-:after {
  border-color: #ffffff;
}

.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--below-1rmzWejA-:after,
.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--above-1D8FkNkw-:after {
  border-left: 6px solid;
  border-left-color: transparent;
  border-right: 6px solid;
  border-right-color: transparent;
}

html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-round-shadow
  .common-tooltip__ear-holder--below-1rmzWejA-:after,
html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-round-shadow
  .common-tooltip__ear-holder--above-1D8FkNkw-:after {
  border-right-color: transparent;
}

html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-round-shadow
  .common-tooltip__ear-holder--below-1rmzWejA-:after,
html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-round-shadow
  .common-tooltip__ear-holder--above-1D8FkNkw-:after {
  border-left-color: transparent;
}

.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--before-oXq5sFXr-:after,
.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--after-BnAcuW1N-:after {
  border-top: 6px solid;
  border-top-color: transparent;
  border-bottom: 6px solid;
  border-bottom-color: transparent;
}

html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-round-shadow
  .common-tooltip__ear-holder--before-oXq5sFXr-:after,
html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-round-shadow
  .common-tooltip__ear-holder--after-BnAcuW1N-:after {
  border-bottom-color: transparent;
}

html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-round-shadow
  .common-tooltip__ear-holder--before-oXq5sFXr-:after,
html.theme-dark
  .common-tooltip-s2GEoMlT-.theme-round-shadow
  .common-tooltip__ear-holder--after-BnAcuW1N-:after {
  border-top-color: transparent;
}

.star-uhAI7sV4- {
  display: block;
  opacity: 0.7;
  box-sizing: border-box;
  transition: opacity ease 350ms;

  /* increase hitbox */
  padding: 4px;
  margin: -4px;
}

.star-uhAI7sV4- svg {
  display: block;
  fill: currentColor;
  pointer-events: none;
}

.star-uhAI7sV4-.checked-2bhy04CF- svg {
  fill: #ffca3b;
}

.feature-no-touch .star-uhAI7sV4-:hover,
.feature-no-touch .star-uhAI7sV4-:active,
.feature-touch .star-uhAI7sV4-:active {
  opacity: 1;
  transition-duration: 60ms;
}

.menuWrap-1gEtmoET- {
  text-align: left;
  background-color: #ffffff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 100;

  border-radius: 3px;

  background-color: #ffffff;

  box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
}
html.theme-dark .menuWrap-1gEtmoET- {
  background-color: #1c2030;
}
html.theme-dark .menuWrap-1gEtmoET- {
  background-color: #1c2030;
}

html.theme-dark .menuWrap-1gEtmoET- {
  box-shadow: #000000 0 2px 4px 0;
}

.menuWrap-1gEtmoET-.isMeasuring-FZ0EJCM2- {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.scrollWrap-1B5MfTJt- {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;

  -ms-overflow-style: scrollbar;
  -webkit-overflow-scrolling: touch;
}

.scrollWrap-1B5MfTJt-::-webkit-scrollbar {
  width: 5px;
}

.scrollWrap-1B5MfTJt-::-webkit-scrollbar-thumb {
  border: 1px solid #f2f3f5;
  border-radius: 3px;
  background-color: #9db2bd;
}

.scrollWrap-1B5MfTJt-::-webkit-scrollbar-track {
  background-color: #f2f3f5;
  border-radius: 3px;
}

.menuBox-20sJGjtG- {
  padding: 6px 0;
}

.isHidden-2vLQpR1t- {
  display: none;
}

.item-2xPVYue0- {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  white-space: nowrap;
  padding: 2px 10px 2px 8px;
  font-size: 14px;
  background-color: #ffffff;
  cursor: default;
  transition-property: none;

  color: #4c525e;

  transition: color ease 60ms;
}

html.theme-dark .item-2xPVYue0- {
  color: #758696;
}

html.theme-dark .item-2xPVYue0- {
  background-color: #1c2030;
}

.item-2xPVYue0-.hovered-1uf45E05-,
.feature-no-touch .item-2xPVYue0-:hover,
.feature-no-touch .item-2xPVYue0-:active,
.feature-touch .item-2xPVYue0-:active {
  color: #131722;
}

html.theme-dark .item-2xPVYue0-.hovered-1uf45E05-,
html.feature-no-touch.theme-dark .item-2xPVYue0-:hover,
html.feature-no-touch.theme-dark .item-2xPVYue0-:active,
html.feature-touch.theme-dark .item-2xPVYue0-:active {
  color: #9db2bd;
}

/* allow to override anything */

.item-2xPVYue0-.hovered-1uf45E05-,
.feature-no-touch .item-2xPVYue0-:hover,
.feature-no-touch .item-2xPVYue0-:active,
.feature-touch .item-2xPVYue0-:active {
  background-color: #ebf7fc;
}

html.theme-dark .item-2xPVYue0-.hovered-1uf45E05-,
html.feature-no-touch.theme-dark .item-2xPVYue0-:hover,
html.feature-no-touch.theme-dark .item-2xPVYue0-:active,
html.feature-touch.theme-dark .item-2xPVYue0-:active {
  background-color: #262b3e;
}

.item-2xPVYue0-.isDisabled-1wLqKupj- {
  opacity: 0.3;
  cursor: default;
}

.item-2xPVYue0-.isDisabled-1wLqKupj-,
.feature-no-touch .item-2xPVYue0-.isDisabled-1wLqKupj-:hover,
.feature-no-touch .item-2xPVYue0-.isDisabled-1wLqKupj-:active,
.feature-touch .item-2xPVYue0-.isDisabled-1wLqKupj-:active {
  color: #4c525e;
  background-color: #ffffff;
}

html.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:hover,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:active,
html.feature-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:active {
  background-color: #1c2030;
}

html.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:hover,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:active,
html.feature-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:active {
  color: #758696;
}

.item-2xPVYue0-.isActive-2j-GhQs_-,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active,
.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active {
  color: #ffffff;
  background-color: #37a6ef;
}

html.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:hover,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active,
html.feature-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active {
  background-color: #37a6ef;
}

html.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:hover,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active,
html.feature-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active {
  color: #ffffff;
}

.item-2xPVYue0-.isActive-2j-GhQs_- .icon-2Qm7YIcz- svg,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover .icon-2Qm7YIcz- svg,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .icon-2Qm7YIcz- svg,
.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .icon-2Qm7YIcz- svg {
  fill: currentColor;
}

.item-2xPVYue0-.isActive-2j-GhQs_- .hint-1IhIvLPB-,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover .hint-1IhIvLPB-,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB-,
.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB- {
  color: rgba(255, 255, 255, 0.7);
}

html.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_- .hint-1IhIvLPB-,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:hover .hint-1IhIvLPB-,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB-,
html.feature-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB- {
  color: rgba(255, 255, 255, 0.7);
}

.item-2xPVYue0-.isActive-2j-GhQs_- .toolbox-3ulPxfe--,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover .toolbox-3ulPxfe--,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe--,
.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe-- {
  color: #ffffff;
}

html.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_- .toolbox-3ulPxfe--,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:hover .toolbox-3ulPxfe--,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe--,
html.feature-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe-- {
  color: #ffffff;
}

.item-2xPVYue0-.withIcon-1xBjf-oB- {
  padding-top: 6px;
  padding-bottom: 6px;
}

/* ie11 min-height */

.item-2xPVYue0-:before {
  content: ' ';
  display: block;
  height: 28px;
}

.icon-2Qm7YIcz- {
  display: flex;
  margin-right: 7px;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}

.icon-2Qm7YIcz- svg {
  display: block;
  fill: currentColor;
}

.labelRow-3Q0rdE8-- {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  flex: 1 0 auto;
  margin-right: 14px;
}

.labelRow-3Q0rdE8--:first-child {
  margin-left: 4px;
}

.label-3Xqxy756- {
  display: flex;
  flex: 0 0 auto;
}

.hint-1IhIvLPB- {
  font-size: 11px;
  margin-right: 14px;
  min-width: 27px;
  color: #b4b4b4;
}

html.theme-dark .hint-1IhIvLPB- {
  color: #4c525e;
}

.toolbox-3ulPxfe-- {
  display: flex;
  position: relative;
  align-items: center;
  color: #9db2bd;
}

html.theme-dark .toolbox-3ulPxfe-- {
  color: #9db2bd;
}

.feature-no-touch .toolbox-3ulPxfe--.showOnHover-1q6ySzZc- {
  opacity: 0;
}

.toolbox-3ulPxfe-- > :not(:last-child) {
  margin-right: 10px;
}

.feature-no-touch .item-2xPVYue0-:hover .toolbox-3ulPxfe--.showOnHover-1q6ySzZc- {
  opacity: 1;
}

.icon-16JOogW_- {
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 350ms;
}

.icon-16JOogW_- svg {
  display: block;
  fill: currentColor;
  width: 8px;
  height: 4px;
}

.icon-16JOogW_-.dropped-1WSGLaYJ- {
  transform: rotate(180deg);
}

.button-13wlLwhJ- {
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  height: 100%;
  cursor: default;

  color: #4c525e;

  transition: color ease 60ms;

  /* allow to override anything */

  transition: background-color ease 350ms, color ease 60ms;
}
html.theme-dark .button-13wlLwhJ- {
  color: #758696;
}

.button-13wlLwhJ-.hovered-FUo4RNOC-,
.feature-no-touch .button-13wlLwhJ-:hover,
.feature-no-touch .button-13wlLwhJ-:active,
.feature-touch .button-13wlLwhJ-:active {
  color: #131722;
}

html.theme-dark .button-13wlLwhJ-.hovered-FUo4RNOC-,
html.feature-no-touch.theme-dark .button-13wlLwhJ-:hover,
html.feature-no-touch.theme-dark .button-13wlLwhJ-:active,
html.feature-touch.theme-dark .button-13wlLwhJ-:active {
  color: #9db2bd;
}

.button-13wlLwhJ- svg {
  display: block;
  fill: currentColor;
}

.button-13wlLwhJ- .arrow-2pXEy7ej- {
  display: flex;
  contain: content;
  align-items: center;
  height: 100%;
}

.button-13wlLwhJ- .arrowWrap-r5l5nQXU- {
  margin: 0 6px;
  transition: transform ease 350ms;
}

.feature-no-touch .button-13wlLwhJ-:hover .arrowWrap-r5l5nQXU- {
  transform: translateY(2px);
}

.button-13wlLwhJ-.isOpened-1939ai3F- {
  background-color: #f7f8fa;
}

html.theme-dark .button-13wlLwhJ-.isOpened-1939ai3F- {
  background-color: #1c2030;
}

.feature-no-touch .button-13wlLwhJ-.isOpened-1939ai3F-:hover .arrowWrap-r5l5nQXU- {
  transform: none;
}
.wrap-18oKCBRc- {
  display: flex;
  align-items: center;
  flex: 1 0 auto;
  flex-direction: row;
  height: 100%;
}

.button-2ioYhFEY- {
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  cursor: default;
  color: #4c525e;
  transition: background-color ease 60ms, opacity ease 60ms, color ease 60ms;
}
html.theme-dark .button-2ioYhFEY- {
  color: #758696;
}

.button-2ioYhFEY- svg {
  /* blurry icons fix for firefox */
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-transform: translateX(0);
  display: block;
  fill: currentColor;
}

.button-2ioYhFEY-.isInteractive-20uLObIc- {
  color: #4c525e;
  transition: color ease 60ms;
}

html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc- {
  color: #758696;
}

.button-2ioYhFEY-.isInteractive-20uLObIc-.hovered-3perbaxJ-,
.feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-:hover,
.feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-:active,
.feature-touch .button-2ioYhFEY-.isInteractive-20uLObIc-:active {
  color: #131722;
}

html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.hovered-3perbaxJ-,
html.feature-no-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-:hover,
html.feature-no-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-:active,
html.feature-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-:active {
  color: #9db2bd;
}

/* allow to override anything */

.button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-,
.feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:hover,
.feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active,
.feature-touch .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active {
  color: #1592e6;
}

html.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-,
html.feature-no-touch.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:hover,
html.feature-no-touch.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active,
html.feature-touch.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active {
  color: #ff7200;
}

html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-,
html.feature-no-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:hover,
html.feature-no-touch.theme-dark
  .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active,
html.feature-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active {
  color: #3bb3e4;
}

.button-2ioYhFEY-.isInteractive-20uLObIc-.isOpened-p-Ume5l9- {
  background-color: #f7f8fa;
}

html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isOpened-p-Ume5l9- {
  background-color: #1c2030;
}

.button-2ioYhFEY-.isDisabled-1_tmrLfP- {
  opacity: 0.3;
}

.button-2ioYhFEY-.isDisabled-1_tmrLfP-,
.feature-no-touch .button-2ioYhFEY-.isDisabled-1_tmrLfP-:hover,
.feature-no-touch .button-2ioYhFEY-.isDisabled-1_tmrLfP-:active,
.feature-touch .button-2ioYhFEY-.isDisabled-1_tmrLfP-:active {
  background-color: transparent;
}

.text-1sK7vbvh- + .icon-beK_KS0k-,
.icon-beK_KS0k- + .text-1sK7vbvh- {
  margin-left: 5px;
}

.button-1IIz2ju4- {
  padding: 0 1px;
}

.button-1IIz2ju4-.first-bfrNico9- {
  padding-left: 5px;
}

.button-1IIz2ju4-.last-3h-LFsOr- {
  padding-right: 3px;
}
.separator-25lkUpN-- {
  margin: 6px 0;
  height: 1px;
  background-color: #e1ecf2;
}
html.theme-dark .separator-25lkUpN-- {
  background-color: #363c4e;
}
.menu-16FRUKka-:only-child {
  padding: 0 5px;
}

.button-YsN2vRuA-.withText-JhQdRoPu- {
  padding: 0 10px 0 6px;
}
.button-YsN2vRuA-.withoutText-f6SoijeW- {
  padding: 0 5px;
}
.button-2-lC3gh4- {
  padding: 0 5px;
}

.value-DWZXOdoK- {
  text-align: left;
  font-size: 16px;
}

.value-DWZXOdoK-.selected-2V87KUXm- {
  color: #3bb3e4;
}

.metric-uxyW5qk0- {
  display: inline-block;
  font-size: 14px;
}

.metric-uxyW5qk0-.capitalized-OlFzHeUi-:first-letter {
  font-size: 16px;
}

.form-2itceCqS- {
  display: flex;
  margin: -6px 0 -6px;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 38px;
  min-width: 200px;
  font-size: 14px;
  color: #4c525e;
  box-sizing: border-box;
}
html.theme-dark .form-2itceCqS- {
  color: #758696;
}

.form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-,
.form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-,
.form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-,
.feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-,
.feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-,
.feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb- {
  color: #4c525e;
  transition: color ease 60ms;
  /* allow to override anything */
}

html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-,
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-,
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb- {
  color: #758696;
}

.form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-.hovered-1nwOcWv8-,
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:hover,
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active,
.feature-touch .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active,
.form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-.hovered-1nwOcWv8-,
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:hover,
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active,
.feature-touch .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active,
.form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-.hovered-1nwOcWv8-,
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:hover,
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active,
.feature-touch .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active,
.feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-.hovered-1nwOcWv8-,
.feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-:hover,
.feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-:active,
.feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-.hovered-1nwOcWv8-,
.feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-:hover,
.feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-:active,
.feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb-.hovered-1nwOcWv8-,
.feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb-:hover,
.feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb-:active {
  color: #131722;
}

html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-.hovered-1nwOcWv8-,
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:hover,
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active,
html.feature-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active,
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-.hovered-1nwOcWv8-,
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:hover,
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active,
html.feature-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active,
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-.hovered-1nwOcWv8-,
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:hover,
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active,
html.feature-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-.hovered-1nwOcWv8-,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-:hover,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-:active,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-.hovered-1nwOcWv8-,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-:hover,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-:active,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb-.hovered-1nwOcWv8-,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb-:hover,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb-:active {
  color: #9db2bd;
}

.wrap-1oB2WI2R- {
  flex: 1 0 auto;
}

.input-z46tLQgj- {
  margin: 0;
  padding: 0 2px;
  width: 36px;
  border: none;
  text-align: center;
  height: 100%;
  background-color: transparent;
}

.menu-35lWsSKr-,
.add-1NrfSAvb- {
  display: flex;
  align-items: center;
  height: 100%;
}

.menu-35lWsSKr- {
  box-sizing: border-box;
  flex: 1 0 auto;
  padding: 0 6px 0 10px;
  cursor: default;
  justify-content: space-between;

  border-right: 1px solid;
  border-left: 1px solid;
  border-color: #e1ecf2;
}

html.theme-dark .menu-35lWsSKr- {
  border-color: #363c4e;
}

.add-1NrfSAvb- {
  padding: 0 10px;
  cursor: default;
}

.button-1scLo53s- {
  display: block;
  padding: 2px;
  opacity: 0.7;
  box-sizing: border-box;
  transition: opacity ease 350ms;
  color: #758696;
}

.button-1scLo53s- svg {
  display: block;
  pointer-events: none;
  width: 12px !important;
  height: 12px !important;
}

.feature-no-touch .button-1scLo53s-:hover,
.feature-no-touch .button-1scLo53s-:active,
.feature-touch .button-1scLo53s-:active {
  opacity: 1;
  transition-duration: 60ms;
}

.hidden-2GRQzIQ1- {
  visibility: hidden;
}

.interval-1GDsfL5i- {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.interval-1GDsfL5i-:before,
.interval-1GDsfL5i-:after {
  content: attr(data-group);
  margin: 0 10px;
  visibility: collapse;
}

.interval-1GDsfL5i-.showGroup-1N6m7h-N-:before {
  visibility: visible;
}

.button-1XkSWU32- {
  padding: 0 7px;
}

.button-1XkSWU32-.first-2UbSFGzF- {
  padding-left: 12px;
}

.button-1XkSWU32-.last-1rdUnwE6- {
  padding-right: 6px;
}

.menu-1fA401bY-:only-child {
  padding: 0 5px 0 7px;
}

.dropdown-1zOBoqnG- {
  min-width: 140px;
}

.menuContent-1vyIDg3J- {
  justify-content: center;
}
.button-3wAyKO3i- {
  margin-right: 10px;
}

.dottedCloud-1Vw3lVny-,
.check-3V48_rMp-,
.spinningCloud-2fkbB-rw- {
  display: none;
}

.arrow-1zkKEROH- {
  opacity: 0;
  transition: transform ease-in 200ms, opacity ease-in 200ms;
}

.arrowGap-gjAe6jEn- {
  fill: #ffffff;
  opacity: 0;
  transition: opacity ease-in 200ms;
}

html.theme-dark .arrowGap-gjAe6jEn- {
  fill: #131722;
}

.container-riYIb01a- {
  overflow: hidden;
}

.container-riYIb01a-.unsaved-2Kg_w3Vw- .dottedCloud-1Vw3lVny- {
  display: inline;
}

.container-riYIb01a-.unsaved-2Kg_w3Vw- .arrow-1zkKEROH- {
  transform: translateY(200%);
}

.feature-no-touch .container-riYIb01a-.unsaved-2Kg_w3Vw-:hover .arrow-1zkKEROH-,
.container-riYIb01a-.unsaved-2Kg_w3Vw-.hovered-18DzoW0E- .arrow-1zkKEROH- {
  opacity: 1;
  transform: translateY(0%);
}

.feature-no-touch .container-riYIb01a-.unsaved-2Kg_w3Vw-:hover .arrowGap-gjAe6jEn-,
.container-riYIb01a-.unsaved-2Kg_w3Vw-.hovered-18DzoW0E- .arrowGap-gjAe6jEn- {
  opacity: 1;
}

.container-riYIb01a-.saving-31YVVfHU- .spinningCloud-2fkbB-rw- {
  display: inline;
}

.container-riYIb01a-.saving-31YVVfHU- .arrow-1zkKEROH- {
  transform: translateY(-300%);
}

.container-riYIb01a-.saved-2kLd4nmd- .spinningCloud-2fkbB-rw- {
  display: inline;
}

.container-riYIb01a-.saved-2kLd4nmd- .check-3V48_rMp- {
  display: inline;
}

.container-riYIb01a-.saved-2kLd4nmd- .arrow-1zkKEROH- {
  display: inline;
  transform: translateY(-300%);
}

.container-riYIb01a-.saved-2kLd4nmd- .arrowGap-gjAe6jEn- {
  display: inline;
}

.menu-92vrwS4x- {
  margin-left: -4px;
}

.opened-GQFVkrpV- {
  background-color: #f7f8fa;
}

html.theme-dark .opened-GQFVkrpV- {
  background-color: #1c2030;
}

.autoSaveWrapper-1MJY41zr- {
  width: 192px;
}

.button-1EU5-JL7-.isDisabled-1RjJSnJ7- {
  opacity: 1;
}

.text-1HWeUAzA- {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button-3zsRYmii- {
  flex: 0 0 auto;
  width: 38px;
  height: calc(100% - 8px);
  margin: 4px;
  border-radius: 3px;
  justify-content: center;
  overflow: hidden;
}

.button-3zsRYmii-.blue-pwiZpV6t- {
  background-color: #3bb3e4;
}

html.theme-sa .button-3zsRYmii-.blue-pwiZpV6t- {
  background-color: #ff7200;
}

html.theme-dark .button-3zsRYmii-.blue-pwiZpV6t- {
  background-color: #299dcd;
}

.button-3zsRYmii-.green-3Nv9iVIZ- {
  background-color: #37bc9b;
}

html.theme-sa .button-3zsRYmii-.green-3Nv9iVIZ- {
  background-color: #ff7200;
}

html.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ- {
  background-color: #37bc9b;
}

.button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-,
.button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt-,
.feature-no-touch .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:hover,
.feature-no-touch .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active,
.feature-touch .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active,
.button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-,
.button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt-,
.feature-no-touch .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:hover,
.feature-no-touch .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active,
.feature-touch .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active {
  color: #ffffff;
}

html.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-,
html.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt-,
html.feature-no-touch.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:hover,
html.feature-no-touch.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active,
html.feature-touch.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active,
html.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-,
html.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt-,
html.feature-no-touch.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:hover,
html.feature-no-touch.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active,
html.feature-touch.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active {
  color: #ffffff;
}

.tv-ticker {
  display: inline;
  position: absolute;
  width: 13px;
  height: 27px;
  margin: 0 0 0 -13px;
}
.tv-ticker__btn {
  width: 7px;
  height: 8px;
  padding: 2px;
  border: solid 1px;
  border-color: #dadde0;
  background: #ffffff;
  fill: #9db2bd;
}
html.theme-dark .tv-ticker__btn {
  background: #131722;
}
html.theme-dark .tv-ticker__btn {
  border-color: #363c4e;
}
.tv-ticker__btn > svg {
  display: block;
  width: 7px;
  height: 8px;
}
.tv-ticker__btn--up > svg {
  transform: scaleY(-1);
}
.tv-ticker__btn--down {
  border-top-width: 0;
}
.feature-no-touch .tv-ticker__btn:hover {
  background-color: #f2f2f2;
}
html.feature-no-touch.theme-dark .tv-ticker__btn:hover {
  background-color: #1c2030;
}
.feature-no-touch .tv-ticker__btn:active,
.feature-touch .tv-ticker__btn:active,
.tv-ticker__btn.i-active {
  background-color: #ececec;
}
html.feature-no-touch.theme-dark .tv-ticker__btn:active,
html.feature-touch.theme-dark .tv-ticker__btn:active,
html.theme-dark .tv-ticker__btn.i-active {
  background-color: #262b3e;
}
.feature-no-touch input:focus + .tv-ticker .tv-ticker__btn,
.feature-touch input:focus + .tv-ticker .tv-ticker__btn {
  border-color: #3bb3e4;
  fill: #3bb3e4;
}
input:disabled + .tv-ticker {
  display: none;
}

/* Thanks to google guys for the original <paper-spinner> =)
 * https://github.com/PolymerElements/paper-spinner */
.tv-spinner {
  display: none;
  position: absolute;
  width: 1em;
  height: 1em;
  top: calc(50% - 0.5em);
  left: calc(50% - 0.5em);
  margin: 0 auto;
  color: #37a6ef;
  animation: tv-spinner__container-rotate 0.9s linear infinite;
  will-change: transform;
  /* The spinner does not have any contents that would have to be
  * flipped if the direction changes. Always use ltr so that the
  * style works out correctly in both cases. */
  direction: ltr;
}
.tv-spinner--size_mini {
  font-size: 16px;
}
.tv-spinner--size_medium {
  font-size: 32px;
}
.tv-spinner--size_large {
  font-size: 56px;
}
.tv-spinner--size_mini .tv-spinner__width_element:after {
  border-width: 2px;
}
.tv-spinner--size_medium .tv-spinner__width_element:after {
  border-width: 3px;
}
.tv-spinner--size_large .tv-spinner__width_element:after {
  border-width: 4px;
}
.tv-spinner--shown {
  display: block;
}
.tv-spinner__spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  color: currentColor;
  transform: rotate(90deg);
  /**
    * Patch the gap that appear between the two adjacent div.circle-clipper while the
    * spinner is rotating (appears on Chrome 50, Safari 9.1.1, and Edge).
    */
}
.tv-spinner__spinner-layer::after {
  content: '';
  position: absolute;
  box-sizing: border-box;
  top: 0;
  border-width: 0.07em;
  border-radius: 50%;
  left: 45%;
  width: 10%;
  border-top-style: solid;
}
.tv-spinner__background {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tv-spinner__background::after {
  content: '';
  position: absolute;
  box-sizing: border-box;
  top: 0;
  border-radius: 50%;
  bottom: 0;
  width: 100%;
  border-color: rgba(135, 151, 165, 0.2);
  border-style: solid;
}
.tv-spinner__circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.tv-spinner__circle-clipper::after {
  content: '';
  position: absolute;
  box-sizing: border-box;
  top: 0;
  border-radius: 50%;
  bottom: 0;
  width: 200%;
  border-style: solid;
  border-bottom-color: transparent;
  animation-duration: 1.4s;
  animation-timing-function: cubic-bezier(0.36, 0, 0.37, 0.99);
  animation-iteration-count: 1;
  will-change: transform;
}
.tv-spinner__circle-clipper--left::after {
  left: 0;
  border-right-color: transparent;
  transform: rotate(0deg);
  animation-name: tv-spinner__left-spin;
}
.tv-spinner__circle-clipper--right::after {
  left: -100%;
  border-left-color: transparent;
  transform: rotate(-124deg);
  animation-name: tv-spinner__right-spin;
}
@keyframes tv-spinner__container-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes tv-spinner__left-spin {
  0% {
    transform: rotate(130deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes tv-spinner__right-spin {
  0% {
    transform: rotate(-130deg);
  }
  to {
    transform: rotate(-124deg);
  }
}

.wrap-CUt4Mg1V- {
  flex: 1 1 auto;
  height: 100%;
  min-width: 0;
}

.inner-32OP7ejC- {
  display: flex;
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
  width: 100px;
  height: 100%;
}

.actions-1cGPn1dW- {
  display: flex;
  position: relative;
  flex-flow: row nowrap;
  align-items: center;
  opacity: 0;
  padding: 0 4px;
  background-color: #ffffff;
}

html.theme-dark .actions-1cGPn1dW- {
  background-color: #131722;
}

.actions-1cGPn1dW-:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  height: 18px;
  width: 1px;
  background-color: #e7ebee;
}

html.theme-dark .actions-1cGPn1dW-:before {
  background-color: #2f3241;
}

.actions-1cGPn1dW- button {
  display: flex;
  width: 26px;
  height: 26px;
  color: #4c525e;
  align-items: center;
  justify-content: center;
  margin-right: 3px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  transition: color ease 60ms, background-color ease 60ms;
}

.actions-1cGPn1dW- button:last-child {
  margin-right: 0;
}

.feature-no-touch .actions-1cGPn1dW- button:hover,
.feature-no-touch .actions-1cGPn1dW- button:active,
.feature-touch .actions-1cGPn1dW- button:active {
  background-color: #f2f3f5;
}

html.feature-no-touch.theme-dark .actions-1cGPn1dW- button:hover,
html.feature-no-touch.theme-dark .actions-1cGPn1dW- button:active,
html.feature-touch.theme-dark .actions-1cGPn1dW- button:active {
  background-color: #1c2030;
}

.actions-1cGPn1dW- button svg {
  display: block;
}

.actions-1cGPn1dW- button.disabled,
.feature-no-touch .actions-1cGPn1dW- button.disabled:hover {
  background-color: transparent;
}

.actions-1cGPn1dW- button.disabled svg,
.feature-no-touch .actions-1cGPn1dW- button.disabled:hover svg {
  color: #d6d8e0;
}

.input-3lfOzLDc- {
  display: block;
  flex: 1 1 auto;
  padding: 5px 10px;
  font-size: 15px;
  font-weight: bold;
  width: 0;
  min-width: 100px;
  height: 100%;
  border: none;
  box-sizing: border-box;
  background-color: transparent;
  /*!rtl:raw:
  direction: ltr;
  text-align: end;
  */
}

.inner-32OP7ejC-.isExpanded-1pdStI5Z- {
  width: auto;
}

.inner-32OP7ejC-.isExpanded-1pdStI5Z- .input-3lfOzLDc- {
  min-width: 70px;
}

.inner-32OP7ejC-.isExpanded-1pdStI5Z- .actions-1cGPn1dW- {
  opacity: 1;
}

.label-1LxfyrID- {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  color: #4c525e;
}
html.theme-dark .label-1LxfyrID- {
  color: #758696;
}

.label-1LxfyrID- .icon-3bTRbX0U- {
  display: flex;
}

.label-1LxfyrID- .icon-3bTRbX0U- svg {
  display: block;
  fill: #4c525e;
}

html.theme-dark .label-1LxfyrID- .icon-3bTRbX0U- svg {
  fill: #758696;
}

.label-1LxfyrID- .text-2BJe_3ce- {
  font-size: 15px;
  margin: 0 20px 0 5px;
}

.item-b8AKccvl- {
  color: #4c525e;
  transition: color ease 60ms;
  /* allow to override anything */

  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px;
  border-color: #d6d8e0;
  border-radius: 50%;
  font-size: 10px;
  text-align: center;
  cursor: default;
  background-color: #ffffff;

  height: 20px;
  width: 20px;

  margin: 0 3px;
}

html.theme-dark .item-b8AKccvl- {
  background-color: #131722;
}

html.theme-dark .item-b8AKccvl- {
  border-color: #6b7988;
}

html.theme-dark .item-b8AKccvl- {
  color: #758696;
}

.item-b8AKccvl-.hovered-2SpHqnXp-,
.feature-no-touch .item-b8AKccvl-:hover,
.feature-no-touch .item-b8AKccvl-:active,
.feature-touch .item-b8AKccvl-:active {
  color: #131722;
}

html.theme-dark .item-b8AKccvl-.hovered-2SpHqnXp-,
html.feature-no-touch.theme-dark .item-b8AKccvl-:hover,
html.feature-no-touch.theme-dark .item-b8AKccvl-:active,
html.feature-touch.theme-dark .item-b8AKccvl-:active {
  color: #9db2bd;
}

.feature-no-touch .item-b8AKccvl-:hover {
  background-color: #f7f8fa;
}

html.feature-no-touch.theme-dark .item-b8AKccvl-:hover {
  background-color: #1c2030;
}

.wrap-15BhAobm- {
  transition: background-color ease 60ms;
}

.wrap-15BhAobm-.opened-1yAGeGGi- {
  background-color: #f7f8fa;
}

html.theme-dark .wrap-15BhAobm-.opened-1yAGeGGi- {
  background-color: #1c2030;
}

.wrap-15BhAobm-.full-2VMT2UlC- .first-1vAzGgSq- {
  margin-left: -3px;
}

.wrap-15BhAobm-.full-2VMT2UlC- .last-xMjAcadb- {
  margin-right: 10px;
}

.wrap-15BhAobm-.medium-1BEsHMFf- .first-1vAzGgSq- {
  margin-left: 0;
}

.wrap-15BhAobm-.medium-1BEsHMFf- .last-xMjAcadb- {
  margin-right: 8px;
}

.loader-1uURoPBh- {
  position: relative;
}

.buttonUndo-342XpPC1- {
  padding-right: 0;
  padding-left: 3px;
}

.buttonRedo-3o_XdU_J- {
  padding-left: 0;
  padding-right: 3px;
}

.container-2BvS3Fpg- {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: #e7ebee;
}
html.theme-dark .container-2BvS3Fpg- {
  background-color: #2f3241;
}

.container-2BvS3Fpg- .inner-3YzQuyJx- {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

html.theme-dark .container-2BvS3Fpg- .inner-3YzQuyJx- {
  background-color: #171b29;
}

.container-2BvS3Fpg-.border-left-LYAXTdyL- {
  padding-left: 4px;
}

.container-2BvS3Fpg-.border-right-OzIcepiV- {
  padding-right: 4px;
}

.container-2BvS3Fpg-.border-top-193CSDqN- {
  padding-top: 4px;
}

.container-2BvS3Fpg-.border-bottom-2lZASSTD- {
  padding-bottom: 4px;
}

.container-2BvS3Fpg-.top-right-radius-FE25nrPp- .inner-3YzQuyJx- {
  border-top-right-radius: 4px;
}

.container-2BvS3Fpg-.top-left-radius-1ELOZlIb- .inner-3YzQuyJx- {
  border-top-left-radius: 4px;
}

.container-2BvS3Fpg-.bottom-right-radius-7zqIiaLN- .inner-3YzQuyJx- {
  border-bottom-right-radius: 4px;
}

.container-2BvS3Fpg-.bottom-left-radius-xCxQ998i- .inner-3YzQuyJx- {
  border-bottom-left-radius: 4px;
}

.group-wWM3zP_M- {
  display: flex;
  align-items: center;
  height: 100%;
  flex: 0 0 auto;

  background-color: #ffffff;
  margin-left: 1px;
  border-radius: 0 0 2px 2px;
  overflow: hidden;

  min-width: 38px;
  justify-content: center;
  cursor: default;
}
html.theme-dark .group-wWM3zP_M- {
  background-color: #131722;
}

.group-wWM3zP_M-.noLeftDecoration-15F5a1TB- {
  margin-left: 0;
  border-bottom-left-radius: 0;
}

.group-wWM3zP_M-.noRightDecoration-2GcAAgVb- {
  margin-right: 0;
  border-bottom-right-radius: 0;
}

.group-wWM3zP_M-.noMinimalWidth-1sbl_ff5- {
  min-width: 0;
}

.group-wWM3zP_M-:first-child {
  border-bottom-left-radius: 4px;
  margin-left: 0;
}

.group-wWM3zP_M-:last-child {
  border-bottom-right-radius: 4px;
  margin-right: 0;
}

.wrap-3tiHesTk- {
  display: flex;
  height: 38px;
  flex: 1 1 auto;
  min-width: 0;
}

.wrap-3K4w_7te- {
  display: flex;
  align-items: center;
  color: #8797a5;
  cursor: default;
}

html.theme-dark .wrap-3K4w_7te- {
  color: #8797a5;
}

.wrap-3K4w_7te- .icon-1dNdRXKB- {
  margin: 0 1px 0 8px;
}

.wrap-3K4w_7te- svg {
  fill: currentColor;
}

.wrap-1GG7GnNO- {
  position: relative;
  direction: ltr;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.wrap-1GG7GnNO- svg {
  display: block;
}

.scrollWrap-1icOiezT- {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.scrollWrap-1icOiezT-::-webkit-scrollbar {
  width: 5px;
}

.scrollWrap-1icOiezT-::-webkit-scrollbar-thumb {
  border: 1px solid #f2f3f5;
  border-radius: 3px;
  background-color: #9db2bd;
}

.scrollWrap-1icOiezT-::-webkit-scrollbar-track {
  background-color: #f2f3f5;
  border-radius: 3px;
}

.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK- {
  padding-bottom: 100px;
  -ms-overflow-style: none;
}

.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK- .sb-scrollbar-wrap {
  display: none;
}

.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK-::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK-::-webkit-scrollbar-thumb {
  display: none;
}

.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK-::-webkit-scrollbar-track {
  display: none;
}

.content-3_f7yH29- {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
  white-space: nowrap;
}

.icon-2fZsO52g- {
  display: block;
  transition: transform ease 60ms;
}

.scrollLeft-3OUcqYWy-,
.scrollRight-UDsPWprP- {
  display: flex;
  position: absolute;
  top: 0;
  height: 100%;
  width: 24px;
  background-color: rgba(38, 43, 62, 0.7);
  color: #ffffff;
  transition: background-color ease 350ms,
    transform cubic-bezier(0.55, 0.055, 0.675, 0.19) 116.66667ms;

  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.feature-no-touch .scrollLeft-3OUcqYWy-:hover,
.feature-no-touch .scrollLeft-3OUcqYWy-:active,
.feature-touch .scrollLeft-3OUcqYWy-:active,
.feature-no-touch .scrollRight-UDsPWprP-:hover,
.feature-no-touch .scrollRight-UDsPWprP-:active,
.feature-touch .scrollRight-UDsPWprP-:active {
  transition: background-color ease 58.33333ms,
    transform cubic-bezier(0.215, 0.61, 0.355, 1) 116.66667ms;
}

.feature-no-touch .scrollLeft-3OUcqYWy-:hover .icon-2fZsO52g-,
.feature-no-touch .scrollLeft-3OUcqYWy-:active .icon-2fZsO52g-,
.feature-touch .scrollLeft-3OUcqYWy-:active .icon-2fZsO52g-,
.feature-no-touch .scrollRight-UDsPWprP-:hover .icon-2fZsO52g-,
.feature-no-touch .scrollRight-UDsPWprP-:active .icon-2fZsO52g-,
.feature-touch .scrollRight-UDsPWprP-:active .icon-2fZsO52g- {
  transform: translateY(1px);
}

.scrollLeft-3OUcqYWy-.isVisible-zZk7F7wr-,
.scrollRight-UDsPWprP-.isVisible-zZk7F7wr- {
  transform: translate3d(0, 0, 0);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.scrollLeft-3OUcqYWy- {
  /*!rtl:ignore*/
  left: 0;
  /*!rtl:ignore*/
  transform: translate3d(-100%, 0, 0);
}

.scrollLeft-3OUcqYWy- .iconWrap-1U8J-Qkw- {
  /*!rtl:ignore*/
  transform: rotate(90deg);
}

.scrollRight-UDsPWprP- {
  /*!rtl:ignore*/
  right: 0;
  /*!rtl:ignore*/
  transform: translate3d(100%, 0, 0);
}

.scrollRight-UDsPWprP- .iconWrap-1U8J-Qkw- {
  /*!rtl:ignore*/
  transform: rotate(-90deg);
}

.fadeLeft-31arUEZY-,
.fadeRight-36gcjOQb- {
  position: absolute;
  pointer-events: none;

  width: 50px;
  height: 100%;
  top: 0;
}

.fadeLeft-31arUEZY-.isVisible-zZk7F7wr-,
.fadeRight-36gcjOQb-.isVisible-zZk7F7wr- {
  transform: translate3d(0, 0, 0);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.fadeLeft-31arUEZY- {
  left: 0;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
  transform: translate3d(-100%, 0, 0);
}

html.theme-dark .fadeLeft-31arUEZY- {
  background-image: linear-gradient(to left, rgba(19, 23, 34, 0), #131722);
}

.fadeRight-36gcjOQb- {
  right: 0;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
  transform: translate3d(100%, 0, 0);
}

html.theme-dark .fadeRight-36gcjOQb- {
  background-image: linear-gradient(to right, rgba(19, 23, 34, 0), #131722);
}

.fake-37paHC6T- {
  /* Avoid display flex it is buggy in ie11 */
  display: inline-block;
  position: absolute;
  visibility: hidden;
  top: 0;
}

.inner-v8eiKwdM- {
  display: flex;
  height: 100%;
}

.subGroup-1JpgB9zD- {
  display: flex;
  align-items: center;
  height: 100%;
  flex: 0 0 auto;
}

.subGroup-1JpgB9zD- > :not(:first-child) {
  position: relative;
  margin-left: 1px;
}

.subGroup-1JpgB9zD- > :not(:first-child):before {
  content: ' ';
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: -1px;
  width: 1px;
  background-color: #e7ebee;
}

html.theme-dark .subGroup-1JpgB9zD- > :not(:first-child):before {
  background-color: #2f3241;
}

.fill-2axUON87- {
  flex: 1 1 100%;
  min-width: 0;
}

.fill-2axUON87-.minimalPriority-1MGEuVHu- {
  flex: 1 1 0%;
}

.button-3xrjDzA4- {
  padding: 0 10px 0 6px;
}

.iconButton-3vyD3BPg- {
  padding: 0 5px;
}

.hidden-2kSvETGo- {
  display: none;
}

.symbolSearch-3I4QF1U_- {
  max-width: 500px;
  flex: 1 1 100%;
  justify-content: flex-start;
}
.toolbar-2n2cwgp5- {
  position: relative;
  height: 100%;
  padding: 0 4px;
  font-size: 14px;
}

.toolbar-2n2cwgp5-.isHidden-GTob3P_C- {
  background-color: transparent;
}

html.theme-dark .toolbar-2n2cwgp5-.isHidden-GTob3P_C- {
  background-color: transparent;
}

.toolbar-2n2cwgp5-.isHidden-GTob3P_C- .overflowWrap-PWdgT-U_- {
  display: none;
}

.overflowWrap-PWdgT-U_- {
  overflow: hidden;
  height: 38px;
}

.customButton--jqJTfH5- {
  color: #4c525e;
  transition: color ease 60ms;
  /* allow to override anything */

  padding: 0 10px;
}

html.theme-dark .customButton--jqJTfH5- {
  color: #758696;
}

.customButton--jqJTfH5-.hovered-1mGRUp3y-,
.feature-no-touch .customButton--jqJTfH5-:hover,
.feature-no-touch .customButton--jqJTfH5-:active,
.feature-touch .customButton--jqJTfH5-:active {
  color: #131722;
}

html.theme-dark .customButton--jqJTfH5-.hovered-1mGRUp3y-,
html.feature-no-touch.theme-dark .customButton--jqJTfH5-:hover,
html.feature-no-touch.theme-dark .customButton--jqJTfH5-:active,
html.feature-touch.theme-dark .customButton--jqJTfH5-:active {
  color: #9db2bd;
}

.wrap-1h7U5nKd- {
  position: relative;
  direction: ltr;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.wrap-1h7U5nKd- svg {
  display: block;
}

.scrollWrap-3gtPS0Fe- {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.scrollWrap-3gtPS0Fe-::-webkit-scrollbar {
  width: 5px;
}

.scrollWrap-3gtPS0Fe-::-webkit-scrollbar-thumb {
  border: 1px solid #f2f3f5;
  border-radius: 3px;
  background-color: #9db2bd;
}

.scrollWrap-3gtPS0Fe-::-webkit-scrollbar-track {
  background-color: #f2f3f5;
  border-radius: 3px;
}

.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur- {
  padding-right: 100px;
  -ms-overflow-style: none;
}

.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur- .sb-scrollbar-wrap {
  display: none;
}

.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur-::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur-::-webkit-scrollbar-thumb {
  display: none;
}

.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur-::-webkit-scrollbar-track {
  display: none;
}

.content-YhoA_L2m- {
  display: flex;
  position: relative;
  flex: 1 0 auto;
  flex-direction: column;
}

.icon-2xObs8DI- {
  display: block;
  transition: transform ease 60ms;
}

.scrollBot-2HHpZNuf-,
.scrollTop-1eXi8ltS- {
  display: flex;
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0.7;
  height: 24px;
  background-color: #262b3e;
  color: #ffffff;
  transition: background-color ease 350ms,
    transform cubic-bezier(0.55, 0.055, 0.675, 0.19) 116.66667ms;

  justify-content: center;
  align-items: center;
}

html.theme-dark .scrollBot-2HHpZNuf-,
html.theme-dark .scrollTop-1eXi8ltS- {
  color: #000000;
}

html.theme-dark .scrollBot-2HHpZNuf-,
html.theme-dark .scrollTop-1eXi8ltS- {
  background-color: #8797a5;
}

.feature-no-touch .scrollBot-2HHpZNuf-:hover,
.feature-no-touch .scrollBot-2HHpZNuf-:active,
.feature-touch .scrollBot-2HHpZNuf-:active,
.feature-no-touch .scrollTop-1eXi8ltS-:hover,
.feature-no-touch .scrollTop-1eXi8ltS-:active,
.feature-touch .scrollTop-1eXi8ltS-:active {
  transition: background-color ease 58.33333ms,
    transform cubic-bezier(0.215, 0.61, 0.355, 1) 116.66667ms;
}

.feature-no-touch .scrollBot-2HHpZNuf-:hover .icon-2xObs8DI-,
.feature-no-touch .scrollBot-2HHpZNuf-:active .icon-2xObs8DI-,
.feature-touch .scrollBot-2HHpZNuf-:active .icon-2xObs8DI-,
.feature-no-touch .scrollTop-1eXi8ltS-:hover .icon-2xObs8DI-,
.feature-no-touch .scrollTop-1eXi8ltS-:active .icon-2xObs8DI-,
.feature-touch .scrollTop-1eXi8ltS-:active .icon-2xObs8DI- {
  transform: translateY(1px);
}

.scrollBot-2HHpZNuf-.isVisible-3zZOL3TO-,
.scrollTop-1eXi8ltS-.isVisible-3zZOL3TO- {
  transform: translateY(0);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.scrollTop-1eXi8ltS- {
  top: 0;
  transform: translateY(-100%);
}

.scrollTop-1eXi8ltS- .iconWrap-2Q69rfEO- {
  transform: rotate(180deg);
}

.scrollBot-2HHpZNuf- {
  bottom: 0;
  transform: translateY(100%);
}

.fadeBot-3JstnoWq-,
.fadeTop-3oJzNyTq- {
  position: absolute;
  left: 0;
  width: 100%;
  height: 24px;
  pointer-events: none;
}

.fadeBot-3JstnoWq-.isVisible-3zZOL3TO-,
.fadeTop-3oJzNyTq-.isVisible-3zZOL3TO- {
  transform: translateY(0);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.fadeTop-3oJzNyTq- {
  top: 0;
  transform: translateY(-100%);

  background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
}

html.theme-dark .fadeTop-3oJzNyTq- {
  background-image: linear-gradient(to top, rgba(19, 23, 34, 0), #131722);
}

.fadeBot-3JstnoWq- {
  bottom: 0;
  transform: translateY(100%);

  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}

html.theme-dark .fadeBot-3JstnoWq- {
  background-image: linear-gradient(to bottom, rgba(19, 23, 34, 0), #131722);
}

.button-263WXsg-- {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 36px;
  color: #758696;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color ease 350ms;
}

.button-263WXsg-- .bg-1kRv1Pf2- {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 4px;
  transition: background-color ease 350ms;
}

.button-263WXsg--.isBgFull-CmoDGRQP- .bg-1kRv1Pf2- {
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.button-263WXsg-- .icon-1Y-3MM9F- {
  color: #4c525e;
  transition: color ease 60ms;
}

html.theme-dark .button-263WXsg-- .icon-1Y-3MM9F- {
  color: #758696;
}

.button-263WXsg-- .icon-1Y-3MM9F-.hovered--MYZioUu-,
.feature-no-touch .button-263WXsg-- .icon-1Y-3MM9F-:hover,
.feature-no-touch .button-263WXsg-- .icon-1Y-3MM9F-:active,
.feature-touch .button-263WXsg-- .icon-1Y-3MM9F-:active {
  color: #131722;
}

html.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-.hovered--MYZioUu-,
html.feature-no-touch.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-:hover,
html.feature-no-touch.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-:active,
html.feature-touch.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-:active {
  color: #9db2bd;
}

/* allow to override anything */

.button-263WXsg-- .icon-1Y-3MM9F- svg {
  fill: currentColor;
  vertical-align: middle;
}

.feature-no-touch .button-263WXsg--.isBgFull-CmoDGRQP-:hover .bg-1kRv1Pf2-,
.feature-no-touch .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2-,
.feature-touch .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2- {
  background-color: #f2f3f5;
}

html.feature-no-touch.theme-dark .button-263WXsg--.isBgFull-CmoDGRQP-:hover .bg-1kRv1Pf2-,
html.feature-no-touch.theme-dark .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2-,
html.feature-touch.theme-dark .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2- {
  background-color: #2f3241;
}

/* Active state */

.button-263WXsg--.isActive-2mI1-NUL- .icon-1Y-3MM9F- {
  color: #1592e6;
}

html.theme-sa .button-263WXsg--.isActive-2mI1-NUL- .icon-1Y-3MM9F- {
  color: #ff7200;
}

html.theme-dark .button-263WXsg--.isActive-2mI1-NUL- .icon-1Y-3MM9F- {
  color: #3bb3e4;
}

.button-263WXsg--.isActive-2mI1-NUL- .bg-1kRv1Pf2- {
  background-color: #f2f3f5;
}

html.theme-dark .button-263WXsg--.isActive-2mI1-NUL- .bg-1kRv1Pf2- {
  background-color: #2f3241;
}

.feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:hover .icon-1Y-3MM9F-,
.feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F-,
.feature-touch .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F- {
  color: #1592e6;
}

html.feature-no-touch.theme-sa .button-263WXsg--.isActive-2mI1-NUL-:hover .icon-1Y-3MM9F-,
html.feature-no-touch.theme-sa .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F-,
html.feature-touch.theme-sa .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F- {
  color: #ff7200;
}

html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:hover .icon-1Y-3MM9F-,
html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F-,
html.feature-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F- {
  color: #3bb3e4;
}

.feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:hover .bg-1kRv1Pf2-,
.feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2-,
.feature-touch .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2- {
  background-color: rgb(237, 238, 240);
}

html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:hover .bg-1kRv1Pf2-,
html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2-,
html.feature-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2- {
  background-color: rgb(46, 49, 64);
}

/* Grayed, transparent */

.button-263WXsg--.isGrayed-1kWObWVr- {
  opacity: 0.3;
  cursor: default;
}

.button-263WXsg--.isGrayed-1kWObWVr-,
.button-263WXsg--.isGrayed-1kWObWVr- .bg-1kRv1Pf2-,
.feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:hover,
.feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:active,
.feature-touch .button-263WXsg--.isGrayed-1kWObWVr-:active,
.feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:hover .bg-1kRv1Pf2-,
.feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-,
.feature-touch .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-,
.button-263WXsg--.isTransparent-sRmateFl-,
.button-263WXsg--.isTransparent-sRmateFl- .bg-1kRv1Pf2-,
.feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:hover,
.feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:active,
.feature-touch .button-263WXsg--.isTransparent-sRmateFl-:active,
.feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:hover .bg-1kRv1Pf2-,
.feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2-,
.feature-touch .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2- {
  background-color: transparent;
}

html.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-,
html.theme-dark .button-263WXsg--.isGrayed-1kWObWVr- .bg-1kRv1Pf2-,
html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:hover,
html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active,
html.feature-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active,
html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:hover .bg-1kRv1Pf2-,
html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-,
html.feature-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-,
html.theme-dark .button-263WXsg--.isTransparent-sRmateFl-,
html.theme-dark .button-263WXsg--.isTransparent-sRmateFl- .bg-1kRv1Pf2-,
html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:hover,
html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active,
html.feature-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active,
html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:hover .bg-1kRv1Pf2-,
html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2-,
html.feature-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2- {
  background-color: transparent;
}

/* Hidden */

.button-263WXsg--.isHidden-2VzaskeU- {
  display: none;
}

/* Constants */

/* Dropdown */
.dropdown-3_ASLzSj- {
  position: relative;
}

/* Button Wrap */
.buttonWrap-3fZWypJl- {
  transform: translateX(0);
}

/* Button */
.control-1TyEfSIx- {
  position: relative;
  overflow: hidden;
  width: 52px;
  box-sizing: border-box;
  touch-action: manipulation;
}
.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok- {
  opacity: 1;
}

/* Arrow */
.arrow-1cFKS5Ok- {
  display: flex;
  position: absolute;
  opacity: 0.7;
  top: 1px;
  /*!rtl:ignore*/
  right: 0;
  /*!rtl:ignore*/
  transform: translateX(100%);
  bottom: 1px;
  align-items: center;
  justify-content: center;
  width: 12px;
  cursor: default;
  box-sizing: border-box;
  border-radius: 2px 0 0 2px;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, opacity ease 250ms;
}
.arrow-1cFKS5Ok- .arrowIcon-2wA7q8om- {
  transition: transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms, opacity ease 250ms;
}
.arrow-1cFKS5Ok- .arrowIcon-2wA7q8om- svg {
  display: block;
  width: 4px;
  height: 7px;
  fill: #758696;
  transition: transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms, opacity ease 250ms;
}

/* Arrow shifting */
.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok-,
.isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok-,
.feature-touch .control-1TyEfSIx- .arrow-1cFKS5Ok- {
  transform: translateX(0);
  opacity: 0.7;
}
.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok-:hover,
.feature-no-touch .isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover,
.feature-no-touch .feature-touch .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover {
  opacity: 1;
}
.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok-:hover svg,
.feature-no-touch .isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover svg,
.feature-no-touch .feature-touch .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover svg {
  fill: #758696;
  transform: translateX(1px);
}

/* Opened state */
.isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok- .arrowIcon-2wA7q8om- {
  transform: rotate(180deg);
}
.feature-no-touch .isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover svg {
  transform: translateX(-1px);
}

/* Grayed state */
.feature-no-touch .isGrayed-xr-mULNo- .control-1TyEfSIx-:hover .buttonWrap-3fZWypJl-,
.feature-touch .isGrayed-xr-mULNo- .control-1TyEfSIx- .buttonWrap-3fZWypJl- {
  transform: translateX(0);
}

.wrap-2I6DAtXG- {
  display: flex;
  flex-wrap: wrap;
  padding: 0 5px;
  width: 390px;
  box-sizing: border-box;
}

.buttonIcon-2rBwJ1QM-,
.item-31XunD5q- {
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: FontAwesome;
  font-size: 19px;
}

.item-31XunD5q- {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 38px;
  height: 38px;
  cursor: pointer;

  color: #4c525e;

  transition: color ease 60ms;

  /* allow to override anything */
}

html.theme-dark .item-31XunD5q- {
  color: #758696;
}

.item-31XunD5q-.hovered-2A1Cpat5-,
.feature-no-touch .item-31XunD5q-:hover,
.feature-no-touch .item-31XunD5q-:active,
.feature-touch .item-31XunD5q-:active {
  color: #131722;
}

html.theme-dark .item-31XunD5q-.hovered-2A1Cpat5-,
html.feature-no-touch.theme-dark .item-31XunD5q-:hover,
html.feature-no-touch.theme-dark .item-31XunD5q-:active,
html.feature-touch.theme-dark .item-31XunD5q-:active {
  color: #9db2bd;
}

.feature-no-touch .button-21ihqWJ8-:hover .buttonIcon-2rBwJ1QM- {
  transition-duration: 60ms;
}

.item-62xp8vsV- {
  overflow: hidden;
  height: 36px;
  transition: height cubic-bezier(0.645, 0.045, 0.355, 1) 175ms, opacity ease 350ms;
}

.enter-21AyqfcZ-,
.enterActive-kua-y7K8- {
  opacity: 0;
}

.enter-21AyqfcZ- {
  height: 0;
}

.enterActive-kua-y7K8- {
  height: 36px;
}

.leave-4EzZ54xf- {
  height: 0;
  opacity: 0;
  transition: height cubic-bezier(0.645, 0.045, 0.355, 1) 175ms 87.5ms,
    opacity cubic-bezier(0.215, 0.61, 0.355, 1) 175ms;
}

.container-3_8ayT2Q- {
  display: block;
  transition: fill ease 60ms, stroke ease 60ms;
}

.container-3_8ayT2Q-.mirror-crJbq8d0- {
  transform: rotate(180deg);
}

.container-3_8ayT2Q- .background-Q1Fcmxly- {
  fill: #ffffff;
  stroke: #dadde0;
}

html.theme-dark .container-3_8ayT2Q- .background-Q1Fcmxly- {
  stroke: #363c4e;
}

html.theme-dark .container-3_8ayT2Q- .background-Q1Fcmxly- {
  fill: #131722;
}

.container-3_8ayT2Q- .arrow-WcYWFXUn- {
  stroke: #9db2bd;
}

html.theme-dark .container-3_8ayT2Q- .arrow-WcYWFXUn- {
  stroke: #9db2bd;
}

.feature-no-touch .container-3_8ayT2Q-:hover .background-Q1Fcmxly- {
  fill: #3bb3e4;
  stroke: #299dcd;
}

html.feature-no-touch.theme-dark .container-3_8ayT2Q-:hover .background-Q1Fcmxly- {
  stroke: #3bb3e4;
}

html.feature-no-touch.theme-dark .container-3_8ayT2Q-:hover .background-Q1Fcmxly- {
  fill: #299dcd;
}

.feature-no-touch .container-3_8ayT2Q-:hover .arrow-WcYWFXUn- {
  stroke: #ffffff;
}

html.feature-no-touch.theme-dark .container-3_8ayT2Q-:hover .arrow-WcYWFXUn- {
  stroke: #131722;
}

.drawingToolbar-U3_QXRof- {
  position: relative;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ffffff;
}

html.theme-dark .drawingToolbar-U3_QXRof- {
  background-color: #131722;
}

.drawingToolbar-U3_QXRof-.isHidden-2d-PYkzV- {
  background-color: transparent;
}

html.theme-dark .drawingToolbar-U3_QXRof-.isHidden-2d-PYkzV- {
  background-color: transparent;
}

.drawingToolbar-U3_QXRof-.isHidden-2d-PYkzV- .inner-1xuW-gY4- {
  display: none;
}

.inner-1xuW-gY4- {
  display: flex;
  flex-direction: column;
  width: 52px;
  background-color: #e7ebee;
}

html.theme-dark .inner-1xuW-gY4- {
  background-color: #2f3241;
}

.toggleButton-13QgefpG- {
  position: absolute;
  z-index: 10;
  bottom: 58px;
  /*!rtl:ignore*/
  left: 100%;
  /*!rtl:ignore*/
  margin-left: -6px;
}

.toggleButton-13QgefpG-.collapsed-2trH0gCi- {
  /*!rtl:ignore*/
  left: 0;
  /*!rtl:ignore*/
  margin-left: 0;
}

.group-2JyOhh7Z- {
  padding: 6px 0;
  background-color: #ffffff;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

html.theme-dark .group-2JyOhh7Z- {
  background-color: #131722;
}

.group-2JyOhh7Z- + .group-2JyOhh7Z- {
  margin-top: 1px;
}

.group-2JyOhh7Z-:last-child {
  border-bottom-right-radius: 0;
}

.group-2JyOhh7Z-:first-child {
  border-top-right-radius: 0;
}

.separator-1BAqp1-l- {
  position: relative;
  margin: 5px 0;
  width: 100%;
  height: 1px;
  background-color: #e1ecf2;
}

html.theme-dark .separator-1BAqp1-l- {
  background-color: #363c4e;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.tv-rename-chart-dialog__field {
  font-size: 13px;
  display: block;
}
.tv-rename-chart-dialog__field:not(:last-child) {
  margin-bottom: 13px;
}
.tv-rename-chart-dialog__label {
  display: inline-block;
  margin-bottom: 10px;
}
.tv-rename-chart-dialog__label a {
  color: #3bb3e4;
  transition: color ease 0.35s;
}
html.theme-dark .tv-rename-chart-dialog__label a {
  color: #299dcd;
}
.tv-rename-chart-dialog__label a:visited {
  color: #3bb3e4;
  fill: #3bb3e4;
}
html.theme-dark .tv-rename-chart-dialog__label a:visited {
  fill: #299dcd;
}
html.theme-dark .tv-rename-chart-dialog__label a:visited {
  color: #299dcd;
}
.feature-no-touch .tv-rename-chart-dialog__label a:hover {
  color: #3babd8;
  fill: #3babd8;
  transition-duration: 0.06s;
}
.feature-no-touch .tv-rename-chart-dialog__label a:active,
.feature-touch .tv-rename-chart-dialog__label a:active {
  color: #049ddc;
  fill: #049ddc;
  transition-duration: 0.06s;
}
.tv-rename-chart-dialog__hint {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}
.tv-rename-chart-dialog__hint:before {
  -webkit-filter: invert(50%);
  filter: invert(50%);
  content: url('../images/svg/question-mark-rounded.svg');
}

/**
 * Checkbox block
 */
/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.tv-control-checkbox {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.tv-control-checkbox--in-actions {
  max-width: 50%;
}
@media screen and (max-width: 479px) {
  .tv-control-checkbox--in-actions {
    max-width: none;
  }
}
.tv-control-checkbox,
.tv-control-checkbox__label {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tv-control-checkbox--nowrap,
.tv-control-checkbox__label--nowrap {
  white-space: nowrap;
}
.tv-control-checkbox__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  opacity: 0;
}
.tv-control-checkbox__box {
  display: block;
  width: 18px;
  height: 18px;
  line-height: 1;
  border-radius: 2px;
  box-sizing: border-box;
  pointer-events: none;
  transition: background-color ease 0.35s;
}
.tv-control-checkbox__box:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -9px;
  margin-left: -9px;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background-color: transparent;
  transform: scale(1);
  transition: transform ease 0.35s, background-color ease 0.35s, border-radius ease 0.35s;
}
.tv-control-checkbox__box:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #758696;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  transition: border-color ease 0.35s;
}
.tv-control-checkbox__box svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  stroke: transparent;
  transform: scale(0);
  transition: stroke ease 0.35s 0.001s, transform ease 0.35s 0.001s;
}
.tv-control-checkbox__label {
  white-space: normal;
  margin-right: 10px;
}
.tv-control-checkbox__label--two-lines {
  width: 155px;
}
.tv-control-checkbox__label--nowrap {
  white-space: nowrap;
}
.tv-control-checkbox__label--lil-line-height {
  line-height: 16px;
  min-width: 50%;
  max-width: 80%;
}
.tv-control-checkbox__label + .tv-control-checkbox {
  margin-left: 0;
}
.tv-control-checkbox + .tv-control-checkbox__label {
  margin-right: 0;
  margin-left: 10px;
  max-width: calc(100% - 1ex - 28px);
}
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box,
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box,
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box,
.feature-no-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box,
.feature-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box {
  will-change: background-color;
}
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box:before,
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box:before,
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box:before,
.feature-no-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box:before,
.feature-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box:before {
  will-change: transform, border-radius;
}
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box:after,
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box:after,
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box:after,
.feature-no-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box:after,
.feature-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box:after {
  will-change: border-color;
}
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box:after {
  border-color: #627384;
}
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box:after,
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box:after,
.feature-no-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box:after,
.feature-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box:after {
  border-color: #3bb3e4;
}
.tv-control-checkbox__input:checked + .tv-control-checkbox__box {
  background-color: #3bb3e4;
}
.tv-control-checkbox__input:checked + .tv-control-checkbox__box,
.tv-control-checkbox__input:checked + .tv-control-checkbox__box:before,
.tv-control-checkbox__input:checked + .tv-control-checkbox__box:after {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tv-control-checkbox__input:checked + .tv-control-checkbox__box:before {
  border-radius: 50%;
  transform: scale(0);
}
.tv-control-checkbox__input:checked + .tv-control-checkbox__box:after {
  border-color: #3bb3e4;
}
.tv-control-checkbox__input:checked + .tv-control-checkbox__box svg {
  stroke: #ffffff;
  transform: scale(1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.0875s;
  will-change: stroke, transform;
}
.feature-no-touch
  .tv-control-checkbox:hover
  .tv-control-checkbox__input:checked
  + .tv-control-checkbox__box {
  background-color: #3babd8;
}
.feature-no-touch
  .tv-control-checkbox:hover
  .tv-control-checkbox__input:checked
  + .tv-control-checkbox__box:after {
  border-color: #3babd8;
}
.feature-no-touch .tv-control-checkbox__input:focus:checked + .tv-control-checkbox__box,
.feature-touch .tv-control-checkbox__input:focus:checked + .tv-control-checkbox__box,
.feature-no-touch
  .tv-control-checkbox:active
  .tv-control-checkbox__input:checked
  + .tv-control-checkbox__box,
.feature-touch
  .tv-control-checkbox:active
  .tv-control-checkbox__input:checked
  + .tv-control-checkbox__box {
  background-color: #049ddc;
}
.feature-no-touch .tv-control-checkbox__input:focus:checked + .tv-control-checkbox__box:after,
.feature-touch .tv-control-checkbox__input:focus:checked + .tv-control-checkbox__box:after,
.feature-no-touch
  .tv-control-checkbox:active
  .tv-control-checkbox__input:checked
  + .tv-control-checkbox__box:after,
.feature-touch
  .tv-control-checkbox:active
  .tv-control-checkbox__input:checked
  + .tv-control-checkbox__box:after {
  border-color: #049ddc;
}
.tv-control-checkbox__input[disabled] + .tv-control-checkbox__box:after,
.tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box:after,
.feature-no-touch
  .tv-control-checkbox:hover
  .tv-control-checkbox__input[disabled]
  + .tv-control-checkbox__box:after,
.feature-no-touch
  .tv-control-checkbox:hover
  .tv-control-checkbox__input[disabled]:checked
  + .tv-control-checkbox__box:after,
.feature-no-touch
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]
  + .tv-control-checkbox__box:after,
.feature-touch
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]
  + .tv-control-checkbox__box:after,
.feature-no-touch
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]:checked
  + .tv-control-checkbox__box:after,
.feature-touch
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]:checked
  + .tv-control-checkbox__box:after {
  border-color: #dadde0;
}
html.theme-dark .tv-control-checkbox__input[disabled] + .tv-control-checkbox__box:after,
html.theme-dark .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box:after,
html.feature-no-touch.theme-dark
  .tv-control-checkbox:hover
  .tv-control-checkbox__input[disabled]
  + .tv-control-checkbox__box:after,
html.feature-no-touch.theme-dark
  .tv-control-checkbox:hover
  .tv-control-checkbox__input[disabled]:checked
  + .tv-control-checkbox__box:after,
html.feature-no-touch.theme-dark
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]
  + .tv-control-checkbox__box:after,
html.feature-touch.theme-dark
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]
  + .tv-control-checkbox__box:after,
html.feature-no-touch.theme-dark
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]:checked
  + .tv-control-checkbox__box:after,
html.feature-touch.theme-dark
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]:checked
  + .tv-control-checkbox__box:after {
  border-color: #363c4e;
}
.feature-no-touch
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]
  + .tv-control-checkbox__box:before,
.feature-touch
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]
  + .tv-control-checkbox__box:before,
.feature-no-touch
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]:checked
  + .tv-control-checkbox__box:before,
.feature-touch
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]:checked
  + .tv-control-checkbox__box:before {
  background-color: #f1f3f6;
  transition: background-color ease 0.35s;
}
html.feature-no-touch.theme-dark
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]
  + .tv-control-checkbox__box:before,
html.feature-touch.theme-dark
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]
  + .tv-control-checkbox__box:before,
html.feature-no-touch.theme-dark
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]:checked
  + .tv-control-checkbox__box:before,
html.feature-touch.theme-dark
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]:checked
  + .tv-control-checkbox__box:before {
  background-color: #2f3241;
}
.tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box,
.feature-no-touch
  .tv-control-checkbox:hover
  .tv-control-checkbox__input[disabled]:checked
  + .tv-control-checkbox__box,
.feature-no-touch
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]:checked
  + .tv-control-checkbox__box,
.feature-touch
  .tv-control-checkbox:active
  .tv-control-checkbox__input[disabled]:checked
  + .tv-control-checkbox__box {
  background-color: #dadde0;
}
.tv-control-checkbox__ripple {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: -10px;
  padding: 10px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-mask-image: radial-gradient(circle, white 100%, black 100%);
  mask-image: radial-gradient(circle, white 100%, black 100%);
}
.tv-control-checkbox__input:checked
  + .tv-control-checkbox__box
  + .tv-control-checkbox__ripple
  .tv-ripple {
  background-color: rgba(59, 179, 228, 0.25);
}
.tv-control-checkbox__input[disabled]
  + .tv-control-checkbox__box
  + .tv-control-checkbox__ripple
  .tv-ripple,
.tv-control-checkbox__input[disabled]:checked
  + .tv-control-checkbox__box
  + .tv-control-checkbox__ripple
  .tv-ripple {
  background-color: transparent;
}
.tv-control-checkbox.i-error .tv-control-checkbox__box:after {
  border-color: #ff4a68;
}
.tv-control-checkbox.i-disabled {
  cursor: default;
}

/**
 * Popup/Modal Dialog
 */
/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
/**
 * Input
 */
.tv-control-input,
.tv-control-textarea,
.tv-dialog__chat-username-input,
.tv-dialog__widetextarea {
  display: block;
  padding: 0 12px;
  width: 100%;
  height: 34px;
  font-size: 13px;
  color: #4a4a4a;
  border-color: #dadde0;
  border-style: solid;
  border-width: 1px;
  background-color: #ffffff;
  border-radius: 2px;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  transition: border-color ease 0.35s, background-color ease 0.35s;
}
html.theme-dark .tv-control-input,
html.theme-dark .tv-control-textarea,
html.theme-dark .tv-dialog__chat-username-input,
html.theme-dark .tv-dialog__widetextarea {
  background-color: #1c2030;
}
html.theme-dark .tv-control-input,
html.theme-dark .tv-control-textarea,
html.theme-dark .tv-dialog__chat-username-input,
html.theme-dark .tv-dialog__widetextarea {
  border-color: #363c4e;
}
html.theme-dark .tv-control-input,
html.theme-dark .tv-control-textarea,
html.theme-dark .tv-dialog__chat-username-input,
html.theme-dark .tv-dialog__widetextarea {
  color: #c5cbce;
}
.tv-control-input::-webkit-input-placeholder,
.tv-control-textarea::-webkit-input-placeholder,
.tv-dialog__chat-username-input::-webkit-input-placeholder,
.tv-dialog__widetextarea::-webkit-input-placeholder {
  color: #adaeb0;
  opacity: 1;
}
.tv-control-input:-ms-input-placeholder,
.tv-control-textarea:-ms-input-placeholder,
.tv-dialog__chat-username-input:-ms-input-placeholder,
.tv-dialog__widetextarea:-ms-input-placeholder {
  color: #adaeb0;
  opacity: 1;
}
.tv-control-input::-ms-input-placeholder,
.tv-control-textarea::-ms-input-placeholder,
.tv-dialog__chat-username-input::-ms-input-placeholder,
.tv-dialog__widetextarea::-ms-input-placeholder {
  color: #adaeb0;
  opacity: 1;
}
.tv-control-input::placeholder,
.tv-control-textarea::placeholder,
.tv-dialog__chat-username-input::placeholder,
.tv-dialog__widetextarea::placeholder {
  color: #adaeb0;
  opacity: 1;
}
html.theme-dark .tv-control-input::-webkit-input-placeholder,
html.theme-dark .tv-control-textarea::-webkit-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input::-webkit-input-placeholder,
html.theme-dark .tv-dialog__widetextarea::-webkit-input-placeholder {
  color: #4f5966;
}
html.theme-dark .tv-control-input:-ms-input-placeholder,
html.theme-dark .tv-control-textarea:-ms-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input:-ms-input-placeholder,
html.theme-dark .tv-dialog__widetextarea:-ms-input-placeholder {
  color: #4f5966;
}
html.theme-dark .tv-control-input::-ms-input-placeholder,
html.theme-dark .tv-control-textarea::-ms-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input::-ms-input-placeholder,
html.theme-dark .tv-dialog__widetextarea::-ms-input-placeholder {
  color: #4f5966;
}
html.theme-dark .tv-control-input::placeholder,
html.theme-dark .tv-control-textarea::placeholder,
html.theme-dark .tv-dialog__chat-username-input::placeholder,
html.theme-dark .tv-dialog__widetextarea::placeholder {
  color: #4f5966;
}
.tv-control-input:-webkit-autofill,
.tv-control-textarea:-webkit-autofill,
.tv-dialog__chat-username-input:-webkit-autofill,
.tv-dialog__widetextarea:-webkit-autofill {
  -webkit-text-fill-color: #535353 !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
}
.tv-control-input--size_xsmall,
.tv-control-textarea--size_xsmall,
.tv-dialog__chat-username-input--size_xsmall,
.tv-dialog__widetextarea--size_xsmall {
  height: 19px;
}
.tv-control-input--size_small,
.tv-control-textarea--size_small,
.tv-dialog__chat-username-input--size_small,
.tv-dialog__widetextarea--size_small {
  height: 27px;
}
.tv-control-input--size_large,
.tv-control-textarea--size_large,
.tv-dialog__chat-username-input--size_large,
.tv-dialog__widetextarea--size_large {
  height: 48px;
}
.tv-control-input--connect,
.tv-control-textarea--connect,
.tv-dialog__chat-username-input--connect,
.tv-dialog__widetextarea--connect {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
.tv-control-input--connect_left,
.tv-control-textarea--connect_left,
.tv-dialog__chat-username-input--connect_left,
.tv-dialog__widetextarea--connect_left {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tv-control-input--connect_right,
.tv-control-textarea--connect_right,
.tv-dialog__chat-username-input--connect_right,
.tv-dialog__widetextarea--connect_right {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tv-control-input--connect_right#id_username,
.tv-control-textarea--connect_right#id_username,
.tv-dialog__chat-username-input--connect_right#id_username,
.tv-dialog__widetextarea--connect_right#id_username {
  /*!rtl:raw:
        direction: ltr;
        text-align: right;
        */
}
.feature-no-touch .tv-control-input:hover,
.feature-no-touch .tv-control-textarea:hover,
.feature-no-touch .tv-dialog__chat-username-input:hover,
.feature-no-touch .tv-dialog__widetextarea:hover {
  border-color: #c8c8c8;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .tv-control-input:hover,
html.feature-no-touch.theme-dark .tv-control-textarea:hover,
html.feature-no-touch.theme-dark .tv-dialog__chat-username-input:hover,
html.feature-no-touch.theme-dark .tv-dialog__widetextarea:hover {
  border-color: #4c525e;
}
.feature-no-touch .tv-control-input:focus,
.feature-touch .tv-control-input:focus,
.feature-no-touch .tv-control-textarea:focus,
.feature-touch .tv-control-textarea:focus,
.feature-no-touch .tv-dialog__chat-username-input:focus,
.feature-touch .tv-dialog__chat-username-input:focus,
.feature-no-touch .tv-dialog__widetextarea:focus,
.feature-touch .tv-dialog__widetextarea:focus {
  border-color: #3bb3e4 !important;
  transition-duration: 0.06s;
}
.tv-control-input[readonly],
.tv-control-textarea[readonly],
.tv-dialog__chat-username-input[readonly],
.tv-dialog__widetextarea[readonly] {
  color: #8a8a8a;
  border-color: #dadde0;
}
.feature-no-touch .tv-control-input[readonly]:hover,
.feature-no-touch .tv-control-input[readonly]:focus,
.feature-touch .tv-control-input[readonly]:focus,
.feature-no-touch .tv-control-textarea[readonly]:hover,
.feature-no-touch .tv-control-textarea[readonly]:focus,
.feature-touch .tv-control-textarea[readonly]:focus,
.feature-no-touch .tv-dialog__chat-username-input[readonly]:hover,
.feature-no-touch .tv-dialog__chat-username-input[readonly]:focus,
.feature-touch .tv-dialog__chat-username-input[readonly]:focus,
.feature-no-touch .tv-dialog__widetextarea[readonly]:hover,
.feature-no-touch .tv-dialog__widetextarea[readonly]:focus,
.feature-touch .tv-dialog__widetextarea[readonly]:focus {
  border-color: #dadde0;
}
.tv-control-input--readonly_dark,
.tv-control-input--readonly_dark[readonly],
.tv-control-textarea--readonly_dark,
.tv-control-textarea--readonly_dark[readonly],
.tv-dialog__chat-username-input--readonly_dark,
.tv-dialog__chat-username-input--readonly_dark[readonly],
.tv-dialog__widetextarea--readonly_dark,
.tv-dialog__widetextarea--readonly_dark[readonly] {
  color: #555555;
}
html.theme-dark .tv-control-input--readonly_dark,
html.theme-dark .tv-control-input--readonly_dark[readonly],
html.theme-dark .tv-control-textarea--readonly_dark,
html.theme-dark .tv-control-textarea--readonly_dark[readonly],
html.theme-dark .tv-dialog__chat-username-input--readonly_dark,
html.theme-dark .tv-dialog__chat-username-input--readonly_dark[readonly],
html.theme-dark .tv-dialog__widetextarea--readonly_dark,
html.theme-dark .tv-dialog__widetextarea--readonly_dark[readonly] {
  color: #4c525e;
}
.tv-control-input[disabled],
.tv-control-input.i-disabled,
.tv-control-textarea[disabled],
.tv-control-textarea.i-disabled,
.tv-dialog__chat-username-input[disabled],
.tv-dialog__chat-username-input.i-disabled,
.tv-dialog__widetextarea[disabled],
.tv-dialog__widetextarea.i-disabled {
  color: #ececec !important;
  border-color: #ececec !important;
}
html.theme-dark .tv-control-input[disabled],
html.theme-dark .tv-control-input.i-disabled,
html.theme-dark .tv-control-textarea[disabled],
html.theme-dark .tv-control-textarea.i-disabled,
html.theme-dark .tv-dialog__chat-username-input[disabled],
html.theme-dark .tv-dialog__chat-username-input.i-disabled,
html.theme-dark .tv-dialog__widetextarea[disabled],
html.theme-dark .tv-dialog__widetextarea.i-disabled {
  border-color: #262b3e !important;
}
html.theme-dark .tv-control-input[disabled],
html.theme-dark .tv-control-input.i-disabled,
html.theme-dark .tv-control-textarea[disabled],
html.theme-dark .tv-control-textarea.i-disabled,
html.theme-dark .tv-dialog__chat-username-input[disabled],
html.theme-dark .tv-dialog__chat-username-input.i-disabled,
html.theme-dark .tv-dialog__widetextarea[disabled],
html.theme-dark .tv-dialog__widetextarea.i-disabled {
  color: #262b3e !important;
}
.tv-control-input[disabled]::-webkit-input-placeholder,
.tv-control-input.i-disabled::-webkit-input-placeholder,
.tv-control-textarea[disabled]::-webkit-input-placeholder,
.tv-control-textarea.i-disabled::-webkit-input-placeholder,
.tv-dialog__chat-username-input[disabled]::-webkit-input-placeholder,
.tv-dialog__chat-username-input.i-disabled::-webkit-input-placeholder,
.tv-dialog__widetextarea[disabled]::-webkit-input-placeholder,
.tv-dialog__widetextarea.i-disabled::-webkit-input-placeholder {
  color: #ececec !important;
}
.tv-control-input[disabled]:-ms-input-placeholder,
.tv-control-input.i-disabled:-ms-input-placeholder,
.tv-control-textarea[disabled]:-ms-input-placeholder,
.tv-control-textarea.i-disabled:-ms-input-placeholder,
.tv-dialog__chat-username-input[disabled]:-ms-input-placeholder,
.tv-dialog__chat-username-input.i-disabled:-ms-input-placeholder,
.tv-dialog__widetextarea[disabled]:-ms-input-placeholder,
.tv-dialog__widetextarea.i-disabled:-ms-input-placeholder {
  color: #ececec !important;
}
.tv-control-input[disabled]::-ms-input-placeholder,
.tv-control-input.i-disabled::-ms-input-placeholder,
.tv-control-textarea[disabled]::-ms-input-placeholder,
.tv-control-textarea.i-disabled::-ms-input-placeholder,
.tv-dialog__chat-username-input[disabled]::-ms-input-placeholder,
.tv-dialog__chat-username-input.i-disabled::-ms-input-placeholder,
.tv-dialog__widetextarea[disabled]::-ms-input-placeholder,
.tv-dialog__widetextarea.i-disabled::-ms-input-placeholder {
  color: #ececec !important;
}
.tv-control-input[disabled]::placeholder,
.tv-control-input.i-disabled::placeholder,
.tv-control-textarea[disabled]::placeholder,
.tv-control-textarea.i-disabled::placeholder,
.tv-dialog__chat-username-input[disabled]::placeholder,
.tv-dialog__chat-username-input.i-disabled::placeholder,
.tv-dialog__widetextarea[disabled]::placeholder,
.tv-dialog__widetextarea.i-disabled::placeholder {
  color: #ececec !important;
}
html.theme-dark .tv-control-input[disabled]::-webkit-input-placeholder,
html.theme-dark .tv-control-input.i-disabled::-webkit-input-placeholder,
html.theme-dark .tv-control-textarea[disabled]::-webkit-input-placeholder,
html.theme-dark .tv-control-textarea.i-disabled::-webkit-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input[disabled]::-webkit-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input.i-disabled::-webkit-input-placeholder,
html.theme-dark .tv-dialog__widetextarea[disabled]::-webkit-input-placeholder,
html.theme-dark .tv-dialog__widetextarea.i-disabled::-webkit-input-placeholder {
  color: #262b3e !important;
}
html.theme-dark .tv-control-input[disabled]:-ms-input-placeholder,
html.theme-dark .tv-control-input.i-disabled:-ms-input-placeholder,
html.theme-dark .tv-control-textarea[disabled]:-ms-input-placeholder,
html.theme-dark .tv-control-textarea.i-disabled:-ms-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input[disabled]:-ms-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input.i-disabled:-ms-input-placeholder,
html.theme-dark .tv-dialog__widetextarea[disabled]:-ms-input-placeholder,
html.theme-dark .tv-dialog__widetextarea.i-disabled:-ms-input-placeholder {
  color: #262b3e !important;
}
html.theme-dark .tv-control-input[disabled]::-ms-input-placeholder,
html.theme-dark .tv-control-input.i-disabled::-ms-input-placeholder,
html.theme-dark .tv-control-textarea[disabled]::-ms-input-placeholder,
html.theme-dark .tv-control-textarea.i-disabled::-ms-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input[disabled]::-ms-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input.i-disabled::-ms-input-placeholder,
html.theme-dark .tv-dialog__widetextarea[disabled]::-ms-input-placeholder,
html.theme-dark .tv-dialog__widetextarea.i-disabled::-ms-input-placeholder {
  color: #262b3e !important;
}
html.theme-dark .tv-control-input[disabled]::placeholder,
html.theme-dark .tv-control-input.i-disabled::placeholder,
html.theme-dark .tv-control-textarea[disabled]::placeholder,
html.theme-dark .tv-control-textarea.i-disabled::placeholder,
html.theme-dark .tv-dialog__chat-username-input[disabled]::placeholder,
html.theme-dark .tv-dialog__chat-username-input.i-disabled::placeholder,
html.theme-dark .tv-dialog__widetextarea[disabled]::placeholder,
html.theme-dark .tv-dialog__widetextarea.i-disabled::placeholder {
  color: #262b3e !important;
}
.feature-no-touch .tv-control-input[disabled]:hover,
.feature-no-touch .tv-control-input.i-disabled:hover,
.feature-no-touch .tv-control-textarea[disabled]:hover,
.feature-no-touch .tv-control-textarea.i-disabled:hover,
.feature-no-touch .tv-dialog__chat-username-input[disabled]:hover,
.feature-no-touch .tv-dialog__chat-username-input.i-disabled:hover,
.feature-no-touch .tv-dialog__widetextarea[disabled]:hover,
.feature-no-touch .tv-dialog__widetextarea.i-disabled:hover {
  border-color: #ececec !important;
}
html.feature-no-touch.theme-dark .tv-control-input[disabled]:hover,
html.feature-no-touch.theme-dark .tv-control-input.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-control-textarea[disabled]:hover,
html.feature-no-touch.theme-dark .tv-control-textarea.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-dialog__chat-username-input[disabled]:hover,
html.feature-no-touch.theme-dark .tv-dialog__chat-username-input.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-dialog__widetextarea[disabled]:hover,
html.feature-no-touch.theme-dark .tv-dialog__widetextarea.i-disabled:hover {
  border-color: #262b3e !important;
}
.tv-control-input.i-error,
.tv-control-textarea.i-error,
.tv-dialog__chat-username-input.i-error,
.tv-dialog__widetextarea.i-error {
  border-color: #ff4a68 !important;
}
.feature-no-touch .tv-control-input.i-error:hover,
.feature-no-touch .tv-control-textarea.i-error:hover,
.feature-no-touch .tv-dialog__chat-username-input.i-error:hover,
.feature-no-touch .tv-dialog__widetextarea.i-error:hover {
  border-color: #f24965 !important;
}
.feature-no-touch .tv-control-input.i-error:focus,
.feature-touch .tv-control-input.i-error:focus,
.feature-no-touch .tv-control-textarea.i-error:focus,
.feature-touch .tv-control-textarea.i-error:focus,
.feature-no-touch .tv-dialog__chat-username-input.i-error:focus,
.feature-touch .tv-dialog__chat-username-input.i-error:focus,
.feature-no-touch .tv-dialog__widetextarea.i-error:focus,
.feature-touch .tv-dialog__widetextarea.i-error:focus {
  border-color: #ff173e !important;
}
.tv-control-input.i-success,
.tv-control-textarea.i-success,
.tv-dialog__chat-username-input.i-success,
.tv-dialog__widetextarea.i-success {
  border-color: #3cbc98 !important;
}
.feature-no-touch .tv-control-input.i-success:hover,
.feature-no-touch .tv-control-textarea.i-success:hover,
.feature-no-touch .tv-dialog__chat-username-input.i-success:hover,
.feature-no-touch .tv-dialog__widetextarea.i-success:hover {
  border-color: #38b395 !important;
}
.feature-no-touch .tv-control-input.i-success:focus,
.feature-touch .tv-control-input.i-success:focus,
.feature-no-touch .tv-control-textarea.i-success:focus,
.feature-touch .tv-control-textarea.i-success:focus,
.feature-no-touch .tv-dialog__chat-username-input.i-success:focus,
.feature-touch .tv-dialog__chat-username-input.i-success:focus,
.feature-no-touch .tv-dialog__widetextarea.i-success:focus,
.feature-touch .tv-dialog__widetextarea.i-success:focus {
  border-color: #00a97f !important;
}
.tv-control-input--phone,
.tv-control-textarea--phone,
.tv-dialog__chat-username-input--phone,
.tv-dialog__widetextarea--phone {
  /*!rtl:ignore*/
  direction: ltr;
  text-align: left;
}
.tv-control-input--file {
  display: none;
}
/**
 * Textarea
 */
.tv-control-textarea,
.tv-dialog__widetextarea {
  height: auto;
  padding-top: 9px;
  padding-bottom: 9px;
}
.tv-control-textarea--readonly_dark,
.tv-control-textarea--readonly_dark[readonly],
.tv-dialog__widetextarea--readonly_dark,
.tv-dialog__widetextarea--readonly_dark[readonly] {
  color: #555555;
}
html.theme-dark .tv-control-textarea--readonly_dark,
html.theme-dark .tv-control-textarea--readonly_dark[readonly],
html.theme-dark .tv-dialog__widetextarea--readonly_dark,
html.theme-dark .tv-dialog__widetextarea--readonly_dark[readonly] {
  color: #4c525e;
}
.tv-dialog {
  display: inline-block;
  position: relative;
  min-width: 280px;
  text-align: left;
  box-sizing: border-box;
  transition-property: none;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
}
html.theme-dark .tv-dialog {
  background-color: #1c2030;
}
html.theme-dark .tv-dialog {
  box-shadow: #000000 0 2px 4px 0;
}
.tv-dialog .tv-text ul:last-child {
  margin-bottom: 0;
}
.tv-dialog--animated {
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s,
    opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s,
    box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s;
}
.tv-dialog.i-focused {
  box-shadow: rgba(0, 0, 0, 0.275) 0px 1px 6px 1px;
}
.tv-dialog--signin {
  transition-delay: 0.2625s;
}
.tv-dialog--signin.i-closing {
  transition-delay: 0.001s;
  transition-duration: 0.175s;
}
.tv-dialog--signin,
.tv-dialog--signin.i-focused {
  box-shadow: none !important;
  background-color: transparent;
}
html.theme-dark .tv-dialog--signin,
html.theme-dark .tv-dialog--signin.i-focused {
  background-color: transparent;
}
.tv-dialog--popup {
  width: calc(100% - 20px);
}
.tv-dialog__overlay,
.tv-dialog__modal-wrap {
  position: fixed;
  contain: layout style size;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 110;
  box-sizing: border-box;
}
.tv-dialog__overlay {
  background-color: rgba(0, 0, 0, 0.05);
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s;
}
.tv-dialog__overlay.i-closed {
  opacity: 0;
  transition-duration: 0.175s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tv-dialog__overlay--signin {
  background-color: #1c2030;
}
html.theme-dark .tv-dialog__overlay--signin {
  background-color: #1c2030;
}
.tv-dialog__overlay--signin.i-closing {
  transition-delay: 0.175s;
}
.tv-dialog__modal-wrap {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.tv-dialog__modal-wrap.i-closed .tv-dialog {
  opacity: 0;
  transform: translateY(20px);
  transition-duration: 0.175s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tv-dialog__modal-wrap.i-closed .tv-dialog--signin {
  transform: scale(0.9);
}
.tv-dialog__modal-wrap.i-closed .tv-dialog--signin.i-closing {
  transform: scale(1.1);
}
.tv-dialog__modal-container {
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  box-sizing: border-box;
}
.tv-dialog__modal-container:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.tv-dialog__modal-body {
  display: inline-block;
  vertical-align: middle;
  padding: 40px 20px;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 1019px) {
  .tv-dialog__modal-body {
    padding: 20px;
  }
}
.tv-dialog__error {
  position: absolute;
  padding: 30px;
  top: 0;
  left: 0;
  right: 0;
  color: #ff4a68;
  background: #ffffff;
  border: 1px solid #ff4a68;
  border-radius: 3px 3px 0 0;
  transform-origin: top center;
  box-sizing: border-box;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.175s,
    opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.175s;
  z-index: 1;
}
html.theme-dark .tv-dialog__error {
  background: #1c2030;
}
.tv-dialog__error.i-slided {
  opacity: 0;
  transform: translateY(-5px) scale(1, 0.85);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.tv-dialog__error.i-fixed {
  margin: 0 auto;
  position: fixed;
  top: 10px;
}
@media screen and (max-width: 767px) {
  .tv-dialog__error {
    padding: 20px;
  }
}
.tv-dialog__error a {
  color: #ff4a68;
  transition: color ease 0.35s;
  text-decoration: underline;
}
.tv-dialog__error a:visited {
  color: #ff4a68;
  fill: #ff4a68;
}
.feature-no-touch .tv-dialog__error a:hover {
  color: #f24965;
  fill: #f24965;
  transition-duration: 0.06s;
}
.feature-no-touch .tv-dialog__error a:active,
.feature-touch .tv-dialog__error a:active {
  color: #ff173e;
  fill: #ff173e;
  transition-duration: 0.06s;
}
.tv-dialog__error--dark {
  border-radius: 3px;
  border-color: #4e5866;
  background-color: #2a2c39;
}
.tv-dialog__header {
  display: flex;
  padding-top: 10px;
}
@media screen and (max-width: 479px) {
  .tv-dialog__header--adaptive {
    flex-direction: column;
    text-align: center;
  }
}
.tv-dialog__header-logo {
  margin-right: 20px;
  margin-bottom: 10px;
  flex: 0 0 auto;
}
.tv-dialog__header-logo svg {
  max-height: 95px;
}
.tv-dialog__header-title {
  flex: 1 1 auto;
}
.tv-dialog__section {
  padding: 30px;
  border-bottom: 1px solid;
  border-bottom-color: #dadde0;
}
html.theme-dark .tv-dialog__section {
  border-bottom-color: #363c4e;
}
.tv-dialog__section--last,
.tv-dialog__section--no-border,
.tv-dialog__section:last-child {
  border-bottom: none !important;
}
@media screen and (max-width: 767px) {
  .tv-dialog__section {
    padding: 20px;
  }
}
.tv-dialog__section--no-padding_bottom {
  padding-bottom: 0;
}
.tv-dialog__section--actions {
  display: inline-block;
  box-sizing: border-box;
  white-space: nowrap;
  width: 100%;
  padding-bottom: 40px;
  text-align: right;
}
.tv-dialog__section--actions_with-help:after {
  clear: both;
  display: table;
  content: '';
}
.tv-dialog__section--actions_with-border {
  border-top: 1px solid;
  border-top-color: #dadde0;
  padding-top: 29px;
}
html.theme-dark .tv-dialog__section--actions_with-border {
  border-top-color: #363c4e;
}
@media screen and (max-width: 767px) {
  .tv-dialog__section--actions_with-border {
    padding: 19px;
  }
}
@media screen and (max-width: 479px) {
  .tv-dialog__section--actions-adaptive {
    display: flex;
    flex-flow: column-reverse wrap;
  }
  .tv-dialog__section--actions-adaptive .tv-button {
    margin-top: 10px;
  }
  .tv-dialog__section--actions-adaptive .tv-control-checkbox {
    order: 1;
  }
  .tv-dialog__section--actions-adaptive .tv-button:first-child,
  .tv-dialog__section--actions-adaptive .tv-button:last-child {
    margin-left: 0;
  }
}
.tv-dialog__section--title {
  padding-right: 70px;
}
.tv-dialog__section--one-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tv-dialog__grab {
  cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move;
  cursor: -webkit-grab;
  cursor: grab;
}
.feature-no-touch .tv-dialog__grab:active,
.feature-touch .tv-dialog__grab:active,
.ui-draggable-dragging .tv-dialog__grab {
  cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.tv-dialog__title {
  font-size: 14px;
  font-weight: bold;
  color: #4a4a4a;
}
html.theme-dark .tv-dialog__title {
  color: #c5cbce;
}
.tv-dialog__title--relative {
  position: relative;
}
.tv-dialog__close {
  position: absolute;
  padding: 15px;
  top: 17px;
  right: 15px;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity ease 0.35s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 767px) {
  .tv-dialog__close {
    top: 7px;
    right: 7px;
  }
}
.feature-no-touch .tv-dialog__close:hover {
  opacity: 1;
  transition-duration: 0.06s;
}
.tv-dialog__close svg {
  display: block;
  width: 13px;
  height: 13px;
  fill: #4a4a4a;
}
html.theme-dark .tv-dialog__close svg {
  fill: #c5cbce;
}
.tv-dialog__close--new-style svg {
  width: 21px;
  height: 21px;
  fill: #4c525e;
}
.tv-dialog__widetextarea {
  padding: 25px 30px;
  border-radius: 0;
  border-left: none;
  border-right: none;
  background-color: #ffffff;
  color: #4a4a4a;
}
html.theme-dark .tv-dialog__widetextarea {
  color: #c5cbce;
}
html.theme-dark .tv-dialog__widetextarea {
  background-color: #1c2030;
}
@media screen and (max-width: 767px) {
  .tv-dialog__widetextarea {
    padding: 15px 20px;
  }
}
.tv-dialog__expand-section {
  margin: 0 -30px;
}
@media screen and (max-width: 767px) {
  .tv-dialog__expand-section {
    margin: 0 -20px;
  }
}
.tv-dialog--popup {
  position: fixed;
}
.tv-dialog--popup.i-closed {
  opacity: 0;
  transform: scale(0.925);
}
.tv-dialog__help {
  float: left;
  position: relative;
  top: 8px;
  margin-right: 15px;
  width: 18px;
  height: 18px;
  font-size: 13px;
  line-height: 16px;
  color: #b4b4b4;
  border: 1px solid;
  border-color: #b4b4b4;
  border-radius: 50%;
  transition: border-color ease 0.35s, color ease 0.35s;
}
html.theme-dark .tv-dialog__help {
  border-color: #4c525e;
}
html.theme-dark .tv-dialog__help {
  color: #4c525e;
}
.tv-dialog__help:after {
  content: '?';
  position: absolute;
  display: inline-block;
  top: 2px;
  left: 7px;
}
.feature-no-touch .tv-dialog__help:hover {
  color: #212121;
  border: 1px solid;
  border-color: #4a4a4a;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .tv-dialog__help:hover {
  border-color: #c5cbce;
}
.tv-dialog__username-pretext {
  margin-right: 5px;
}
.tv-dialog__chat-username-input {
  display: inline-block;
  border-width: 0;
  width: 85%;
  height: 15px;
  background-color: #ffffff;
  color: #4a4a4a;
}
html.theme-dark .tv-dialog__chat-username-input {
  color: #c5cbce;
}
html.theme-dark .tv-dialog__chat-username-input {
  background-color: #1c2030;
}
.tv-dialog__chat-username-input--error {
  background-color: #ddaaaa;
}
html.theme-dark .tv-dialog__chat-username-input--error {
  background-color: #ff4a68;
}
.tv-dialog__scroll-wrap {
  position: relative;
}
.tv-dialog__scroll-wrap.i-scrollable {
  overflow: hidden;
}
.feature-touch .tv-dialog__scroll-wrap.i-scrollable {
  overflow-x: hidden;
  overflow-y: scroll;
}
.tv-dialog__scroll-wrap-inner {
  position: relative;
  padding-bottom: 0;
}
.tv-dialog__scroll-wrap.i-with-actions.i-scrollable .tv-dialog__scroll-wrap-inner {
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .tv-dialog__scroll-wrap.i-with-actions.i-scrollable .tv-dialog__scroll-wrap-inner {
    padding-bottom: 20px;
  }
}

/**
 *
 * Global states
 *
 * Usage:
 * i-{state}
 * i-{state}_{value}
 *
 * Must be included after all another styles
 *
 */
.i-hidden {
  display: none !important;
}
.i-invisible {
  visibility: hidden !important;
}
.i-clearfix:after {
  clear: both;
  display: table;
  content: '';
}
.i-align_left {
  text-align: left !important;
}
.i-align_right {
  text-align: right !important;
}
.i-align_center {
  text-align: center !important;
}
.i-float_left {
  float: left !important;
}
.i-float_right {
  float: right !important;
}
.i-float_none {
  float: none !important;
}
@media screen and (min-width: 1020px) {
  .i-device-only {
    display: none !important;
  }
}
@media screen and (max-width: 1019px) {
  .i-desktop-only {
    display: none !important;
  }
}
@media screen and (min-width: 479px) {
  .i-phones-only {
    display: none !important;
  }
}
@media screen and (max-width: 479px) {
  .i-except-phones-only {
    display: none !important;
  }
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
/**
 * Usage:
 *	<button class="tv-button tv-button--success tv-button--size_xsmall">Push me!</button>
 */
.tv-button {
  /**
  * Helpers
  */
  /**
  * This Block
  */
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-width: 40px;
  margin: 0;
  padding: 1px 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 32px;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  color: #757575;
  fill: currentColor;
  border: none;
  border-radius: 4px;
  outline: 0;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  transition: background-color ease 0.35s, border-color ease 0.35s, color ease 0.35s;
  /**
  * Elements
  */
  /**
  * Colored background
  */
  /**
  * Ripple effect
  */
  /**
  * Disabled Button
  */
  /**
  * Sizes
  */
  /**
  * State
  */
  /**
  * Preloader
  */
}
.tv-button.tv-button--default_ghost,
.tv-button.tv-button--primary_ghost,
.tv-button.tv-button--secondary_ghost,
.tv-button.tv-button--success_ghost,
.tv-button.tv-button--danger_ghost,
.tv-button.tv-button--warning_ghost,
.tv-button.tv-button--default,
.tv-button.tv-button--state {
  padding: 0px 21px;
}
.feature-no-touch .tv-button:hover,
.feature-no-touch .tv-button:active,
.feature-touch .tv-button:active,
.tv-button.i-hover,
.tv-button.i-active {
  transition-duration: 0.06s;
}
.tv-button svg {
  vertical-align: middle;
}
.tv-button--block {
  display: block;
  width: 100%;
  text-align: center;
}
.tv-button + .tv-button {
  margin-left: 15px;
}
.tv-button__text {
  position: relative;
  display: inline-block;
}
.tv-button__text--full-height {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.2em;
  margin: 11px 5px;
}
.tv-button--default,
.tv-button--default_ghost {
  color: #fff;
  border-color: #ffffff;
  background-color: #ffffff;
}
html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost {
  background-color: #171b29;
}
html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost {
  border-color: #171b29;
}
.tv-button--default_ghost {
  color: #ffffff;
}
html.theme-dark .tv-button--default_ghost {
  color: #171b29;
}
.tv-button--default_ghost.i-checked {
  color: #fff;
  border-color: #ffffff;
  background-color: #ffffff;
}
html.theme-dark .tv-button--default_ghost.i-checked {
  background-color: #171b29;
}
html.theme-dark .tv-button--default_ghost.i-checked {
  border-color: #171b29;
}
.feature-no-touch .tv-button--default:hover,
.feature-no-touch .tv-button--default_ghost:hover,
.tv-button--default.i-hover,
.tv-button--default_ghost.i-hover {
  color: #fff;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}
html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
  background-color: #1c2030;
}
html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
  border-color: #1c2030;
}
.feature-no-touch .tv-button--default:active,
.feature-touch .tv-button--default:active,
.feature-no-touch .tv-button--default_ghost:active,
.feature-touch .tv-button--default_ghost:active,
.tv-button--default.i-active,
.tv-button--default_ghost.i-active {
  color: #fff;
  border-color: #ececec;
  background-color: #ececec;
  transform: translateY(1px);
}
html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
  background-color: #1c2030;
}
html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
  border-color: #1c2030;
}
.tv-button--default,
.tv-button--default_ghost,
.tv-button--default.i-checked,
.tv-button--default_ghost.i-checked {
  color: #757575;
  border: 1px solid;
  border-color: #b5b7b9;
}
html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost,
html.theme-dark .tv-button--default.i-checked,
html.theme-dark .tv-button--default_ghost.i-checked {
  border-color: #363c4e;
}
html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost,
html.theme-dark .tv-button--default.i-checked,
html.theme-dark .tv-button--default_ghost.i-checked {
  color: #758696;
}
.feature-no-touch .tv-button--default:hover,
.feature-no-touch .tv-button--default_ghost:hover,
.tv-button--default.i-hover,
.tv-button--default_ghost.i-hover {
  color: #757575;
  border-color: #b5b7b9;
}
html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
  border-color: #363c4e;
}
html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
  color: #758696;
}
.feature-no-touch .tv-button--default:active,
.feature-touch .tv-button--default:active,
.feature-no-touch .tv-button--default_ghost:active,
.feature-touch .tv-button--default_ghost:active,
.tv-button--default.i-active,
.tv-button--default_ghost.i-active {
  color: #757575;
  border-color: #b5b7b9;
}
html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
  border-color: #363c4e;
}
html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
  color: #758696;
}
.tv-button--primary,
.tv-button--primary_ghost {
  color: #fff;
  border-color: #3bb3e4;
  background-color: #3bb3e4;
}
.tv-button--primary_ghost {
  color: #3bb3e4;
}
.tv-button--primary_ghost.i-checked {
  color: #fff;
  border-color: #3bb3e4;
  background-color: #3bb3e4;
}
.feature-no-touch .tv-button--primary:hover,
.feature-no-touch .tv-button--primary_ghost:hover,
.tv-button--primary.i-hover,
.tv-button--primary_ghost.i-hover {
  color: #fff;
  border-color: #3babd8;
  background-color: #3babd8;
}
.feature-no-touch .tv-button--primary:active,
.feature-touch .tv-button--primary:active,
.feature-no-touch .tv-button--primary_ghost:active,
.feature-touch .tv-button--primary_ghost:active,
.tv-button--primary.i-active,
.tv-button--primary_ghost.i-active {
  color: #fff;
  border-color: #049ddc;
  background-color: #049ddc;
  transform: translateY(1px);
}
.tv-button--secondary,
.tv-button--secondary_ghost {
  color: #757575;
  border-color: #e9eff2;
  background-color: #e9eff2;
}
.tv-button--secondary_ghost {
  color: #757575;
}
.tv-button--secondary_ghost.i-checked {
  color: #757575;
  border-color: #e9eff2;
  background-color: #e9eff2;
}
.feature-no-touch .tv-button--secondary:hover,
.feature-no-touch .tv-button--secondary_ghost:hover,
.tv-button--secondary.i-hover,
.tv-button--secondary_ghost.i-hover {
  color: #757575;
  border-color: #dce6ea;
  background-color: #dce6ea;
}
.feature-no-touch .tv-button--secondary:active,
.feature-touch .tv-button--secondary:active,
.feature-no-touch .tv-button--secondary_ghost:active,
.feature-touch .tv-button--secondary_ghost:active,
.tv-button--secondary.i-active,
.tv-button--secondary_ghost.i-active {
  color: #757575;
  border-color: #cfdce3;
  background-color: #cfdce3;
  transform: translateY(1px);
}
.tv-button--success,
.tv-button--success_ghost {
  color: #fff;
  border-color: #3cbc98;
  background-color: #3cbc98;
}
.tv-button--success_ghost {
  color: #3cbc98;
}
.tv-button--success_ghost.i-checked {
  color: #fff;
  border-color: #3cbc98;
  background-color: #3cbc98;
}
.feature-no-touch .tv-button--success:hover,
.feature-no-touch .tv-button--success_ghost:hover,
.tv-button--success.i-hover,
.tv-button--success_ghost.i-hover {
  color: #fff;
  border-color: #38b395;
  background-color: #38b395;
}
.feature-no-touch .tv-button--success:active,
.feature-touch .tv-button--success:active,
.feature-no-touch .tv-button--success_ghost:active,
.feature-touch .tv-button--success_ghost:active,
.tv-button--success.i-active,
.tv-button--success_ghost.i-active {
  color: #fff;
  border-color: #00a97f;
  background-color: #00a97f;
  transform: translateY(1px);
}
.tv-button--danger,
.tv-button--danger_ghost {
  color: #fff;
  border-color: #ff4a68;
  background-color: #ff4a68;
}
.tv-button--danger_ghost {
  color: #ff4a68;
}
.tv-button--danger_ghost.i-checked {
  color: #fff;
  border-color: #ff4a68;
  background-color: #ff4a68;
}
.feature-no-touch .tv-button--danger:hover,
.feature-no-touch .tv-button--danger_ghost:hover,
.tv-button--danger.i-hover,
.tv-button--danger_ghost.i-hover {
  color: #fff;
  border-color: #f24965;
  background-color: #f24965;
}
.feature-no-touch .tv-button--danger:active,
.feature-touch .tv-button--danger:active,
.feature-no-touch .tv-button--danger_ghost:active,
.feature-touch .tv-button--danger_ghost:active,
.tv-button--danger.i-active,
.tv-button--danger_ghost.i-active {
  color: #fff;
  border-color: #ff173e;
  background-color: #ff173e;
  transform: translateY(1px);
}
.tv-button--warning,
.tv-button--warning_ghost {
  color: #fff;
  border-color: #f89e30;
  background-color: #f89e30;
}
.tv-button--warning_ghost {
  color: #f89e30;
}
.tv-button--warning_ghost.i-checked {
  color: #fff;
  border-color: #f89e30;
  background-color: #f89e30;
}
.feature-no-touch .tv-button--warning:hover,
.feature-no-touch .tv-button--warning_ghost:hover,
.tv-button--warning.i-hover,
.tv-button--warning_ghost.i-hover {
  color: #fff;
  border-color: #f79217;
  background-color: #f79217;
}
.feature-no-touch .tv-button--warning:active,
.feature-touch .tv-button--warning:active,
.feature-no-touch .tv-button--warning_ghost:active,
.feature-touch .tv-button--warning_ghost:active,
.tv-button--warning.i-active,
.tv-button--warning_ghost.i-active {
  color: #fff;
  border-color: #d47807;
  background-color: #d47807;
  transform: translateY(1px);
}
.tv-button--link {
  color: #3bb3e4;
  transition: color ease 0.35s;
}
html.theme-dark .tv-button--link {
  color: #299dcd;
}
.tv-button--link:visited {
  color: #3bb3e4;
  fill: #3bb3e4;
}
html.theme-dark .tv-button--link:visited {
  fill: #299dcd;
}
html.theme-dark .tv-button--link:visited {
  color: #299dcd;
}
.feature-no-touch .tv-button--link:hover {
  color: #3babd8;
  fill: #3babd8;
  transition-duration: 0.06s;
}
.feature-no-touch .tv-button--link:active,
.feature-touch .tv-button--link:active {
  color: #049ddc;
  fill: #049ddc;
  transition-duration: 0.06s;
}
.tv-button--default_ghost,
.tv-button--primary_ghost,
.tv-button--secondary_ghost,
.tv-button--success_ghost,
.tv-button--danger_ghost,
.tv-button--warning_ghost {
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
}
.tv-button--default_ghost.tv-button--size_large,
.tv-button--primary_ghost.tv-button--size_large,
.tv-button--secondary_ghost.tv-button--size_large,
.tv-button--success_ghost.tv-button--size_large,
.tv-button--danger_ghost.tv-button--size_large,
.tv-button--warning_ghost.tv-button--size_large {
  border-width: 2px;
}
.tv-button .tv-ripple {
  background-color: rgba(255, 255, 255, 0.25);
}
.tv-button--default .tv-ripple,
.tv-button--default_ghost .tv-ripple {
  background-color: rgba(117, 134, 150, 0.25);
}
.tv-button.i-disabled .tv-ripple {
  background-color: transparent;
}
.tv-button:disabled,
.tv-button.i-disabled,
.feature-no-touch .tv-button:disabled:hover,
.feature-no-touch .tv-button.i-disabled:hover,
.feature-no-touch .tv-button:disabled:active,
.feature-touch .tv-button:disabled:active,
.feature-no-touch .tv-button.i-disabled:active,
.feature-touch .tv-button.i-disabled:active {
  cursor: default;
  color: #9db2bd;
  border-color: #f1f3f6;
  background-color: #f1f3f6;
}
html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button.i-disabled,
html.feature-no-touch.theme-dark .tv-button:disabled:hover,
html.feature-no-touch.theme-dark .tv-button.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-button:disabled:active,
html.feature-touch.theme-dark .tv-button:disabled:active,
html.feature-no-touch.theme-dark .tv-button.i-disabled:active,
html.feature-touch.theme-dark .tv-button.i-disabled:active {
  background-color: #262b3e;
}
html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button.i-disabled,
html.feature-no-touch.theme-dark .tv-button:disabled:hover,
html.feature-no-touch.theme-dark .tv-button.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-button:disabled:active,
html.feature-touch.theme-dark .tv-button:disabled:active,
html.feature-no-touch.theme-dark .tv-button.i-disabled:active,
html.feature-touch.theme-dark .tv-button.i-disabled:active {
  border-color: #262b3e;
}
html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button.i-disabled,
html.feature-no-touch.theme-dark .tv-button:disabled:hover,
html.feature-no-touch.theme-dark .tv-button.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-button:disabled:active,
html.feature-touch.theme-dark .tv-button:disabled:active,
html.feature-no-touch.theme-dark .tv-button.i-disabled:active,
html.feature-touch.theme-dark .tv-button.i-disabled:active {
  color: #363c4e;
}
.feature-no-touch .tv-button:disabled:active,
.feature-touch .tv-button:disabled:active,
.feature-no-touch .tv-button.i-disabled:active,
.feature-touch .tv-button.i-disabled:active {
  transform: translateY(0);
}
.tv-button--size_xsmall {
  padding: 2px 7px;
  line-height: 15px;
  border-radius: 1px;
  font-size: 11px;
  font-weight: normal;
}
.tv-button--size_xsmall.tv-button--default_ghost,
.tv-button--size_xsmall.tv-button--primary_ghost,
.tv-button--size_xsmall.tv-button--secondary_ghost,
.tv-button--size_xsmall.tv-button--success_ghost,
.tv-button--size_xsmall.tv-button--danger_ghost,
.tv-button--size_xsmall.tv-button--warning_ghost,
.tv-button--size_xsmall.tv-button--default,
.tv-button--size_xsmall.tv-button--state {
  padding: 1px 6px;
}
.tv-button--size_xsmall + .tv-button--size_xsmall {
  margin-left: 10px;
}
.tv-button--size_small {
  padding: 1px 12px;
  line-height: 25px;
  font-size: 13px;
}
.tv-button--size_small.tv-button--default_ghost,
.tv-button--size_small.tv-button--primary_ghost,
.tv-button--size_small.tv-button--secondary_ghost,
.tv-button--size_small.tv-button--success_ghost,
.tv-button--size_small.tv-button--danger_ghost,
.tv-button--size_small.tv-button--warning_ghost,
.tv-button--size_small.tv-button--default,
.tv-button--size_small.tv-button--state {
  padding: 0px 11px;
}
.tv-button--size_small + .tv-button--size_small {
  margin-left: 10px;
}
.tv-button--size_large {
  padding: 1px 30px;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 44px;
}
.tv-button--size_large.tv-button--default_ghost,
.tv-button--size_large.tv-button--primary_ghost,
.tv-button--size_large.tv-button--secondary_ghost,
.tv-button--size_large.tv-button--success_ghost,
.tv-button--size_large.tv-button--danger_ghost,
.tv-button--size_large.tv-button--warning_ghost,
.tv-button--size_large.tv-button--default,
.tv-button--size_large.tv-button--state {
  padding: 0px 29px;
}
.tv-button--max-width {
  max-width: 300px;
}
.tv-button--no-padding {
  padding: 1px 1px;
}
.tv-button--no-padding.tv-button--default_ghost,
.tv-button--no-padding.tv-button--primary_ghost,
.tv-button--no-padding.tv-button--secondary_ghost,
.tv-button--no-padding.tv-button--success_ghost,
.tv-button--no-padding.tv-button--danger_ghost,
.tv-button--no-padding.tv-button--warning_ghost,
.tv-button--no-padding.tv-button--default,
.tv-button--no-padding.tv-button--state {
  padding: 0px 0px;
}
.tv-button--content-center {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0 auto;
  max-width: 220px;
}
.tv-button--state {
  text-align: center;
  background: transparent;
  border-width: 1px;
  border-style: solid;
}
.tv-button--state:after {
  content: '';
  display: inline-block;
}
.tv-button--state__checked,
.tv-button--state__unchecked,
.tv-button--state__uncheck-hint {
  display: block;
  height: 0;
  transition: opacity ease 0.2625s, transform ease 0.2625s;
}
.tv-button--state__ellipsis-text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__unchecked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint {
  will-change: opacity, transform;
}
.tv-button--state__checked,
.tv-button--state__uncheck-hint,
.tv-button--state.i-checked .tv-button--state__unchecked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked {
  opacity: 0;
}
.tv-button--state__unchecked,
.tv-button--state.i-checked .tv-button--state__checked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint {
  opacity: 1;
}
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked {
  transform: translateY(-5px);
}
.tv-button--state__uncheck-hint,
.tv-button--state__checked,
.tv-button--state.i-checked .tv-button--state__unchecked {
  transform: translateY(5px);
}
.tv-button--state.i-checked .tv-button--state__checked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint {
  transform: translateY(0);
}
.tv-button--state.tv-button--success {
  color: #3cbc98;
  background-color: transparent;
}
.tv-button--state.tv-button--success.i-checked {
  color: #ffffff;
  background-color: #3cbc98;
}
.feature-no-touch .tv-button--state.tv-button--success:hover {
  color: #ffffff;
  background-color: #38b395;
}
.feature-no-touch .tv-button--state.tv-button--success:active,
.feature-touch .tv-button--state.tv-button--success:active {
  color: #ffffff;
  background-color: #00a97f;
}
.tv-button--state.tv-button--danger {
  color: #ff4a68;
  background-color: transparent;
}
.tv-button--state.tv-button--danger.i-checked {
  color: #ffffff;
  background-color: #ff4a68;
}
.feature-no-touch .tv-button--state.tv-button--danger:hover {
  color: #ffffff;
  background-color: #f24965;
}
.feature-no-touch .tv-button--state.tv-button--danger:active,
.feature-touch .tv-button--state.tv-button--danger:active {
  color: #ffffff;
  background-color: #ff173e;
}
.tv-button--state.tv-button--primary {
  color: #3bb3e4;
  background-color: transparent;
}
.tv-button--state.tv-button--primary.i-checked {
  color: #ffffff;
  background-color: #3bb3e4;
}
.feature-no-touch .tv-button--state.tv-button--primary:hover {
  color: #ffffff;
  background-color: #3babd8;
}
.feature-no-touch .tv-button--state.tv-button--primary:active,
.feature-touch .tv-button--state.tv-button--primary:active {
  color: #ffffff;
  background-color: #049ddc;
}
.tv-button--state.tv-button--secondary {
  color: #757575;
  background-color: transparent;
}
.tv-button--state.tv-button--secondary.i-checked {
  color: #757575;
  background-color: #e9eff2;
}
.feature-no-touch .tv-button--state.tv-button--secondary:hover {
  color: #757575;
  background-color: #dce6ea;
}
.feature-no-touch .tv-button--state.tv-button--secondary:active,
.feature-touch .tv-button--state.tv-button--secondary:active {
  color: #757575;
  background-color: #cfdce3;
}
.tv-button--state.tv-button--warning {
  color: #f89e30;
  background-color: transparent;
}
.tv-button--state.tv-button--warning.i-checked {
  color: #ffffff;
  background-color: #f89e30;
}
.feature-no-touch .tv-button--state.tv-button--warning:hover {
  color: #ffffff;
  background-color: #f79217;
}
.feature-no-touch .tv-button--state.tv-button--warning:active,
.feature-touch .tv-button--state.tv-button--warning:active {
  color: #ffffff;
  background-color: #d47807;
}
.tv-button--loader .tv-button__text {
  transition: opacity ease 0.175s, transform ease 0.175s;
}
.tv-button--loader.i-start-load .tv-button__text {
  opacity: 0;
  transform: translateY(-5px);
}
.tv-button--loader.i-loading .tv-button__text {
  opacity: 0;
  transform: translateY(5px);
}
.tv-button--loader.i-stop-load .tv-button__text {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.175s;
}
.tv-button__loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  opacity: 0;
  transition: opacity ease 0.35s;
}
.tv-button__loader:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.tv-button--loader.i-loading .tv-button__loader,
.tv-button--loader.i-start-load .tv-button__loader {
  opacity: 1;
}
.tv-button--loader.i-stop-load .tv-button__loader {
  opacity: 0;
}
.tv-button__loader-item {
  margin-right: 2px;
  margin-left: 2px;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  opacity: 0;
  border-radius: 100%;
  background-color: #ffffff;
  transform: translateY(12px) scale(0.6);
  transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s, opacity ease 0.35s;
}
.tv-button__loader-item:nth-child(2) {
  transition-delay: 0.11666667s;
}
.tv-button__loader-item:nth-child(3) {
  transition-delay: 0.23333333s;
}
.tv-button--default .tv-button__loader-item {
  background-color: #757575;
}
.tv-button--loader.i-loading .tv-button__loader-item,
.tv-button--loader.i-start-load .tv-button__loader-item {
  opacity: 1;
}
.tv-button--loader.i-stop-load .tv-button__loader-item {
  opacity: 0;
}
.tv-button--loader.i-loading .tv-button__loader-item,
.tv-button--loader.i-stop-load .tv-button__loader-item,
.tv-button--loader.i-start-load .tv-button__loader-item {
  transform: translateY(0) scale(0.6);
}
.tv-button--loader.i-loading .tv-button__loader-item,
.tv-button--loader.i-stop-load .tv-button__loader-item {
  animation: tv-button-loader 0.96s infinite cubic-bezier(0.42, 0, 0.58, 1) both;
}
.tv-button--loader.i-loading .tv-button__loader-item:nth-child(2),
.tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(2) {
  animation-delay: 0.151s;
}
.tv-button--loader.i-loading .tv-button__loader-item:nth-child(3),
.tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(3) {
  animation-delay: 0.32s;
}
.tv-button--no-border-radius {
  border-radius: 0;
}
.tv-button--no-border {
  border: none;
}
.tv-button--connect {
  border-radius: 0;
}
.tv-button--connect_left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tv-button--connect_right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@keyframes tv-button-loader {
  0%,
  100% {
    transform: scale(0.6);
  }
  50% {
    transform: scale(0.9);
  }
}
@media screen and (max-width: 767px) {
  .tv-button.tv-button--phone-compact {
    padding-left: 4px;
    padding-right: 4px;
  }
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
/* ------------------------ */
/* LESS mixin for CSS arrow */
/* ------------------------ */
/* Usage
 * .arrow(size, color, direction, offset, border-size, border-color);
 */
/* Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit");
 */
/* Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well
 */
.tv-search-row {
  width: 100%;
  position: relative;
  cursor: default;
  display: flex;
  border-bottom: 1px solid;
  border-bottom-color: #dadde0;
}
html.theme-dark .tv-search-row {
  border-bottom-color: #363c4e;
}
.tv-search-row__input {
  background-color: #ffffff;
  box-sizing: border-box;
  width: 100%;
  padding: 9px 50px 9px 60px;
  min-height: 50px;
  height: 50px;
  margin: 0;
  border: none;
}
html.theme-dark .tv-search-row__input {
  background-color: #1c2030;
}
@media screen and (max-width: 767px) {
  .tv-search-row__input {
    min-height: 34px;
    height: 34px;
    padding-left: 50px;
    padding-right: 40px;
  }
  .feature-touch .tv-search-row__input {
    min-height: 50px;
    height: 50px;
  }
}
.tv-search-row--without-controls .tv-search-row__input {
  padding-right: 30px;
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  .tv-search-row--without-controls .tv-search-row__input {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.tv-search-row__input-reset {
  top: 0;
  right: 16px;
  bottom: 0;
  width: 36px;
  position: absolute;
  text-align: center;
  opacity: 0.5;
  cursor: pointer;
  transition: opacity ease 0.35s;
}
.tv-search-row__input-reset:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.feature-no-touch .tv-search-row__input-reset:hover {
  opacity: 1;
  transition-duration: 0.06s;
}
.tv-search-row__input-reset svg {
  display: inline-block;
  fill: #4a4a4a;
  width: 9px;
  height: 9px;
  vertical-align: middle;
}
html.theme-dark .tv-search-row__input-reset svg {
  fill: #c5cbce;
}
@media screen and (max-width: 767px) {
  .tv-search-row__input-reset {
    right: 10px;
  }
}
.tv-search-row__search-icon {
  position: absolute;
  display: block;
  top: 50%;
  left: 30px;
  margin-top: -9px;
  opacity: 0.8;
  pointer-events: none;
  transition: opacity ease 0.35s;
}
@media screen and (max-width: 767px) {
  .tv-search-row__search-icon {
    left: 20px;
  }
}
.tv-search-row__search-icon svg {
  display: block;
  fill: #adaeb0;
  width: 18px;
  height: 18px;
  overflow: visible;
}
html.theme-dark .tv-search-row__search-icon svg {
  fill: #4f5966;
}
.tv-search-row--without-controls .tv-search-row__input-reset,
.tv-search-row--without-controls .tv-search-row__search-icon {
  display: none;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
/* ------------------------ */
/* LESS mixin for CSS arrow */
/* ------------------------ */
/* Usage
 * .arrow(size, color, direction, offset, border-size, border-color);
 */
/* Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit");
 */
/* Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well
 */
.tv-load-chart-dialog-table {
  padding: 14px 0 0;
}
@media screen and (max-width: 767px) {
  .tv-load-chart-dialog-table {
    padding: 5px 0;
  }
}
.tv-load-chart-dialog-table__column {
  padding: 6px 0 6px 0;
}
.feature-touch .tv-load-chart-dialog-table__column {
  padding-top: 8px;
  padding-bottom: 8px;
}
.tv-load-chart-dialog-table__column--item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.feature-no-touch .tv-load-chart-dialog-table__column--header:hover {
  color: #3babd8;
}
.tv-load-chart-dialog-table__column--header.i-active {
  color: #3898c2;
  font-weight: bold;
}
.tv-load-chart-dialog-table__column-wrapper {
  display: flex;
  width: 100%;
}
.tv-load-chart-dialog-table__column--header:not(.i-active) .tv-load-chart-dialog-table__caret {
  display: none;
}
.tv-load-chart-dialog-table__column--item {
  color: #4a4a4a;
}
html.theme-dark .tv-load-chart-dialog-table__column--item {
  color: #c5cbce;
}
.tv-load-chart-dialog-table__column--item:visited {
  color: #4a4a4a;
}
html.theme-dark .tv-load-chart-dialog-table__column--item:visited {
  color: #c5cbce;
}
.tv-load-chart-dialog-table__column-name {
  width: 50%;
  max-width: 50%;
}
@media screen and (max-width: 479px) {
  .tv-load-chart-dialog-table__column-name {
    width: 60%;
    max-width: 60%;
  }
}
.tv-load-chart-dialog-table__column-modified {
  width: 30%;
}
@media screen and (max-width: 479px) {
  .tv-load-chart-dialog-table__column-modified {
    display: none;
  }
}
.tv-load-chart-dialog-table__column-symbol {
  width: 20%;
  text-align: right;
}
@media screen and (max-width: 479px) {
  .tv-load-chart-dialog-table__column-symbol {
    width: 40%;
  }
}
.tv-load-chart-dialog-table__column-name .i-match,
.tv-load-chart-dialog-table__column-symbol .i-match {
  color: #3898c2;
  font-weight: bold;
}
.tv-load-chart-dialog-table__row {
  padding: 0 30px;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.tv-load-chart-dialog-table__row--header {
  color: #9b9b9b;
}
.tv-load-chart-dialog-table__row--item {
  padding-right: 8px;
  padding-left: 2px;
  margin: 1px 0 2px 0;
  transition: background-color ease 0.35s;
}
@media screen and (max-width: 767px) {
}
.feature-no-touch .tv-load-chart-dialog-table__row--item:hover {
  background-color: #f1f3f6;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .tv-load-chart-dialog-table__row--item:hover {
  background-color: #2f3241;
}
.tv-load-chart-dialog-table__row--item.i-active {
  background-color: #eff9ff;
}
html.theme-dark .tv-load-chart-dialog-table__row--item.i-active {
  background-color: #21384d;
}
.feature-no-touch .tv-load-chart-dialog-table__row--item.i-active:hover {
  background-color: #c6e9f8;
}
html.feature-no-touch.theme-dark .tv-load-chart-dialog-table__row--item.i-active:hover {
  background-color: #21384d;
}
.tv-load-chart-dialog-table__row--item-without-favs {
  padding-left: 30px;
}
.tv-load-chart-dialog-table__items-list-container {
  overflow-y: auto;
  height: 381px;
  margin-top: 5px;
}
.tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar-thumb {
  border: 1px solid;
  border-color: #f1f3f6;
  border-radius: 3px;
  background-color: #9db2bd;
}
html.theme-dark .tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar-thumb {
  background-color: #363c4e;
}
html.theme-dark .tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar-thumb {
  border-color: #1c2030;
}
.tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}
.tv-load-chart-dialog-table__empty-list-placeholder {
  display: none;
  color: #8a8a8a;
  font-style: italic;
  padding-top: 10px;
  text-align: center;
}
.tv-load-chart-dialog-table__items-list-container.i-empty
  .tv-load-chart-dialog-table__empty-list-placeholder {
  display: block;
}
.tv-load-chart-dialog-table__items-list {
  position: relative;
  width: 100%;
  padding-bottom: 15px;
}
.tv-load-chart-dialog-table__favorite-icon-container {
  display: flex;
}
.tv-load-chart-dialog-table__favorite-icon-container.i-starred
  .tv-load-chart-dialog-table__star-icon--empty {
  display: none;
}
.tv-load-chart-dialog-table__favorite-icon-container.i-starred
  .tv-load-chart-dialog-table__star-icon--filled {
  display: flex;
}
.tv-load-chart-dialog-table__star-icon {
  padding: 4px 6px;
}
.feature-touch .tv-load-chart-dialog-table__star-icon {
  padding-top: 8px;
  padding-bottom: 8px;
}
.tv-load-chart-dialog-table__star-icon--empty {
  display: flex;
}
.tv-load-chart-dialog-table__star-icon--filled {
  display: none;
}
.tv-load-chart-dialog-table__remove-icon {
  display: flex;
  padding: 9px 4px 9px 7px;
}
.feature-touch .tv-load-chart-dialog-table__remove-icon {
  padding-top: 13px;
  padding-bottom: 13px;
}
.tv-load-chart-dialog-table__remove-icon svg {
  width: 10px;
  height: 10px;
}
.tv-load-chart-dialog-table__favorite-icon-container,
.tv-load-chart-dialog-table__remove-icon {
  visibility: hidden;
}
.feature-touch .tv-load-chart-dialog-table__favorite-icon-container,
.feature-touch .tv-load-chart-dialog-table__remove-icon {
  visibility: visible;
}
.tv-load-chart-dialog-table__favorite-icon-container svg,
.tv-load-chart-dialog-table__remove-icon svg {
  opacity: 0.5;
  fill: #758696;
  transition: opacity ease 0.35s;
}
.feature-touch .tv-load-chart-dialog-table__favorite-icon-container svg,
.feature-touch .tv-load-chart-dialog-table__remove-icon svg {
  opacity: 0.7;
}
.tv-load-chart-dialog-table__favorite-icon-container.i-starred,
.feature-no-touch
  .tv-load-chart-dialog-table__row--item:hover
  .tv-load-chart-dialog-table__favorite-icon-container,
.feature-no-touch
  .tv-load-chart-dialog-table__row--item:hover
  .tv-load-chart-dialog-table__remove-icon {
  visibility: visible;
}
.feature-no-touch .tv-load-chart-dialog-table__favorite-icon-container.i-starred:hover svg,
.feature-no-touch
  .tv-load-chart-dialog-table__row--item:hover
  .tv-load-chart-dialog-table__favorite-icon-container:hover
  svg,
.feature-no-touch
  .tv-load-chart-dialog-table__row--item:hover
  .tv-load-chart-dialog-table__remove-icon:hover
  svg {
  opacity: 1;
  transition-duration: 0.06s;
}

/**
 * Carret. Use it for dropdowns
 */
/**
 * Transitions variables and mixins
 */
.caret-3_GTxtct- {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  transition: transform ease 0.35s;
}
.caretRotate-98O6Gi4f- {
  transform: rotate(-180deg);
  will-change: transform;
  transition-duration: 0.33;
}
.caretSmall-1vg6w8eZ- {
  margin-left: 3px;
  border-top-width: 3px;
  border-right-width: 3px;
  border-left-width: 3px;
}
.caretColorTransition-1y-c2tgp- {
  transition: transform ease 0.35s, color ease 0.35s;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.inputWrapper-6bNZbTW4- {
  display: flex;
  flex-grow: 1;
  position: relative;
  border-radius: 2px 2px 2px 2px;
}
.textInput-3WRWEmm7- {
  background-color: #ffffff;
  border: 1px solid;
  box-sizing: border-box;
  color: #535353;
  display: flex;
  font-size: 13px;
  height: 34px;
  padding: 0 12px;
  transition: border-color 0.35s ease 0s, background-color 0.35s ease 0s;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: inherit;
  border-color: #dadde0;
  flex: 1;
}
html.theme-dark .textInput-3WRWEmm7- {
  border-color: #363c4e;
}
html.theme-dark .textInput-3WRWEmm7- {
  color: #f2f3f5;
}
html.theme-dark .textInput-3WRWEmm7- {
  background-color: #131722;
}
.textInput-3WRWEmm7-::-webkit-input-placeholder {
  color: #adaeb0;
  opacity: 1;
}
.textInput-3WRWEmm7-:-ms-input-placeholder {
  color: #adaeb0;
  opacity: 1;
}
.textInput-3WRWEmm7-::-ms-input-placeholder {
  color: #adaeb0;
  opacity: 1;
}
.textInput-3WRWEmm7-::placeholder {
  color: #adaeb0;
  opacity: 1;
}
html.theme-dark .textInput-3WRWEmm7-::-webkit-input-placeholder {
  color: #4f5966;
}
html.theme-dark .textInput-3WRWEmm7-:-ms-input-placeholder {
  color: #4f5966;
}
html.theme-dark .textInput-3WRWEmm7-::-ms-input-placeholder {
  color: #4f5966;
}
html.theme-dark .textInput-3WRWEmm7-::placeholder {
  color: #4f5966;
}
.feature-no-touch .textInput-3WRWEmm7-[readonly]:hover,
.feature-no-touch .textInput-3WRWEmm7-[readonly]:focus,
.feature-touch .textInput-3WRWEmm7-[readonly]:focus,
.textInput-3WRWEmm7-[readonly] {
  border-color: #dadde0;
  color: #8a8a8a;
}
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[readonly]:hover,
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[readonly]:focus,
html.feature-touch.theme-dark .textInput-3WRWEmm7-[readonly]:focus,
html.theme-dark .textInput-3WRWEmm7-[readonly] {
  color: #758696;
}
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[readonly]:hover,
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[readonly]:focus,
html.feature-touch.theme-dark .textInput-3WRWEmm7-[readonly]:focus,
html.theme-dark .textInput-3WRWEmm7-[readonly] {
  border-color: #363c4e;
}
.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover,
.textInput-3WRWEmm7-[disabled] {
  color: #ececec;
  border-color: #ececec;
  background-color: #ffffff;
  cursor: auto;
}
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover,
html.theme-dark .textInput-3WRWEmm7-[disabled] {
  background-color: #131722;
}
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover,
html.theme-dark .textInput-3WRWEmm7-[disabled] {
  border-color: #262b3e;
}
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover,
html.theme-dark .textInput-3WRWEmm7-[disabled] {
  color: #262b3e;
}
.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover::-webkit-input-placeholder,
.textInput-3WRWEmm7-[disabled]::-webkit-input-placeholder {
  color: #ececec;
}
.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover:-ms-input-placeholder,
.textInput-3WRWEmm7-[disabled]:-ms-input-placeholder {
  color: #ececec;
}
.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover::-ms-input-placeholder,
.textInput-3WRWEmm7-[disabled]::-ms-input-placeholder {
  color: #ececec;
}
.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover::placeholder,
.textInput-3WRWEmm7-[disabled]::placeholder {
  color: #ececec;
}
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover::-webkit-input-placeholder,
html.theme-dark .textInput-3WRWEmm7-[disabled]::-webkit-input-placeholder {
  color: #262b3e;
}
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover:-ms-input-placeholder,
html.theme-dark .textInput-3WRWEmm7-[disabled]:-ms-input-placeholder {
  color: #262b3e;
}
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover::-ms-input-placeholder,
html.theme-dark .textInput-3WRWEmm7-[disabled]::-ms-input-placeholder {
  color: #262b3e;
}
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover::placeholder,
html.theme-dark .textInput-3WRWEmm7-[disabled]::placeholder {
  color: #262b3e;
}
.textInput-3WRWEmm7-.error-v0663AtN-,
.feature-no-touch .textInput-3WRWEmm7-.error-v0663AtN-:hover,
.textInput-3WRWEmm7-.error-v0663AtN-[readonly],
.textInput-3WRWEmm7-.error-v0663AtN-[disabled] {
  border-color: #f24965 !important;
}
.textInput-3WRWEmm7-.success-7iP8kTY5-,
.feature-no-touch .textInput-3WRWEmm7-.success-7iP8kTY5-:hover,
.textInput-3WRWEmm7-.success-7iP8kTY5-[readonly],
.textInput-3WRWEmm7-.success-7iP8kTY5-[disabled] {
  border-color: #38b395 !important;
}
.feature-no-touch .textInput-3WRWEmm7-:hover {
  border-color: #c8c8c8;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-:hover {
  border-color: #4c525e;
}
.feature-no-touch .textInput-3WRWEmm7-:focus,
.feature-touch .textInput-3WRWEmm7-:focus {
  border-color: #3bb3e4 !important;
  transition-duration: 0.06s;
}
.textInput-3WRWEmm7-.textInputLeftDirection-mlAXPh8V- {
  /*!rtl:ignore*/
  text-align: left;
  /*!rtl:ignore*/
  direction: ltr;
}
.xsmall-3Ah_Or2-- {
  height: 19px;
}
.small-2bmxiJCE- {
  height: 27px;
}
.large-1JDowW2I- {
  height: 48px;
}
.iconed-3ZQvxTot- .textInput-3WRWEmm7- {
  padding-left: 30px;
}
.iconed-3ZQvxTot- .inputIcon-W_Bse-a1- {
  opacity: 0.4;
}
.iconed-3ZQvxTot- .inputIcon-W_Bse-a1- svg {
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  margin: 10px 0 0 10px;
  fill: #4a4a4a;
  stroke: #4a4a4a;
}
.clearable-2tabt_rj- .textInput-3WRWEmm7- {
  display: inline-block;
  width: 100%;
}
.clearable-2tabt_rj- .clearIcon-389FR5J4- {
  display: inline-flex;
  position: absolute;
  right: 12px;
  top: 10px;
  cursor: pointer;
  opacity: 0.4;
}
.clearable-2tabt_rj- .clearIcon-389FR5J4- svg {
  max-width: 16px;
  height: 16px;
  fill: #4a4a4a;
  stroke: #4a4a4a;
}
.grouped-34HX1lDr-:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.grouped-34HX1lDr- + .grouped-34HX1lDr- {
  margin-left: -1px;
}
.grouped-34HX1lDr-:first-child {
  margin-left: 0;
}
.grouped-34HX1lDr-:not(:last-child) {
  border-radius: 2px 0 0 2px;
}
.grouped-34HX1lDr-:not(:first-child) {
  border-radius: 0 2px 2px 0;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.autocomplete-S6SpJGmW- {
  flex: 1 1 auto;
  position: relative;
}
.autocomplete-S6SpJGmW- .caret-3fqF_ykE- {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #dadde0;
  border-left: none;
  width: 40px;
  padding: 0;
  text-align: center;
  opacity: 0.4;
  cursor: pointer;
}
html.theme-dark .autocomplete-S6SpJGmW- .caret-3fqF_ykE- {
  border-color: #363c4e;
}
.feature-no-touch .autocomplete-S6SpJGmW- .caret-3fqF_ykE-:hover {
  opacity: 1;
}
.autocomplete-S6SpJGmW- .caret-3fqF_ykE- .icon-1POgzoN_- {
  margin: 0;
}
.autocomplete-S6SpJGmW- .textInput-1mZnCCcA- input {
  padding-right: 52px;
}
.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- {
  position: absolute;
  background-color: #ffffff;
  border-radius: 3px;
  font-size: 13px;
  padding: 10px 0;
  outline: 0;
  box-shadow: rgba(0, 0, 0, 0.275) 0 1px 2px 1px;
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  max-height: 0;
  z-index: 150;
}
html.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- {
  background-color: #2f3241;
}
.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-,
.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .noResults-1pgHgvGL- {
  position: relative;
  white-space: nowrap;
  padding: 10px 15px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf- {
  cursor: pointer;
}
.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-.selected-3wOAQHl8- {
  color: #4a4a4a;
  background-color: #eafafe;
}
html.theme-dark
  .autocomplete-S6SpJGmW-
  .suggestions-NOVMFmSY-
  .suggestion-3xakscNf-.selected-3wOAQHl8- {
  background-color: #21384d;
}
html.theme-dark
  .autocomplete-S6SpJGmW-
  .suggestions-NOVMFmSY-
  .suggestion-3xakscNf-.selected-3wOAQHl8- {
  color: #758696;
}
.feature-no-touch .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:hover {
  color: #4a4a4a;
  background-color: #f2f2f2;
}
html.feature-no-touch.theme-dark
  .autocomplete-S6SpJGmW-
  .suggestions-NOVMFmSY-
  .suggestion-3xakscNf-:hover {
  background-color: #1c2030;
}
html.feature-no-touch.theme-dark
  .autocomplete-S6SpJGmW-
  .suggestions-NOVMFmSY-
  .suggestion-3xakscNf-:hover {
  color: #758696;
}
.feature-no-touch .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:active,
.feature-touch .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:active {
  color: #4a4a4a;
  background-color: #ececec;
}
html.feature-no-touch.theme-dark
  .autocomplete-S6SpJGmW-
  .suggestions-NOVMFmSY-
  .suggestion-3xakscNf-:active,
html.feature-touch.theme-dark
  .autocomplete-S6SpJGmW-
  .suggestions-NOVMFmSY-
  .suggestion-3xakscNf-:active {
  background-color: #262b3e;
}
html.feature-no-touch.theme-dark
  .autocomplete-S6SpJGmW-
  .suggestions-NOVMFmSY-
  .suggestion-3xakscNf-:active,
html.feature-touch.theme-dark
  .autocomplete-S6SpJGmW-
  .suggestions-NOVMFmSY-
  .suggestion-3xakscNf-:active {
  color: #758696;
}
.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .noResults-1pgHgvGL- {
  color: #8a8a8a;
}
html.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .noResults-1pgHgvGL- {
  color: #758696;
}
.autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY- {
  visibility: visible;
  max-height: 45vh;
}
.autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY-::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY-::-webkit-scrollbar-thumb {
  border: 1px solid;
  border-color: #f1f3f6;
  border-radius: 3px;
  background-color: #9db2bd;
}
html.theme-dark
  .autocomplete-S6SpJGmW-.opened-2C-bn3cP-
  .suggestions-NOVMFmSY-::-webkit-scrollbar-thumb {
  background-color: #363c4e;
}
html.theme-dark
  .autocomplete-S6SpJGmW-.opened-2C-bn3cP-
  .suggestions-NOVMFmSY-::-webkit-scrollbar-thumb {
  border-color: #1c2030;
}
.autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY-::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}

@keyframes highlight-animation {
  0% {
    background: transparent;
  }
  to {
    background: #fff2cf;
  }
}
@keyframes highlight-animation-theme-dark {
  0% {
    background: transparent;
  }
  to {
    background: #194453;
  }
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
/* ------------------------ */
/* LESS mixin for CSS arrow */
/* ------------------------ */
/* Usage
 * .arrow(size, color, direction, offset, border-size, border-color);
 */
/* Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit");
 */
/* Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well
 */
.tv-insert-study-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 1px;
  font-size: 13px;
  cursor: pointer;
}
.tv-insert-study-item.i-grayed {
  color: #b4b4b4;
}
.feature-no-touch .tv-insert-study-item:not(.tv-insert-study-item--subgroup-header):hover {
  transition-duration: 0.06s;
  background-color: #f2f3f5;
}
html.feature-no-touch.theme-dark
  .tv-insert-study-item:not(.tv-insert-study-item--subgroup-header):hover {
  background-color: #2f3241;
}
.feature-no-touch .tv-insert-study-item:hover .tv-insert-study-item__buttons {
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .tv-insert-study-item {
    padding-right: 12px;
    padding-left: 10px;
  }
}
.tv-insert-study-item.i-without-stars {
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  .tv-insert-study-item.i-without-stars {
    padding-left: 20px;
  }
}
.tv-insert-study-item--selected {
  transition-duration: 0.06s;
  background-color: #eff9ff;
}
html.theme-dark .tv-insert-study-item--selected {
  background-color: #21384d;
}
.tv-insert-study-item--subgroup-header {
  cursor: default;
  font-weight: bold;
  color: #adaeb0;
  margin-top: 5px;
  padding-bottom: 5px;
  padding-left: 27px;
}
@media screen and (max-width: 767px) {
  .tv-insert-study-item--subgroup-header {
    padding-left: 36px;
  }
}
.tv-insert-study-item__favorite-icon {
  padding: 6px 5px 6px 5px;
  margin: 1px 0 2px 0;
  flex-shrink: 0;
  visibility: hidden;
  opacity: 0.5;
  transition: opacity ease 0.35s;
}
.tv-insert-study-item__favorite-icon.i-starred {
  visibility: visible;
}
.feature-no-touch .tv-insert-study-item__favorite-icon:hover {
  opacity: 1;
}
.feature-touch .tv-insert-study-item__favorite-icon {
  padding-top: 5px;
  padding-bottom: 5px;
}
.feature-no-touch .tv-insert-study-item:hover .tv-insert-study-item__favorite-icon {
  visibility: visible;
}
.feature-touch .tv-insert-study-item__favorite-icon {
  visibility: visible;
}
.tv-insert-study-item__star {
  display: flex;
}
.tv-insert-study-item__star svg {
  fill: #4a4a4a;
}
html.theme-dark .tv-insert-study-item__star svg {
  fill: #c5cbce;
}
.tv-insert-study-item__star--filled {
  display: none;
}
.tv-insert-study-item__favorite-icon.i-starred .tv-insert-study-item__star--filled {
  display: flex;
}
.tv-insert-study-item__favorite-icon.i-starred .tv-insert-study-item__star--empty {
  display: none;
}
.tv-insert-study-item__title {
  padding: 6px 5px 6px 5px;
  margin: 1px 0 2px 0;
  display: flex;
  align-items: center;
  flex-grow: 1;
  min-width: 0;
  padding-left: 0;
}
.tv-insert-study-item__title-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tv-insert-study-item__title-text .i-match {
  color: #3898c2;
  font-weight: bold;
}
.tv-insert-study-item__version {
  margin-left: 5px;
  color: #757575;
}
.tv-insert-study-item__strategy-icon {
  display: flex;
  margin-left: 5px;
}
.tv-insert-study-item__strategy-icon,
.tv-insert-study-item__strategy-icon svg {
  width: 12px;
  height: 7px;
}
.tv-insert-study-item__red-lock-icon {
  display: flex;
  margin-left: 5px;
  fill: #ff4a68;
}
.tv-insert-study-item__red-lock-icon,
.tv-insert-study-item__red-lock-icon svg {
  width: 12px;
  height: 10px;
}
.tv-insert-study-item__green-lock-icon {
  display: flex;
  margin-left: 5px;
  fill: #3cbc98;
}
.tv-insert-study-item__green-lock-icon,
.tv-insert-study-item__green-lock-icon svg {
  width: 12px;
  height: 10px;
}
.tv-insert-study-item__author {
  padding: 6px 5px 6px 5px;
  margin: 1px 0 2px 0;
  max-width: 13%;
  min-width: 13%;
  margin-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tv-insert-study-item__author a {
  color: #3bb3e4;
  transition: color ease 0.35s;
}
html.theme-dark .tv-insert-study-item__author a {
  color: #299dcd;
}
.tv-insert-study-item__author a:visited {
  color: #3bb3e4;
  fill: #3bb3e4;
}
html.theme-dark .tv-insert-study-item__author a:visited {
  fill: #299dcd;
}
html.theme-dark .tv-insert-study-item__author a:visited {
  color: #299dcd;
}
.feature-no-touch .tv-insert-study-item__author a:hover {
  color: #3babd8;
  fill: #3babd8;
  transition-duration: 0.06s;
}
.feature-no-touch .tv-insert-study-item__author a:active,
.feature-touch .tv-insert-study-item__author a:active {
  color: #049ddc;
  fill: #049ddc;
  transition-duration: 0.06s;
}
.tv-insert-study-item__author.i-empty {
  visibility: hidden;
}
.tv-insert-study-item__likes {
  padding: 6px 5px 6px 5px;
  margin: 1px 0 2px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  max-width: 12%;
  min-width: 12%;
}
.tv-insert-study-item__likes.i-empty {
  visibility: hidden;
}
.tv-insert-study-item__buttons {
  display: flex;
  visibility: hidden;
}
@media screen and (max-width: 1019px) {
  .tv-insert-study-item__buttons {
    visibility: visible;
  }
}
.feature-touch .tv-insert-study-item__buttons {
  visibility: visible;
}
.tv-insert-study-item__btn {
  padding: 6px 5px 6px 5px;
  margin: 1px 0 2px 0;
  display: flex;
  align-items: center;
  transition: opacity ease 0.35s;
  opacity: 0.5;
}
.tv-insert-study-item__btn svg {
  fill: #758696;
  width: 22px;
  height: 11px;
}
.feature-no-touch .tv-insert-study-item__btn:hover {
  opacity: 1;
}
.feature-touch .tv-insert-study-item__btn {
  margin: 0;
}
.tv-insert-study-item__show-source-btn {
  padding-left: 12px;
}
.tv-insert-study-item__show-source-btn.i-empty {
  visibility: hidden;
}
@media only screen and (max-width: 600px), only screen and (max-height: 440px) {
  .tv-insert-study-item__show-source-btn {
    display: none;
  }
}
.tv-insert-study-item__show-more-btn svg {
  fill: #757575;
  width: 13px;
  height: 3px;
}
.feature-touch .tv-insert-study-item__show-more-btn {
  padding-top: 8px;
}
.feature-touch .tv-insert-study-item__delete-btn {
  padding-top: 8px;
}
.tv-insert-study-item__delete-btn,
.tv-insert-study-item__show-more-btn {
  padding-right: 12px;
}
.tv-insert-study-item__delete-btn svg,
.tv-insert-study-item__show-more-btn svg {
  fill: #757575;
  width: 10px;
  height: 10px;
}
@media only screen and (max-width: 660px) {
  .tv-insert-study-item__likes,
  .tv-insert-study-item__author {
    display: none;
  }
}
.tv-insert-indicator-dialog {
  /*
  .filter-control {
    display: inline-block;
    position: relative;
    margin-right: 12px;
    float: right;
    cursor: pointer;

    @media @media-phone {
      margin-right: 15px;
    }

    &:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: -12px;
      border-color: inherit;
      border-style: solid;
      border-width: 4px;
      border-left-color: transparent;
      border-right-color: transparent;
      border-bottom-width: 0;
    }

    &.active {
      color: #4AB2DC;
      border-color: #4AB2DC;
    }
  }
  */
}
.tv-insert-indicator-dialog__body {
  display: flex;
}
.tv-insert-indicator-dialog__title-container {
  display: flex;
  align-items: center;
  position: relative;
  transition: padding-left ease 0.175s;
}
@media screen and (max-width: 479px) {
  .tv-insert-indicator-dialog__title-container.i-with-back-button {
    padding-left: 45px;
  }
}
.tv-insert-indicator-dialog__title-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tv-insert-indicator-dialog__back-button {
  position: absolute;
  left: 5px;
  top: calc(50% - 18px);
  cursor: pointer;
  display: none;
  padding: 10px;
}
.tv-insert-indicator-dialog__back-button svg {
  width: 12px;
  height: 12px;
  transform: scale(1);
}
@media screen and (max-width: 479px) {
  .tv-insert-indicator-dialog__title-container.i-with-back-button
    .tv-insert-indicator-dialog__back-button {
    display: flex;
  }
}
.tv-insert-indicator-dialog__left-panel {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 222px;
  height: 100%;
  border-right: 1px solid;
  border-right-color: #dadde0;
  box-sizing: border-box;
}
html.theme-dark .tv-insert-indicator-dialog__left-panel {
  border-right-color: #363c4e;
}
@media screen and (max-width: 479px) {
  .tv-insert-indicator-dialog__left-panel {
    border-right: none;
    width: 100%;
  }
}
.tv-insert-indicator-dialog.i-minimized .tv-insert-indicator-dialog__left-panel {
  display: none;
}
.tv-insert-indicator-dialog__left-panel-content-wrapper {
  display: flex;
  overflow: hidden;
  position: relative;
  height: 100%;
}
@media screen and (max-width: 479px) {
  .tv-insert-indicator-dialog__left-panel-content-wrapper {
    width: 100%;
  }
}
.tv-insert-indicator-dialog__search-control {
  background-color: #ffffff;
  flex-shrink: 0;
}
html.theme-dark .tv-insert-indicator-dialog__search-control {
  background-color: #1c2030;
}
.tv-insert-indicator-dialog__search-control input {
  background-color: #ffffff;
}
html.theme-dark .tv-insert-indicator-dialog__search-control input {
  background-color: #1c2030;
}
.tv-insert-indicator-dialog__tabs-viewport {
  position: relative;
  width: 100%;
  line-height: 1;
}
.tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-body {
  border: 0;
  background: #d8d8d8;
  width: 6px;
}
html.theme-dark .tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-body {
  background: #4f5966;
}
.tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-top,
.tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-bottom {
  display: none;
}
.tv-insert-indicator-dialog__tabs-viewport.i-scrollable {
  overflow: hidden;
}
.feature-touch .tv-insert-indicator-dialog__tabs-viewport.i-scrollable {
  overflow-x: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 479px) {
  .tv-insert-indicator-dialog__tabs-viewport {
    position: absolute;
    transform: translateX(-100%);
    visibility: hidden;
    transition: visibility ease 0s 0.0875s, transform ease 0.175s;
  }
  .tv-insert-indicator-dialog__tabs-viewport.i-active {
    transform: translateX(0);
    visibility: visible;
    transition-delay: 0s, 0s;
  }
}
.tv-insert-indicator-dialog__tabs-container {
  position: relative;
  width: 100%;
  padding: 12px 0;
}
.tv-insert-indicator-dialog__tab {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  cursor: pointer;
  padding: 8px 10px 8px 30px;
  transition: background-color ease 0.35s;
}
.feature-touch .tv-insert-indicator-dialog__tab {
  padding-top: 11px;
  padding-bottom: 11px;
}
@media screen and (max-width: 767px) {
  .tv-insert-indicator-dialog__tab {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.feature-no-touch .tv-insert-indicator-dialog__tab:hover {
  background-color: #f2f3f5;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .tv-insert-indicator-dialog__tab:hover {
  background-color: #2f3241;
}
.tv-insert-indicator-dialog__tab.i-active {
  background-color: #eafafe;
}
html.theme-dark .tv-insert-indicator-dialog__tab.i-active {
  background-color: #21384d;
}
.tv-insert-indicator-dialog__tab--beta:after {
  content: 'Beta';
  position: relative;
  margin-left: 4px;
  top: -3px;
  font-size: 10px;
  font-style: italic;
  color: #00a97f;
}
.tv-insert-indicator-dialog__tab--group-head {
  position: relative;
}
.feature-no-touch .tv-insert-indicator-dialog__tab--group-head:hover {
  background: none;
}
.tv-insert-indicator-dialog__tabs {
  overflow: hidden;
  margin-left: 33px;
  border-left: 1px solid;
  border-left-color: #dadde0;
}
html.theme-dark .tv-insert-indicator-dialog__tabs {
  border-left-color: #363c4e;
}
@media screen and (max-width: 767px) {
  .tv-insert-indicator-dialog__tabs {
    margin-left: 23px;
  }
}
.tv-insert-indicator-dialog__tabs .tv-insert-indicator-dialog__tab {
  padding-left: 11px;
}
.tv-insert-indicator-dialog__right-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% - 222px);
  height: 100%;
}
.tv-insert-indicator-dialog.i-minimized .tv-insert-indicator-dialog__right-panel {
  width: 100%;
}
.tv-insert-indicator-dialog__pages {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
}
.tv-insert-indicator-dialog__pages::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.tv-insert-indicator-dialog__pages::-webkit-scrollbar-thumb {
  border: 1px solid;
  border-color: #f1f3f6;
  border-radius: 3px;
  background-color: #9db2bd;
}
html.theme-dark .tv-insert-indicator-dialog__pages::-webkit-scrollbar-thumb {
  background-color: #363c4e;
}
html.theme-dark .tv-insert-indicator-dialog__pages::-webkit-scrollbar-thumb {
  border-color: #1c2030;
}
.tv-insert-indicator-dialog__pages::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}
@media screen and (max-width: 479px) {
  .tv-insert-indicator-dialog:not(.i-minimized) .tv-insert-indicator-dialog__pages {
    position: absolute;
    transform: translateX(100%);
    visibility: hidden;
    transition: visibility ease 0s 0.0875s, transform ease 0.175s;
  }
  .tv-insert-indicator-dialog:not(.i-minimized) .tv-insert-indicator-dialog__pages.i-active {
    transform: translateX(0);
    visibility: visible;
    transition-delay: 0s, 0s;
  }
}
.tv-insert-indicator-dialog__page {
  display: flex;
  min-height: calc(100% - 14px);
  flex-shrink: 0;
  padding-top: 14px;
}
.tv-insert-indicator-dialog__page--without-top-padding {
  padding-top: 0;
  min-height: 100%;
}
.tv-insert-indicator-dialog__page--offer-with-studies {
  align-items: stretch;
}
.tv-insert-indicator-dialog__page--no-flex {
  display: block;
}
.tv-insert-indicator-dialog__page--search {
  flex-direction: column;
}
@media screen and (max-width: 479px) {
  .tv-insert-indicator-dialog__tabs-group--marketplace {
    display: none;
  }
}
.tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__items-list {
  padding-top: 14px;
  width: 190px;
}
@media screen and (max-width: 767px) {
  .tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__items-list {
    width: 100%;
  }
}
.tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__offer-content {
  width: calc(100% - 190px);
  background-color: #f1f3f6;
}
html.theme-dark
  .tv-insert-indicator-dialog__page--offer-with-studies
  .tv-insert-indicator-dialog__offer-content {
  background-color: #262b3e;
}
@media screen and (max-width: 767px) {
  .tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__offer-content {
    display: none;
  }
}
.tv-insert-indicator-dialog__offer-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.tv-insert-indicator-dialog__economy-content {
  padding: 10px 30px;
}
@media screen and (max-width: 767px) {
  .tv-insert-indicator-dialog__economy-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.tv-insert-indicator-dialog__items-list {
  width: 100%;
}
.tv-insert-indicator-dialog__subgroup {
  margin-bottom: 15px;
}
.tv-insert-indicator-dialog__fundamentals-column {
  width: 100%;
  float: left;
}
@media only screen and (min-width: 675px) {
  .tv-insert-indicator-dialog__fundamentals-column--popular {
    width: 50%;
  }
}
.tv-insert-indicator-dialog__fundamentals-column--all {
  border-top: 1px solid;
  border-color: #dadde0;
  padding-top: 15px;
  margin-top: 5px;
}
html.theme-dark .tv-insert-indicator-dialog__fundamentals-column--all {
  border-color: #363c4e;
}
.tv-insert-indicator-dialog__scripts-logo svg {
  fill: #758696;
  width: 233px;
  height: 128px;
}
.tv-insert-indicator-dialog__create-script-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .tv-insert-indicator-dialog__create-script-container {
    padding: 0 20px;
  }
}
.tv-insert-indicator-dialog__create-script-message {
  font-size: 19px;
  color: #4a4a4a;
  text-align: center;
  padding: 30px 0;
  line-height: 1.5;
  width: 100%;
}
html.theme-dark .tv-insert-indicator-dialog__create-script-message {
  color: #c5cbce;
}
.tv-insert-indicator-dialog__not-found-message {
  padding: 20px 30px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .tv-insert-indicator-dialog__not-found-message {
    padding: 20px 20px;
  }
}

/**
 * Carret. Use it for dropdowns
 */
/**
 * Transitions variables and mixins
 */
/* ------------------------ */
/* LESS mixin for CSS arrow */
/* ------------------------ */
/* Usage
 * .arrow(size, color, direction, offset, border-size, border-color);
 */
/* Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit");
 */
/* Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well
 */
.tv-caret {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: currentColor transparent transparent transparent;
  margin-left: 5px;
  vertical-align: middle;
  transition: transform ease 0.35s;
}
.tv-caret--strict {
  /* will be rotated only if has '.i-dropped' itself, not parent */
}
.active .tv-caret,
.tv-caret--strict.i-dropped,
.i-dropped .tv-caret:not(.tv-caret--strict) {
  transform: rotate(-180deg);
  will-change: transform;
  transition-duration: 0.33;
}
.tv-caret--small {
  margin-left: 3px;
  margin-right: -1px;
  border-top-width: 3px;
  border-right-width: 3px;
  border-left-width: 3px;
}
.tv-caret--colored {
  transition: transform ease 0.35s, color ease 0.35s;
}
.tv-caret--no-margin {
  margin-left: 0px;
}

.tv-exit-fullscreen-button {
  z-index: 16;
  position: fixed;
  top: -1px;
  left: 50%;
  opacity: 0.6;
  background: #ffffff;
  color: #848487;
  border-radius: 0 0 3px 3px;
  border: 1px solid #c9cbcd;
  font-size: 11px;
  width: 116px;
  font-weight: bold;
  padding: 2px 4px;
  cursor: default;
  margin: 0 0 0 -59px;
}
.feature-no-touch .tv-exit-fullscreen-button:hover {
  opacity: 1;
}

.pane {
  overflow: hidden;
  cursor: url(crosshair.6c091f7d5427d0c5e6d9dc3a90eb2b20.cur), crosshair;
}
.pane--cursor-pointer {
  cursor: pointer;
}
.pane--cursor-eraser {
  cursor: url(eraser.0579d40b812fa2c3ffe72e5803a6e14c.cur), default;
}
.pane--cursor-dot {
  cursor: url(dot.ed68e83c16f77203e73dbc4c3a7c7fa1.cur), default;
}
.pane--cursor-default {
  cursor: default;
}
.pane--cursor-grabbing {
  cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.pane--cursor-zoom-in {
  cursor: url(zoom.e21f24dd632c7069139bc47ae89c54b5.cur), default;
  cursor: zoom-in;
}
.pane--cursor-ns-resize {
  cursor: ns-resize;
}

.custom-select {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  height: 27px;
}
.custom-select .switcher {
  background: #f1f3f6;
  border: 1px solid;
  border-color: #dadde0;
  clear: both;
  height: 25px;
  min-width: 65px;
}
html.theme-dark .custom-select .switcher {
  border-color: #363c4e;
}
html.theme-dark .custom-select .switcher {
  background: #2f3241;
}
.custom-select .switcher .title {
  display: block;
  float: left;
  background-repeat: repeat-x;
  height: 10px;
  overflow: hidden;
  padding: 5px 20px 5px 12px;
  vertical-align: middle;
  width: 78px;
}
.custom-select .switcher .icon {
  display: flex;
  align-items: center;
  position: absolute;
  right: 5px;
  top: 6px;
  height: 15px;
  width: 13px;
  cursor: default;
  background: none;
}
.custom-select .switcher .icon:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: currentColor transparent transparent transparent;
  margin-left: 5px;
  color: #4a4a4a;
  vertical-align: middle;
  transition: transform ease 0.35s;
}
html.theme-dark .custom-select .switcher .icon:before {
  color: #c5cbce;
}
.custom-select .items {
  position: absolute;
  z-index: 3;
  background: #ffffff;
  border: 1px solid;
  border-color: #dadde0;
  clear: both;
  cursor: pointer;
  top: 28px;
  box-sizing: border-box;
  width: 100%;
}
html.theme-dark .custom-select .items {
  border-color: #363c4e;
}
html.theme-dark .custom-select .items {
  background: #131722;
}
.custom-select .items .item {
  cursor: pointer;
  padding: 7px 12px;
}
.feature-no-touch .custom-select .items .item:hover {
  background: #f1f3f6;
}
html.feature-no-touch.theme-dark .custom-select .items .item:hover {
  background: #2f3241;
}
.custom-select .items .item.selected {
  padding-left: 8px;
  background: #f1f3f6;
  border-left: 4px solid #5cb888;
}
html.theme-dark .custom-select .items .item.selected {
  background: #2f3241;
}

.tv-line-style-option {
  height: 15px;
  background: none 0 7px repeat-x;
}
.tv-line-style-option--solid {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23797979' height='2' width='2'%3E%3Cpath d='m0 0h2v2H0z'/%3E%3C/svg%3E");
}
.tv-line-style-option--dotted {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23797979' height='2' width='3'%3E%3Cpath d='m0 0h2v2H0z'/%3E%3C/svg%3E");
}
.tv-line-style-option--dashed {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23797979' height='2' width='13'%3E%3Cpath d='m0 0h9v2H0z'/%3E%3C/svg%3E");
}

.price-axis {
  cursor: default;
}
.price-axis--cursor-grabbing {
  cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.price-axis--cursor-ns-resize {
  cursor: ns-resize;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.tv-floating-toolbar {
  display: flex;
  position: absolute !important;
  align-items: stretch;
  flex-direction: column;
  opacity: 1;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s,
    opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
  border-radius: 1px;
  border: 1px solid;
  border-color: #e6eaef;
}
html.theme-dark .tv-floating-toolbar {
  border-color: #363c4e;
}
html.theme-dark .tv-floating-toolbar {
  background-color: #1c2030;
}
html.theme-dark .tv-floating-toolbar {
  box-shadow: #000000 0 2px 4px 0;
}
.tv-floating-toolbar.i-closed {
  transform: scale(0.925);
  opacity: 0;
  pointer-events: none;
}
.tv-floating-toolbar.i-vertical {
  height: auto;
  min-width: 37px;
}
.tv-floating-toolbar__widget-wrapper {
  display: flex;
}
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget-wrapper {
  flex-direction: column;
}
.tv-floating-toolbar__drag {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move;
  cursor: -webkit-grab;
  cursor: grab;
  width: 14px;
}
.feature-touch .tv-floating-toolbar__drag {
  width: 20px;
}
.tv-floating-toolbar__drag svg {
  width: 6px;
  height: 12px;
  fill: #dadde0;
}
.tv-floating-toolbar.ui-draggable-dragging .tv-floating-toolbar__drag {
  cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.tv-floating-toolbar__drag-ext {
  height: 100%;
  width: 14px;
  position: absolute;
  padding: 4px 0 0 4px;
  left: -4px;
  top: -4px;
}
.feature-touch .tv-floating-toolbar__drag-ext {
  width: 20px;
}
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag-ext {
  width: 100%;
  height: 14px;
}
.feature-touch .tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag-ext {
  height: 20px;
}
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag {
  width: 100%;
  height: 14px;
}
.feature-touch .tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag {
  height: 20px;
}
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag svg {
  transform: rotate(90deg);
}
.tv-floating-toolbar__content {
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
}
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__content {
  flex-direction: column;
  border-top-right-radius: 0;
  border-bottom-left-radius: 1px;
}
.tv-floating-toolbar .ui-sortable-placeholder {
  border-left: 1px solid #e6eaef;
}
html.theme-dark .tv-floating-toolbar .ui-sortable-placeholder {
  border-left: 1px solid #363c4e;
}
.tv-floating-toolbar.i-vertical .ui-sortable-placeholder {
  border-left: none;
  border-top: 1px solid #e6eaef;
}
html.theme-dark .tv-floating-toolbar.i-vertical .ui-sortable-placeholder {
  border-top: 1px solid #363c4e;
}
.tv-floating-toolbar__widget {
  display: flex;
  align-items: stretch;
  border-left: 1px solid;
  border-left-color: #e6eaef;
}
html.theme-dark .tv-floating-toolbar__widget {
  border-left-color: #363c4e;
}
.tv-floating-toolbar__widget.ui-sortable-placeholder {
  visibility: visible !important;
}
.tv-floating-toolbar__widget.ui-sortable-helper {
  border-left-color: transparent;
}
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget {
  border-left: none;
  border-top: 1px solid;
  border-top-color: #eceff2;
}
html.theme-dark .tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget {
  border-top-color: #363c4e;
}
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget.ui-sortable-helper {
  border-top-color: transparent;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.tv-favorited-drawings-toolbar__widget {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  min-width: 38px;
  min-height: 38px;
  cursor: pointer;
}
.tv-favorited-drawings-toolbar__widget svg {
  transition: fill ease 0.35s;
  fill: #4c525e;
}
html.theme-dark .tv-favorited-drawings-toolbar__widget svg {
  fill: #758696;
}
.feature-no-touch .tv-favorited-drawings-toolbar__widget:hover svg {
  fill: #131722;
}
html.feature-no-touch.theme-dark .tv-favorited-drawings-toolbar__widget:hover svg {
  fill: #9db2bd;
}
.feature-no-touch .tv-favorited-drawings-toolbar__widget.i-active:hover svg,
.tv-favorited-drawings-toolbar__widget.i-active svg {
  fill: #1592e6;
}
html.feature-no-touch.theme-dark .tv-favorited-drawings-toolbar__widget.i-active:hover svg,
html.theme-dark .tv-favorited-drawings-toolbar__widget.i-active svg {
  fill: #3bb3e4;
}

.pane-separator {
  padding: 0;
  margin: 0;
}
.pane-separator .handle {
  position: absolute;
  z-index: 50;
  height: 5px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.02);
  cursor: ns-resize;
}

.time-axis {
  cursor: default;
}
.time-axis--cursor-grabbing {
  cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.time-axis--cursor-ew-resize {
  cursor: ew-resize;
}

.dialog-37P3XYj-- {
  display: flex;
  min-width: 280px;
  text-align: left;
  box-sizing: border-box;
  background-color: #ffffff;
  -webkit-font-smoothing: subpixel-antialiased;
  flex-direction: column;
}
html.theme-dark .dialog-37P3XYj-- {
  background-color: #1c2030;
}
.dialog-37P3XYj--.rounded-2hsCfk1q- {
  border-radius: 3px;
}
.dialog-37P3XYj--.shadowed-1iGQR9Xl- {
  box-shadow: rgba(0, 0, 0, 0.275) 0px 1px 2px 1px;
}
.dialog-37P3XYj--.fullscreen-1I0OIOcc- {
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.dialog-aQQq411q- {
  position: fixed;
  min-width: 280px;
  width: 100%;
  max-width: 380px;
}
.dialog-aQQq411q- [data-dragg-area] {
  cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move;
  cursor: -webkit-grab;
  cursor: grab;
}
.dialog-aQQq411q- [data-dragg-area].dragging-3fV74VcN- {
  cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.header-dpl-vtN_- {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  color: #212121;
  padding: 30px 60px 30px 30px;
  border-bottom: 1px solid;
  border-bottom-color: #dadde0;
}
html.theme-dark .header-dpl-vtN_- {
  border-bottom-color: #363c4e;
}
html.theme-dark .header-dpl-vtN_- {
  color: #c5cbce;
}
@media screen and (max-width: 767px) {
  .header-dpl-vtN_- {
    padding: 20px 60px 20px 20px;
  }
}
.header-dpl-vtN_- .close-3kPn4OTV- {
  position: absolute;
  padding: 15px;
  top: 17px;
  right: 15px;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity ease 0.35s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 767px) {
  .header-dpl-vtN_- .close-3kPn4OTV- {
    top: 7px;
    right: 7px;
  }
}
.feature-no-touch .header-dpl-vtN_- .close-3kPn4OTV-:hover {
  opacity: 1;
  transition-duration: 0.06s;
}
.header-dpl-vtN_- .close-3kPn4OTV- svg {
  display: block;
  width: 13px;
  height: 13px;
  fill: #4a4a4a;
}
html.theme-dark .header-dpl-vtN_- .close-3kPn4OTV- svg {
  fill: #c5cbce;
}
.footer-2Zoji8zg- {
  padding: 0 30px 30px 30px;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.body-2N-vuwQW- {
  flex-grow: 1;
  padding: 30px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.body-2N-vuwQW-::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.body-2N-vuwQW-::-webkit-scrollbar-thumb {
  border: 1px solid;
  border-color: #f1f3f6;
  border-radius: 3px;
  background-color: #9db2bd;
}
html.theme-dark .body-2N-vuwQW-::-webkit-scrollbar-thumb {
  background-color: #363c4e;
}
html.theme-dark .body-2N-vuwQW-::-webkit-scrollbar-thumb {
  border-color: #1c2030;
}
.body-2N-vuwQW-::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}
@media screen and (max-width: 767px) {
  .body-2N-vuwQW- {
    padding: 20px;
  }
}

/**
 * Transitions variables and mixins
 */
.message-2o-rtQm0- {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  font-size: 14px;
  padding: 30px;
  text-align: center;
  color: #37bc9b;
  background: #ebf9f5;
  transition: opacity 0.2625s ease, transform 0.2625s ease;
}
html.theme-dark .message-2o-rtQm0- {
  background: #21384d;
}
.message-2o-rtQm0-.error-2EW0C6z-- {
  color: #ff4a68;
  background: #ffedf0;
}
html.theme-dark .message-2o-rtQm0-.error-2EW0C6z-- {
  background: #6f2626;
}
.message-enter {
  opacity: 0;
  transform: translateY(-33px);
}
.message-enter-active {
  opacity: 1;
  transform: translateY(0);
}
.message-leave {
  opacity: 1;
  transform: translateY(0);
}
.message-leave-active {
  opacity: 0;
  transform: translateY(-33px);
}

.calendar-H-c9lyXG- {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  /*!rtl:ignore*/
  direction: ltr;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
}

html.theme-dark .calendar-H-c9lyXG- {
  background-color: #1c2030;
}

html.theme-dark .calendar-H-c9lyXG- {
  box-shadow: #000000 0 2px 4px 0;
}

.header-29jmPJB_- {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  height: 48px;
  background: #ffffff;
  border-bottom: 1px solid;
  border-color: #eceff2;
}

html.theme-dark .header-29jmPJB_- {
  border-color: #363c4e;
}

html.theme-dark .header-29jmPJB_- {
  background: #1c2030;
}

.header-29jmPJB_- > * {
  flex-grow: 1;
  display: block;
}

.header-29jmPJB_- .title-3BLccpWI- {
  text-align: center;
  font-size: 22px;
  color: #262b3e;
}

html.theme-dark .header-29jmPJB_- .title-3BLccpWI- {
  color: #c5cbce;
}

.header-29jmPJB_- .titleDay-3Mp9czBi- {
  color: #3bb3e4;
}

html.theme-dark .header-29jmPJB_- .titleDay-3Mp9czBi- {
  color: #3bb3e4;
}

.header-29jmPJB_- .switchBtn-p718bDyp- {
  cursor: pointer;
}

.header-29jmPJB_- .switchBtn-p718bDyp- > svg {
  fill: #262b3e;
  height: 13px;
}

html.theme-dark .header-29jmPJB_- .switchBtn-p718bDyp- > svg {
  fill: #c5cbce;
}

.header-29jmPJB_- .switchBtn-p718bDyp-.prev-1vUszsRH- > svg {
  /*!rtl:ignore*/
  float: left;
  /*!rtl:ignore*/
  margin-left: 12px;
}

.header-29jmPJB_- .switchBtn-p718bDyp-.next-Xxv3BCz0- > svg {
  /*!rtl:ignore*/
  float: right;
  /*!rtl:ignore*/
  margin-right: 12px;
}

.month-14xTSVpQ- {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

html.theme-dark .month-14xTSVpQ- {
  background: #262b3e;
}

.month-14xTSVpQ- .weekdays-p5haX_xf- {
  display: flex;
  flex-direction: row;
  padding: 6px 0 6px 0;
  background-color: #f7f8fa;
  border: 1px solid;
  border-top: 0;
  border-color: #f7f8fa;
}

html.theme-dark .month-14xTSVpQ- .weekdays-p5haX_xf- {
  border-color: #1c2030;
}

html.theme-dark .month-14xTSVpQ- .weekdays-p5haX_xf- {
  background-color: #1c2030;
}

.month-14xTSVpQ- .weekdays-p5haX_xf- > span {
  flex: 1 1;
  text-align: center;
  font-size: 13px;
  color: #8797a5;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  border-left: 1px solid;
  border-color: #f7f8fa;
}

html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- {
  border-color: #1c2030;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB- {
  flex: 1 1 40px;
  height: 40px;
  display: flex;
  font-size: 14px;
  color: #262b3e;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;

  border-bottom: 1px solid;
  border-right: 1px solid;
  padding: 2px 1px 1px 2px;
  border-color: #f7f8fa;
  transition: background-color 60ms ease;
}

html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB- {
  border-color: #1c2030;
}

html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB- {
  color: #c5cbce;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB- > span {
  flex: 1 1;
  align-self: center;
  text-align: center;
}

.feature-no-touch
  .month-14xTSVpQ-
  .weeks-1LCs6d3o-
  .week-49DNXkE3-
  .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-),
.feature-touch
  .month-14xTSVpQ-
  .weeks-1LCs6d3o-
  .week-49DNXkE3-
  .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-) {
  background-color: #f7f8fa;
}

html.feature-no-touch.theme-dark
  .month-14xTSVpQ-
  .weeks-1LCs6d3o-
  .week-49DNXkE3-
  .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-),
html.feature-touch.theme-dark
  .month-14xTSVpQ-
  .weeks-1LCs6d3o-
  .week-49DNXkE3-
  .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-) {
  background-color: #1c2030;
}

.feature-no-touch
  .month-14xTSVpQ-
  .weeks-1LCs6d3o-
  .week-49DNXkE3-
  .day-3x8ZipuB-:hover:not(.disabled-34cO1Z8u-) {
  background-color: rgba(247, 248, 250, 0.5);
}

html.feature-no-touch.theme-dark
  .month-14xTSVpQ-
  .weeks-1LCs6d3o-
  .week-49DNXkE3-
  .day-3x8ZipuB-:hover:not(.disabled-34cO1Z8u-) {
  background-color: rgba(28, 32, 48, 0.5);
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.selected-qmTqaBK3- {
  color: #3bb3e4;
  border: 2px solid;
  padding: 0;
  border-color: #3bb3e4;
  margin-top: -1px;
  /*!rtl:ignore*/
  margin-left: -1px;
  z-index: 1;
}

html.theme-dark
  .month-14xTSVpQ-
  .weeks-1LCs6d3o-
  .week-49DNXkE3-
  .day-3x8ZipuB-.selected-qmTqaBK3- {
  border-color: #3bb3e4;
}

html.theme-dark
  .month-14xTSVpQ-
  .weeks-1LCs6d3o-
  .week-49DNXkE3-
  .day-3x8ZipuB-.selected-qmTqaBK3- {
  color: #3bb3e4;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.disabled-34cO1Z8u- {
  color: #c5cbce;
  cursor: not-allowed;
}

html.theme-dark
  .month-14xTSVpQ-
  .weeks-1LCs6d3o-
  .week-49DNXkE3-
  .day-3x8ZipuB-.disabled-34cO1Z8u- {
  color: #4c525e;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.currentDay-3sTNH-Yi- {
  color: #3bb3e4;
}

html.theme-dark
  .month-14xTSVpQ-
  .weeks-1LCs6d3o-
  .week-49DNXkE3-
  .day-3x8ZipuB-.currentDay-3sTNH-Yi- {
  color: #3bb3e4;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.currentDay-3sTNH-Yi-:after {
  position: absolute;
  top: 0;
  right: -1px;
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 11px 0;
  border-color: transparent #3bb3e4 transparent transparent;
}

.month-14xTSVpQ-
  .weeks-1LCs6d3o-
  .week-49DNXkE3-
  .day-3x8ZipuB-.selected-qmTqaBK3-.currentDay-3sTNH-Yi-:after {
  top: -2px;
  right: -2px;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.otherMonth-1WMn4XfI- {
  color: #c5cbce;
}

html.theme-dark
  .month-14xTSVpQ-
  .weeks-1LCs6d3o-
  .week-49DNXkE3-
  .day-3x8ZipuB-.otherMonth-1WMn4XfI- {
  color: #4c525e;
}
.calendar-Q5DuQzKD- {
  width: 280px;
}

/**
 * Transitions variables and mixins
 */
.pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7- {
  display: inline-flex;
  position: absolute;
  right: 9px;
  top: 9px;
  cursor: pointer;
  opacity: 0.5;
}
.pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7- svg {
  height: 16px;
  width: 16px;
  fill: #7d7d7d;
}
html.theme-dark .pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7- svg {
  fill: #758696;
}
.pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7-.disabled-1a0fnI7P- {
  opacity: 0.1;
}
.picker-1hzUXDA1- {
  position: absolute;
  z-index: 1;
  transition: opacity 0.2625s ease;
}
.tv-picker-enter {
  opacity: 0;
}
.tv-picker-enter-active {
  opacity: 1;
}
.tv-picker-leave {
  opacity: 1;
}
.tv-picker-leave-active {
  opacity: 0;
}

.clock-3pqBsiNm- {
  display: flex;
  flex-direction: column;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
}

html.theme-dark .clock-3pqBsiNm- {
  background-color: #1c2030;
}

html.theme-dark .clock-3pqBsiNm- {
  box-shadow: #000000 0 2px 4px 0;
}

.header-pTWMGSpm- {
  width: 100%;
  font-size: 24px;
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px solid;
  border-bottom-color: #eceff2;
  color: #262b3e;
}

html.theme-dark .header-pTWMGSpm- {
  color: #c5cbce;
}

html.theme-dark .header-pTWMGSpm- {
  border-bottom-color: #363c4e;
}

.header-pTWMGSpm- .number-9PC9lvyt- {
  padding: 0 3px 0 3px;
  cursor: pointer;
}

.header-pTWMGSpm- .number-9PC9lvyt-.active-1sonmMLV- {
  color: #3bb3e4;
}

.body-2Q-g3GDd- {
  padding: 12px;
  background: #f7f8fa;

  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

html.theme-dark .body-2Q-g3GDd- {
  background: #1c2030;
}

.clockFace-eHYbqh-S- {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  box-sizing: border-box;
  margin: 0 auto;
  background: #ffffff;
}

html.theme-dark .clockFace-eHYbqh-S- {
  background: #262b3e;
}

.clockFace-eHYbqh-S- div {
  position: absolute;
  width: 100%;
  height: 100%;
}

.clockFace-eHYbqh-S- .face-2iCoBAOV- {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  font-size: 15px;
  pointer-events: none;
}

.clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt- {
  position: absolute;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  /*!rtl:ignore*/
  margin-left: -14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  align-items: center;
  text-align: center;
  pointer-events: all;
  color: #262b3e;
  transition: background-color 60ms ease;
}

html.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt- {
  color: #c5cbce;
}

.clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt- > span {
  flex: 1 1 auto;
}

.feature-no-touch .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:hover {
  background-color: rgba(247, 248, 250, 0.5);
}

html.feature-no-touch.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:hover {
  background-color: rgba(28, 32, 48, 0.5);
}

.feature-no-touch .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active,
.feature-touch .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active {
  background-color: #f7f8fa;
}

html.feature-no-touch.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active,
html.feature-touch.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active {
  background-color: #1c2030;
}

.clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-.inner-1mVlhYbe- {
  font-size: 120%;
}

.clockFace-eHYbqh-S- .hand-2ZG8pJQb- {
  position: absolute;
  display: block;
  pointer-events: none;
  bottom: 50%;
  left: 50%;
  width: 1px;
  margin-left: -0.5px;
  transform-origin: 50% 100%;
  background: #3bb3e4;
}

.clockFace-eHYbqh-S- .hand-2ZG8pJQb- .knob-31dEppHa- {
  position: absolute;
  top: -26px;
  left: 50%;
  width: 26px;
  height: 26px;
  margin-left: -13px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid;
  border-color: #3bb3e4;
}

html.theme-dark .clockFace-eHYbqh-S- .hand-2ZG8pJQb- .knob-31dEppHa- {
  border-color: #3bb3e4;
}

.clockFace-eHYbqh-S- .centerDot-210Fo0oV- {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-left: -2px;
  content: '';
  border-radius: 50%;
  background: #3bb3e4;
}

.tv-clock-face-animate-enter-active,
.tv-clock-face-animate-leave-active {
  transition: transform 350ms linear, opacity 350ms ease;
  transform-origin: 50% 50%;
}

.tv-clock-face-animate-enter {
  transform: scale(0.8);
  opacity: 0;
}

.tv-clock-face-animate-enter-active {
  transform: scale(1);
  opacity: 1;
}

.tv-clock-face-animate-leave {
  transform: scale(1);
  opacity: 1;
}

.tv-clock-face-animate-leave-active {
  transform: scale(1.2);
  opacity: 0;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.ghost-3yO24wIn-.primary-1rSzOFdX- {
  color: #3bb3e4;
  border: 1px solid #3bb3e4;
  background-color: transparent;
}
.feature-no-touch .ghost-3yO24wIn-.primary-1rSzOFdX-:hover {
  color: white;
  transition-duration: 0.06s;
}
.ghost-3yO24wIn-.success-1qQ3_tEI- {
  color: #3cbc98;
  border: 1px solid #3cbc98;
  background-color: transparent;
}
.feature-no-touch .ghost-3yO24wIn-.success-1qQ3_tEI-:hover {
  color: white;
  transition-duration: 0.06s;
}
.ghost-3yO24wIn-.danger-jKTO4wDd- {
  color: #ff4a68;
  border: 1px solid #ff4a68;
  background-color: transparent;
}
.feature-no-touch .ghost-3yO24wIn-.danger-jKTO4wDd-:hover {
  color: white;
  transition-duration: 0.06s;
}
.ghost-3yO24wIn-.warning-2uDfz7Zc- {
  color: #f89e30;
  border: 1px solid #f89e30;
  background-color: transparent;
}
.feature-no-touch .ghost-3yO24wIn-.warning-2uDfz7Zc-:hover {
  color: white;
  transition-duration: 0.06s;
}
.ghost-3yO24wIn-.secondary-3ll81brZ- {
  color: #757575;
  border: 1px solid #e9eff2;
  background-color: transparent;
}
.feature-no-touch .ghost-3yO24wIn-.secondary-3ll81brZ-:hover {
  color: #757575;
  transition-duration: 0.06s;
}
.button-2O-nMUcz- {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  position: relative;
  min-width: 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  white-space: nowrap;
  outline: 0;
  cursor: pointer;
  overflow: hidden;
  box-sizing: border-box;
  line-height: 32px;
  font-size: 14px;
  transition: background-color ease 0.35s, border-color ease 0.35s, color ease 0.35s;
  border-radius: 2px;
  border: 1px solid transparent;
}
.button-2O-nMUcz-.withPadding-_5CJoO5q- {
  padding: 0px 22px;
}
.button-2O-nMUcz- + .button-2O-nMUcz- {
  margin-left: 15px;
}
.hiddenText-3qcN5Wif- {
  visibility: hidden;
  flex: 1 1 auto;
}
.text-2KOWx3rB- {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: opacity ease 0.175s, transform ease 0.175s;
}
.loader-1CC-1F8J- {
  display: inline-block;
  transition: opacity ease 0.35s;
  opacity: 1;
}
.body-enter.text-2KOWx3rB- {
  opacity: 0;
  transform: translateY(5px);
}
.body-enter-active.text-2KOWx3rB- {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.175s;
}
.body-leave-active.text-2KOWx3rB- {
  opacity: 0;
  transform: translateY(-5px);
}
.body-enter.loader-1CC-1F8J- {
  opacity: 0;
}
.body-enter-active.loader-1CC-1F8J- {
  opacity: 1;
}
.body-leave-active.loader-1CC-1F8J- {
  opacity: 0;
}
.base-2d4XFcnI- {
  color: #757575;
  border-color: #adaeb0;
  background-color: transparent;
}
html.theme-dark .base-2d4XFcnI- {
  border-color: #4f5966;
}
html.theme-dark .base-2d4XFcnI- {
  color: #758696;
}
.feature-no-touch .base-2d4XFcnI-:hover {
  background-color: #f2f2f2;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .base-2d4XFcnI-:hover {
  background-color: #1c2030;
}
.feature-no-touch .base-2d4XFcnI-:active,
.feature-touch .base-2d4XFcnI-:active {
  background-color: #ececec;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .base-2d4XFcnI-:active,
html.feature-touch.theme-dark .base-2d4XFcnI-:active {
  background-color: #262b3e;
}
.primary-1rSzOFdX- {
  color: #fff;
  border-color: #3bb3e4;
  background-color: #3bb3e4;
}
.feature-no-touch .primary-1rSzOFdX-:hover {
  background-color: #3babd8;
  transition-duration: 0.06s;
}
.feature-no-touch .primary-1rSzOFdX-:active,
.feature-touch .primary-1rSzOFdX-:active {
  background-color: #049ddc;
  transition-duration: 0.06s;
}
.success-1qQ3_tEI- {
  color: #fff;
  border-color: #3cbc98;
  background-color: #3cbc98;
}
.feature-no-touch .success-1qQ3_tEI-:hover {
  background-color: #38b395;
  transition-duration: 0.06s;
}
.feature-no-touch .success-1qQ3_tEI-:active,
.feature-touch .success-1qQ3_tEI-:active {
  background-color: #00a97f;
  transition-duration: 0.06s;
}
.danger-jKTO4wDd- {
  color: #fff;
  border-color: #ff4a68;
  background-color: #ff4a68;
}
.feature-no-touch .danger-jKTO4wDd-:hover {
  background-color: #f24965;
  transition-duration: 0.06s;
}
.feature-no-touch .danger-jKTO4wDd-:active,
.feature-touch .danger-jKTO4wDd-:active {
  background-color: #ff173e;
  transition-duration: 0.06s;
}
.warning-2uDfz7Zc- {
  color: #fff;
  border-color: #f89e30;
  background-color: #f89e30;
}
.feature-no-touch .warning-2uDfz7Zc-:hover {
  background-color: #f79217;
  transition-duration: 0.06s;
}
.feature-no-touch .warning-2uDfz7Zc-:active,
.feature-touch .warning-2uDfz7Zc-:active {
  background-color: #d47807;
  transition-duration: 0.06s;
}
.secondary-3ll81brZ- {
  color: #757575;
  border-color: #eceff2;
  background-color: #eceff2;
}
html.theme-dark .secondary-3ll81brZ- {
  background-color: #363c4e;
}
html.theme-dark .secondary-3ll81brZ- {
  border-color: #363c4e;
}
html.theme-dark .secondary-3ll81brZ- {
  color: #c5cbce;
}
.feature-no-touch .secondary-3ll81brZ-:hover {
  background-color: #dce6ea;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .secondary-3ll81brZ-:hover {
  background-color: #4f5966;
}
.feature-no-touch .secondary-3ll81brZ-:active,
.feature-touch .secondary-3ll81brZ-:active {
  background-color: #cfdce3;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .secondary-3ll81brZ-:active,
html.feature-touch.theme-dark .secondary-3ll81brZ-:active {
  background-color: #4f5966;
}
.secondaryScript-2iIeFIWW- {
  color: #fff;
  border-color: #9db2bd;
  background-color: #9db2bd;
}
html.theme-dark .secondaryScript-2iIeFIWW- {
  background-color: #363c4e;
}
html.theme-dark .secondaryScript-2iIeFIWW- {
  border-color: #363c4e;
}
.feature-no-touch .secondaryScript-2iIeFIWW-:hover {
  background-color: #9db2bd;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .secondaryScript-2iIeFIWW-:hover {
  background-color: #363c4e;
}
.feature-no-touch .secondaryScript-2iIeFIWW-:active,
.feature-touch .secondaryScript-2iIeFIWW-:active {
  background-color: #cfdce3;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .secondaryScript-2iIeFIWW-:active,
html.feature-touch.theme-dark .secondaryScript-2iIeFIWW-:active {
  background-color: #363c4e;
}
.link-2sR0CShp- {
  color: #3bb3e4;
  transition: color ease 0.35s;
  background-color: white;
}
html.theme-dark .link-2sR0CShp- {
  color: #299dcd;
}
.link-2sR0CShp-:visited {
  color: #3bb3e4;
  fill: #3bb3e4;
}
html.theme-dark .link-2sR0CShp-:visited {
  fill: #299dcd;
}
html.theme-dark .link-2sR0CShp-:visited {
  color: #299dcd;
}
.feature-no-touch .link-2sR0CShp-:hover {
  color: #3babd8;
  fill: #3babd8;
  transition-duration: 0.06s;
}
.feature-no-touch .link-2sR0CShp-:active,
.feature-touch .link-2sR0CShp-:active {
  color: #049ddc;
  fill: #049ddc;
  transition-duration: 0.06s;
}
.xsmall-1aiWe3Hs- {
  line-height: 17px;
  border-radius: 1px;
  font-size: 11px;
  font-weight: normal;
}
.xsmall-1aiWe3Hs-.withPadding-_5CJoO5q- {
  padding: 0 7px;
}
.xsmall-1aiWe3Hs- + .xsmall-1aiWe3Hs- {
  margin-left: 10px;
}
.xsmall-1aiWe3Hs-.rounded-3qEdyiAz- {
  border-radius: 10px;
}
.small-2-nQtW8O- {
  line-height: 25px;
  font-size: 13px;
}
.small-2-nQtW8O-.withPadding-_5CJoO5q- {
  padding: 0 12px;
}
.small-2-nQtW8O- + .small-2-nQtW8O- {
  margin-left: 10px;
}
.small-2-nQtW8O-.rounded-3qEdyiAz- {
  border-radius: 14px;
}
.large-33HYhX8D- {
  line-height: 46px;
  font-size: 17px;
  letter-spacing: 1px;
}
.large-33HYhX8D-.withPadding-_5CJoO5q- {
  padding: 0 30px;
}
.large-33HYhX8D-.rounded-3qEdyiAz- {
  border-radius: 24px;
}
.grouped-1WsMjajI-:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.grouped-1WsMjajI- + .grouped-1WsMjajI- {
  margin-left: -1px;
}
.grouped-1WsMjajI-:first-child {
  margin-left: 0;
}
.grouped-1WsMjajI-:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.grouped-1WsMjajI-:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.growable-F6tv8R_j- {
  flex: 1;
}
.growable-F6tv8R_j-.withPadding-_5CJoO5q- {
  padding: 0;
}
.feature-no-touch .active-2UxWxOgk-:active,
.feature-touch .active-2UxWxOgk-:active {
  transform: translateY(1px);
}
.disabled-3u0ULovv- {
  color: #adaeb0;
  border-color: #f1f3f6;
  background-color: #f1f3f6;
  cursor: default;
}
html.theme-dark .disabled-3u0ULovv- {
  background-color: #262b3e;
}
html.theme-dark .disabled-3u0ULovv- {
  border-color: #262b3e;
}
html.theme-dark .disabled-3u0ULovv- {
  color: #363c4e;
}
.feature-no-touch .disabled-3u0ULovv-:hover {
  background-color: #f1f3f6;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .disabled-3u0ULovv-:hover {
  background-color: #262b3e;
}
.feature-no-touch .disabled-3u0ULovv-:active,
.feature-touch .disabled-3u0ULovv-:active {
  background-color: #f1f3f6;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .disabled-3u0ULovv-:active,
html.feature-touch.theme-dark .disabled-3u0ULovv-:active {
  background-color: #262b3e;
}
.feature-no-touch .disabled-3u0ULovv-:active,
.feature-touch .disabled-3u0ULovv-:active {
  transform: none;
}
.rounded-3qEdyiAz- {
  border-radius: 17px;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.loader-3Pj8ExOX- {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  opacity: 1;
  transition: opacity ease 0.35s;
}
.loader-3Pj8ExOX-:after {
  content: ' ';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.loader-3Pj8ExOX- .item-2n55_7om- {
  margin-right: 2px;
  margin-left: 2px;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  opacity: 1;
  border-radius: 100%;
  transform: translateY(0) scale(0.6);
  transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s;
  animation: tv-button-loader-SKpJjjYw- 0.96s infinite cubic-bezier(0.42, 0, 0.58, 1) both;
}
.loader-3Pj8ExOX- .item-2n55_7om-:nth-child(2) {
  transition-delay: 0.11666667s;
  animation-delay: 0.151s;
}
.loader-3Pj8ExOX- .item-2n55_7om-:nth-child(3) {
  transition-delay: 0.23333333s;
  animation-delay: 0.32s;
}
.loader-3Pj8ExOX- .item-2n55_7om-.black-eFIQWyf4- {
  background-color: #757575;
}
.loader-3Pj8ExOX- .item-2n55_7om-.white-2Ma0ajvT- {
  background-color: white;
}
.loader-3Pj8ExOX- .item-2n55_7om-.gray-24fvVR0S- {
  background-color: #8797a5;
}
.loader-3Pj8ExOX-.loader-appear .item-2n55_7om- {
  animation: none;
  transform: translateY(12px) scale(0.6);
}
.loader-3Pj8ExOX-.loader-appear-active .item-2n55_7om- {
  transform: translateY(0) scale(0.6);
}
@keyframes tv-button-loader-SKpJjjYw- {
  0%,
  100% {
    transform: scale(0.6);
  }
  50% {
    transform: scale(0.9);
  }
}

.dialog-1oXvxbfL- {
  max-width: 345px;
}
.dialog-1oXvxbfL- .formRow-28Ldm-ki- {
  display: flex;
}
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey- {
  margin-right: 14px;
}
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey- input {
  font-size: 15px;
  overflow: hidden;
}
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey-:first-child {
  flex: 0 4 100%;
}
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey-:nth-child(2) {
  flex: 0 5 100%;
}
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.btn-1wL_hi5U- {
  margin-left: 3px;
}
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .button-1xrfeyEj- {
  padding: 0px 8px;
  line-height: 32px;
  font-size: 16px;
}
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .button-1xrfeyEj- svg {
  fill: #ffffff;
  width: 12px;
  height: 12px;
}
html.theme-dark .dialog-1oXvxbfL- .formRow-28Ldm-ki- .button-1xrfeyEj- svg {
  fill: #363c4e;
}

.popupDialog-2VK9ttEi- {
  max-width: 380px;
}
.content-BtJ6qB4V- .row-3iYHykfo- {
  display: flex;
  padding-bottom: 12px;
}
.content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- {
  font-size: 13px;
}
.content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .title-22tx3Djt- {
  color: #888989;
}
html.theme-dark .content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .title-22tx3Djt- {
  color: #758696;
}
.content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .value-2xvVEs1a- {
  font-weight: bold;
  color: #4a4a4a;
}
html.theme-dark .content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .value-2xvVEs1a- {
  color: #c5cbce;
}
.content-BtJ6qB4V- .row-3iYHykfo- .columnTitle-3ypCTDKd- {
  text-align: left;
}
.content-BtJ6qB4V- .row-3iYHykfo- .columnValue-Xr4j0qyI- {
  margin-left: auto;
  text-align: right;
}

/*
  PALETTE

  All colors must be defined here.

  Naming: http://chir.ag/projects/name-that-color/#37BC9B
*/
/*
  COLORS BY FUNCTION

  Define colors per function and map palette colors.
*/
.tv-market-status__dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  vertical-align: middle;
}
.tv-market-status--pre-market {
  color: #ff9247;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--pre-market .tv-market-status__dot {
  background-color: #ff9247;
}
.tv-market-status--post-market {
  color: #3bb3e4;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--post-market .tv-market-status__dot {
  background-color: #3bb3e4;
}
.tv-market-status--market {
  color: #318757;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--market .tv-market-status__dot {
  background-color: #318757;
}
.tv-market-status--out-of-session {
  color: #939393;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--out-of-session .tv-market-status__dot {
  background-color: #939393;
}
.tv-market-status--invalid {
  color: #bd3820;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--invalid .tv-market-status__dot {
  background-color: #bd3820;
}
.tv-market-status--replay {
  color: #ff4a68;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--replay .tv-market-status__dot {
  background-color: #ff4a68;
}
.tv-market-status--holiday {
  color: #939393;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--holiday .tv-market-status__dot {
  background-color: #939393;
}
.tv-market-status--for-chart {
  display: block;
  float: left;
  margin-right: 0;
}
.tv-market-status--for-chart--pre-market {
  color: #ff9247;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--for-chart--pre-market .tv-market-status__dot {
  background-color: #ff9247;
}
.tv-market-status--for-chart--post-market {
  color: #3bb3e4;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--for-chart--post-market .tv-market-status__dot {
  background-color: #3bb3e4;
}
.tv-market-status--for-chart--market {
  color: #318757;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--for-chart--market .tv-market-status__dot {
  background-color: #318757;
}
.tv-market-status--for-chart--out-of-session {
  color: #939393;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--for-chart--out-of-session .tv-market-status__dot {
  background-color: #939393;
}
.tv-market-status--for-chart--invalid {
  color: #bd3820;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--for-chart--invalid .tv-market-status__dot {
  background-color: #bd3820;
}
.tv-market-status--for-chart--replay {
  color: #ff4a68;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--for-chart--replay .tv-market-status__dot {
  background-color: #ff4a68;
}
.tv-market-status--for-chart--holiday {
  color: #939393;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--for-chart--holiday .tv-market-status__dot {
  background-color: #939393;
}
.tv-market-status--loading--for-chart {
  color: #3bb3e4;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--loading--for-chart .tv-market-status__dot {
  background-color: #3bb3e4;
}
.tv-market-status--for-symbol-list {
  vertical-align: 1px;
  line-height: 15px;
}
.tv-market-status--for-ticker {
  /*!rtl:ignore*/
  margin-left: 4px;
}
.tv-market-status--for-watch-list {
  position: absolute;
  /*!rtl:ignore*/
  right: 0;
}
.tv-market-status--for-symbol-widget {
  line-height: 24px;
  font-size: 10px;
}
.tv-market-status--for-ticker-last {
  display: inline-flex;
  /*!rtl:ignore*/
  margin-left: 4px;
}
.tv-market-status__dot--for-chart {
  /*!rtl:ignore*/
  margin-right: 4px;
  vertical-align: 1px;
  width: 6px;
  height: 6px;
}
.tv-market-status__dot--for-symbol-list {
  /*!rtl:ignore*/
  margin-left: 4px;
}
.tv-market-status__dot--for-watch-list {
  margin-bottom: 3px;
}
.tv-market-status__dot--for-symbol-widget {
  /*!rtl:ignore*/
  margin-left: 8px;
  font-size: 24px;
}
.tv-market-status__dot--for-ticker-last {
  width: 6px;
  height: 6px;
}
.tv-market-status__label--for-chart {
  display: block;
  float: right;
  margin-right: 0 /*!rtl:6px*/;
  line-height: 16px;
}
.tv-market-status__label--for-symbol-list {
  display: none;
}
.tv-market-status__label--for-watch-list {
  display: none;
}
.tv-market-status__label--for-symbol-widget {
  float: right;
  /*!rtl:ignore*/
  margin-left: 4px;
  font-size: 13px;
}
.tv-market-status__label--for-ticker {
  display: none;
}
.tv-market-status__label--for-ticker-last {
  display: none;
}
.tv-market-status--market .tv-market-status__dot--for-symbol-list {
  display: none;
}
.tv-market-status--market .tv-market-status__dot--for-watch-list {
  display: none;
}
.tv-market-status--market .tv-market-status__dot--for-ticker {
  display: none;
}
.tv-market-status--market .tv-market-status__dot--for-ticker-last {
  display: none;
}
.tv-market-status--for-chart {
  margin-left: 5px /*!rtl:0*/;
}
.tv-market-status--market--for-chart {
  display: none;
}
.tv-market-status--market--for-symbol-widget {
  color: #3cbc98;
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
.tv-market-status--market--for-symbol-widget .tv-market-status__dot {
  background-color: #3cbc98;
}

/*
  PALETTE

  All colors must be defined here.

  Naming: http://chir.ag/projects/name-that-color/#37BC9B
*/
/*
  COLORS BY FUNCTION

  Define colors per function and map palette colors.
*/
.tv-data-mode {
  font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
  vertical-align: top;
}
.tv-data-mode--realtime {
  color: #318757;
}
.tv-data-mode--snapshot {
  color: #3bb3e4;
}
.tv-data-mode--endofday {
  color: #a953ae;
}
.tv-data-mode--invalid,
.tv-data-mode--forbidden,
.tv-data-mode--connecting,
.tv-data-mode--loading {
  visibility: hidden;
}
.tv-data-mode--delayed {
  color: #ff9247;
}
.tv-data-mode--for-ticker-last {
  display: inline-block;
  font-size: 12px;
  /*!rtl:ignore*/
  margin-left: 2px;
  position: absolute;
  font-weight: bold;
}
.tv-data-mode--realtime--for-ticker-last {
  display: none;
}
.tv-data-mode--for-ticker {
  display: inline-block;
  font-size: 10px;
  /*!rtl:ignore*/
  margin-left: 2px;
}
.tv-data-mode--realtime--for-ticker {
  display: none;
}
.tv-data-mode--replay {
  color: #ff4a68;
}
.tv-data-mode--for-chart {
  float: right;
  line-height: 16px;
  margin-left: 6px;
}
.tv-data-mode--loading--for-chart,
.tv-data-mode--connecting--for-chart {
  display: none;
}
.tv-data-mode--invalid--for-chart,
.tv-data-mode--forbidden--for-chart {
  color: #bd3820;
  visibility: visible;
}
.tv-data-mode--realtime--for-chart {
  display: none;
}
.tv-data-mode--for-chart.tv-data-mode--replay {
  /*!rtl:ignore*/
  margin-left: 0;
}
.tv-data-mode--for-symbol-list {
  height: 10px;
  width: 8px;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  /*!rtl:ignore*/
  text-align: left;
  /*!rtl:ignore*/
  margin-left: 1px;
}
.tv-data-mode--realtime--for-symbol-list {
  visibility: hidden;
}
.tv-data-mode--for-symbol-widget {
  display: inline;
  /*!rtl:ignore*/
  margin-left: 3px;
  line-height: 17px;
  font-size: 15px;
}
.tv-data-mode--realtime--for-symbol-widget {
  display: none;
}
.tv-data-mode--for-watch-list {
  display: block;
  float: left;
  margin: 0 3px;
  margin-top: 0.65em;
  font-size: 10px;
}
.tv-data-mode--realtime--for-watch-list {
  visibility: hidden;
}
.tv-data-mode--size_large {
  font-size: 12px;
}
.tv-data-mode--for-symbol-info {
  display: inline;
  /*!rtl:ignore*/
  margin-left: 3px;
  line-height: 17px;
  font-size: 15px;
}
.tv-data-mode--realtime--for-symbol-info {
  display: none;
}
.button-1VVj8kLG- {
  padding: 0 6px 0 12px;
}

.tabs-3f6R4UrH- {
  display: flex;
  position: relative;
}

.tab-C-so14ap- {
  flex: 1 1;
  padding: 19px 0 13px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  border-bottom: 1px solid #e1ecf2;
  transition: color 350ms ease;
}

html.theme-dark .tab-C-so14ap- {
  border-bottom: 1px solid #363c4e;
}

.tab-C-so14ap-.active-3_gZ3PzW- {
  color: #3bb3e4;
}

html.theme-dark .tab-C-so14ap-.active-3_gZ3PzW- {
  color: #3bb3e4;
}

.slider-XCKyHkum- {
  position: absolute;
  bottom: 0;
  /*!rtl:ignore*/
  left: 0;
  height: 3px;
  background-color: #3bb3e4;
  transform: translateX(0);
  transition: transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

html.theme-dark .slider-XCKyHkum- {
  background-color: #3bb3e4;
}

.item-3cgIlGYO- {
  display: flex;
  align-items: center;
  padding: 0 8px;
  height: 100%;
  font-size: 13px;

  color: #4c525e;

  transition: color ease 60ms;
}
html.theme-dark .item-3cgIlGYO- {
  color: #758696;
}

.item-3cgIlGYO-.hovered-2g31gdB--,
.feature-no-touch .item-3cgIlGYO-:hover,
.feature-no-touch .item-3cgIlGYO-:active,
.feature-touch .item-3cgIlGYO-:active {
  color: #131722;
}

html.theme-dark .item-3cgIlGYO-.hovered-2g31gdB--,
html.feature-no-touch.theme-dark .item-3cgIlGYO-:hover,
html.feature-no-touch.theme-dark .item-3cgIlGYO-:active,
html.feature-touch.theme-dark .item-3cgIlGYO-:active {
  color: #9db2bd;
}

/* allow to override anything */

.item-3cgIlGYO-.isActive-2M6dwA7--,
.feature-no-touch .item-3cgIlGYO-.isActive-2M6dwA7--:hover {
  color: #1592e6;
}

html.theme-sa .item-3cgIlGYO-.isActive-2M6dwA7--,
html.feature-no-touch.theme-sa .item-3cgIlGYO-.isActive-2M6dwA7--:hover {
  color: #ff7200;
}

html.theme-dark .item-3cgIlGYO-.isActive-2M6dwA7--,
html.feature-no-touch.theme-dark .item-3cgIlGYO-.isActive-2M6dwA7--:hover {
  color: #3bb3e4;
}

.item-3cgIlGYO-.isFirst-2kfAV5tf- {
  margin-left: 5px;
}

.item-3cgIlGYO-.isLast-voJ1bqZh- {
  margin-right: 5px;
}

.slider-1ealLtjI- {
  background-color: transparent;
  height: 2px;
  bottom: 15%;
  transition-duration: 175ms;
  transition-property: transform, opacity;
}

html.theme-dark .slider-1ealLtjI- {
  background-color: transparent;
}

.slider-1ealLtjI- .inner-3lmAEIjy- {
  background-color: #1592e6;
  margin: 0 8px;
  height: 100%;
}

html.theme-sa .slider-1ealLtjI- .inner-3lmAEIjy- {
  background-color: #ff7200;
}

html.theme-dark .slider-1ealLtjI- .inner-3lmAEIjy- {
  background-color: #3bb3e4;
}
.sliderRow-Tv1W7hM5- {
  height: 100%;
}

.button-2gir_Bbb- {
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0 14px;
  white-space: nowrap;

  color: #4c525e;

  transition: color ease 60ms;

  /* allow to override anything */
}
html.theme-dark .button-2gir_Bbb- {
  color: #758696;
}

.button-2gir_Bbb-.hovered-C6AkUeyT-,
.feature-no-touch .button-2gir_Bbb-:hover,
.feature-no-touch .button-2gir_Bbb-:active,
.feature-touch .button-2gir_Bbb-:active {
  color: #131722;
}

html.theme-dark .button-2gir_Bbb-.hovered-C6AkUeyT-,
html.feature-no-touch.theme-dark .button-2gir_Bbb-:hover,
html.feature-no-touch.theme-dark .button-2gir_Bbb-:active,
html.feature-touch.theme-dark .button-2gir_Bbb-:active {
  color: #9db2bd;
}

.button-88UE6omC- {
  display: flex;
  height: 100%;
  align-items: center;

  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  cursor: default;

  color: #4c525e;

  transition: color ease 60ms;
}
html.theme-dark .button-88UE6omC- {
  color: #758696;
}

.button-88UE6omC-.hovered-3xELmoc6-,
.feature-no-touch .button-88UE6omC-:hover,
.feature-no-touch .button-88UE6omC-:active,
.feature-touch .button-88UE6omC-:active {
  color: #131722;
}

html.theme-dark .button-88UE6omC-.hovered-3xELmoc6-,
html.feature-no-touch.theme-dark .button-88UE6omC-:hover,
html.feature-no-touch.theme-dark .button-88UE6omC-:active,
html.feature-touch.theme-dark .button-88UE6omC-:active {
  color: #9db2bd;
}

/* allow to override anything */

.button-88UE6omC-.open {
  background-color: #f7f8fa;
}

html.theme-dark .button-88UE6omC-.open {
  background-color: #1c2030;
}

/* remove ie11 press effect */

.button-88UE6omC- .inner-2FptJsfC- {
  position: relative;
}
.button-37qwTsBL- {
  white-space: nowrap;
}
.separator-3bp1jCsV- {
  display: inline-block;
  width: 1px;
  margin: 5px 0 6px;
  background-color: #e7ebee;
  height: calc(100% - 11px);
}
html.theme-dark .separator-3bp1jCsV- {
  background-color: #2f3241;
}
.icon-2Gun4jqH- svg {
  display: block;
}

/*
 Don't use any absolute position flex item in this layout.
 It is too slow on iPad and cause buggy flex resizing.
 This bug visible without devtools only and it is really nightmare to workaround.
 */

.toolbar-2MJefnwP- {
  position: relative;
  height: 100%;
  font-size: 13px;
  white-space: nowrap;
  cursor: default;
}

.dateRangeWrapper-yS_7EK1i- {
  display: block;
  position: absolute;
  left: 0;
  height: 100%;
}

.seriesControlWrapper-1c7dZFwu- {
  display: block;
  position: absolute;
  right: 0;
  height: 100%;
}

.dateRangeExpanded-Eh9SAOEe- {
  display: inline-flex;
  flex: 0 1 0%;
  height: 100%;
}

.dateRangeCollapsed-1-pFg0M1- {
  display: inline-flex;
  height: 100%;
  flex: 0 1 0%;
}

.item-2cWFW_ze- {
  height: 100%;
  padding: 0 9px;
  flex: 0 0 auto;
}

.item-2cWFW_ze-.first-1XNI05qr- {
  padding-left: 14px;
}

.item-2cWFW_ze-.last-2VBe7EFW- {
  padding-right: 14px;
}

.inline-2rwBBIxN- {
  display: inline-block;
  height: 100%;
  vertical-align: top;
}

.timezone-34WAZb8x- {
  padding: 0 14px;
  flex: 0 0 auto;
}

.icon-3VRthUnU- {
  height: 100%;
  padding: 0 6px;
  flex: 0 0 auto;
}

.icon-3VRthUnU-.first-1XNI05qr- {
  padding-left: 12px;
}

.icon-3VRthUnU-.last-2VBe7EFW- {
  padding-right: 12px;
}

.hidden-3Tq8Bf9V- {
  visibility: hidden;
}

/*
 IE11 requires to apply this class only to block element
 You should wrap each flex element into simple div element to proper sizing
 Otherwise any absolute flex element will have zero width
*/
.collapsed-2lhil-Rc- {
  position: absolute;
  visibility: hidden;
  height: 100%;
  left: 0;
  top: 0;
}

.control-bar-wrapper {
  position: absolute;
  pointer-events: none;
  bottom: 33px;
  height: 28px;
  z-index: 1;
  /*!rtl:ignore*/
  direction: ltr;
}

.control-bar {
  display: flex;
  visibility: visible;
  transition: opacity 0.3s, visibility 0.3s;
}

.control-bar--hidden {
  visibility: hidden;
  opacity: 0;
}

.control-bar__group {
  display: flex;
  align-items: center;
  margin: 0 7px;
}

.control-bar__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 4px;
  width: 28px;
  height: 28px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #758696;
  box-shadow: 0 1px 4px 0 rgba(117, 134, 150, 0.38);
  pointer-events: auto;
  transition: background-color 0.3s, color 0.3s, visibility 0.4s, opacity 0.4s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
  visibility: visible;
  opacity: 1;
}

.control-bar__btn--turn-button {
  margin: 0 11px;
}

.control-bar__btn--turn-button svg {
  margin-bottom: 1px;
}

.control-bar__btn--btn-hidden {
  visibility: hidden;
  opacity: 0;
}

.feature-no-touch .control-bar__btn:hover {
  background-color: #ffffff;
  color: #262b3e;
}

.feature-no-touch .control-bar__btn:active,
.feature-touch .control-bar__btn:active {
  background-color: #f7f8fa;
  transition: none;
}

.control-bar__btn--dark {
  background-color: rgba(38, 43, 62, 0.6);
  color: #9db2bd;
  box-shadow: 0 1px 4px 0 #000000;
}

.feature-no-touch .control-bar__btn--dark:hover {
  background-color: #262b3e;
  color: #c5cbce;
}

.feature-no-touch .control-bar__btn--dark:active,
.feature-touch .control-bar__btn--dark:active {
  background-color: #1c2030;
}

.control-bar__btn--back-present {
  position: absolute;
  /*!rtl:ignore*/
  right: 2px;
  bottom: 33px;
}

.control-bar__btn svg {
  pointer-events: none;
}

/**
 * Regular dropdown style
 */
/**
 * Transitions variables and mixins
 */
/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
.tv-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.tv-dropdown.i-inactive .tv-dropdown__item,
.tv-dropdown__group.i-inactive .tv-dropdown__item,
.feature-no-touch .tv-dropdown.i-inactive .tv-dropdown__item:hover,
.feature-no-touch .tv-dropdown__group.i-inactive .tv-dropdown__item:hover {
  cursor: default;
  color: #adaeb0;
  background-color: transparent;
}
.tv-dropdown__desc {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: #adaeb0;
  transition: color ease 0.35s;
}
.feature-no-touch .tv-dropdown__item:hover .tv-dropdown__desc {
  color: #757575;
  transition-duration: 0.06s;
}
.tv-dropdown.i-inactive .tv-dropdown__desc,
.tv-dropdown__group.i-inactive .tv-dropdown__desc {
  color: #c8c8c8;
  transition-duration: 0.06s;
}
.tv-dropdown__button {
  cursor: pointer;
}
.tv-dropdown__button--dashed {
  border-bottom-style: dashed;
}
.tv-dropdown__group--divided {
  border-bottom: 1px solid #eaecef;
}
.tv-dropdown__group--divided:last-child {
  border-bottom: none;
}
.tv-dropdown__body {
  position: absolute;
  top: -15px;
  left: 0;
  z-index: 99;
  padding: 15px 0;
  font-size: 13px;
  line-height: 1;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
}
html.theme-dark .tv-dropdown__body {
  background-color: #1c2030;
}
html.theme-dark .tv-dropdown__body {
  box-shadow: #000000 0 2px 4px 0;
}
.tv-dropdown__body--under-trigger {
  top: 100%;
  top: calc(100% - 1px);
}
.tv-dropdown__body--over-trigger {
  top: 0;
}
.tv-dropdown__body--position_right {
  left: auto;
  right: 0;
}
.tv-dropdown__body--position_outer_right {
  left: 100%;
}
.tv-dropdown__title {
  margin-top: 10px;
  padding: 10px 15px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #bdbec0;
  text-transform: uppercase;
}
.tv-dropdown__title:first-child {
  margin-top: 0;
}
.tv-dropdown__item {
  white-space: nowrap;
  position: relative;
  display: block;
  cursor: pointer;
  padding: 10px 15px;
  transition: color ease 0.35s, background-color ease 0.35s;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tv-dropdown__item,
.tv-dropdown__item:visited {
  color: #2f3241;
}
html.theme-dark .tv-dropdown__item,
html.theme-dark .tv-dropdown__item:visited {
  color: #d6d8e0;
}
.feature-no-touch .tv-dropdown__item:hover {
  color: #4a4a4a;
  background-color: #f2f3f5;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .tv-dropdown__item:hover {
  background-color: #2f3241;
}
html.feature-no-touch.theme-dark .tv-dropdown__item:hover {
  color: #c5cbce;
}
.feature-no-touch .tv-dropdown__item:active,
.feature-touch .tv-dropdown__item:active {
  color: #4a4a4a;
  background-color: #e5e5e8;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .tv-dropdown__item:active,
html.feature-touch.theme-dark .tv-dropdown__item:active {
  background-color: #262b3e;
}
html.feature-no-touch.theme-dark .tv-dropdown__item:active,
html.feature-touch.theme-dark .tv-dropdown__item:active {
  color: #c5cbce;
}
.tv-dropdown__item.i-active {
  color: #4a4a4a;
  background-color: #eafafe;
}
html.theme-dark .tv-dropdown__item.i-active {
  background-color: #21384d;
}
html.theme-dark .tv-dropdown__item.i-active {
  color: #c5cbce;
}
.feature-no-touch .tv-dropdown__item.i-active:hover {
  color: #000000;
  background-color: #c6e9f8;
}
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:hover {
  background-color: #21384d;
}
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:hover {
  color: #9db2bd;
}
.feature-no-touch .tv-dropdown__item.i-active:active,
.feature-touch .tv-dropdown__item.i-active:active {
  color: #000000;
  background-color: #b1e2f3;
}
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:active,
html.feature-touch.theme-dark .tv-dropdown__item.i-active:active {
  background-color: #21384d;
}
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:active,
html.feature-touch.theme-dark .tv-dropdown__item.i-active:active {
  color: #9db2bd;
}
.feature-no-touch .tv-dropdown__item.i-disabled:hover,
.feature-no-touch .tv-dropdown__item.i-disabled:active,
.feature-touch .tv-dropdown__item.i-disabled:active,
.tv-dropdown__item.i-disabled {
  cursor: default;
  color: #e5e5e8;
  background-color: transparent;
}
html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:active,
html.feature-touch.theme-dark .tv-dropdown__item.i-disabled:active,
html.theme-dark .tv-dropdown__item.i-disabled {
  color: #758696;
}
.tv-dropdown__item--subitem {
  padding: 10px 15px 10px 30px;
}
.feature-no-touch .tv-dropdown__item--not-interactive:hover {
  background-color: transparent;
}
.feature-no-touch .tv-dropdown__item--not-interactive:active,
.feature-touch .tv-dropdown__item--not-interactive:active {
  background-color: transparent;
}
.tv-dropdown__item--not-interactive.i-active {
  background-color: transparent;
}
.feature-no-touch .tv-dropdown__item--not-interactive.i-active:hover {
  background-color: transparent;
}
.feature-no-touch .tv-dropdown__item--not-interactive.i-active:active,
.feature-touch .tv-dropdown__item--not-interactive.i-active:active {
  background-color: transparent;
}
.tv-dropdown__item-text {
  vertical-align: middle;
}
.tv-objects-tree-tab-filter__button {
  padding: 10px 5px;
}

/**
 * Material-like dropdown
 * Only css animations
 * Must be stylized by context where using
 */
/**
 * Transitions variables and mixins
 */
/**
 * Regular dropdown style
 */
/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
.tv-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.tv-dropdown.i-inactive .tv-dropdown__item,
.tv-dropdown__group.i-inactive .tv-dropdown__item,
.feature-no-touch .tv-dropdown.i-inactive .tv-dropdown__item:hover,
.feature-no-touch .tv-dropdown__group.i-inactive .tv-dropdown__item:hover {
  cursor: default;
  color: #adaeb0;
  background-color: transparent;
}
.tv-dropdown__desc {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: #adaeb0;
  transition: color ease 0.35s;
}
.feature-no-touch .tv-dropdown__item:hover .tv-dropdown__desc {
  color: #757575;
  transition-duration: 0.06s;
}
.tv-dropdown.i-inactive .tv-dropdown__desc,
.tv-dropdown__group.i-inactive .tv-dropdown__desc {
  color: #c8c8c8;
  transition-duration: 0.06s;
}
.tv-dropdown__button {
  cursor: pointer;
}
.tv-dropdown__button--dashed {
  border-bottom-style: dashed;
}
.tv-dropdown__group--divided {
  border-bottom: 1px solid #eaecef;
}
.tv-dropdown__group--divided:last-child {
  border-bottom: none;
}
.tv-dropdown__body {
  position: absolute;
  top: -15px;
  left: 0;
  z-index: 99;
  padding: 15px 0;
  font-size: 13px;
  line-height: 1;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
}
html.theme-dark .tv-dropdown__body {
  background-color: #1c2030;
}
html.theme-dark .tv-dropdown__body {
  box-shadow: #000000 0 2px 4px 0;
}
.tv-dropdown__body--under-trigger {
  top: 100%;
  top: calc(100% - 1px);
}
.tv-dropdown__body--over-trigger {
  top: 0;
}
.tv-dropdown__body--position_right {
  left: auto;
  right: 0;
}
.tv-dropdown__body--position_outer_right {
  left: 100%;
}
.tv-dropdown__title {
  margin-top: 10px;
  padding: 10px 15px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #bdbec0;
  text-transform: uppercase;
}
.tv-dropdown__title:first-child {
  margin-top: 0;
}
.tv-dropdown__item {
  white-space: nowrap;
  position: relative;
  display: block;
  cursor: pointer;
  padding: 10px 15px;
  transition: color ease 0.35s, background-color ease 0.35s;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tv-dropdown__item,
.tv-dropdown__item:visited {
  color: #2f3241;
}
html.theme-dark .tv-dropdown__item,
html.theme-dark .tv-dropdown__item:visited {
  color: #d6d8e0;
}
.feature-no-touch .tv-dropdown__item:hover {
  color: #4a4a4a;
  background-color: #f2f3f5;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .tv-dropdown__item:hover {
  background-color: #2f3241;
}
html.feature-no-touch.theme-dark .tv-dropdown__item:hover {
  color: #c5cbce;
}
.feature-no-touch .tv-dropdown__item:active,
.feature-touch .tv-dropdown__item:active {
  color: #4a4a4a;
  background-color: #e5e5e8;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .tv-dropdown__item:active,
html.feature-touch.theme-dark .tv-dropdown__item:active {
  background-color: #262b3e;
}
html.feature-no-touch.theme-dark .tv-dropdown__item:active,
html.feature-touch.theme-dark .tv-dropdown__item:active {
  color: #c5cbce;
}
.tv-dropdown__item.i-active {
  color: #4a4a4a;
  background-color: #eafafe;
}
html.theme-dark .tv-dropdown__item.i-active {
  background-color: #21384d;
}
html.theme-dark .tv-dropdown__item.i-active {
  color: #c5cbce;
}
.feature-no-touch .tv-dropdown__item.i-active:hover {
  color: #000000;
  background-color: #c6e9f8;
}
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:hover {
  background-color: #21384d;
}
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:hover {
  color: #9db2bd;
}
.feature-no-touch .tv-dropdown__item.i-active:active,
.feature-touch .tv-dropdown__item.i-active:active {
  color: #000000;
  background-color: #b1e2f3;
}
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:active,
html.feature-touch.theme-dark .tv-dropdown__item.i-active:active {
  background-color: #21384d;
}
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:active,
html.feature-touch.theme-dark .tv-dropdown__item.i-active:active {
  color: #9db2bd;
}
.feature-no-touch .tv-dropdown__item.i-disabled:hover,
.feature-no-touch .tv-dropdown__item.i-disabled:active,
.feature-touch .tv-dropdown__item.i-disabled:active,
.tv-dropdown__item.i-disabled {
  cursor: default;
  color: #e5e5e8;
  background-color: transparent;
}
html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:active,
html.feature-touch.theme-dark .tv-dropdown__item.i-disabled:active,
html.theme-dark .tv-dropdown__item.i-disabled {
  color: #758696;
}
.tv-dropdown__item--subitem {
  padding: 10px 15px 10px 30px;
}
.feature-no-touch .tv-dropdown__item--not-interactive:hover {
  background-color: transparent;
}
.feature-no-touch .tv-dropdown__item--not-interactive:active,
.feature-touch .tv-dropdown__item--not-interactive:active {
  background-color: transparent;
}
.tv-dropdown__item--not-interactive.i-active {
  background-color: transparent;
}
.feature-no-touch .tv-dropdown__item--not-interactive.i-active:hover {
  background-color: transparent;
}
.feature-no-touch .tv-dropdown__item--not-interactive.i-active:active,
.feature-touch .tv-dropdown__item--not-interactive.i-active:active {
  background-color: transparent;
}
.tv-dropdown__item-text {
  vertical-align: middle;
}
.tv-dropdown-behavior__body {
  display: none;
  box-sizing: border-box;
}
.tv-dropdown-behavior__body.i-opened {
  display: block;
}
.tv-dropdown-behavior__body--width_full {
  min-width: 100%;
}
.tv-dropdown-behavior__button {
  cursor: pointer;
}
.tv-dropdown-behavior__item {
  display: block;
  position: relative;
}
.tv-dropdown-behavior__scroll,
.tv-dropdown-behavior__inscroll {
  display: block;
  position: relative;
}
.tv-dropdown-behavior__scroll {
  overflow: hidden;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.tv-objects-tree-item {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding: 13px 30px;
  color: #262b3e;
  transition: background-color ease 0.35s;
  height: 20px;
  border-bottom: 1px solid;
  border-bottom-color: #eceff2;
}
html.theme-dark .tv-objects-tree-item {
  border-bottom-color: #363c4e;
}
html.theme-dark .tv-objects-tree-item {
  color: #e1ecf2;
}
@media screen and (max-width: 767px) {
  .tv-objects-tree-item {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.tv-objects-tree-item--large-left-padding {
  padding-left: 55px;
}
@media screen and (max-width: 767px) {
  .tv-objects-tree-item--large-left-padding {
    padding-left: 45px;
  }
}
.tv-objects-tree-item--placeholder {
  height: 20px;
}
.feature-no-touch .tv-objects-tree-item:hover,
.tv-objects-tree-item.ui-sortable-helper {
  background-color: #f1f3f6;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .tv-objects-tree-item:hover,
html.theme-dark .tv-objects-tree-item.ui-sortable-helper {
  background-color: #2f3241;
}
.tv-objects-tree-item.i-prop-hidden {
  color: #94959c;
}
html.theme-dark .tv-objects-tree-item.i-prop-hidden {
  color: #4c525e;
}
.tv-objects-tree-item.i-active {
  background-color: #eafafe;
}
html.theme-dark .tv-objects-tree-item.i-active {
  background-color: #21384d;
}
.tv-objects-tree-item__icon {
  color: #758696;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
.tv-objects-tree-item__icon.i-empty {
  width: 0;
  margin-right: 0;
}
.tv-objects-tree-item__icon svg {
  height: 20px;
  vertical-align: middle;
  fill: #758696;
}
.tv-objects-tree-item__icon,
.tv-objects-tree-item__icon svg {
  height: 20px;
  width: 20px;
}
.tv-objects-tree-item__icon.i-text-icon {
  font-weight: bold;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: FontAwesome;
  text-align: center;
  color: #758696;
  font-size: 16px;
}
.tv-objects-tree-item__icon.i-text-icon,
.tv-objects-tree-item__icon.i-text-icon svg {
  min-width: 20px;
}
.tv-objects-tree-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.tv-objects-tree-item__title.i-bold {
  font-weight: bold;
}
.tv-objects-tree-item__title:after {
  content: '\200E';
}
.tv-objects-tree-item.i-active .tv-objects-tree-item__title {
  font-weight: bold;
}
.tv-objects-tree-item__control-buttons {
  flex-shrink: 0;
  margin-left: 10px;
}
.tv-objects-tree-item__control-buttons--left {
  margin-left: 0px;
  margin-right: 10px;
}
.tv-objects-tree-item__button {
  float: left;
  margin-left: 5px;
}
.tv-objects-tree-item__button--collapse,
.tv-objects-tree-item__button--expand {
  margin-left: 0;
}
.tv-objects-tree-item__button svg {
  opacity: 0.8;
  fill: #758696;
  transition: opacity ease 0.35s;
}
.feature-touch .tv-objects-tree-item__button svg {
  opacity: 0.9;
}
.feature-no-touch .tv-objects-tree-item__button:hover svg {
  opacity: 1;
  transition-duration: 0.06s;
}
.tv-objects-tree-item__button.i-active svg,
.feature-no-touch .tv-objects-tree-item__button.i-active:hover svg {
  fill: #3bb3e4;
}
.tv-objects-tree-item__button.i-transparent {
  visibility: hidden;
}
.tv-objects-tree-item__button,
.tv-objects-tree-item__button svg {
  width: 14px;
  height: 14px;
}
.feature-touch .tv-objects-tree-item__button svg {
  transform: scale(1.1);
}
.tv-objects-tree-item__button--collapse,
.tv-objects-tree-item.i-expanded .tv-objects-tree-item__button--expand {
  display: none;
}
.tv-objects-tree-item__button--expand,
.tv-objects-tree-item.i-expanded .tv-objects-tree-item__button--collapse {
  display: block;
}
.tv-objects-tree-item__drag-icon {
  position: absolute;
  width: 6px;
  height: 12px;
  left: 0px;
  top: 0px;
  padding: 16px 10px;
  cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move;
  cursor: -webkit-grab;
  cursor: grab;
}
.tv-objects-tree-item__drag-icon svg {
  fill: #dadde0;
}
@media screen and (max-width: 767px) {
  .tv-objects-tree-item__drag-icon {
    padding-left: 8px;
    padding-right: 12px;
  }
}
.tv-objects-tree-item.ui-sortable-helper,
.tv-objects-tree-item.ui-sortable-helper .tv-objects-tree-item__drag-icon {
  cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ------------------------ */
/* LESS mixin for CSS arrow */
/* ------------------------ */
/* Usage
 * .arrow(size, color, direction, offset, border-size, border-color);
 */
/* Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit");
 */
/* Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well
 */
.tv-objects-tree-dialog-tab {
  position: relative;
  height: 100%;
}
.tv-objects-tree-dialog-tab .sb-scrollbar-body {
  border: 0;
  background: #d8d8d8;
  width: 6px;
}
html.theme-dark .tv-objects-tree-dialog-tab .sb-scrollbar-body {
  background: #4f5966;
}
.tv-objects-tree-dialog-tab .sb-scrollbar-top,
.tv-objects-tree-dialog-tab .sb-scrollbar-bottom {
  display: none;
}
.tv-objects-tree-dialog-tab.i-scrollable {
  overflow: hidden;
}
.feature-touch .tv-objects-tree-dialog-tab.i-scrollable {
  overflow-x: hidden;
  overflow-y: auto;
}
.tv-objects-tree-dialog-tab__content {
  position: absolute;
  width: 100%;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.tv-objects-tree-tab__group:not(:last-child) {
  border-bottom: 1px solid;
  border-bottom-color: #dadde0;
}
html.theme-dark .tv-objects-tree-tab__group:not(:last-child) {
  border-bottom-color: #363c4e;
}
.tv-objects-tree-tab__group:not(:last-child) > *:last-child {
  border-bottom-color: transparent;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.tv-manage-drawings-tab__symbol-drawings {
  display: none;
}
.tv-manage-drawings-tab__symbol-drawings.i-expanded {
  display: block;
}
.tv-manage-drawings-tab__empty-drawings {
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
  font-style: italic;
}

/**
 * Tabs block
 */
/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.tv-tabs {
  display: flex;
  height: 53px;
  line-height: 53px;
  position: relative;
  padding: 0 14px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.tv-tabs:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #dadde0;
}
html.theme-dark .tv-tabs:before {
  background-color: #363c4e;
}
.tv-tabs::-webkit-scrollbar {
  display: none;
}
.tv-tabs.i-loaded {
  padding: 0;
}
.tv-tabs--category-content {
  padding: 0 6px;
}
.tv-tabs__scroll-wrap {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
  padding-bottom: 100px;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-transform: translate3d(0, 0, 0);
  /* IPad scroll fix */
}
.tv-tabs__scroll-box {
  display: flex;
  position: relative;
}
.tv-tabs.i-loaded .tv-tabs__scroll-box {
  padding: 0 14px;
}
.tv-tabs__tab {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 14px;
  height: 53px;
  font-size: 14px;
  line-height: 53px;
  color: #9aa9ba;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  transition: color ease 0.35s;
}
html.theme-dark .tv-tabs__tab {
  color: #758696;
}
.feature-no-touch .tv-tabs__tab:hover,
.tv-tabs__tab.i-hover,
.feature-no-touch .tv-tabs__tab:active,
.feature-touch .tv-tabs__tab:active {
  transition-duration: 0.06s;
}
.feature-no-touch .tv-tabs__tab:hover,
.feature-no-touch .tv-tabs__tab:active,
.feature-touch .tv-tabs__tab:active,
.tv-tabs__tab.i-hover,
.tv-tabs__tab.i-active {
  color: #252733;
}
html.feature-no-touch.theme-dark .tv-tabs__tab:hover,
html.feature-no-touch.theme-dark .tv-tabs__tab:active,
html.feature-touch.theme-dark .tv-tabs__tab:active,
html.theme-dark .tv-tabs__tab.i-hover,
html.theme-dark .tv-tabs__tab.i-active {
  color: #9db2bd;
}
.tv-tabs__tab:disabled,
.tv-tabs__tab[disabled],
.tv-tabs__tab.i-disabled {
  cursor: default;
  color: #dadde0;
}
html.theme-dark .tv-tabs__tab:disabled,
html.theme-dark .tv-tabs__tab[disabled],
html.theme-dark .tv-tabs__tab.i-disabled {
  color: #363c4e;
}
.tv-tabs__tab--no-padding {
  padding: 0;
}
.tv-tabs__tab--right-shifter {
  margin-left: auto;
}
.tv-tabs__tab--icon-tab {
  padding: 0;
}
.tv-tabs--category-header .tv-tabs__tab {
  padding-left: 25px;
  padding-right: 25px;
  font-size: 15px;
  color: #9db2bd;
}
.tv-tabs--category-header .tv-tabs__tab.i-hover,
.feature-no-touch .tv-tabs--category-header .tv-tabs__tab:hover {
  color: #758696;
}
.tv-tabs--category-header .tv-tabs__tab.i-active,
.feature-no-touch .tv-tabs--category-header .tv-tabs__tab:active,
.feature-touch .tv-tabs--category-header .tv-tabs__tab:active {
  color: #363c4e;
}
.tv-tabs:not(.i-loaded) .tv-tabs__tab.i-active:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: calc(100% - 28px);
  height: 2px;
  left: 14px;
  background: #3bb3e4;
}
.tv-tabs--category-header:not(.i-loaded) .tv-tabs__tab.i-active:after {
  bottom: 0;
  height: 3px;
  width: calc(100% - 50px);
  left: 25px;
}
.tv-tabs__slider,
.tv-tabs__tab.i-active:after {
  display: block;
  position: absolute;
  bottom: 0;
  height: 2px;
  pointer-events: none;
  background-color: #3bb3e4;
}
.tv-tabs--compact,
.tv-tabs--compact .tv-tabs__scroll-box,
.tv-tabs--compact .tv-tabs__tab {
  height: 23px;
}
.tv-tabs--compact .tv-tabs__tab {
  line-height: 23px;
  font-size: 13px;
}
.tv-tabs--semi-compact,
.tv-tabs--semi-compact .tv-tabs__scroll-box,
.tv-tabs--semi-compact .tv-tabs__tab {
  height: 34px;
}
.tv-tabs--semi-compact .tv-tabs__tab {
  line-height: 34px;
}
.tv-tabs--compact,
.tv-tabs--category-header,
.tv-tabs--semi-compact,
.tv-tabs--compact.i-loaded .tv-tabs__scroll-box,
.tv-tabs--category-header.i-loaded .tv-tabs__scroll-box,
.tv-tabs--semi-compact.i-loaded .tv-tabs__scroll-box {
  padding-left: 0;
  padding-right: 0;
}
.tv-tabs--compact:before,
.tv-tabs--category-header:before,
.tv-tabs--semi-compact:before {
  bottom: 0;
}
.tv-tabs--compact .tv-tabs__tab:first-child,
.tv-tabs--semi-compact .tv-tabs__tab:first-child {
  margin-left: -14px;
}
.tv-tabs--compact .tv-tabs__tab:last-child,
.tv-tabs--semi-compact .tv-tabs__tab:last-child {
  margin-right: -14px;
}
.tv-tabs--category-header .tv-tabs__tab:first-child {
  margin-left: -25px;
}
.tv-tabs--category-header .tv-tabs__tab:last-child {
  margin-right: -25px;
}
.tv-tabs--compact .tv-tabs__tab.i-hidden:first-child + .tv-tabs__tab {
  margin-left: -14px;
}
.tv-tabs--compact .tv-tabs__slider,
.tv-tabs--compact .tv-tabs__tab.i-active:after {
  bottom: 0;
  height: 1px;
}
.tv-tabs--no-margin .tv-tabs__tab:first-child,
.tv-tabs--semi-compact.tv-tabs--no-margin .tv-tabs__tab:first-child {
  margin-left: 0;
}
.tv-tabs--no-margin .tv-tabs__tab:last-child,
.tv-tabs--semi-compact.tv-tabs--no-margin .tv-tabs__tab:last-child {
  margin-right: 0;
}
.tv-tabs--secondary-active .tv-tabs__wrap {
  display: flex;
  align-items: center;
  height: 23px;
  padding: 0px 14px;
}
.tv-tabs--secondary-active.tv-tabs--semi-compact .tv-tabs__wrap {
  height: 22px;
  padding: 0px 8px;
}
.tv-tabs--secondary-active.tv-tabs--semi-compact .tv-tabs__tab {
  padding: 6px;
}
.tv-tabs--secondary-active .tv-tabs__tab {
  padding: 0 6px;
}
.tv-tabs--secondary-active .tv-tabs__tab.i-active .tv-tabs__wrap {
  background-color: #92a9b5;
  color: #ffffff;
  transition: color ease 0.35s, background-color ease 0.35s;
}
html.theme-dark .tv-tabs--secondary-active .tv-tabs__tab.i-active .tv-tabs__wrap {
  color: #c5cbce;
}
html.theme-dark .tv-tabs--secondary-active .tv-tabs__tab.i-active .tv-tabs__wrap {
  background-color: #4c525e;
}
.tv-tabs--no-border:before {
  display: none;
}
.tv-tabs--no-padding,
.tv-tabs--no-padding.i-loaded .tv-tabs__scroll-box {
  padding: 0;
}
.tv-tabs--no-padding .tv-tabs__tab {
  padding: 0 14px;
}
.tv-tabs--no-padding .tv-tabs__tab.tv-tabs__tab--no-padding {
  padding: 0;
}
.tv-tabs.i-loaded .tv-tabs__tab.i-active::after {
  content: none;
  display: none;
}
.tv-tabs__left-arrow,
.tv-tabs__right-arrow {
  position: absolute;
  display: flex;
  align-items: center;
  padding: 0 5px;
  bottom: 0;
  top: 0;
  background-color: #ffffff;
  cursor: pointer;
  width: 36px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
}
.tv-tabs__left-arrow:after,
.tv-tabs__right-arrow:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.tv-tabs__left-arrow svg,
.tv-tabs__right-arrow svg {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  transform: scale(1);
  transition: fill ease 0.35s;
}
.feature-no-touch .tv-tabs__left-arrow:hover svg,
.feature-no-touch .tv-tabs__right-arrow:hover svg {
  fill: #4e5866;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .tv-tabs__left-arrow:hover svg,
html.feature-no-touch.theme-dark .tv-tabs__right-arrow:hover svg {
  fill: #c5cbce;
}
.feature-no-touch .tv-tabs__left-arrow:active svg,
.feature-touch .tv-tabs__left-arrow:active svg,
.feature-no-touch .tv-tabs__right-arrow:active svg,
.feature-touch .tv-tabs__right-arrow:active svg {
  fill: #252733;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .tv-tabs__left-arrow:active svg,
html.feature-touch.theme-dark .tv-tabs__left-arrow:active svg,
html.feature-no-touch.theme-dark .tv-tabs__right-arrow:active svg,
html.feature-touch.theme-dark .tv-tabs__right-arrow:active svg {
  fill: #9db2bd;
}
.tv-tabs__right-arrow {
  justify-content: flex-end;
}
.tv-tabs--category-header .tv-tabs__left-arrow,
.tv-tabs--category-header .tv-tabs__right-arrow {
  background-color: #f8f8f8;
  bottom: 3px;
  margin-top: -1px;
}
.tv-tabs--category-header .tv-tabs__left-arrow svg,
.tv-tabs--category-header .tv-tabs__right-arrow svg {
  vertical-align: top;
}
.tv-tabs__left-arrow {
  /*!rtl:begin:ignore*/
  left: 0;
  text-align: left;
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
  /*!rtl:end:ignore*/
}
html.theme-dark .tv-tabs__left-arrow {
  background: linear-gradient(to right, #131722, rgba(19, 23, 34, 0.85), rgba(19, 23, 34, 0));
}
.tv-tabs__left-arrow.i-slided {
  /*!rtl:ignore*/
  transform: translateX(-100%);
}
.tv-tabs__right-arrow {
  /*!rtl:begin:ignore*/
  right: 0;
  text-align: right;
  background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
  /*!rtl:end:ignore*/
}
html.theme-dark .tv-tabs__right-arrow {
  background: linear-gradient(to left, #131722, rgba(19, 23, 34, 0.85), rgba(19, 23, 34, 0));
}
.tv-tabs__right-arrow.i-slided {
  /*!rtl:ignore*/
  transform: translateX(100%);
}
.tv-tabs--category-header .tv-tabs__left-arrow {
  /*!rtl:ignore*/
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
}
.tv-tabs--category-header .tv-tabs__right-arrow {
  /*!rtl:ignore*/
  background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
}
.tv-tabs--compact .tv-tabs__left-arrow,
.tv-tabs--compact .tv-tabs__right-arrow {
  width: 23px;
}
.tv-tabs--semi-compact .tv-tabs__left-arrow,
.tv-tabs--semi-compact .tv-tabs__right-arrow {
  width: 34px;
}
.tv-tabs--category-header .tv-tabs__left-arrow,
.tv-tabs--category-header .tv-tabs__right-arrow {
  width: 45px;
}
.tv-tabs--searchbar:before {
  display: none;
}
.tv-tabs--searchbar,
.tv-tabs--searchbar .tv-tabs__scroll-box {
  height: 80px;
}
@media screen and (max-width: 1019px) {
  .tv-tabs--searchbar,
  .tv-tabs--searchbar .tv-tabs__scroll-box {
    height: 54px;
  }
}
.tv-tabs--searchbar .tv-tabs__slider,
.tv-tabs--searchbar .tv-tabs__tab.i-active::after {
  bottom: 0;
  background-color: #ffffff;
}
.tv-tabs--searchbar .tv-tabs__left-arrow svg,
.tv-tabs--searchbar .tv-tabs__right-arrow svg {
  fill: #ffffff;
  opacity: 0.65;
}
.feature-no-touch .tv-tabs--searchbar .tv-tabs__left-arrow:hover svg,
.feature-no-touch .tv-tabs--searchbar .tv-tabs__right-arrow:hover svg,
.feature-no-touch .tv-tabs--searchbar .tv-tabs__left-arrow:active svg,
.feature-touch .tv-tabs--searchbar .tv-tabs__left-arrow:active svg,
.feature-no-touch .tv-tabs--searchbar .tv-tabs__right-arrow:active svg,
.feature-touch .tv-tabs--searchbar .tv-tabs__right-arrow:active svg {
  fill: #ffffff;
  opacity: 1;
}
.tv-tabs--searchbar .tv-tabs__left-arrow {
  background: linear-gradient(
    to right,
    rgba(37, 39, 51, 0.99) 0%,
    rgba(37, 39, 51, 0.99) 85%,
    #252733 100%
  );
}
.tv-tabs--searchbar .tv-tabs__right-arrow {
  background: linear-gradient(
    to right,
    #252733 0%,
    rgba(37, 39, 51, 0.99) 15%,
    rgba(37, 39, 51, 0.99) 100%
  );
}
.tv-tabs--searchbar_sub,
.tv-tabs--searchbar_sub .tv-tabs__scroll-box {
  height: 40px;
  line-height: 40px;
}
.tv-tabs--searchbar_sub .tv-tabs__left-arrow {
  background: linear-gradient(
    to right,
    rgba(30, 162, 216, 0.99) 0%,
    rgba(30, 162, 216, 0.99) 85%,
    #1ea2d8 100%
  );
}
.tv-tabs--searchbar_sub .tv-tabs__right-arrow {
  background: linear-gradient(
    to right,
    #1ea2d8 0%,
    rgba(30, 162, 216, 0.99) 15%,
    rgba(30, 162, 216, 0.99) 100%
  );
}
.tv-tabs--searchbar-bright .tv-tabs__left-arrow {
  background: linear-gradient(
    to right,
    rgba(59, 179, 228, 0.99) 0%,
    rgba(59, 179, 228, 0.99) 85%,
    #3bb3e4 100%
  );
}
.tv-tabs--searchbar-bright .tv-tabs__right-arrow {
  background: linear-gradient(
    to right,
    #3bb3e4 0%,
    rgba(59, 179, 228, 0.99) 15%,
    rgba(59, 179, 228, 0.99) 100%
  );
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
/* ------------------------ */
/* LESS mixin for CSS arrow */
/* ------------------------ */
/* Usage
 * .arrow(size, color, direction, offset, border-size, border-color);
 */
/* Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit");
 */
/* Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well
 */
.tv-tabbed-dialog {
  background-color: #ffffff;
  color: #4a4a4a;
}
html.theme-dark .tv-tabbed-dialog {
  color: #c5cbce;
}
html.theme-dark .tv-tabbed-dialog {
  background-color: #1c2030;
}
.tv-tabbed-dialog__header {
  display: flex;
  position: relative;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  border-bottom: none !important;
  margin-bottom: -1px;
  z-index: 6;
}
.tv-tabbed-dialog__bottom-border {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #dadde0;
  z-index: -1;
}
html.theme-dark .tv-tabbed-dialog__bottom-border {
  background-color: #363c4e;
}
.tv-tabbed-dialog__tab-page {
  height: 100%;
  display: none;
}
.tv-tabbed-dialog__tab-page.active {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  display: block;
}
.tv-tabbed-dialog__close {
  z-index: 6;
  top: 5px;
}
.tv-tabbed-dialog__tabs {
  width: 100%;
  flex-shrink: 1;
  height: 53px;
}
.tv-tabbed-dialog__custom-controls {
  margin-left: 10px;
  flex-shrink: 0;
}
.tv-tabbed-dialog__tabs-arrow-left:before,
.tv-tabbed-dialog__tabs-arrow-right:before {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  height: 1px;
}
.tv-tabbed-dialog__tabs-arrow-left:before {
  background: linear-gradient(to right, #dadde0 0%, #dadde0 85%, rgba(255, 255, 255, 0) 100%);
}
.tv-tabbed-dialog__tabs-arrow-right:before {
  background: linear-gradient(to left, #dadde0 0%, #dadde0 85%, rgba(255, 255, 255, 0) 100%);
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.tv-objects-tree-dialog__custom-controls-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 2px;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.modal-3St4C-sr- {
  display: flex;
  position: fixed;
  visibility: hidden;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  transform: translateZ(0);
}
.backdrop-37dtOKR8- {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #2a2c39;
  transform: translateZ(0);
  opacity: 0.5;
}
.backdrop-37dtOKR8-.animated-3MXxj0QT- {
  opacity: 0;
}
.notAnimated-2Wxm0Nli- {
  visibility: visible;
}
.animated-3MXxj0QT- {
  visibility: hidden;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.modal-C2LSTwhC- {
  position: relative;
  min-width: 320px;
}
.content-tr28wPlV- {
  position: relative;
}
.form-2GifjSKe- .copyForm-1HuPoKA0- {
  position: relative;
}
.form-2GifjSKe- .copyForm-1HuPoKA0- .copyBtn-1oB8tEqo- {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bold;
  background: #ffffff;
  border-radius: 2px;
}
html.theme-dark .form-2GifjSKe- .copyForm-1HuPoKA0- .copyBtn-1oB8tEqo- {
  background: #1c2030;
}
.form-2GifjSKe- .copyForm-1HuPoKA0- .shadow-2JTdO0Fb- {
  box-shadow: 0 0 0 0 #ffffff, -8px 0 10px -3px #ffffff;
}
html.theme-dark .form-2GifjSKe- .copyForm-1HuPoKA0- .shadow-2JTdO0Fb- {
  box-shadow: 0 0 0 0 #1c2030, -8px 0 10px -3px #1c2030;
}
.form-2GifjSKe- .actions-3fKk-h7d- {
  display: block;
  padding-top: 25px;
}
.form-2GifjSKe- .link-1alPBTTQ- {
  display: block;
  float: left;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  color: #757575;
  fill: #757575;
}
html.theme-dark .form-2GifjSKe- .link-1alPBTTQ- {
  fill: #758696;
}
html.theme-dark .form-2GifjSKe- .link-1alPBTTQ- {
  color: #758696;
}
.form-2GifjSKe- .link-1alPBTTQ- svg {
  width: 22px;
  height: 14px;
  position: relative;
  top: 2px;
  padding-right: 8px;
}
.feature-no-touch .form-2GifjSKe- .link-1alPBTTQ-:hover {
  color: #38acdb;
  fill: #38acdb;
}
.form-2GifjSKe- .socials-rht5Uvp-- {
  display: block;
  float: right;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  color: #3bb3e4;
  fill: #3bb3e4;
}
.form-2GifjSKe- .socials-rht5Uvp-- svg {
  width: 18px;
  height: 14px;
  position: relative;
  top: 2px;
  padding-right: 8px;
}
.feature-no-touch .form-2GifjSKe- .socials-rht5Uvp--:hover {
  color: #38acdb;
  fill: #38acdb;
}

/*
 * TODO: move it to css/blocks/tv-chart-events-source.less after release TV-4884
 */
/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.tv-chart-events-source__tooltip {
  pointer-events: none;
}
.tv-chart-events-source__tooltip--clickable {
  pointer-events: all;
}
.tv-chart-events-source__tooltip__content {
  font-size: 9pt;
  line-height: normal;
  cursor: default;
}
.tv-chart-events-source__tooltip__item {
  margin-top: 6pt;
  border: 0;
  border-left: solid #ffc84a 6px;
  border-radius: 2px;
  background: #ffffff;
  padding: 15px 20px 15px 20px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 2px 7px;
}
html.theme-dark .tv-chart-events-source__tooltip__item {
  box-shadow: rgba(107, 121, 136, 0.25) 0 2px 7px;
}
html.theme-dark .tv-chart-events-source__tooltip__item {
  background: #131722;
}
.tv-chart-events-source__tooltip__item--importance-normal {
  background: white;
  border-left-color: #f89e30;
}
.tv-chart-events-source__tooltip__item--importance-high {
  background: white;
  border-left-color: #ff4a68;
}
.tv-chart-events-source__tooltip__item--importance-earnings {
  background: white;
  border-left-color: #ff4d6a;
}
.tv-chart-events-source__tooltip__item--importance-splits {
  background: white;
  border-left-color: #007f0e;
}
.tv-chart-events-source__tooltip__item--importance-dividends {
  background: white;
  border-left-color: #0496ff;
}
.tv-chart-events-source__tooltip__item--importance-none {
  border-left-width: 1px;
  border-left-color: #dadde0;
}
html.theme-dark .tv-chart-events-source__tooltip__item--importance-none {
  border-left-color: #363c4e;
}
.tv-chart-events-source__tooltip__item--importance-list {
  border-left-width: 1px;
  border-left-color: #dadde0;
  padding: 15px 20px 15px 25px;
  font-size: 10pt;
}
html.theme-dark .tv-chart-events-source__tooltip__item--importance-list {
  border-left-color: #363c4e;
}
.tv-chart-events-source__tooltip__item--importance-list dl:before {
  margin-right: 5px;
  position: absolute;
  left: 15px;
}
.tv-chart-events-source__tooltip__item--importance-list dl.list-item:not(:first-child) {
  margin-top: 12px;
}
.tv-chart-events-source__tooltip__item--importance-list dl.list-item:before {
  content: '\2022';
}
.tv-chart-events-source__tooltip__item dl {
  margin: 0;
  color: #666666;
  line-height: 1.5;
}
html.theme-dark .tv-chart-events-source__tooltip__item dl {
  color: #758696;
}
.tv-chart-events-source__tooltip__item dl.actual {
  color: #000000;
}
html.theme-dark .tv-chart-events-source__tooltip__item dl.actual {
  color: #9db2bd;
}
.tv-chart-events-source__tooltip__item dt,
.tv-chart-events-source__tooltip__item dd {
  margin: 0;
  display: inline;
}
.tv-chart-events-source__tooltip__item h2 {
  font-size: 9pt;
  margin: 0 0 4pt;
}
.tv-chart-events-source__tooltip__item a,
.feature-no-touch .tv-chart-events-source__tooltip__item a:hover,
.feature-no-touch .tv-chart-events-source__tooltip__item a:active,
.feature-touch .tv-chart-events-source__tooltip__item a:active,
.tv-chart-events-source__tooltip__item a:visited {
  color: #3bb3e4;
  cursor: pointer;
}

/**
 * Input
 */
/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.tv-control-input {
  display: block;
  padding: 0 12px;
  width: 100%;
  height: 34px;
  font-size: 13px;
  color: #4a4a4a;
  border-color: #dadde0;
  border-style: solid;
  border-width: 1px;
  background-color: #ffffff;
  border-radius: 2px;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  transition: border-color ease 0.35s, background-color ease 0.35s;
}
html.theme-dark .tv-control-input {
  background-color: #1c2030;
}
html.theme-dark .tv-control-input {
  border-color: #363c4e;
}
html.theme-dark .tv-control-input {
  color: #c5cbce;
}
.tv-control-input::-webkit-input-placeholder {
  color: #adaeb0;
  opacity: 1;
}
.tv-control-input:-ms-input-placeholder {
  color: #adaeb0;
  opacity: 1;
}
.tv-control-input::-ms-input-placeholder {
  color: #adaeb0;
  opacity: 1;
}
.tv-control-input::placeholder {
  color: #adaeb0;
  opacity: 1;
}
html.theme-dark .tv-control-input::-webkit-input-placeholder {
  color: #4f5966;
}
html.theme-dark .tv-control-input:-ms-input-placeholder {
  color: #4f5966;
}
html.theme-dark .tv-control-input::-ms-input-placeholder {
  color: #4f5966;
}
html.theme-dark .tv-control-input::placeholder {
  color: #4f5966;
}
.tv-control-input:-webkit-autofill {
  -webkit-text-fill-color: #535353 !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
}
.tv-control-input--size_xsmall {
  height: 19px;
}
.tv-control-input--size_small {
  height: 27px;
}
.tv-control-input--size_large {
  height: 48px;
}
.tv-control-input--connect {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
.tv-control-input--connect_left {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tv-control-input--connect_right {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tv-control-input--connect_right#id_username {
  /*!rtl:raw:
        direction: ltr;
        text-align: right;
        */
}
.feature-no-touch .tv-control-input:hover {
  border-color: #c8c8c8;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .tv-control-input:hover {
  border-color: #4c525e;
}
.feature-no-touch .tv-control-input:focus,
.feature-touch .tv-control-input:focus {
  border-color: #3bb3e4 !important;
  transition-duration: 0.06s;
}
.tv-control-input[readonly] {
  color: #8a8a8a;
  border-color: #dadde0;
}
.feature-no-touch .tv-control-input[readonly]:hover,
.feature-no-touch .tv-control-input[readonly]:focus,
.feature-touch .tv-control-input[readonly]:focus {
  border-color: #dadde0;
}
.tv-control-input--readonly_dark,
.tv-control-input--readonly_dark[readonly] {
  color: #555555;
}
html.theme-dark .tv-control-input--readonly_dark,
html.theme-dark .tv-control-input--readonly_dark[readonly] {
  color: #4c525e;
}
.tv-control-input[disabled],
.tv-control-input.i-disabled {
  color: #ececec !important;
  border-color: #ececec !important;
}
html.theme-dark .tv-control-input[disabled],
html.theme-dark .tv-control-input.i-disabled {
  border-color: #262b3e !important;
}
html.theme-dark .tv-control-input[disabled],
html.theme-dark .tv-control-input.i-disabled {
  color: #262b3e !important;
}
.tv-control-input[disabled]::-webkit-input-placeholder,
.tv-control-input.i-disabled::-webkit-input-placeholder {
  color: #ececec !important;
}
.tv-control-input[disabled]:-ms-input-placeholder,
.tv-control-input.i-disabled:-ms-input-placeholder {
  color: #ececec !important;
}
.tv-control-input[disabled]::-ms-input-placeholder,
.tv-control-input.i-disabled::-ms-input-placeholder {
  color: #ececec !important;
}
.tv-control-input[disabled]::placeholder,
.tv-control-input.i-disabled::placeholder {
  color: #ececec !important;
}
html.theme-dark .tv-control-input[disabled]::-webkit-input-placeholder,
html.theme-dark .tv-control-input.i-disabled::-webkit-input-placeholder {
  color: #262b3e !important;
}
html.theme-dark .tv-control-input[disabled]:-ms-input-placeholder,
html.theme-dark .tv-control-input.i-disabled:-ms-input-placeholder {
  color: #262b3e !important;
}
html.theme-dark .tv-control-input[disabled]::-ms-input-placeholder,
html.theme-dark .tv-control-input.i-disabled::-ms-input-placeholder {
  color: #262b3e !important;
}
html.theme-dark .tv-control-input[disabled]::placeholder,
html.theme-dark .tv-control-input.i-disabled::placeholder {
  color: #262b3e !important;
}
.feature-no-touch .tv-control-input[disabled]:hover,
.feature-no-touch .tv-control-input.i-disabled:hover {
  border-color: #ececec !important;
}
html.feature-no-touch.theme-dark .tv-control-input[disabled]:hover,
html.feature-no-touch.theme-dark .tv-control-input.i-disabled:hover {
  border-color: #262b3e !important;
}
.tv-control-input.i-error {
  border-color: #ff4a68 !important;
}
.feature-no-touch .tv-control-input.i-error:hover {
  border-color: #f24965 !important;
}
.feature-no-touch .tv-control-input.i-error:focus,
.feature-touch .tv-control-input.i-error:focus {
  border-color: #ff173e !important;
}
.tv-control-input.i-success {
  border-color: #3cbc98 !important;
}
.feature-no-touch .tv-control-input.i-success:hover {
  border-color: #38b395 !important;
}
.feature-no-touch .tv-control-input.i-success:focus,
.feature-touch .tv-control-input.i-success:focus {
  border-color: #00a97f !important;
}
.tv-control-input--phone {
  /*!rtl:ignore*/
  direction: ltr;
  text-align: left;
}
.tv-control-input--file {
  display: none;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.tv-compare-tab__predefines {
  display: flex;
  flex-wrap: wrap;
}
.tv-compare-tab__predefine-cell {
  width: 50%;
  margin-top: 20px;
}
.tv-compare-tab__checkbox-label {
  font-size: 13px;
}
.tv-compare-tab__checkbox-box:after {
  border-color: #9db2bd;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.tv-add-symbol-tab__add-symbol-overlay {
  margin-top: 20px;
}
.tv-add-symbol-tab__checkbox-label {
  font-size: 13px;
}
.tv-add-symbol-tab__checkbox-box:after {
  border-color: #9db2bd;
}

.tv-compare-dialog__scroll-box {
  padding: 0 15px !important;
}
.tv-compare-dialog__tab {
  padding: 0 15px;
}
.tv-compare-dialog__tab-page {
  position: relative;
  padding: 20px 30px;
}
.tv-compare-dialog__tab-page input {
  color: #4a4a4a;
  background-color: #ffffff;
  border-color: #dadde0;
}
html.theme-dark .tv-compare-dialog__tab-page input {
  border-color: #363c4e;
}
html.theme-dark .tv-compare-dialog__tab-page input {
  background-color: #1c2030;
}
html.theme-dark .tv-compare-dialog__tab-page input {
  color: #c5cbce;
}
.feature-no-touch .tv-compare-dialog__tab-page input:hover {
  border-color: #c8c8c8;
}
html.feature-no-touch.theme-dark .tv-compare-dialog__tab-page input:hover {
  border-color: #4c525e;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.tv-grouped-floating-toolbar {
  color: #4a4a4a;
}
html.theme-dark .tv-grouped-floating-toolbar {
  color: #c5cbce;
}
.tv-grouped-floating-toolbar__popup {
  display: flex;
  position: absolute;
  top: 100%;
  opacity: 0;
  border-radius: 0 0 1px 1px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
  transition: opacity ease 0.35s;
}
html.theme-dark .tv-grouped-floating-toolbar__popup {
  background-color: #1c2030;
}
html.theme-dark .tv-grouped-floating-toolbar__popup {
  box-shadow: #000000 0 2px 4px 0;
}
.tv-grouped-floating-toolbar__popup.i-opened {
  opacity: 1;
  transition-duration: 0.11666667s;
}
.tv-grouped-floating-toolbar__popup--at-top {
  top: calc(-100% - 2px);
  border-radius: 1px 1px 0 0;
  box-shadow: rgba(0, 0, 0, 0.15) 0px -5px 10px -5px;
}
.tv-grouped-floating-toolbar__popup--at-left {
  left: 0;
  border-radius: 1px 0 0 1px;
  transform: translateX(-100%);
}
.tv-grouped-floating-toolbar.i-vertical
  .tv-grouped-floating-toolbar__popup:not(.tv-grouped-floating-toolbar__popup--at-left) {
  left: 100%;
  border-radius: 0 1px 1px 0;
}
.tv-grouped-floating-toolbar__sub-widget {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  cursor: pointer;
  transition: background-color ease 0.35s, opacity ease 0.35s;
}
.feature-no-touch .tv-grouped-floating-toolbar__sub-widget:hover,
.tv-grouped-floating-toolbar__sub-widget--current {
  background-color: #f1f3f6;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .tv-grouped-floating-toolbar__sub-widget:hover,
html.theme-dark .tv-grouped-floating-toolbar__sub-widget--current {
  background-color: #2f3241;
}
.feature-no-touch .tv-grouped-floating-toolbar__sub-widget:active,
.feature-touch .tv-grouped-floating-toolbar__sub-widget:active {
  background-color: #eaecef;
  transition-duration: 0.06s;
}
.tv-grouped-floating-toolbar__sub-widget--slide-right-9,
.tv-grouped-floating-toolbar__popup--at-left
  .tv-grouped-floating-toolbar__sub-widget--slide-left-9 {
  transition-delay: 0s, 0.2422s;
}
.tv-grouped-floating-toolbar__sub-widget--slide-right-8,
.tv-grouped-floating-toolbar__popup--at-left
  .tv-grouped-floating-toolbar__sub-widget--slide-left-8 {
  transition-delay: 0s, 0.20055s;
}
.tv-grouped-floating-toolbar__sub-widget--slide-right-7,
.tv-grouped-floating-toolbar__popup--at-left
  .tv-grouped-floating-toolbar__sub-widget--slide-left-7 {
  transition-delay: 0s, 0.1638s;
}
.tv-grouped-floating-toolbar__sub-widget--slide-right-6,
.tv-grouped-floating-toolbar__popup--at-left
  .tv-grouped-floating-toolbar__sub-widget--slide-left-6 {
  transition-delay: 0s, 0.13195s;
}
.tv-grouped-floating-toolbar__sub-widget--slide-right-5,
.tv-grouped-floating-toolbar__popup--at-left
  .tv-grouped-floating-toolbar__sub-widget--slide-left-5 {
  transition-delay: 0s, 0.105s;
}
.tv-grouped-floating-toolbar__sub-widget--slide-right-4,
.tv-grouped-floating-toolbar__popup--at-left
  .tv-grouped-floating-toolbar__sub-widget--slide-left-4 {
  transition-delay: 0s, 0.08295s;
}
.tv-grouped-floating-toolbar__sub-widget--slide-right-3,
.tv-grouped-floating-toolbar__popup--at-left
  .tv-grouped-floating-toolbar__sub-widget--slide-left-3 {
  transition-delay: 0s, 0.0658s;
}
.tv-grouped-floating-toolbar__sub-widget--slide-right-2,
.tv-grouped-floating-toolbar__popup--at-left
  .tv-grouped-floating-toolbar__sub-widget--slide-left-2 {
  transition-delay: 0s, 0.05355s;
}
.tv-grouped-floating-toolbar__sub-widget--slide-right-1,
.tv-grouped-floating-toolbar__popup--at-left
  .tv-grouped-floating-toolbar__sub-widget--slide-left-1 {
  transition-delay: 0s, 0.0462s;
}
.tv-grouped-floating-toolbar__sub-widget--slide-right-0,
.tv-grouped-floating-toolbar__popup--at-left
  .tv-grouped-floating-toolbar__sub-widget--slide-left-0 {
  transition-delay: 0s, 0.04375s;
}
.tv-grouped-floating-toolbar__popup.i-opened .tv-grouped-floating-toolbar__sub-widget {
  opacity: 1;
}
.tv-grouped-floating-toolbar__sub-widget:not(:first-child) {
  border-left: 1px solid;
  border-left-color: #dadde0;
}
html.theme-dark .tv-grouped-floating-toolbar__sub-widget:not(:first-child) {
  border-left-color: #363c4e;
}
.tv-grouped-floating-toolbar__widget-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  cursor: pointer;
  background-color: #ffffff;
  transition: background-color ease 0.35s;
}
html.theme-dark .tv-grouped-floating-toolbar__widget-wrapper {
  background-color: #1c2030;
}
.feature-no-touch .tv-grouped-floating-toolbar__widget-wrapper:hover,
.tv-grouped-floating-toolbar__widget-wrapper.i-dropped {
  background-color: #f1f3f6;
  transition-duration: 0.06s;
}
html.feature-no-touch.theme-dark .tv-grouped-floating-toolbar__widget-wrapper:hover,
html.theme-dark .tv-grouped-floating-toolbar__widget-wrapper.i-dropped {
  background-color: #2f3241;
}
.tv-grouped-floating-toolbar__widget-wrapper.i-disabled {
  cursor: default;
  color: #adaeb0;
}
.feature-no-touch .tv-grouped-floating-toolbar__widget-wrapper.i-disabled:hover {
  background-color: white;
}
.feature-no-touch .tv-grouped-floating-toolbar__widget-wrapper:active,
.feature-touch .tv-grouped-floating-toolbar__widget-wrapper:active {
  background-color: #eaecef;
  transition-duration: 0.06s;
}

/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */
/**
 * Transitions variables and mixins
 */
.tv-linetool-properties-toolbar__button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  cursor: pointer;
  transition: background-color ease 0.35s;
}
.feature-no-touch .tv-linetool-properties-toolbar__button:hover,
.tv-linetool-properties-toolbar__button.i-dropped {
  background-color: #f1f3f6;
}
html.feature-no-touch.theme-dark .tv-linetool-properties-toolbar__button:hover,
html.theme-dark .tv-linetool-properties-toolbar__button.i-dropped {
  background-color: #2f3241;
}
.feature-no-touch .tv-linetool-properties-toolbar__button:active,
.feature-touch .tv-linetool-properties-toolbar__button:active {
  background-color: #eaecef;
}
html.feature-no-touch.theme-dark .tv-linetool-properties-toolbar__button:active,
html.feature-touch.theme-dark .tv-linetool-properties-toolbar__button:active {
  background-color: #2f3241;
}
.feature-no-touch .tv-linetool-properties-toolbar__button:hover,
.feature-no-touch .tv-linetool-properties-toolbar__button:active,
.feature-touch .tv-linetool-properties-toolbar__button:active {
  transition-duration: 0.06s;
}
.tv-linetool-properties-toolbar__button.i-active {
  background-color: #f1f3f6;
}
html.theme-dark .tv-linetool-properties-toolbar__button.i-active {
  background-color: #262b3e;
}
.feature-no-touch .tv-linetool-properties-toolbar__button.i-active:hover {
  background-color: #e8ebf0;
}
.feature-no-touch .tv-linetool-properties-toolbar__button.i-active:active,
.feature-touch .tv-linetool-properties-toolbar__button.i-active:active {
  background-color: #dee3ea;
}
.tv-linetool-properties-toolbar__button,
.tv-linetool-properties-toolbar__sub-widget,
.tv-linetool-properties-toolbar__grouped-button {
  min-width: 38px;
  min-height: 38px;
}
.tv-linetool-properties-toolbar__text {
  transition: color ease 0.35s;
}
.tv-linetool-properties-toolbar__icon {
  display: flex;
}
.tv-linetool-properties-toolbar__icon svg {
  width: 16px;
  height: 16px;
  fill: #758696;
  transition: fill ease 0.35s, stroke ease 0.35s;
}
.i-active .tv-linetool-properties-toolbar__icon svg {
  fill: #3bb3e4;
}
.tv-linetool-properties-toolbar__icon--line-props svg {
  width: 22px;
  height: 6px;
}
.feature-no-touch
  .tv-linetool-properties-toolbar__button:hover
  .tv-linetool-properties-toolbar__icon
  svg,
.feature-no-touch
  .tv-linetool-properties-toolbar__button:active
  .tv-linetool-properties-toolbar__icon
  svg,
.feature-touch
  .tv-linetool-properties-toolbar__button:active
  .tv-linetool-properties-toolbar__icon
  svg {
  transition-duration: 0.06s;
}
.tv-linetool-properties-toolbar__color-picker {
  height: 38px !important;
  width: 38px !important;
  cursor: pointer;
}
.tv-linetool-properties-toolbar__color-picker .tvcolorpicker-transparency {
  width: 38px !important;
  height: 4px !important;
  bottom: 5px;
}
.tv-linetool-properties-toolbar__color-picker .colorpicker-widget {
  border-color: #c9cbcd;
  border: 0px !important;
  width: 34px;
  height: 34px;
  padding: 2px;
  z-index: 10;
  position: relative !important;
}
.tv-linetool-properties-toolbar__color-picker .colorpicker-widget + svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 38px;
  z-index: 40;
}
.tv-linetool-properties-toolbar__color-picker .colorpicker-widget + svg .bg {
  fill: #ffffff;
  transition: fill ease 0.35s;
}
html.theme-dark .tv-linetool-properties-toolbar__color-picker .colorpicker-widget + svg .bg {
  fill: #1c2030;
}
.tv-linetool-properties-toolbar__color-picker .colorpicker-widget + svg .icon {
  fill: #758696;
  transition: fill ease 0.35s;
}
.feature-no-touch
  .tv-linetool-properties-toolbar__color-picker
  .colorpicker-widget
  + svg:hover
  .bg {
  fill: #f1f3f6;
}
html.feature-no-touch.theme-dark
  .tv-linetool-properties-toolbar__color-picker
  .colorpicker-widget
  + svg:hover
  .bg {
  fill: #2f3241;
}
.tv-linetool-properties-toolbar__color-picker .colorpicker-widget.i-active + svg .bg {
  fill: #f1f3f6;
}