.cursor {
  position: absolute;
  white-space: nowrap;
  height: 1rem;
  margin-top: -1rem;
}
.cursor--quote {
  position: relative;
  padding: 1px 3px 2px;
  margin-left: -50%;
  font-size: 1rem;
  left: calc(-100% - 11px - 3px);
}
.cursor--quote:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 11px;
  margin-right: 2px;
  margin-top: -1px;
  border-radius: 50%;
}
.cursor:after {
  content: '';
  display: block;
  position: absolute;
  top: 75%;
  left: -11px;
  height: 1px;
  width: 26px;
}
.cursor-limit .cursor--quote:before {
  background-position: left 0px;
}
.cursor-limit.cursor-above .cursor--quote:before {
  background-color: #b0424a;
}
.cursor-limit.cursor-below .cursor--quote:before {
  background-color: #1a8f6d;
}
.cursor-stop .cursor--quote:before {
  background-position: left -44px;
}
.cursor-stop.cursor-above .cursor--quote:before {
  background-color: #1a8f6d;
}
.cursor-stop.cursor-below .cursor--quote:before {
  background-color: #b0424a;
}
.cursor--quote {
  background-color: #2c2d3d;
  color: #fff;
}
.cursor--quote:before {
  background-image: url(../../wl/primexbt/_/dx/components/order/img/icons-positions-orders-statuses.png?2928e6804ce9ec202e4619516ab54c91);
}

.scrollbar {
  position: absolute;
  box-sizing: border-box;
  visibility: hidden;
  z-index: -1;
}
.scrollbar--button {
  display: none;
}
.scrollbar-vertical {
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 0;
  width: 9px;
}
.scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollbar-vertical {
  visibility: inherit;
  z-index: auto;
}
.scrollable-withHorizontalScrollbar > .scrollable--wrapper > .scrollbar-vertical {
  bottom: 9px;
}
.scrollbar-horizontal {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 0;
  height: 9px;
}
.scrollable-withHorizontalScrollbar > .scrollable--wrapper > .scrollbar-horizontal {
  visibility: inherit;
  z-index: auto;
}
.scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollbar-horizontal {
  right: 9px;
}
.scrollbar--track {
  position: relative;
}
.scrollbar--bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.scrollbar-vertical .scrollbar--button {
  position: absolute;
  right: 0;
  width: 100%;
  height: 0;
}
.scrollbar-vertical .scrollbar--button-toStart {
  top: 0;
}
.scrollbar-vertical .scrollbar--button-backward {
  top: 0;
}
.scrollbar-vertical .scrollbar--button-forward {
  bottom: 0;
}
.scrollbar-vertical .scrollbar--button-toEnd {
  bottom: 0;
}
.scrollbar-vertical .scrollbar--track {
  width: 100%;
  height: 100%;
}
.scrollbar-vertical .scrollbar--bar {
  min-height: 10px;
}
.scrollbar-horizontal .scrollbar--button {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 100%;
}
.scrollbar-horizontal .scrollbar--button-toStart {
  left: 0;
}
.scrollbar-horizontal .scrollbar--button-backward {
  left: 0;
}
.scrollbar-horizontal .scrollbar--button-forward {
  right: 0;
}
.scrollbar-horizontal .scrollbar--button-toEnd {
  right: 0;
}
.scrollbar-horizontal .scrollbar--track {
  height: 100%;
}
.scrollbar-horizontal .scrollbar--bar {
  min-width: 10px;
}

.mobileScrollable {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.scrollable {
  overflow: hidden;
  position: relative;
}
.scrollable--wrapper {
  display: block;
  width: 100%;
  height: 100%;
}
.scrollable--container {
  padding: 0;
  overflow: scroll;
  box-sizing: border-box;
}
.scrollable-withHorizontalScrollbar
  > .scrollable--wrapper
  > .scrollable--container
  > .scrollable--content {
  padding-bottom: 9px;
}
.scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollable--container {
  padding-right: 9px;
}
.scrollable--content {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  min-width: 100%;
}
.scrollable--resizeDetector {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: none;
}

.scrollable--container::-webkit-scrollbar {
  display: none;
}
.scrollable--container::-webkit-scrollbar-button {
  display: none;
}
.scrollable--container::-webkit-scrollbar-thumb {
  display: none;
}
.scrollable--container::-webkit-scrollbar-thumb:hover,
.scrollable--container::-webkit-scrollbar-thumb.\:hover {
  display: none;
}
.scrollable--container::-webkit-scrollbar-thumb:active,
.scrollable--container::-webkit-scrollbar-thumb.\:active {
  display: none;
}
.scrollable--container::-webkit-scrollbar-track {
  display: none;
}
.scrollable--container::-webkit-scrollbar-track:hover,
.scrollable--container::-webkit-scrollbar-track.\:hover {
  display: none;
}
.scrollable--container::-webkit-scrollbar-track:active,
.scrollable--container::-webkit-scrollbar-track.\:active {
  display: none;
}
.scrollable--container::-webkit-scrollbar-corner {
  display: none;
}
.scrollable .scrollbar-vertical .scrollbar--bar:before {
  margin-left: 3px;
}
.scrollable .scrollbar-horizontal .scrollbar--bar:before {
  margin-top: 3px;
}
.scrollable-withHorizontalScrollbar .scrollbar-horizontal {
  z-index: 10;
}
.scrollable-withHorizontalScrollbar .scrollbar-horizontal .scrollbar--bar:before {
  width: 100%;
  height: 3px;
  margin: 3px 0;
}
.scrollable-withHorizontalScrollbar .scrollbar-horizontal .scrollbar--bar:hover:before,
.scrollable-withHorizontalScrollbar .scrollbar-horizontal .scrollbar--bar:active:before,
.scrollable-withHorizontalScrollbar .scrollbar-horizontal .scrollbar--bar.\:hover:before,
.scrollable-withHorizontalScrollbar .scrollbar-horizontal .scrollbar--bar.\:active:before {
  margin: 0;
  height: 100%;
}
.scrollable-withVerticalScrollbar .scrollbar-vertical .scrollbar--bar:before {
  height: 100%;
  width: 3px;
  margin: 0 3px;
}
.scrollable-withVerticalScrollbar .scrollbar-vertical .scrollbar--bar:hover:before,
.scrollable-withVerticalScrollbar .scrollbar-vertical .scrollbar--bar:active:before,
.scrollable-withVerticalScrollbar .scrollbar-vertical .scrollbar--bar.\:hover:before,
.scrollable-withVerticalScrollbar .scrollbar-vertical .scrollbar--bar.\:active:before {
  margin: 0;
  width: 100%;
}
.scrollable-withVerticalScrollbar .scrollbar-vertical:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
}
.scrollable .scrollable--wrapper,
.scrollable .scrollbar,
.scrollable-withVerticalScrollbar .scrollbar-vertical:after {
  background-color: inherit;
}
.scrollable-overlay .scrollable--wrapper,
.scrollable-overlay .scrollbar,
.scrollable-overlay-withVerticalScrollbar .scrollbar-vertical:after {
  background-color: transparent;
}
.scrollable:hover .scrollbar--bar:before,
.scrollable.\:hover .scrollbar--bar:before {
  background-color: rgba(255, 255, 255, 0.4);
}

.scrollbar--track {
  z-index: 2;
}
.scrollbar--bar:before {
  content: '';
  position: absolute;
  border-radius: 1px;
}
.scrollbar--bar:hover:before,
.scrollbar--bar:active:before,
.scrollbar--bar.\:hover:before,
.scrollbar--bar.\:active:before {
  border-radius: 4px;
}
.scrollbar--track {
  cursor: pointer;
}
.scrollbar--bar {
  transition:
    width 200ms,
    height 200ms,
    margin 200ms,
    border-radius 200ms,
    background-color 200ms;
}
.scrollbar--bar:before {
  transition:
    width 200ms,
    height 200ms,
    margin 200ms,
    border-radius 200ms,
    background-color 200ms;
  background-color: rgba(255, 255, 255, 0.12);
}
.scrollbar--bar:hover:before,
.scrollbar--bar:active:before,
.scrollbar--bar.\:hover:before,
.scrollbar--bar.\:active:before {
  background-color: rgba(255, 255, 255, 0.4);
}

.icon__container___third-party-legacy-react-kit-components-icon-theme- {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: inherit;
  fill: currentcolor;
}

.button__container___third-party-legacy-react-kit-components-button- {
  color: #fff;
  background-color: #393a4d;
  box-shadow: 0 0 0 1px #3d4e66;
  height: 26px;
  min-width: 84px;
  font-size: 12px;
  border-radius: 1px;
  position: relative;
  transition:
    box-shadow 0.1s ease,
    color 0.1s ease,
    background-color 0.1s ease,
    border-color 0.1s ease,
    opacity 0.1s ease;
  border: none;
}
.button__container___third-party-legacy-react-kit-components-button-::before {
  border-top-color: rgba(255, 255, 255, 0.02);
  border-bottom-color: rgba(255, 255, 255, 0.02);
  border-left-color: rgba(255, 255, 255, 0.02);
  border-right-color: rgba(255, 255, 255, 0.02);
}
.button__container___third-party-legacy-react-kit-components-button-:before {
  content: '';
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1px;
  border-width: 1px;
  border-style: solid;
}
.button__container___third-party-legacy-react-kit-components-button-:hover::before,
.button__container___third-party-legacy-react-kit-components-button-.\:hover::before {
  background: rgba(255, 255, 255, 0.1);
}
.button__container___third-party-legacy-react-kit-components-button-:active::before,
.button__container___third-party-legacy-react-kit-components-button-.\:active::before {
  background: rgba(0, 0, 0, 0.15);
}
.button__container___third-party-legacy-react-kit-components-button-:active
.button__inner___third-party-legacy-react-kit-components-button-,
.button__container___third-party-legacy-react-kit-components-button-.\:active
.button__inner___third-party-legacy-react-kit-components-button- {
  top: 1px;
}
.button__container___third-party-legacy-react-kit-components-button-:focus,
.button__container___third-party-legacy-react-kit-components-button-.\:focus {
  box-shadow: 0 0 0 1px #55aeee;
}
.button__container_primary___third-party-legacy-react-kit-components-button- {
  color: #fff;
  background-color: #55aeee;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
}
.button__container_primary___third-party-legacy-react-kit-components-button-::before {
  border-top-color: rgba(255, 255, 255, 0);
  border-bottom-color: rgba(255, 255, 255, 0);
  border-left-color: rgba(255, 255, 255, 0);
  border-right-color: rgba(255, 255, 255, 0);
}
.button__container_extra___third-party-legacy-react-kit-components-button- {
  color: #fff;
  background-color: #393a4d;
  box-shadow: 0 0 0 1px #3d4e66;
}
.button__container_extra___third-party-legacy-react-kit-components-button-::before {
  border-top-color: rgba(255, 255, 255, 0.02);
  border-bottom-color: rgba(255, 255, 255, 0.02);
  border-left-color: rgba(255, 255, 255, 0.02);
  border-right-color: rgba(255, 255, 255, 0.02);
}
.button__container___third-party-legacy-react-kit-components-button-:disabled,
.button__container___third-party-legacy-react-kit-components-button-[disabled] {
  color: rgba(255, 255, 255, 0.3);
  background-color: #31323d;
  box-shadow: 0 0 0 1px #2d2e3d;
  cursor: default;
  pointer-events: none;
}
.button__container___third-party-legacy-react-kit-components-button-:disabled::before,
.button__container___third-party-legacy-react-kit-components-button-[disabled]::before {
  border-top-color: #31323d;
  border-bottom-color: #31323d;
  border-left-color: #31323d;
  border-right-color: #31323d;
}
.button__container___third-party-legacy-react-kit-components-button-:disabled::before,
.button__container___third-party-legacy-react-kit-components-button-[disabled]::before {
  display: none;
}
.button__container___third-party-legacy-react-kit-components-button-:disabled
.button__inner___third-party-legacy-react-kit-components-button-,
.button__container___third-party-legacy-react-kit-components-button-[disabled]
.button__inner___third-party-legacy-react-kit-components-button- {
  top: 0;
}
.button__container_flat___third-party-legacy-react-kit-components-button-,
.button__container_flat___third-party-legacy-react-kit-components-button-:focus,
.button__container_flat___third-party-legacy-react-kit-components-button-:disabled,
.button__container_flat___third-party-legacy-react-kit-components-button-[disabled],
.button__container_flat___third-party-legacy-react-kit-components-button-.button__--focus___third-party-legacy-react-kit-components-button- {
  padding: 0;
  border: 0;
  background-color: transparent;
  box-shadow: none;
}
.button__container_flat___third-party-legacy-react-kit-components-button-:before,
.button__container_flat___third-party-legacy-react-kit-components-button-:focus:before,
.button__container_flat___third-party-legacy-react-kit-components-button-:disabled:before,
.button__container_flat___third-party-legacy-react-kit-components-button-[disabled]:before,
.button__container_flat___third-party-legacy-react-kit-components-button-.button__--focus___third-party-legacy-react-kit-components-button-:before {
  content: none;
}
.button__container_isLoading___third-party-legacy-react-kit-components-button-
.button__loadingIndicator___third-party-legacy-react-kit-components-button- {
  display: -ms-flexbox;
  display: flex;
}
.button__container_isLoading___third-party-legacy-react-kit-components-button-
.button__inner___third-party-legacy-react-kit-components-button- {
  opacity: 0;
}
.button__inner___third-party-legacy-react-kit-components-button- {
  display: inline-block;
  margin-top: -1px;
  position: relative;
}
.button__loadingIndicator___third-party-legacy-react-kit-components-button- {
  display: none;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 1px;
}

.button-icon__container___third-party-legacy-react-kit-components-button-icon-theme- {
  width: 23px;
  min-width: auto;
  height: 23px;
  padding: 3px 6px;
  border: none;
  box-shadow: none;
}
.button-icon__icon___third-party-legacy-react-kit-components-button-icon-theme- {
  display: block;
  margin: 0 auto;
}

.Checkbox__container___node_modules--devexperts-react-kit-dist-components-Checkbox- {
  display: inline-block;
  position: relative;
}
.Checkbox__container___node_modules--devexperts-react-kit-dist-components-Checkbox-
.Checkbox__input___node_modules--devexperts-react-kit-dist-components-Checkbox- {
  position: absolute;
  visibility: hidden;
}
.Checkbox__container___node_modules--devexperts-react-kit-dist-components-Checkbox-
.Checkbox__icon___node_modules--devexperts-react-kit-dist-components-Checkbox- {
  display: block;
  margin: 0 auto;
  visibility: hidden;
}
.Checkbox__container___node_modules--devexperts-react-kit-dist-components-Checkbox-
.Checkbox__icon_isChecked___node_modules--devexperts-react-kit-dist-components-Checkbox- {
  visibility: visible;
}
.Checkbox__container___node_modules--devexperts-react-kit-dist-components-Checkbox-
.Checkbox__view___node_modules--devexperts-react-kit-dist-components-Checkbox- {
  display: inline-block;
  position: relative;
}

.date-input__inner___third-party-legacy-react-kit-components-date-input-theme- {
  -ms-flex: 1;
  flex: 1;
  padding: 0 6px;
  line-height: normal;
}
.date-input__section_isActive___third-party-legacy-react-kit-components-date-input-theme- {
  background-color: #55aeee;
}
.date-input__separator___third-party-legacy-react-kit-components-date-input-theme- {
  transition: background-color 0.1s ease;
}

.calendar-button-icon__container___third-party-legacy-react-kit-components-calendar-theme- {
  -ms-flex-order: 1;
  order: 1;
  width: 23px;
  height: 23px;
  margin-right: 8px;
  background: transparent;
}
.calendar-button-icon__container___third-party-legacy-react-kit-components-calendar-theme-::before {
  display: none;
}
.calendar-button-icon__container___third-party-legacy-react-kit-components-calendar-theme-[disabled] {
  background: transparent;
}
.calendar-button-icon__container___third-party-legacy-react-kit-components-calendar-theme-:focus,
.calendar-button-icon__container___third-party-legacy-react-kit-components-calendar-theme-.calendar-button-icon__--focus___third-party-legacy-react-kit-components-calendar-theme- {
  box-shadow: none;
}
.calendar-button-icon__icon___third-party-legacy-react-kit-components-calendar-theme- {
  display: block;
  width: 17px;
  height: 9px;
}
.mobile .calendar-button-icon__container___third-party-legacy-react-kit-components-calendar-theme- {
  padding: 0;
  margin: 0;
  -ms-transform: translateX(-22px);
  transform: translateX(-22px);
}
.mobile .calendar-button-icon__icon___third-party-legacy-react-kit-components-calendar-theme- {
  width: 21px;
  height: auto;
}

.input__container___third-party-legacy-react-kit-components-date-input-theme- {
  width: 121px;
}
.mobile .input__container___third-party-legacy-react-kit-components-date-input-theme- {
  width: 140px;
  height: 29px;
  font-size: 15px;
}

.highlight__mark___third-party-legacy-react-kit-components-highlight-theme- {
  background-color: transparent;
  color: #55aeee;
}

.input__container___third-party-legacy-react-kit-components-input- {
  outline: none;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
}
.input__input___third-party-legacy-react-kit-components-input- {
  display: inline-block;
  outline: none;
  box-sizing: border-box;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  color: inherit;
}
.input__wrapper___third-party-legacy-react-kit-components-input- {
  display: inline-block;
  outline: none;
}
.input__container___third-party-legacy-react-kit-components-input- {
  box-sizing: border-box;
  height: 27px;
  line-height: 25px;
  font-size: inherit;
  color: #fff;
  border-width: 1px;
  border-style: solid;
  background-color: #222633;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0);
  border-color: #3d4e66;
  border-radius: 2px;
  transition:
    color 0.1s ease,
    background 0.1s ease,
    border-color 0.1s ease,
    box-shadow 0.1s ease;
}
.input__container___third-party-legacy-react-kit-components-input-:hover,
.input__container___third-party-legacy-react-kit-components-input-.input__--hover___third-party-legacy-react-kit-components-input- {
  border-color: #73a9e1;
}
.input__container___third-party-legacy-react-kit-components-input-:active:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ),
.input__container___third-party-legacy-react-kit-components-input-.input__--active___third-party-legacy-react-kit-components-input-:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ) {
  border-color: #55aeee;
  background-color: #222633;
}
.input__container_hasError___third-party-legacy-react-kit-components-input- {
  border-color: #992b30;
}
.input__container_hasError___third-party-legacy-react-kit-components-input-:hover,
.input__container_hasError___third-party-legacy-react-kit-components-input-.input__--hover___third-party-legacy-react-kit-components-input- {
  border-color: #992b30;
}
.input__container___third-party-legacy-react-kit-components-input-:focus:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ),
.input__container_isFocused___third-party-legacy-react-kit-components-input-:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ),
.input__container___third-party-legacy-react-kit-components-input-.input__--focus___third-party-legacy-react-kit-components-input-:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ) {
  border-color: #29a6ff;
  background-color: #222633;
}
.input__container___third-party-legacy-react-kit-components-input-:focus:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ),
.input__container_isFocused___third-party-legacy-react-kit-components-input-:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ),
.input__container___third-party-legacy-react-kit-components-input-:focus:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ):hover,
.input__container_isFocused___third-party-legacy-react-kit-components-input-:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ):hover,
.input__container___third-party-legacy-react-kit-components-input-.input__--focus___third-party-legacy-react-kit-components-input-:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ),
.input__container___third-party-legacy-react-kit-components-input-.input__--focus___third-party-legacy-react-kit-components-input-:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ).input__--hover___third-party-legacy-react-kit-components-input-,
.input__container_isFocused___third-party-legacy-react-kit-components-input-:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ).input__--hover___third-party-legacy-react-kit-components-input- {
  border-color: #29a6ff;
}
.input__container_isDisabled___third-party-legacy-react-kit-components-input-,
.input__container___third-party-legacy-react-kit-components-input-[disabled] {
  color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(0, 0, 0, 0.2);
}
.input__container_isDisabled___third-party-legacy-react-kit-components-input-,
.input__container___third-party-legacy-react-kit-components-input-[disabled],
.input__container_isDisabled___third-party-legacy-react-kit-components-input-:hover,
.input__container___third-party-legacy-react-kit-components-input-[disabled]:hover,
.input__container_isDisabled___third-party-legacy-react-kit-components-input-:active,
.input__container___third-party-legacy-react-kit-components-input-[disabled]:active,
.input__container_isDisabled___third-party-legacy-react-kit-components-input-.input__--hover___third-party-legacy-react-kit-components-input-,
.input__container___third-party-legacy-react-kit-components-input-[disabled].input__--hover___third-party-legacy-react-kit-components-input-,
.input__container_isDisabled___third-party-legacy-react-kit-components-input-.input__--active___third-party-legacy-react-kit-components-input-,
.input__container___third-party-legacy-react-kit-components-input-[disabled].input__--active___third-party-legacy-react-kit-components-input- {
  box-shadow: inset 0 1px rgba(0, 0, 0, 0);
}
.input__input___third-party-legacy-react-kit-components-input- {
  height: 100%;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  padding: 0 4px;
  box-shadow: none;
}
.input__input___third-party-legacy-react-kit-components-input-::-moz-selection {
  background: #55aeee;
}
.input__input___third-party-legacy-react-kit-components-input-::selection {
  background: #55aeee;
}
.input__input___third-party-legacy-react-kit-components-input-::-moz-selection {
  background: #55aeee;
}
.mobile .input__container___third-party-legacy-react-kit-components-input- {
  font-size: 15px;
  height: 29px;
  line-height: 27px;
}

.link__container___third-party-legacy-react-kit-components-link-theme- {
  text-decoration: none;
  color: inherit;
}
.link__container_isDisabled___third-party-legacy-react-kit-components-link-theme- {
  cursor: default;
}
.link__container___third-party-legacy-react-kit-components-link-theme- {
  color: $link-color;
  transition: color 0.1s ease;
}
.link__container___third-party-legacy-react-kit-components-link-theme-:hover,
.link__container___third-party-legacy-react-kit-components-link-theme-.link__--hover___third-party-legacy-react-kit-components-link-theme- {
  color: $hovered-link-color;
}
.link__container___third-party-legacy-react-kit-components-link-theme-:active,
.link__container___third-party-legacy-react-kit-components-link-theme-.link__--active___third-party-legacy-react-kit-components-link-theme- {
  color: $pressed-link-color;
}

.loading-indicator__container___third-party-legacy-react-kit-components-loading-indicator- {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
}
.loading-indicator__container___third-party-legacy-react-kit-components-loading-indicator- {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-top-color: rgba(255, 255, 255, 0.4);
  border-right-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-left-color: rgba(255, 255, 255, 0.2);
  animation: loading-indicator__rotation___third-party-legacy-react-kit-components-loading-indicator-
  1.1s infinite linear;
}
.loading-indicator__container_small___third-party-legacy-react-kit-components-loading-indicator- {
  width: 14px;
  height: 14px;
  border-width: 1px;
}
.loading-indicator__container_medium___third-party-legacy-react-kit-components-loading-indicator- {
  width: 34px;
  height: 34px;
  border-width: 3px;
}
.loading-indicator__container_large___third-party-legacy-react-kit-components-loading-indicator- {
  width: 52px;
  height: 52px;
  border-width: 4px;
}
@keyframes loading-indicator__rotation___third-party-legacy-react-kit-components-loading-indicator- {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(720deg);
  }
}

.menu__container___third-party-legacy-react-kit-components-menu- {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu__item___third-party-legacy-react-kit-components-menu- {
  position: relative;
  box-sizing: border-box;
  padding: 0.166em 47px 0.166em 0.416em;
  line-height: 1.75em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  -ms-transform-origin: top center;
  transform-origin: top center;
  transition: color 220ms ease-in;
}
.menu__item___third-party-legacy-react-kit-components-menu-:hover,
.menu__item___third-party-legacy-react-kit-components-menu-.menu__--hover___third-party-legacy-react-kit-components-menu- {
  background: rgba(153, 211, 255, 0.1);
}
.menu__item_active___third-party-legacy-react-kit-components-menu- {
  color: #55aeee;
}

.element-placeholder__container___third-party-legacy-react-kit-components-element-placeholder-theme- {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 25px;
}
.element-placeholder__header___third-party-legacy-react-kit-components-element-placeholder-theme- {
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.element-placeholder__body___third-party-legacy-react-kit-components-element-placeholder-theme- {
  height: 100%;
}

.widget__container___third-party-legacy-react-kit-components-widget-theme- {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0);
  transition: border 220ms ease-out;
  background: linear-gradient(to bottom, #2c2d3d, #2c2d3d);
}
.widget__header___third-party-legacy-react-kit-components-widget-theme- {
  box-sizing: border-box;
  height: 24px;
  color: rgba(255, 255, 255, 0.8);
  background-image: linear-gradient(to right, #393a4d, #393a4d);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
}
.widget__body___third-party-legacy-react-kit-components-widget-theme- {
  height: 100%;
}
.widget__body___third-party-legacy-react-kit-components-widget-theme- .loadingIndicatorWrapper {
  position: absolute;
  height: calc(100% - 24px);
  right: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.widget__resizeHandler___third-party-legacy-react-kit-components-widget-theme- {
  height: 1em;
  width: 1em;
  position: absolute;
  bottom: 0;
  right: 0;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  padding: 0;
  margin: 0;
  color: inherit;
  fill: currentcolor;
}
.widget__resizeHandlerIcon___third-party-legacy-react-kit-components-widget-theme- {
  display: block;
  width: 1em;
  height: 1em;
}
.widget--notification {
  position: absolute;
}
.widget-error {
  position: relative;
}

.popover__container___third-party-legacy-react-kit-components-popover- {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover- {
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-.popover__container_placementTop___third-party-legacy-react-kit-components-popover-
.popover__arrow___third-party-legacy-react-kit-components-popover- {
  top: 100%;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-.popover__container_placementBottom___third-party-legacy-react-kit-components-popover-
.popover__arrow___third-party-legacy-react-kit-components-popover- {
  bottom: 100%;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-.popover__container_placementLeft___third-party-legacy-react-kit-components-popover-
.popover__arrow___third-party-legacy-react-kit-components-popover- {
  left: 100%;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-.popover__container_placementRight___third-party-legacy-react-kit-components-popover-
.popover__arrow___third-party-legacy-react-kit-components-popover- {
  right: 100%;
}
.popover__content___third-party-legacy-react-kit-components-popover- {
  position: relative;
}
.popover__arrow___third-party-legacy-react-kit-components-popover- {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-.popover__container_placementTop___third-party-legacy-react-kit-components-popover- {
  padding-bottom: 5px;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-.popover__container_placementTop___third-party-legacy-react-kit-components-popover-
.popover__arrow___third-party-legacy-react-kit-components-popover- {
  border-width: 5px 5px 0 5px;
  border-color: #393a4d transparent transparent transparent;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-.popover__container_placementBottom___third-party-legacy-react-kit-components-popover- {
  padding-top: 5px;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-.popover__container_placementBottom___third-party-legacy-react-kit-components-popover-
.popover__arrow___third-party-legacy-react-kit-components-popover- {
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #393a4d transparent;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-.popover__container_placementLeft___third-party-legacy-react-kit-components-popover- {
  padding-right: 5px;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-.popover__container_placementLeft___third-party-legacy-react-kit-components-popover-
.popover__arrow___third-party-legacy-react-kit-components-popover- {
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #393a4d;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-.popover__container_placementRight___third-party-legacy-react-kit-components-popover- {
  padding-left: 5px;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-.popover__container_placementRight___third-party-legacy-react-kit-components-popover-
.popover__arrow___third-party-legacy-react-kit-components-popover- {
  border-width: 5px 5px 5px 0;
  border-color: transparent #393a4d transparent transparent;
}
.popover__container___third-party-legacy-react-kit-components-popover- {
  box-sizing: border-box;
  position: absolute;
  z-index: 6;
  margin-top: 1px;
  overflow: hidden;
  font-size: 12px;
  color: #fff;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 10px 0 rgba(9, 10, 15, 0.8);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  transition: visibility 0s linear 0s;
  background-color: #303142;
}
.popover__content___third-party-legacy-react-kit-components-popover-:not(:empty) {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  color: #fff;
}

.scrollable__scrollable___third-party-legacy-react-kit-components-scrollable-theme- {
  overflow: hidden;
  position: relative;
}
.scrollable__withHorizontalScrollbar___third-party-legacy-react-kit-components-scrollable-theme-:not(
    .scrollable__overlayContent___third-party-legacy-react-kit-components-scrollable-theme-
  )
> .scrollable__wrapper___third-party-legacy-react-kit-components-scrollable-theme-
> .scrollable__container___third-party-legacy-react-kit-components-scrollable-theme-
> .scrollable__content___third-party-legacy-react-kit-components-scrollable-theme- {
  padding-bottom: 9px;
}
.scrollable__withVerticalScrollbar___third-party-legacy-react-kit-components-scrollable-theme-:not(
    .scrollable__overlayContent___third-party-legacy-react-kit-components-scrollable-theme-
  )
> .scrollable__wrapper___third-party-legacy-react-kit-components-scrollable-theme-
> .scrollable__container___third-party-legacy-react-kit-components-scrollable-theme-
> .scrollable__content___third-party-legacy-react-kit-components-scrollable-theme- {
  padding-right: 9px;
}
.scrollable__wrapper___third-party-legacy-react-kit-components-scrollable-theme- {
  display: block;
  width: 100%;
  height: 100%;
  max-height: inherit;
  background-color: inherit;
}
.scrollable__container___third-party-legacy-react-kit-components-scrollable-theme- {
  padding: 0;
  overflow: scroll;
  max-height: inherit;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.scrollable__container___third-party-legacy-react-kit-components-scrollable-theme-::-webkit-scrollbar {
  display: none;
}
.scrollable__content___third-party-legacy-react-kit-components-scrollable-theme- {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  min-width: 100%;
  box-sizing: border-box;
}
.scrollable__resizeDetector___third-party-legacy-react-kit-components-scrollable-theme- {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: none;
}
.scrollable__scrollbar___third-party-legacy-react-kit-components-scrollable-theme- {
  background-color: inherit;
}

.layout__container___third-party-legacy-react-kit-components-layout-theme- {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  background-color: inherit;
}
.layout__item___third-party-legacy-react-kit-components-layout-theme- {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.layout__item_nested___third-party-legacy-react-kit-components-layout-theme- {
  height: 100%;
  width: 100%;
  background-color: inherit;
}
.layout__item_horizontal___third-party-legacy-react-kit-components-layout-theme-
> .layout__resizeHandler___third-party-legacy-react-kit-components-layout-theme-:not(
    .layout__resizeHandler_disabled___third-party-legacy-react-kit-components-layout-theme-
  ) {
  cursor: ew-resize;
}
.layout__item_horizontal___third-party-legacy-react-kit-components-layout-theme-
> .layout__resizeHandler___third-party-legacy-react-kit-components-layout-theme- {
  cursor: ew-resize;
  height: 100%;
}
.layout__item_horizontal___third-party-legacy-react-kit-components-layout-theme-
> .layout__resizeHandler_disabled___third-party-legacy-react-kit-components-layout-theme- {
  cursor: default;
}
.layout__item_vertical___third-party-legacy-react-kit-components-layout-theme-
> .layout__resizeHandler___third-party-legacy-react-kit-components-layout-theme-:not(
    .layout__resizeHandler_disabled___third-party-legacy-react-kit-components-layout-theme-
  ) {
  cursor: ns-resize;
}
.layout__item_vertical___third-party-legacy-react-kit-components-layout-theme-
> .layout__resizeHandler___third-party-legacy-react-kit-components-layout-theme- {
  width: 100%;
  cursor: ns-resize;
}
.layout__item_vertical___third-party-legacy-react-kit-components-layout-theme-
> .layout__resizeHandler_disabled___third-party-legacy-react-kit-components-layout-theme- {
  cursor: default;
}
.layout__resizeHandler___third-party-legacy-react-kit-components-layout-theme- {
  position: absolute;
  top: 0;
  left: 0;
  background-color: inherit;
  transition: background 220ms ease-out;
}
.layout__resizeHandler___third-party-legacy-react-kit-components-layout-theme-:not(
    .layout__resizeHandler_disabled___third-party-legacy-react-kit-components-layout-theme-
  ):hover,
.layout__resizeHandler___third-party-legacy-react-kit-components-layout-theme-:not(
    .layout__resizeHandler_disabled___third-party-legacy-react-kit-components-layout-theme-
  ):active,
.layout__resizeHandler___third-party-legacy-react-kit-components-layout-theme-:not(
    .layout__resizeHandler_disabled___third-party-legacy-react-kit-components-layout-theme-
  ).layout__--hover___third-party-legacy-react-kit-components-layout-theme-,
.layout__resizeHandler___third-party-legacy-react-kit-components-layout-theme-:not(
    .layout__resizeHandler_disabled___third-party-legacy-react-kit-components-layout-theme-
  ).layout__--active___third-party-legacy-react-kit-components-layout-theme- {
  background-color: #6cb5d9;
  transition: background 220ms ease-in;
}
.layout__placeholder___third-party-legacy-react-kit-components-layout-theme- {
  position: absolute;
  z-index: 102;
  border: 1px dashed #e61425;
  background-color: rgba(230, 20, 37, 0.2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}
.layout__placeholder_fits___third-party-legacy-react-kit-components-layout-theme- {
  border: 1px dashed #55aeee;
  background-color: rgba(85, 174, 238, 0.07);
}
.layout__placeholder_maximized___third-party-legacy-react-kit-components-layout-theme- {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: rgba(30, 27, 27, 0.9);
  border: 1px dashed #e61425;
}
@supports ((-webkit-backdrop-filter: blur(25px)) or (backdrop-filter: blur(25px))) {
  .layout__placeholder_maximized___third-party-legacy-react-kit-components-layout-theme- {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: transparent;
  }
}
.layout__placeholder_top___third-party-legacy-react-kit-components-layout-theme- {
  top: 0;
  left: 0;
  right: 0;
  bottom: 50%;
}
.layout__placeholder_bottom___third-party-legacy-react-kit-components-layout-theme- {
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.layout__placeholder_left___third-party-legacy-react-kit-components-layout-theme- {
  top: 0;
  right: 50%;
  left: 0;
  bottom: 0;
}
.layout__placeholder_right___third-party-legacy-react-kit-components-layout-theme- {
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
}
.layout__placeholder_full___third-party-legacy-react-kit-components-layout-theme- {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.layout__fixedContainer___third-party-legacy-react-kit-components-layout-theme- {
  background-color: inherit;
}

.scrollable__scrollable___third-party-legacy-react-kit-components-layout-theme- {
  height: 100%;
  width: 100%;
  background-color: inherit;
}
.scrollable__content___third-party-legacy-react-kit-components-layout-theme- {
  display: block;
}

.icon-wrapper-component__container___node_modules--devexperts-react-kit-dist-components-icon-wrapper-,
.icon-wrapper-component__container___node_modules--devexperts-react-kit-dist-components-icon-wrapper-
svg {
  width: 100%;
  height: 100%;
  display: block;
}

.selectbox__container__anchor___third-party-legacy-react-kit-components-selectbox- {
  min-width: 70px;
  border-radius: 2px;
  color: #fff;
  border-color: #3d4e66;
  background-color: #393a4d;
}
.selectbox__container__anchor___third-party-legacy-react-kit-components-selectbox-:before {
  border-top-color: rgba(255, 255, 255, 0.02);
  border-bottom-color: rgba(255, 255, 255, 0.02);
  border-left-color: rgba(255, 255, 255, 0.02);
  border-right-color: rgba(255, 255, 255, 0.02);
}
.selectbox__container__anchor___third-party-legacy-react-kit-components-selectbox-:active
.selectbox__container__anchor__content___third-party-legacy-react-kit-components-selectbox-,
.selectbox__container__anchor___third-party-legacy-react-kit-components-selectbox-.selectbox__--active___third-party-legacy-react-kit-components-selectbox-
.selectbox__container__anchor__content___third-party-legacy-react-kit-components-selectbox- {
  top: 1px;
}
.selectbox__container__anchor___third-party-legacy-react-kit-components-selectbox-:disabled
.selectbox__container__anchor__content___third-party-legacy-react-kit-components-selectbox-,
.selectbox__container__anchor___third-party-legacy-react-kit-components-selectbox-[disabled]
.selectbox__container__anchor__content___third-party-legacy-react-kit-components-selectbox- {
  top: 0;
}
.selectbox__container__anchor__content___third-party-legacy-react-kit-components-selectbox- {
  position: relative;
}
.selectbox__container__anchor__content_hasCaret___third-party-legacy-react-kit-components-selectbox- {
  padding-right: 19px;
}
.selectbox__container__anchor__content_hasCaret___third-party-legacy-react-kit-components-selectbox-
.selectbox__container__anchor__caret___third-party-legacy-react-kit-components-selectbox- {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 7px;
  height: 12px;
  right: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.selectbox__container__item__activeIcon___third-party-legacy-react-kit-components-selectbox- {
  display: block;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  color: #ccc;
}

.slider-module__container___third-party-legacy-react-kit-components-slider-theme- {
  position: relative;
  display: inline-block;
}
.slider-module__handleContainer___third-party-legacy-react-kit-components-slider-theme- {
  position: absolute;
}
.slider-module__handleContainer___third-party-legacy-react-kit-components-slider-theme-
.react-draggable {
  position: absolute;
}
.slider-module__handler___third-party-legacy-react-kit-components-slider-theme- {
  display: block;
}
.slider-module__track___third-party-legacy-react-kit-components-slider-theme- {
  position: absolute;
  left: 0;
  pointer-events: none;
}
.slider-module__rail___third-party-legacy-react-kit-components-slider-theme- {
  width: 100%;
  margin: 0 auto;
}

.slider-page__container_isDisabled___third-party-legacy-react-kit-components-slider-demo- {
  opacity: 0.8;
  cursor: no-drop;
}
.slider-page__container_isDisabled___third-party-legacy-react-kit-components-slider-demo-
.slider-page__rail___third-party-legacy-react-kit-components-slider-demo- {
  border-color: #eee;
  pointer-events: none;
}
.slider-page__container_isDisabled___third-party-legacy-react-kit-components-slider-demo-
.slider-page__handler___third-party-legacy-react-kit-components-slider-demo- {
  opacity: 0.8;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}
.slider-page__handleContainer___third-party-legacy-react-kit-components-slider-demo- {
  top: -2px;
  width: calc(100% + 11px);
  margin-left: -5px;
}
.slider-page__handler___third-party-legacy-react-kit-components-slider-demo- {
  width: 10px;
  height: 11px;
  border-radius: 50%;
  box-shadow: 0 1px 4px 0 rgba(0, 72, 107, 0.3);
  background-color: #f7fbfd;
  border: solid 1px rgba(0, 75, 129, 0.3);
}
.slider-page__track___third-party-legacy-react-kit-components-slider-demo- {
  border-radius: 3.5px;
  height: 100%;
}
.slider-page__track_positive___third-party-legacy-react-kit-components-slider-demo- {
  background-color: #009982;
}
.slider-page__rail___third-party-legacy-react-kit-components-slider-demo- {
  width: 100%;
  margin: 0 auto;
  height: 7px;
  background-color: rgba(217, 216, 212, 0.4);
  border: solid 1px rgba(12, 26, 33, 0.1);
  border-radius: 3.5px;
}

.steppable-input__inner___third-party-legacy-react-kit-components-steppable-input-theme- {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  max-width: 124px;
}

.clear-button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme- {
  width: 7px;
  padding: 0;
  margin-right: 33px;
  opacity: 1;
  background: transparent;
}
.clear-button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-[disabled] {
  background: transparent;
}
.clear-button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-::before {
  display: none;
}
.clear-button-icon__icon___third-party-legacy-react-kit-components-steppable-input-theme- {
  width: 7px;
}
.mobile .clear-button-icon__icon___third-party-legacy-react-kit-components-steppable-input-theme- {
  width: 11px;
  height: 11px;
}

.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme- {
  background: #2c2d3d;
  margin-right: 1px;
  border-radius: 0;
  height: 11px;
  position: absolute;
  right: 0;
  z-index: 0;
  transition: height 0.2s;
  top: 13px;
  color: #fff;
}
.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-:last-child {
  top: auto;
  bottom: 13px;
}
.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-::before {
  border-radius: 0;
}
.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-:hover,
.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-.button-icon__--hover___third-party-legacy-react-kit-components-steppable-input-theme- {
  height: 23px;
  z-index: 2;
}
.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-:focus,
.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-.button-icon__--focus___third-party-legacy-react-kit-components-steppable-input-theme- {
  box-shadow: none;
}
.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-:disabled,
.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-[disabled] {
  color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.06);
  box-shadow: none;
  border: none;
}
.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-:disabled
svg,
.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-[disabled]
svg {
  top: 0;
  fill: rgba(255, 255, 255, 0.3);
}
.button-icon__icon___third-party-legacy-react-kit-components-steppable-input-theme- {
  width: 7px;
  height: 7px;
}
.mobile .button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme- {
  top: 14px;
}
.mobile
.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-:last-child {
  top: auto;
  bottom: 14px;
}

.time-input__inner___third-party-legacy-react-kit-components-time-input-theme- {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-flex: 1;
  flex: 1;
}
.time-input__section___third-party-legacy-react-kit-components-time-input-theme-,
.time-input__separator___third-party-legacy-react-kit-components-time-input-theme- {
  cursor: default;
}
.time-input__inner___third-party-legacy-react-kit-components-time-input-theme- {
  width: 76px;
  padding-left: 5px;
  padding-right: 4px;
  line-height: normal;
  transition: color 0.1s ease;
  box-sizing: border-box;
}
.time-input__inner_isFilled___third-party-legacy-react-kit-components-time-input-theme- {
  position: relative;
}
.time-input__section___third-party-legacy-react-kit-components-time-input-theme- {
  padding-left: 2px;
  padding-right: 2px;
}
.time-input__section_isActive___third-party-legacy-react-kit-components-time-input-theme- {
  background-color: #55aeee;
}
.time-input__section___third-party-legacy-react-kit-components-time-input-theme-,
.time-input__separator___third-party-legacy-react-kit-components-time-input-theme- {
  cursor: default;
  transition: background-color 0.1s ease;
}

.steppable-input-child__inner___third-party-legacy-react-kit-components-time-input-theme- {
  width: 110px;
}

.vertical-scrollbar__container___third-party-legacy-react-kit-components-scrollbar-theme- {
  position: absolute;
  box-sizing: border-box;
  visibility: hidden;
  z-index: -1;
}
.vertical-scrollbar__track___third-party-legacy-react-kit-components-scrollbar-theme- {
  position: relative;
}
.vertical-scrollbar__bar___third-party-legacy-react-kit-components-scrollbar-theme- {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vertical-scrollbar__track___third-party-legacy-react-kit-components-scrollbar-theme- {
  cursor: pointer;
}
.vertical-scrollbar__container___third-party-legacy-react-kit-components-scrollbar-theme- {
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  width: 9px;
}
.vertical-scrollbar__track___third-party-legacy-react-kit-components-scrollbar-theme- {
  width: 100%;
  height: 100%;
}
.vertical-scrollbar__bar___third-party-legacy-react-kit-components-scrollbar-theme- {
  min-height: 10px;
}
.vertical-scrollbar__containerIsVisible___third-party-legacy-react-kit-components-scrollbar-theme- {
  visibility: inherit;
  z-index: auto;
}
.vertical-scrollbar__containerIsVisible___third-party-legacy-react-kit-components-scrollbar-theme-.withBothScrollabars {
  bottom: 9px;
}
.vertical-scrollbar__containerIsVisible___third-party-legacy-react-kit-components-scrollbar-theme-.withBothScrollabars:after {
  content: '';
  position: absolute;
  bottom: -9px;
  width: 9px;
  height: 9px;
  background-color: inherit;
}
.vertical-scrollbar__bar___third-party-legacy-react-kit-components-scrollbar-theme-:before {
  content: '';
  position: absolute;
  border-radius: 1px;
  height: 100%;
  width: 3px;
  margin: 0 3px;
  background-color: rgba(255, 255, 255, 0.12);
}
.vertical-scrollbar__bar___third-party-legacy-react-kit-components-scrollbar-theme-:hover:before,
.vertical-scrollbar__bar___third-party-legacy-react-kit-components-scrollbar-theme-:active:before,
.vertical-scrollbar__bar___third-party-legacy-react-kit-components-scrollbar-theme-.vertical-scrollbar__--hover___third-party-legacy-react-kit-components-scrollbar-theme-:before,
.vertical-scrollbar__bar___third-party-legacy-react-kit-components-scrollbar-theme-.vertical-scrollbar__--active___third-party-legacy-react-kit-components-scrollbar-theme-:before {
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.4);
  margin: 0;
  width: 100%;
}

.horizontal-scrollbar__container___third-party-legacy-react-kit-components-scrollbar-theme- {
  position: absolute;
  box-sizing: border-box;
  visibility: hidden;
  z-index: -1;
}
.horizontal-scrollbar__track___third-party-legacy-react-kit-components-scrollbar-theme- {
  position: relative;
}
.horizontal-scrollbar__bar___third-party-legacy-react-kit-components-scrollbar-theme- {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.horizontal-scrollbar__track___third-party-legacy-react-kit-components-scrollbar-theme- {
  cursor: pointer;
}
.horizontal-scrollbar__container___third-party-legacy-react-kit-components-scrollbar-theme- {
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  z-index: -1;
  padding: 0;
  height: 9px;
}
.horizontal-scrollbar__track___third-party-legacy-react-kit-components-scrollbar-theme- {
  height: 100%;
}
.horizontal-scrollbar__bar___third-party-legacy-react-kit-components-scrollbar-theme- {
  min-width: 10px;
}
.horizontal-scrollbar__containerIsVisible___third-party-legacy-react-kit-components-scrollbar-theme- {
  visibility: inherit;
  z-index: auto;
}
.horizontal-scrollbar__containerIsVisible___third-party-legacy-react-kit-components-scrollbar-theme-.withBothScrollabars {
  right: 9px;
}
.horizontal-scrollbar__bar___third-party-legacy-react-kit-components-scrollbar-theme-:before {
  content: '';
  position: absolute;
  border-radius: 1px;
  width: 100%;
  height: 3px;
  margin: 3px 0;
  background-color: rgba(255, 255, 255, 0.12);
}
.horizontal-scrollbar__bar___third-party-legacy-react-kit-components-scrollbar-theme-:hover:before,
.horizontal-scrollbar__bar___third-party-legacy-react-kit-components-scrollbar-theme-:active:before,
.horizontal-scrollbar__bar___third-party-legacy-react-kit-components-scrollbar-theme-.horizontal-scrollbar__--hover___third-party-legacy-react-kit-components-scrollbar-theme-:before,
.horizontal-scrollbar__bar___third-party-legacy-react-kit-components-scrollbar-theme-.horizontal-scrollbar__--active___third-party-legacy-react-kit-components-scrollbar-theme-:before {
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.4);
  margin: 0;
  height: 100%;
}

.password-input__container___third-party-legacy-react-kit-components-password-input- {
  position: relative;
}
.password-input__inputContainer___third-party-legacy-react-kit-components-password-input- {
  width: 100%;
}
.password-input__icon___third-party-legacy-react-kit-components-password-input- {
  display: block;
  width: 100%;
  height: 100%;
  fill: #fff;
}
.password-input__buttonContainer___third-party-legacy-react-kit-components-password-input- {
  position: absolute;
  right: 5px;
  top: 50%;
  width: 17px;
  height: 17px;
  min-width: auto;
  padding: 0;
  border: none;
  background-color: transparent;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.password-input__buttonContainer___third-party-legacy-react-kit-components-password-input-::before {
  content: normal;
}

.combobutton__container___third-party-legacy-react-kit-components-combobutton-theme- {
  display: inline-block;
  fill: #fff;
}
.combobutton__container___third-party-legacy-react-kit-components-combobutton-theme-
.combobutton__container_active___third-party-legacy-react-kit-components-combobutton-theme- {
  background-color: #55aeee;
  color: #fff;
  fill: #fff;
}

.button-h-child__container___third-party-legacy-react-kit-components-combobutton-theme- {
  display: block;
  margin-right: 27px;
  margin-top: -25px;
  border-radius: 2px 0 0 2px;
  min-width: 35px;
  padding: 0 10px;
  color: #fff;
  border-color: #3d4e66;
  background-color: #393a4d;
}
.button-h-child__inner___third-party-legacy-react-kit-components-combobutton-theme- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-indent: 7px;
}
.button-h-child__inner___third-party-legacy-react-kit-components-combobutton-theme- > i {
  width: 17px;
  height: 13px;
}

.selectbox-h-child__container__anchor___third-party-legacy-react-kit-components-combobutton-theme- {
  width: 100%;
  min-width: 60px;
}
.selectbox-h-child__container__anchor__content_hasCaret___third-party-legacy-react-kit-components-combobutton-theme- {
  right: -4px;
}
.selectbox-h-child__container__anchor__text___third-party-legacy-react-kit-components-combobutton-theme- {
  display: none;
}
.selectbox-h-child__container__anchor___third-party-legacy-react-kit-components-combobutton-theme-:focus
+ button,
.selectbox-h-child__container__anchor___third-party-legacy-react-kit-components-combobutton-theme-.selectbox-h-child__--focus___third-party-legacy-react-kit-components-combobutton-theme-
+ button {
  border-right-color: #55aeee;
}

.switcher__container_checked___third-party-legacy-react-kit-components-switcher-theme-
.switcher__bubble___third-party-legacy-react-kit-components-switcher-theme- {
  left: 14px;
}
.switcher__control___third-party-legacy-react-kit-components-switcher-theme- {
  width: 26px;
  height: 12px;
  border-radius: 8px;
  padding: 1px;
  border-width: 1px;
}
.switcher__bubble___third-party-legacy-react-kit-components-switcher-theme- {
  width: 12px;
  height: 12px;
}
.switcher__icon_wrapper___third-party-legacy-react-kit-components-switcher-theme- {
  height: 16px;
  margin-top: -14px;
}
.switcher__icon___third-party-legacy-react-kit-components-switcher-theme- {
  padding: 2px 0;
  height: 12px;
  width: 12px;
}
.switcher__container___third-party-legacy-react-kit-components-switcher-theme- {
  display: inline-block;
  cursor: pointer;
}
.switcher__container_checked___third-party-legacy-react-kit-components-switcher-theme-
.switcher__control___third-party-legacy-react-kit-components-switcher-theme- {
  background-color: #55aeee;
}
.switcher__container_checked___third-party-legacy-react-kit-components-switcher-theme-
.switcher__icon_wrapper___third-party-legacy-react-kit-components-switcher-theme- {
  text-align: left;
}
.switcher__container___third-party-legacy-react-kit-components-switcher-theme-:hover
.switcher__control___third-party-legacy-react-kit-components-switcher-theme-,
.switcher__container___third-party-legacy-react-kit-components-switcher-theme-.switcher__--hover___third-party-legacy-react-kit-components-switcher-theme-
.switcher__control___third-party-legacy-react-kit-components-switcher-theme- {
  background-color: #595857;
}
.switcher__container_checked___third-party-legacy-react-kit-components-switcher-theme-:hover
.switcher__control___third-party-legacy-react-kit-components-switcher-theme-,
.switcher__container_checked___third-party-legacy-react-kit-components-switcher-theme-.switcher__--hover___third-party-legacy-react-kit-components-switcher-theme-
.switcher__control___third-party-legacy-react-kit-components-switcher-theme- {
  background-color: #74c1e8;
}
.switcher__input___third-party-legacy-react-kit-components-switcher-theme- {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 0;
  height: 0;
}
.switcher__input___third-party-legacy-react-kit-components-switcher-theme-:active
~ .switcher__control___third-party-legacy-react-kit-components-switcher-theme-,
.switcher__input___third-party-legacy-react-kit-components-switcher-theme-:focus
~ .switcher__control___third-party-legacy-react-kit-components-switcher-theme-,
.switcher__input___third-party-legacy-react-kit-components-switcher-theme-.switcher__--active___third-party-legacy-react-kit-components-switcher-theme-
~ .switcher__control___third-party-legacy-react-kit-components-switcher-theme-,
.switcher__input___third-party-legacy-react-kit-components-switcher-theme-.switcher__--focus___third-party-legacy-react-kit-components-switcher-theme-
~ .switcher__control___third-party-legacy-react-kit-components-switcher-theme- {
  border-color: #29a6ff;
  color: $aa-bb-cc;
}
.switcher__control___third-party-legacy-react-kit-components-switcher-theme- {
  display: inline-block;
  vertical-align: middle;
  background-color: #595857;
  border-color: transparent;
  border-style: solid;
}
.switcher__bubble___third-party-legacy-react-kit-components-switcher-theme- {
  transition: left 200ms ease-in-out;
  left: 0;
  position: relative;
  border-radius: 100%;
  background-color: #fff;
}
.switcher__icon_wrapper___third-party-legacy-react-kit-components-switcher-theme- {
  width: 100%;
  text-align: right;
}
.switcher__icon___third-party-legacy-react-kit-components-switcher-theme- {
  display: inline-block;
  fill: #fff;
}

.toggle-buttons__container__wrapper___third-party-legacy-react-kit-components-toggle-buttons-theme- {
  display: inline-block;
}
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme- {
  min-width: 73px;
  fill: #fff;
  position: relative;
  z-index: 1;
  box-shadow:
    -1px 0 0 0 transparent,
    0 0 0 1px #3d4e66;
}
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:first-child {
  margin-right: 0;
}
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:last-child {
  margin-left: 0;
}
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:last-child {
  box-shadow: 0 0 0 1px #3d4e66;
}
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-,
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:before {
  border-radius: 0;
}
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:first-child,
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:first-child:before {
  border-radius: 1px 0 0 1px;
}
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:last-child,
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:last-child:before {
  border-radius: 0 1px 1px 0;
}
.toggle-buttons__container__item_active___third-party-legacy-react-kit-components-toggle-buttons-theme- {
  cursor: default;
  pointer-events: none;
  z-index: 2;
  background-color: #55aeee;
  box-shadow: 0 0 0 1px $active-switcher-outside-border-color;
}
.toggle-buttons__container__item_active___third-party-legacy-react-kit-components-toggle-buttons-theme-::before {
  background: transparent;
  border: 1px solid transparent;
  border-top-color: $active-switcher-inside-border-top-color;
}
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:focus,
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-.toggle-buttons__--focus___third-party-legacy-react-kit-components-toggle-buttons-theme- {
  z-index: 3;
  box-shadow: 0 0 0 1px #55aeee;
}
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:disabled,
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-[disabled] {
  fill: rgba(255, 255, 255, 0.3);
  box-shadow:
    -1px 0 0 0 transparent,
    0 0 0 1px #2d2e3d;
}
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:disabled:last-child,
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-[disabled]:last-child {
  box-shadow: 0 0 0 1px #2d2e3d;
}
.toggle-buttons__container__vertical___third-party-legacy-react-kit-components-toggle-buttons-theme- {
  display: block;
  width: 100%;
}
.toggle-buttons__container__vertical___third-party-legacy-react-kit-components-toggle-buttons-theme-:first-child,
.toggle-buttons__container__vertical___third-party-legacy-react-kit-components-toggle-buttons-theme-:first-child:before {
  border-radius: 0;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.toggle-buttons__container__vertical___third-party-legacy-react-kit-components-toggle-buttons-theme-:last-child,
.toggle-buttons__container__vertical___third-party-legacy-react-kit-components-toggle-buttons-theme-:last-child:before {
  border-radius: 0;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

.popup__backdrop___third-party-legacy-react-kit-components-popup-theme- {
  position: fixed;
  left: 0;
  top: -150%;
  width: 100%;
  height: 100%;
  z-index: 99;
  text-align: center;
  pointer-events: none;
  transition:
    visibility 0s linear 0.3s,
    top 0s linear 0.3s;
}
.popup__backdrop___third-party-legacy-react-kit-components-popup-theme-:before {
  content: '';
  display: inline-block;
  height: 90%;
  vertical-align: middle;
  width: 0;
}
.popup__backdropShow___third-party-legacy-react-kit-components-popup-theme- {
  top: 0;
  visibility: visible;
  transition-delay: 0s, 0s;
}
.popup__backdrop_isModal___third-party-legacy-react-kit-components-popup-theme- {
  pointer-events: all;
}
.popup__backdrop_isModal___third-party-legacy-react-kit-components-popup-theme-
.popup__conttainer___third-party-legacy-react-kit-components-popup-theme- {
  box-shadow: 0 6px 25px rgba(10, 11, 26, 0.4);
}
.popup__backdrop_isModal___third-party-legacy-react-kit-components-popup-theme-:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 25;
  background-color: rgba(62, 63, 84, 0.9);
}
.popup__container___third-party-legacy-react-kit-components-popup-theme- {
  pointer-events: auto;
  display: inline-block;
  box-sizing: border-box;
  z-index: 30;
  border: 1px solid;
  vertical-align: middle;
  text-align: left;
  position: relative;
  font-size: 1.2rem;
  line-height: 1.25;
  background-image: linear-gradient(rgba(8, 13, 19, 0.5), rgba(8, 13, 19, 0.5));
  box-shadow: 0 7px 15px #000;
  border-color: rgba(51, 77, 102, 0.01);
  color: #fff;
}
.popup__containerShow___third-party-legacy-react-kit-components-popup-theme- {
  animation: popup__popupShow___third-party-legacy-react-kit-components-popup-theme- 0.3s
  cubic-bezier(0, 0, 0, 1.3);
}
.popup__containerHide___third-party-legacy-react-kit-components-popup-theme- {
  animation: popup__popupHide___third-party-legacy-react-kit-components-popup-theme- 0.3s linear;
  transition: transform linear 0.3s;
}
.popup__header___third-party-legacy-react-kit-components-popup-theme- {
  padding: 4px 8px 5px;
  box-sizing: border-box;
  min-height: 24px;
  background: rgba(8, 13, 19, 0.5);
  background-image: linear-gradient(
  88deg,
  $modal-window-header-bg-color-1,
  $modal-window-header-bg-color-2
  );
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) inset;
  cursor: move;
}
.popup__body___third-party-legacy-react-kit-components-popup-theme- {
  padding: 8px 30px;
  position: relative;
  color: #fff;
}
.popup__footer___third-party-legacy-react-kit-components-popup-theme- {
  position: relative;
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  padding: 9px 8px 8px;
}
.popup__closeButton___third-party-legacy-react-kit-components-popup-theme- {
  position: absolute;
  top: 0;
  right: 1px;
}
.popup__closeButton___third-party-legacy-react-kit-components-popup-theme-:active,
.popup__closeButton___third-party-legacy-react-kit-components-popup-theme-.popup__--active___third-party-legacy-react-kit-components-popup-theme- {
  margin-top: 1px;
}
.popup__closeButton___third-party-legacy-react-kit-components-popup-theme-:focus,
.popup__closeButton___third-party-legacy-react-kit-components-popup-theme-.popup__--focus___third-party-legacy-react-kit-components-popup-theme- {
  box-shadow: none;
}
.popup__closeButton___third-party-legacy-react-kit-components-popup-theme- svg {
  fill: #fff;
}
_::-webkit-full-page-media,
_:future,
:root .popup__container___third-party-legacy-react-kit-components-popup-theme- {
  background-color: rgba(8, 13, 19, 0.83);
}
@keyframes popup__popupShow___third-party-legacy-react-kit-components-popup-theme- {
  0% {
    opacity: 0;
    transform: translateY(-200px);
  }
  33% {
    opacity: 1;
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes popup__popupHide___third-party-legacy-react-kit-components-popup-theme- {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.ResizeDetector__container___node_modules--devexperts-react-kit-dist-components-ResizeDetector- {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1000;
  width: 100%;
  height: 100%;
  border: none;
}

.Toast__container {
  position: relative;
  box-sizing: border-box;
  width: 260px;
  background-color: #2c3447;
  border: 1px solid #2c3447;
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.5);
  cursor: default;
  transition: background-color 250ms;
}
.Toast__container:hover,
.Toast__container.Toast__--hover {
  background-color: $toast-notification-hover-bg-color;
  box-shadow: 0 7px 15px $toast-notification-hover-shadow-color;
}
.Toast__container_isUpdating:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
}
.Toast__container_isUpdating_isActive:after {
  background-color: transparent;
  transition: background-color 1000ms ease-in;
}
.Toast__container_flash1.Toast__container_isUpdating:after,
.Toast__container_flash2.Toast__container_isUpdating:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
}
.Toast__container_flash1 {
  animation: Toast__container_flash1 1000ms linear;
}
.Toast__container_flash1:after {
  animation: Toast__container_after_flash1 1000ms linear;
}
.Toast__container_flash2 {
  animation: Toast__container_flash2 1000ms linear;
}
.Toast__container_flash2:after {
  animation: Toast__container_after_flash2 1000ms linear;
}
.Toast__header {
  font-size: 12px;
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 30px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
}
.Toast__dismiss {
  display: block;
  position: absolute;
  top: 9px;
  right: 9px;
  padding: 0;
  border: none;
  width: 11px;
  height: 11px;
  z-index: 1;
  background-color: transparent;
  cursor: pointer;
  fill: #fff;
}
.Toast__content {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 6px;
}
.Toast__transition__enter:last-child .Toast__container:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background-color: rgba(255, 255, 255, 0.1);
}
.Toast__transition__enter_active:last-child .Toast__container:after {
  background-color: transparent;
  transition: background-color 1000ms ease-in;
}
.Toast__transition__exit .Toast__container {
  opacity: 1;
}
.Toast__transition__exit_active .Toast__container {
  opacity: 0.01;
  transition: opacity 200ms ease-in;
}
.mobile .Toast__header {
  font-size: 16px;
  margin-top: 9px;
  margin-bottom: 8px;
}
.mobile .Toast__container {
  width: 300px;
  font-size: 16px;
}
.mobile .Toast__content {
  margin-bottom: 9px;
}
@keyframes Toast__container_flash1 {
  0% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes Toast__container_flash2 {
  0% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes Toast__container_after_flash1 {
  0% {
    background-color: rgba(255, 255, 255, 0.1);
  }
  100% {
    background-color: transparent;
  }
}
@keyframes Toast__container_after_flash2 {
  0% {
    background-color: rgba(255, 255, 255, 0.1);
  }
  100% {
    background-color: transparent;
  }
}

.ToastHost__container {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
}
.ToastHost__container_isMounted {
  opacity: 1;
  visibility: inherit;
}
.ToastHost__item {
  position: absolute;
  right: 0;
  transition: transform 300ms ease-in;
}

.icon {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.ToastTradingLog__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.ToastTradingLog__header__icon {
  display: inline-block;
  margin-right: 5px;
  width: 9px;
  height: 9px;
  position: relative;
}
.ToastTradingLog__header__text {
  font-weight: bold;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.75);
  text-transform: uppercase;
}
.ToastTradingLog__header__text_positive,
.ToastTradingLog__header__text_negative {
  position: relative;
}
.ToastTradingLog__header__text_positive {
  color: #299171;
}
.ToastTradingLog__header__text_negative {
  color: #d64f58;
}
.ToastTradingLog__subheader {
  font-size: 10px;
  margin-bottom: 5px;
  font-style: normal;
  color: #e6e6e6;
}
.ToastTradingLog__subheader + .ToastTradingLog__wrap {
  margin-top: 0;
}
.ToastTradingLog__subHeaderStatus {
  margin-left: 5px;
  margin-right: 5px;
  color: #d9742c;
}
.ToastTradingLog__wrap {
  line-height: 16px;
  font-size: 12px;
}
.ToastTradingLog__status,
.ToastTradingLog__side {
  text-transform: uppercase;
}
.mobile .ToastTradingLog__header__text {
  font-size: 18px;
}
.mobile .ToastTradingLog__subheader {
  font-size: 16px;
}
.mobile .ToastTradingLog__content {
  font-size: 16px;
}

.MessageValue__container {
  color: rgba(255, 255, 255, 0.7);
}
.MessageValue__container_positive {
}
.MessageValue__container_positive .MessageValue__status {
  color: #299171;
}
.MessageValue__container_negative {
}
.MessageValue__container_negative .MessageValue__status {
  color: #99222a;
}
.MessageValue__status {
  text-transform: uppercase;
  color: #f2f2f2;
}
.MessageValue__highlight {
  color: #ffc973;
}
.MessageValue__dealer {
  text-transform: none;
}
.MessageValue__description {
  display: block;
}
.MessageValue__additional {
}
.mobile .MessageValue__description {
  font-size: 16px;
}

.order--reject,
.order--symbol,
.order--status {
  display: inline-block;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order--price,
.order--type,
.order--stopLoss,
.order--takeProfit,
.order--bid,
.order--ask,
.order--currentPrice,
.order--triggerPrice,
.order--timeDate,
.order--timeDateModified,
.order--expiration,
.order--id,
.order--quantity,
.order--condition,
.order--fillPrice {
  position: relative;
}
#ruler .order--statusIcon,
.grid--body .order--statusIcon {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 11px;
}
#ruler .order--side,
.grid--body .order--side {
  letter-spacing: 1px;
  font-size: 1.1rem;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: right;
}
.order--typeIcon i {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  text-indent: -99999px;
  text-align: left;
}
.order-rejected .order--actions,
.order-canceled .order--actions,
.order-filled .order--actions,
.order-expired .order--actions,
.order-expanded .order--actions {
  visibility: hidden;
  opacity: 0;
}
.order-heading .order--actions {
  display: none;
}
.order--actions {
  display: block;
  width: 100%;
  text-align: right;
}
.order--actions .button-icon {
  margin-right: 5px;
  width: 10px;
  height: 10px;
}
.order--actions {
  transition: opacity 400ms;
}
.order--actions .button-icon .icon {
  fill: #fff;
}
.order-rejected td,
.order-canceled td,
.order-filled td,
.order-expired td,
.order-rejected td .price,
.order-canceled td .price,
.order-filled td .price,
.order-expired td .price {
  color: #808080;
}
.order-rejected .order--typeIcon,
.order-canceled .order--typeIcon,
.order-filled .order--typeIcon,
.order-expired .order--typeIcon,
.order-rejected .order--status,
.order-canceled .order--status,
.order-filled .order--status,
.order-expired .order--status,
.order-rejected .order--statusIcon,
.order-canceled .order--statusIcon,
.order-filled .order--statusIcon,
.order-expired .order--statusIcon {
  opacity: 0.6;
}
.order-pending .order--statusIcon .icon {
  fill: #fbcc00;
}
.order-pending .order--status {
  color: #fbcc00;
}
.order-expired .order--statusIcon .icon {
  fill: rgba(255, 255, 255, 0.8);
}
.order-expired .order--status {
  color: rgba(255, 255, 255, 0.8);
}
.order-filled .order--statusIcon .icon {
  fill: #0aa40a;
}
.order-filled .order--status {
  color: #0aa40a;
}
.order-working .order--statusIcon .icon {
  fill: #ccc;
}
.order-working .order--status {
  color: #ccc;
}
.order-rejected .order--statusIcon .icon {
  fill: #b42a41;
}
.order-rejected .order--status {
  color: #b42a41;
}
.order-canceled .order--statusIcon .icon {
  fill: rgba(255, 255, 255, 0.8);
}
.order-canceled .order--status {
  color: rgba(255, 255, 255, 0.8);
}
.order-sending .order--statusIcon .icon {
  fill: #8ebcd4;
}
.order-sending .order--status {
  color: #8ebcd4;
}
.order-sending.order-sell .order--side,
.order-pending.order-sell .order--side,
.order-working.order-sell .order--side {
  color: #d64f58;
}
.order-sending.order-buy .order--side,
.order-pending.order-buy .order--side,
.order-working.order-buy .order--side {
  color: #299171;
}
.order-expanded .table--cell,
.order-expanded .table--cell:first-child,
.order-expanded .table--cell:last-child {
  background-color: #454659;
  color: #fff;
}
.order-expanded .table--cell .numeric:empty:before,
.order-expanded .table--cell:first-child .numeric:empty:before,
.order-expanded .table--cell:last-child .numeric:empty:before {
  color: #ccc;
}
.order--typeIcon i {
  background-repeat: no-repeat;
  background-image: url(../../wl/primexbt/_/dx/components/order/img/icons-positions-orders-statuses.png?2928e6804ce9ec202e4619516ab54c91);
}
.order--typeIcon-sell i {
  background-color: #b0424a;
}
.order--typeIcon-sell.order--typeIcon-l i {
  background-position: 0 -11px;
}
.order--typeIcon-sell.order--typeIcon-m i {
  background-position: 0 -33px;
}
.order--typeIcon-sell.order--typeIcon-s i {
  background-position: 0 -55px;
}
.order--typeIcon-sell.order--typeIcon-trs i {
  background-position: 0 -77px;
}
.order--typeIcon-buy i {
  background-color: #1a8f6d;
}
.order--typeIcon-buy.order--typeIcon-l i {
  background-position: 0 0px;
}
.order--typeIcon-buy.order--typeIcon-m i {
  background-position: 0 -22px;
}
.order--typeIcon-buy.order--typeIcon-s i {
  background-position: 0 -44px;
}
.order--typeIcon-buy.order--typeIcon-trs i {
  background-position: 0 -66px;
}

.mobile .grid--body .order--side {
  font-size: 1.4rem;
}
.mobile .grid--body .order--actions .button-icon {
  width: 12px;
  height: 12px;
}

.ToastOrder__container {
  position: relative;
}
.ToastOrder__container .MessageValue__container {
  display: block;
}
.ToastOrder__container .MessageValue__description {
  word-break: break-word;
  white-space: pre-wrap;
}
.ToastOrder__icon_orderFilled {
  fill: #1a8f6d;
}
.ToastOrder__icon_orderPlaced {
  fill: #ccc;
}
.ToastOrder__icon_orderModified {
  fill: #ccc;
}
.ToastOrder__icon_orderCancelled {
  fill: rgba(255, 255, 255, 0.5);
}
.ToastOrder__icon_orderRejected {
  fill: #e6343a;
}
.ToastOrder__icon_orderExpired {
  fill: rgba(255, 255, 255, 0.5);
}

.ToastOrderHandling__container .MessageValue__container {
  display: block;
}
.ToastOrderHandling__container .MessageValue__description {
  word-break: break-word;
}
.ToastOrderHandling__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
}
.ToastOrderHandling__time,
.ToastOrderHandling__account,
.ToastOrderHandling__number {
  color: #fff;
}
.ToastOrderHandling__account {
  margin-right: 7px;
}
.ToastOrderHandling__description {
  color: rgba(255, 255, 255, 0.5);
}
.ToastOrderHandling__status {
  margin: 0 8px;
  color: #d9742c;
  text-transform: uppercase;
}
.ToastOrderHandling__iconWrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
}
.ToastOrderHandling__icon {
  width: 32px;
  height: 22px;
}
.ToastOrderHandling__icon svg {
  width: 100%;
  height: 100%;
}
.ToastOrderHandling__icon:not(:last-of-type) {
  margin-right: 7px;
}
.ToastOrderHandling__icon_midi {
  width: 28px;
  height: 14px;
}
.ToastOrderHandling__icon_min {
  width: 18px;
  height: 14px;
}
.ToastOrderHandling__textStatus {
  font-weight: 500;
}
.ToastOrderHandling__textStatus_buy {
  color: #299171;
}
.ToastOrderHandling__textStatus_sell {
  color: #d64f58;
}
.ToastOrderHandling__text {
  color: #fff;
}
.ToastOrderHandling__textItem {
  display: block;
}
.ToastOrderHandling__textWrapper {
  margin-top: 10px;
}
.ToastOrderHandling__message {
  margin-top: 12px;
}
.ToastOrderHandling__dogSymbol {
  color: rgba(255, 255, 255, 0.5);
}
.mobile .ToastOrderHandling__info {
  font-size: 16px;
}

.ToastAlert__icon_alertTriggered {
  fill: #1a8f6d;
}
.ToastAlert__icon_alertRejected {
  fill: #e6343a;
}
.ToastAlert__messageValue {
  display: block;
}
.ToastAlert__messageValue__description {
  word-break: break-word;
  white-space: pre-wrap;
}

.ToastBlockedPopups__text {
  color: #fff;
  line-height: 1.58;
  letter-spacing: 0.5px;
}
.ToastBlockedPopups__header {
  color: #f55865;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.ToastBlockedPopups__container {
  border: 1px solid $notification-warning-border-color;
  background-color: $notification-warning-blink-bg-color;
  animation: ToastBlockedPopups__blinking 1s infinite ease-in-out;
}
.ToastBlockedPopups__container:hover,
.ToastBlockedPopups__container.ToastBlockedPopups__--hover {
  border: 1px solid $notification-warning-border-color;
}
@keyframes ToastBlockedPopups__blinking {
  0% {
    background-color: $notification-warning-blink-bg-color;
  }
  100% {
    background-color: $notification-warning-bg-color;
  }
}

.ToastTradingLog__subheader,
.ToastTradingLog__wrap {
  font-size: 14px;
  padding-right: 5px;
}
.ToastTradingLog__subheader {
  color: #fff;
  margin-bottom: 9px;
}
.ToastTradingLog__header__text {
  font-size: 14px;
}

.ToastBasic__container {
  position: relative;
}
.ToastBasic__container,
.ToastBasic__container:hover,
.ToastBasic__container.ToastBasic__--hover {
  background: #2c3447;
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.5);
}
.ToastBasic__container:after {
  background-color: #4f5e80;
}
.ToastBasic__container_trading,
.ToastBasic__container_trading:hover,
.ToastBasic__container_trading.ToastBasic__--hover {
  background: $notification-corner-order-bg-color;
  box-shadow: 0 7px 15px 0 $notification-corner-order-shadow-color;
}
.ToastBasic__container_trading:after {
  background-color: #5cb8ff;
}
.ToastBasic__container_critical,
.ToastBasic__container_critical:hover,
.ToastBasic__container_critical.ToastBasic__--hover {
  background: #2e0000;
  box-shadow: 0 7px 15px 0 $notification-corner-critical-shadow-color;
  border: 1px solid transparent;
}
.ToastBasic__container_critical .ToastBasic__header__text {
  color: #d64f58;
}
.ToastBasic__container_critical:after {
  background-color: #d8003f;
}
.ToastBasic__container_created .ToastBasic__header__text {
  color: #299171;
}
.ToastBasic__container_failed .ToastBasic__header__text {
  color: #d64f58;
}
.ToastBasic__container_failed .ToastBasic__item {
  font-weight: 500;
}
.ToastBasic__date {
  display: block;
  margin-bottom: 10px;
}
.ToastBasic__item {
  display: inline-block;
  margin-right: 3px;
}
.ToastBasic__item:last-child {
  margin: 0;
}
.ToastBasic__item_buy {
  font-weight: 500;
  color: #299171;
}
.ToastBasic__item_sell {
  font-weight: 500;
  color: #d64f58;
}

.MessageValue__description {
  font-size: 14px;
  color: #fff;
}

.ToastCritical__container {
  width: 407px;
  font-size: 14px;
  padding-left: 5px;
  border-color: transparent;
}
.ToastCritical__container,
.ToastCritical__container:hover,
.ToastCritical__container.ToastCritical__--hover {
  background: #2e0000;
  box-shadow: 0 7px 15px 0 $notification-corner-critical-shadow-color;
}
.ToastCritical__container:after {
  background-color: #d8003f;
}
.ToastCritical__header__text {
  color: #d64f58;
}
.ToastCritical__text {
  margin-top: 15px;
  line-height: 1.36;
}
.ToastCritical__message {
  margin-top: 9px;
  line-height: 1.36;
  color: rgba(255, 255, 255, 0.7);
}
.ToastCritical__account {
  margin-left: 3px;
  color: #d9742c;
}
.ToastCritical__text {
  margin-top: 15px;
  line-height: 1.36;
}
.ToastCritical__message {
  margin-top: 9px;
  line-height: 1.36;
  color: rgba(255, 255, 255, 0.5);
}
.ToastCritical__account {
  margin-left: 3px;
  color: #d9742c;
}

.ToastDeposit__container {
  box-sizing: border-box;
  width: 407px;
  position: relative;
  padding-left: 5px;
  background-color: #2c3447;
  border: none;
  overflow: hidden;
}
.ToastDeposit__container:after {
  content: '';
  width: 5px;
  height: 100%;
  background-color: #5cb8ff;
  position: absolute;
  left: 0;
  top: 0;
}
.ToastDeposit__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
}
.ToastDeposit__time {
  margin-right: 4px;
}
.ToastDeposit__status {
  color: #d9742c;
  margin-left: 4px;
}
.ToastDeposit__header {
  margin-top: 9px;
  margin-bottom: 15px;
}
.ToastDeposit__content {
  margin-bottom: 15px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
q:before,
blockquote:after,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  color: #fff;
  background: rgba(8, 13, 19, 0.5);
}
a {
  transition: color 200ms;
  color: #55aeee;
}
a:hover,
a.\:hover {
  color: #ffc973;
  transition: color 220ms ease-in;
}
a:active,
a.\:active {
  color: #bf9756;
}
::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
  opacity: 1;
}
:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.search--result td {
  transition: background 200ms;
}
@font-face {
  font-family: 'Open Sans';
  src:
    url(../../wl/primexbt/_/dx/resources/fonts/opensans/opensans-bold.woff2?8593a5a07cf620d4512fcb71cbcd07a6)
    format('woff2'),
    url(../../wl/primexbt/_/dx/resources/fonts/opensans/opensans-bold.woff?72862e7cf19603ad24f26baf86dd0e08)
    format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src:
    url(../../wl/primexbt/_/dx/resources/fonts/opensans/opensans-bolditalic.woff2?0a2de967793f1117d220464bb973a442)
    format('woff2'),
    url(../../wl/primexbt/_/dx/resources/fonts/opensans/opensans-bolditalic.woff?2c841cbc36bd6c715340513060c27f47)
    format('woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src:
    url(../../wl/primexbt/_/dx/resources/fonts/opensans/opensans-italic.woff2?f588b35373729dd247d37254a8651d71)
    format('woff2'),
    url(../../wl/primexbt/_/dx/resources/fonts/opensans/opensans-italic.woff?8a81b690262a2121feac9980efc331a4)
    format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src:
    url(../../wl/primexbt/_/dx/resources/fonts/opensans/opensans-light.woff2?48195e4b1b11a63230a49fc68b267b76)
    format('woff2'),
    url(../../wl/primexbt/_/dx/resources/fonts/opensans/opensans-light.woff?0d0d7107450f05b72a4507d0d7687dd1)
    format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src:
    url(../../wl/primexbt/_/dx/resources/fonts/opensans/opensans-regular.woff2?4124088fdd8c315a6d096b65b6cbf428)
    format('woff2'),
    url(../../wl/primexbt/_/dx/resources/fonts/opensans/opensans-regular.woff?ce659615885f33d928eb7fe276574106)
    format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src:
    url(../../wl/primexbt/_/dx/resources/fonts/opensans/opensans-semibold.woff2?d8411d8bb1d6060de4fee4f3a20973cc)
    format('woff2'),
    url(../../wl/primexbt/_/dx/resources/fonts/opensans/opensans-semibold.woff?49fbe77658d29a343cd06b5245be483e)
    format('woff');
  font-weight: 600;
  font-style: normal;
}
html,
body {
  height: 100%;
}
html {
  font-size: 10px;
}
body {
  font:
    1.2em 'Roboto',
    sans-serif;
  font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
  font-weight: bold;
}
em,
i {
  font-style: italic;
}
input,
textarea,
select,
button,
.button {
  box-sizing: border-box;
  margin: 0;
  font-size: 1em;
  line-height: 1;
  font-family: inherit;
}
input:focus,
textarea:focus,
select:focus,
button:focus,
.button:focus,
input.\:focus,
textarea.\:focus,
select.\:focus,
button.\:focus,
.button.\:focus {
  outline: none;
}
label,
input,
select,
button,
.button {
  display: inline-block;
  vertical-align: middle;
}
button,
.button {
  cursor: pointer;
}
button:disabled,
.button:disabled,
button[disabled],
.button[disabled] {
  cursor: not-allowed;
}
input[type='submit']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input::-ms-clear {
  display: none;
}
a {
  text-decoration: underline;
  cursor: pointer;
}
body {
  color: #fff;
  background: rgba(8, 13, 19, 0.5);
}
a {
  transition: color 200ms;
  color: #55aeee;
}
a:hover,
a.\:hover {
  color: #ffc973;
  transition: color 220ms ease-in;
}
a:active,
a.\:active {
  color: #bf9756;
}
::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
  opacity: 1;
}
:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.search--result td {
  transition: background 200ms;
}
.dashboard {
  height: 100%;
}
.dashboard-flexible .plate {
  width: 240px;
  margin: 2.5px;
}
@media screen and (min-width: 1024px) {
  .dashboard-flexible .plate {
    width: calc((100% / 1) - 6px);
  }
}
@media screen and (min-width: 1270px) {
  .dashboard-flexible .plate {
    width: calc((100% / 2) - 6px);
  }
}
@media screen and (min-width: 1516px) {
  .dashboard-flexible .plate {
    width: calc((100% / 3) - 6px);
  }
}
@media screen and (min-width: 1762px) {
  .dashboard-flexible .plate {
    width: calc((100% / 4) - 6px);
  }
}
.dashboard .scrollable--content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
html,
body,
main.main {
  height: 100%;
}
body {
  position: relative;
  min-width: 1024px;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
body.iframeClickPrevent iframe,
body.dragging iframe {
  pointer-events: none;
}
.app {
  height: 100%;
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
@media screen and (min-width: 1024px) {
  .app-noSidePanelLeft .dashboard-flexible .plate,
  .app-noSidePanelRight .dashboard-flexible .plate {
    width: calc((100% / 2) - 6px);
  }
}
@media screen and (min-width: 1270px) {
  .app-noSidePanelLeft .dashboard-flexible .plate,
  .app-noSidePanelRight .dashboard-flexible .plate {
    width: calc((100% / 3) - 6px);
  }
}
@media screen and (min-width: 1516px) {
  .app-noSidePanelLeft .dashboard-flexible .plate,
  .app-noSidePanelRight .dashboard-flexible .plate {
    width: calc((100% / 4) - 6px);
  }
}
@media screen and (min-width: 1762px) {
  .app-noSidePanelLeft .dashboard-flexible .plate,
  .app-noSidePanelRight .dashboard-flexible .plate {
    width: calc((100% / 5) - 6px);
  }
}
.app-noSidePanelLeft .panel-main {
  left: 10px;
}
.app-noSidePanelLeft .panel-left {
  -ms-transform: translate3D(-300px, 0, 0);
  transform: translate3D(-300px, 0, 0);
}
.app-noSidePanelRight .panel-main {
  right: 10px;
}
.app-noSidePanelRight .panel-right {
  -ms-transform: translate3D(300px, 0, 0);
  transform: translate3D(300px, 0, 0);
}
.app-noBottomPanel .widget-main.widget-flexible {
  height: calc(100% - 10px);
}
@media screen and (min-width: 1024px) {
  .app-noSidePanelLeft.app-noSidePanelRight .dashboard-flexible .plate {
    width: calc((100% / 4) - 6px);
  }
}
@media screen and (min-width: 1270px) {
  .app-noSidePanelLeft.app-noSidePanelRight .dashboard-flexible .plate {
    width: calc((100% / 5) - 6px);
  }
}
@media screen and (min-width: 1516px) {
  .app-noSidePanelLeft.app-noSidePanelRight .dashboard-flexible .plate {
    width: calc((100% / 6) - 6px);
  }
}
@media screen and (min-width: 1762px) {
  .app-noSidePanelLeft.app-noSidePanelRight .dashboard-flexible .plate {
    width: calc((100% / 7) - 6px);
  }
}
.app-noSidePanelLeft.app-noSidePanelRight .panel-main {
  right: 10px;
  left: 10px;
}
body {
  color: #fff;
  background: rgba(8, 13, 19, 0.5);
}
a {
  transition: color 200ms;
  color: #55aeee;
}
a:hover,
a.\:hover {
  color: #ffc973;
  transition: color 220ms ease-in;
}
a:active,
a.\:active {
  color: #bf9756;
}
::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.search--result td {
  transition: background 200ms;
}
.react-component-wrapper {
  opacity: 1;
}

.mobile,
main.main {
  width: 100%;
  overscroll-behavior: none;
  position: fixed;
}
body {
  min-width: 0;
  overscroll-behavior: none;
}
html.mobile {
  overflow-x: hidden;
}

@font-face {
  font-family: 'Roboto';
  src:
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-Light.woff2?ed4b08d2702fa26acc324ef1e89ae837)
    format('woff2'),
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-Light.woff?10ad0f861c0c5807734017c341940649)
    format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src:
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-BlackItalic.woff2?14f037f98c26498dca8f8b8f6d80ba15)
    format('woff2'),
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-BlackItalic.woff?ac9a922232bb34219e80325fd9385afd)
    format('woff');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src:
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-Black.woff2?72f6fd218b59c42e804cb543cfc53598)
    format('woff2'),
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-Black.woff?fdd88b742a9f6304f05b21b86ba58d9a)
    format('woff');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src:
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-Bold.woff2?f3a02e2578bee50e620e515912278bc9)
    format('woff2'),
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-Bold.woff?08cb8f79715774f9a6285ee7db2919a3)
    format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src:
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-BoldItalic.woff2?fb87f577cddc4fcce562196d62d86a7c)
    format('woff2'),
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-BoldItalic.woff?65c7b0c96d644be47ca4a652b2d47972)
    format('woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src:
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-Italic.woff2?ad4e08740474893c8f08df87268544ce)
    format('woff2'),
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-Italic.woff?fd5970128586cba8e7ed994f134ec176)
    format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src:
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-Regular.woff2?9feb0110b6dff9ee2b9ebd17f7a1aee6)
    format('woff2'),
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-Regular.woff?94dac78eee406a8c8f0406b69b85ac2b)
    format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src:
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-Thin.woff2?46888f279ddb7baaf89772dec4c8e893)
    format('woff2'),
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-Thin.woff?f09d9b5e8e8a5f3843c1f0fa161fa23c)
    format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src:
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-ThinItalic.woff2?b417992bbd0c712b6a2bfacb1800944f)
    format('woff2'),
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-ThinItalic.woff?3ebe5873c57e5cd3bb164ae0585de453)
    format('woff');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src:
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-LightItalic.woff2?d4f38edf39870bdfb4d640f63c8d5e5a)
    format('woff2'),
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-LightItalic.woff?1d77cf804e1c37bcb4bd0b7fc2a70208)
    format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src:
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-Medium.woff2?50d01d3e6c994995bcaf829e63d53d1a)
    format('woff2'),
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-Medium.woff?9a3bf7acae14d9b5ed5a88458106b58b)
    format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src:
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-MediumItalic.woff2?c64fc9b45077a4437c583825662ee3e4)
    format('woff2'),
    url(../../wl/primexbt/resources/fonts/roboto/Roboto-MediumItalic.woff?cf9744aca2dc68046f03dacb46518dac)
    format('woff');
  font-weight: 500;
  font-style: italic;
}

.placeholder__icon___third-party-legacy-react-kit-components-layout-theme- {
  fill: #d9372c;
  width: 72px;
  height: 72px;
}
.placeholder__hint___third-party-legacy-react-kit-components-layout-theme- {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  margin-top: 28px;
}
.placeholder__hint___third-party-legacy-react-kit-components-layout-theme- small {
  display: block;
  font-size: 20px;
}

.loadingWheel {
  display: inline-block;
  border-radius: 50%;
}
.loadingWheel-small {
  width: 14px;
  height: 14px;
  border-width: 1px;
}
.loadingWheel-middle {
  width: 34px;
  height: 34px;
  border-width: 3px;
}
.loadingWheel-big {
  width: 52px;
  height: 52px;
  border-width: 4px;
}
@keyframes rotationSmall {
  0% {
    transform: rotate(0deg);
    border-top: 1px solid rgba(255, 255, 255, 0.4); /* Loader-dark-color */
  }
  50% {
    transform: rotate(360deg);
    border-top: 1px solid #fff; /* Loader-light-color */
  }
  100% {
    transform: rotate(720deg);
    border-top: 1px solid rgba(255, 255, 255, 0.4); /* Loader-dark-color */
  }
}
@keyframes rotationMiddle {
  0% {
    transform: rotate(0deg);
    border-top: 3px solid rgba(255, 255, 255, 0.4); /* Loader-dark-color */
  }
  50% {
    transform: rotate(360deg);
    border-top: 3px solid #fff; /* Loader-light-color */
  }
  100% {
    transform: rotate(720deg);
    border-top: 3px solid rgba(255, 255, 255, 0.4); /* Loader-dark-color */
  }
}
@keyframes rotationBig {
  0% {
    transform: rotate(0deg);
    border-top: 4px solid rgba(255, 255, 255, 0.4); /* Loader-dark-color */
  }
  50% {
    transform: rotate(360deg);
    border-top: 4px solid #fff; /* Loader-light-color */
  }
  100% {
    transform: rotate(720deg);
    border-top: 4px solid rgba(255, 255, 255, 0.4); /* Loader-dark-color */
  }
}
.loadingWheel {
  border-style: solid;
  border-top-color: rgba(255, 255, 255, 0.4);
  border-right-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-left-color: rgba(255, 255, 255, 0.2);
}
.loadingWheel-small {
  animation: rotationSmall 1s infinite linear;
}
.loadingWheel-middle {
  animation: rotationMiddle 1.1s infinite linear;
}
.loadingWheel-big {
  animation: rotationBig 1.2s infinite linear;
}

.button {
  position: relative;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 1px;
  padding: 0 6px;
  margin: 0;
  line-height: normal;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.button:before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 1px;
  border: 1px solid transparent;
}
.button:active > .icon,
.button:active > span,
.button.\:active > .icon,
.button.\:active > span {
  top: 1px;
}
.control-disabled .button > .icon,
.button:disabled > .icon,
.button[disabled] > .icon,
.control-disabled .button > span,
.button:disabled > span,
.button[disabled] > span {
  top: 0;
}
.control-disabled .button > .icon,
.button:disabled > .icon,
.button[disabled] > .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.button-primary,
.button-secondary {
  box-sizing: border-box;
  padding: 0 14px;
  font-size: 1.4rem;
}
.button-primary span,
.button-secondary span {
  display: inline-block;
  vertical-align: middle;
  line-height: 23px;
}
.button-gtc,
.button-day,
.button-date {
  width: 40px;
}
.button-regular,
.button-trailing {
  width: 50px;
  font-size: 1rem;
}
.button-trade {
  width: 88px;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.button-trade span {
  font-weight: bold;
  line-height: 1.5;
}
.button-trade span b {
  font-size: 1.8rem;
}
.button--label {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  opacity: 0.5;
}
.button-buy,
.button-sell {
  min-width: 58px;
  height: 21px;
  padding: 0 4px;
}
.button-small {
  padding: 0 10px;
  height: 21px;
  font-size: 12px;
  font-weight: 300;
}
.button-small span {
  line-height: 19px;
}
.button-contextMenu {
  margin-left: 3px;
}
.button > .icon,
.button > span {
  position: relative;
}
.button .loader {
  display: none;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 1px;
}
.button-loading .loader {
  display: -ms-flexbox;
  display: flex;
}
.button-loading span {
  opacity: 0;
}
.button-primary,
.button-trade,
.button-apply {
  background-color: #55aeee;
  color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
}
.button-primary:before,
.button-trade:before,
.button-apply:before {
  background: transparent;
  transition: background 220ms ease-in;
}
.button-primary:hover:before,
.button-trade:hover:before,
.button-apply:hover:before,
.button-primary.\:hover:before,
.button-trade.\:hover:before,
.button-apply.\:hover:before {
  background: rgba(255, 255, 255, 0.1);
}
.button-primary:active:hover:before,
.button-trade:active:hover:before,
.button-apply:active:hover:before,
.button-primary:active:before,
.button-trade:active:before,
.button-apply:active:before,
.button-primary.\:active.\:hover:before,
.button-trade.\:active.\:hover:before,
.button-apply.\:active.\:hover:before,
.button-primary.\:active:before,
.button-trade.\:active:before,
.button-apply.\:active:before {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.15);
}
.button-primary:focus,
.button-trade:focus,
.button-apply:focus,
.button-primary.\:focus,
.button-trade.\:focus,
.button-apply.\:focus {
  box-shadow: 0 0 0 1px #55aeee;
}
.control-disabled .button-primary,
.control-disabled .button-trade,
.control-disabled .button-apply,
.button-primary:disabled,
.button-trade:disabled,
.button-apply:disabled,
.button-primary[disabled],
.button-trade[disabled],
.button-apply[disabled],
.control-disabled .button-primary:hover,
.control-disabled .button-trade:hover,
.control-disabled .button-apply:hover,
.button-primary:disabled:hover,
.button-trade:disabled:hover,
.button-apply:disabled:hover,
.button-primary[disabled]:hover,
.button-trade[disabled]:hover,
.button-apply[disabled]:hover,
.control-disabled .button-primary:active,
.control-disabled .button-trade:active,
.control-disabled .button-apply:active,
.button-primary:disabled:active,
.button-trade:disabled:active,
.button-apply:disabled:active,
.button-primary[disabled]:active,
.button-trade[disabled]:active,
.button-apply[disabled]:active,
.control-disabled .button-primary.\:hover,
.control-disabled .button-trade.\:hover,
.control-disabled .button-apply.\:hover,
.button-primary:disabled.\:hover,
.button-trade:disabled.\:hover,
.button-apply:disabled.\:hover,
.button-primary[disabled].\:hover,
.button-trade[disabled].\:hover,
.button-apply[disabled].\:hover,
.control-disabled .button-primary.\:active,
.control-disabled .button-trade.\:active,
.control-disabled .button-apply.\:active,
.button-primary:disabled.\:active,
.button-trade:disabled.\:active,
.button-apply:disabled.\:active,
.button-primary[disabled].\:active,
.button-trade[disabled].\:active,
.button-apply[disabled].\:active {
  background-color: #31323d;
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
  border-color: transparent;
  box-shadow: 0 0 0 1px #2d2e3d;
  pointer-events: none;
}
.control-disabled .button-primary:before,
.control-disabled .button-trade:before,
.control-disabled .button-apply:before,
.button-primary:disabled:before,
.button-trade:disabled:before,
.button-apply:disabled:before,
.button-primary[disabled]:before,
.button-trade[disabled]:before,
.button-apply[disabled]:before,
.control-disabled .button-primary:hover:before,
.control-disabled .button-trade:hover:before,
.control-disabled .button-apply:hover:before,
.button-primary:disabled:hover:before,
.button-trade:disabled:hover:before,
.button-apply:disabled:hover:before,
.button-primary[disabled]:hover:before,
.button-trade[disabled]:hover:before,
.button-apply[disabled]:hover:before,
.control-disabled .button-primary:active:before,
.control-disabled .button-trade:active:before,
.control-disabled .button-apply:active:before,
.button-primary:disabled:active:before,
.button-trade:disabled:active:before,
.button-apply:disabled:active:before,
.button-primary[disabled]:active:before,
.button-trade[disabled]:active:before,
.button-apply[disabled]:active:before,
.control-disabled .button-primary.\:hover:before,
.control-disabled .button-trade.\:hover:before,
.control-disabled .button-apply.\:hover:before,
.button-primary:disabled.\:hover:before,
.button-trade:disabled.\:hover:before,
.button-apply:disabled.\:hover:before,
.button-primary[disabled].\:hover:before,
.button-trade[disabled].\:hover:before,
.button-apply[disabled].\:hover:before,
.control-disabled .button-primary.\:active:before,
.control-disabled .button-trade.\:active:before,
.control-disabled .button-apply.\:active:before,
.button-primary:disabled.\:active:before,
.button-trade:disabled.\:active:before,
.button-apply:disabled.\:active:before,
.button-primary[disabled].\:active:before,
.button-trade[disabled].\:active:before,
.button-apply[disabled].\:active:before {
  border-color: transparent;
  background: transparent;
}
.control-disabled .button-primary .icon,
.control-disabled .button-trade .icon,
.control-disabled .button-apply .icon,
.button-primary:disabled .icon,
.button-trade:disabled .icon,
.button-apply:disabled .icon,
.button-primary[disabled] .icon,
.button-trade[disabled] .icon,
.button-apply[disabled] .icon,
.control-disabled .button-primary:hover .icon,
.control-disabled .button-trade:hover .icon,
.control-disabled .button-apply:hover .icon,
.button-primary:disabled:hover .icon,
.button-trade:disabled:hover .icon,
.button-apply:disabled:hover .icon,
.button-primary[disabled]:hover .icon,
.button-trade[disabled]:hover .icon,
.button-apply[disabled]:hover .icon,
.control-disabled .button-primary:active .icon,
.control-disabled .button-trade:active .icon,
.control-disabled .button-apply:active .icon,
.button-primary:disabled:active .icon,
.button-trade:disabled:active .icon,
.button-apply:disabled:active .icon,
.button-primary[disabled]:active .icon,
.button-trade[disabled]:active .icon,
.button-apply[disabled]:active .icon,
.control-disabled .button-primary.\:hover .icon,
.control-disabled .button-trade.\:hover .icon,
.control-disabled .button-apply.\:hover .icon,
.button-primary:disabled.\:hover .icon,
.button-trade:disabled.\:hover .icon,
.button-apply:disabled.\:hover .icon,
.button-primary[disabled].\:hover .icon,
.button-trade[disabled].\:hover .icon,
.button-apply[disabled].\:hover .icon,
.control-disabled .button-primary.\:active .icon,
.control-disabled .button-trade.\:active .icon,
.control-disabled .button-apply.\:active .icon,
.button-primary:disabled.\:active .icon,
.button-trade:disabled.\:active .icon,
.button-apply:disabled.\:active .icon,
.button-primary[disabled].\:active .icon,
.button-trade[disabled].\:active .icon,
.button-apply[disabled].\:active .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.button-primary:before,
.button-trade:before,
.button-apply:before {
  border-top-color: rgba(255, 255, 255, 0);
  border-bottom-color: rgba(255, 255, 255, 0);
  border-left-color: rgba(255, 255, 255, 0);
  border-right-color: rgba(255, 255, 255, 0);
}
.button-secondary {
  color: #fff;
  background: #393a4d;
  box-shadow: 0 0 0 1px #3d4e66;
}
.button-secondary:before {
  background: transparent;
  transition: background 220ms ease-in;
}
.button-secondary:hover:before,
.button-secondary.\:hover:before {
  background: rgba(255, 255, 255, 0.1);
}
.button-secondary:active:hover:before,
.button-secondary:active:before,
.button-secondary.\:active.\:hover:before,
.button-secondary.\:active:before {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.15);
}
.button-secondary:focus,
.button-secondary.\:focus {
  box-shadow: 0 0 0 1px #55aeee;
}
.control-disabled .button-secondary,
.button-secondary:disabled,
.button-secondary[disabled],
.control-disabled .button-secondary:hover,
.button-secondary:disabled:hover,
.button-secondary[disabled]:hover,
.control-disabled .button-secondary:active,
.button-secondary:disabled:active,
.button-secondary[disabled]:active,
.control-disabled .button-secondary.\:hover,
.button-secondary:disabled.\:hover,
.button-secondary[disabled].\:hover,
.control-disabled .button-secondary.\:active,
.button-secondary:disabled.\:active,
.button-secondary[disabled].\:active {
  background-color: #31323d;
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
  border-color: transparent;
  box-shadow: 0 0 0 1px #2d2e3d;
  pointer-events: none;
}
.control-disabled .button-secondary:before,
.button-secondary:disabled:before,
.button-secondary[disabled]:before,
.control-disabled .button-secondary:hover:before,
.button-secondary:disabled:hover:before,
.button-secondary[disabled]:hover:before,
.control-disabled .button-secondary:active:before,
.button-secondary:disabled:active:before,
.button-secondary[disabled]:active:before,
.control-disabled .button-secondary.\:hover:before,
.button-secondary:disabled.\:hover:before,
.button-secondary[disabled].\:hover:before,
.control-disabled .button-secondary.\:active:before,
.button-secondary:disabled.\:active:before,
.button-secondary[disabled].\:active:before {
  border-color: transparent;
  background: transparent;
}
.control-disabled .button-secondary .icon,
.button-secondary:disabled .icon,
.button-secondary[disabled] .icon,
.control-disabled .button-secondary:hover .icon,
.button-secondary:disabled:hover .icon,
.button-secondary[disabled]:hover .icon,
.control-disabled .button-secondary:active .icon,
.button-secondary:disabled:active .icon,
.button-secondary[disabled]:active .icon,
.control-disabled .button-secondary.\:hover .icon,
.button-secondary:disabled.\:hover .icon,
.button-secondary[disabled].\:hover .icon,
.control-disabled .button-secondary.\:active .icon,
.button-secondary:disabled.\:active .icon,
.button-secondary[disabled].\:active .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.button-secondary:before {
  border-top-color: rgba(255, 255, 255, 0.02);
  border-bottom-color: rgba(255, 255, 255, 0.02);
  border-left-color: rgba(255, 255, 255, 0.02);
  border-right-color: rgba(255, 255, 255, 0.02);
}
.button-tertiary {
  background-color: #393a4d;
  color: #fff;
  box-shadow: 0 0 0 1px #3d4e66;
}
.button-tertiary:before {
  background: transparent;
  transition: background 220ms ease-in;
}
.button-tertiary:hover:before,
.button-tertiary.\:hover:before {
  background: rgba(255, 255, 255, 0.1);
}
.button-tertiary:active:hover:before,
.button-tertiary:active:before,
.button-tertiary.\:active.\:hover:before,
.button-tertiary.\:active:before {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.15);
}
.button-tertiary:focus,
.button-tertiary.\:focus {
  box-shadow: 0 0 0 1px #55aeee;
}
.control-disabled .button-tertiary,
.button-tertiary:disabled,
.button-tertiary[disabled],
.control-disabled .button-tertiary:hover,
.button-tertiary:disabled:hover,
.button-tertiary[disabled]:hover,
.control-disabled .button-tertiary:active,
.button-tertiary:disabled:active,
.button-tertiary[disabled]:active,
.control-disabled .button-tertiary.\:hover,
.button-tertiary:disabled.\:hover,
.button-tertiary[disabled].\:hover,
.control-disabled .button-tertiary.\:active,
.button-tertiary:disabled.\:active,
.button-tertiary[disabled].\:active {
  background-color: #31323d;
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
  border-color: transparent;
  box-shadow: 0 0 0 1px #2d2e3d;
  pointer-events: none;
}
.control-disabled .button-tertiary:before,
.button-tertiary:disabled:before,
.button-tertiary[disabled]:before,
.control-disabled .button-tertiary:hover:before,
.button-tertiary:disabled:hover:before,
.button-tertiary[disabled]:hover:before,
.control-disabled .button-tertiary:active:before,
.button-tertiary:disabled:active:before,
.button-tertiary[disabled]:active:before,
.control-disabled .button-tertiary.\:hover:before,
.button-tertiary:disabled.\:hover:before,
.button-tertiary[disabled].\:hover:before,
.control-disabled .button-tertiary.\:active:before,
.button-tertiary:disabled.\:active:before,
.button-tertiary[disabled].\:active:before {
  border-color: transparent;
  background: transparent;
}
.control-disabled .button-tertiary .icon,
.button-tertiary:disabled .icon,
.button-tertiary[disabled] .icon,
.control-disabled .button-tertiary:hover .icon,
.button-tertiary:disabled:hover .icon,
.button-tertiary[disabled]:hover .icon,
.control-disabled .button-tertiary:active .icon,
.button-tertiary:disabled:active .icon,
.button-tertiary[disabled]:active .icon,
.control-disabled .button-tertiary.\:hover .icon,
.button-tertiary:disabled.\:hover .icon,
.button-tertiary[disabled].\:hover .icon,
.control-disabled .button-tertiary.\:active .icon,
.button-tertiary:disabled.\:active .icon,
.button-tertiary[disabled].\:active .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.button-tertiary:before {
  border-top-color: rgba(255, 255, 255, 0.02);
  border-bottom-color: rgba(255, 255, 255, 0.02);
  border-left-color: rgba(255, 255, 255, 0.02);
  border-right-color: rgba(255, 255, 255, 0.02);
}
.button-tertiary:focus,
.button-tertiary.\:focus {
  box-shadow: 0 0 0 1px $border-outside-focused-color;
}
.button-buy {
  background-color: #1a8f6d;
}
.button-buy:before {
  background: transparent;
  transition: background 220ms ease-in;
}
.button-buy:hover:before,
.button-buy.\:hover:before {
  background: rgba(255, 255, 255, 0.1);
}
.button-buy:active:hover:before,
.button-buy:active:before,
.button-buy.\:active.\:hover:before,
.button-buy.\:active:before {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.15);
}
.button-buy:focus,
.button-buy.\:focus {
  box-shadow: 0 0 0 1px #55aeee;
}
.control-disabled .button-buy,
.button-buy:disabled,
.button-buy[disabled],
.control-disabled .button-buy:hover,
.button-buy:disabled:hover,
.button-buy[disabled]:hover,
.control-disabled .button-buy:active,
.button-buy:disabled:active,
.button-buy[disabled]:active,
.control-disabled .button-buy.\:hover,
.button-buy:disabled.\:hover,
.button-buy[disabled].\:hover,
.control-disabled .button-buy.\:active,
.button-buy:disabled.\:active,
.button-buy[disabled].\:active {
  background-color: #31323d;
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
  border-color: transparent;
  box-shadow: 0 0 0 1px #2d2e3d;
  pointer-events: none;
}
.control-disabled .button-buy:before,
.button-buy:disabled:before,
.button-buy[disabled]:before,
.control-disabled .button-buy:hover:before,
.button-buy:disabled:hover:before,
.button-buy[disabled]:hover:before,
.control-disabled .button-buy:active:before,
.button-buy:disabled:active:before,
.button-buy[disabled]:active:before,
.control-disabled .button-buy.\:hover:before,
.button-buy:disabled.\:hover:before,
.button-buy[disabled].\:hover:before,
.control-disabled .button-buy.\:active:before,
.button-buy:disabled.\:active:before,
.button-buy[disabled].\:active:before {
  border-color: transparent;
  background: transparent;
}
.control-disabled .button-buy .icon,
.button-buy:disabled .icon,
.button-buy[disabled] .icon,
.control-disabled .button-buy:hover .icon,
.button-buy:disabled:hover .icon,
.button-buy[disabled]:hover .icon,
.control-disabled .button-buy:active .icon,
.button-buy:disabled:active .icon,
.button-buy[disabled]:active .icon,
.control-disabled .button-buy.\:hover .icon,
.button-buy:disabled.\:hover .icon,
.button-buy[disabled].\:hover .icon,
.control-disabled .button-buy.\:active .icon,
.button-buy:disabled.\:active .icon,
.button-buy[disabled].\:active .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.button-sell {
  background-color: #b0424a;
}
.button-sell:before {
  background: transparent;
  transition: background 220ms ease-in;
}
.button-sell:hover:before,
.button-sell.\:hover:before {
  background: rgba(255, 255, 255, 0.1);
}
.button-sell:active:hover:before,
.button-sell:active:before,
.button-sell.\:active.\:hover:before,
.button-sell.\:active:before {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.15);
}
.button-sell:focus,
.button-sell.\:focus {
  box-shadow: 0 0 0 1px #55aeee;
}
.control-disabled .button-sell,
.button-sell:disabled,
.button-sell[disabled],
.control-disabled .button-sell:hover,
.button-sell:disabled:hover,
.button-sell[disabled]:hover,
.control-disabled .button-sell:active,
.button-sell:disabled:active,
.button-sell[disabled]:active,
.control-disabled .button-sell.\:hover,
.button-sell:disabled.\:hover,
.button-sell[disabled].\:hover,
.control-disabled .button-sell.\:active,
.button-sell:disabled.\:active,
.button-sell[disabled].\:active {
  background-color: #31323d;
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
  border-color: transparent;
  box-shadow: 0 0 0 1px #2d2e3d;
  pointer-events: none;
}
.control-disabled .button-sell:before,
.button-sell:disabled:before,
.button-sell[disabled]:before,
.control-disabled .button-sell:hover:before,
.button-sell:disabled:hover:before,
.button-sell[disabled]:hover:before,
.control-disabled .button-sell:active:before,
.button-sell:disabled:active:before,
.button-sell[disabled]:active:before,
.control-disabled .button-sell.\:hover:before,
.button-sell:disabled.\:hover:before,
.button-sell[disabled].\:hover:before,
.control-disabled .button-sell.\:active:before,
.button-sell:disabled.\:active:before,
.button-sell[disabled].\:active:before {
  border-color: transparent;
  background: transparent;
}
.control-disabled .button-sell .icon,
.button-sell:disabled .icon,
.button-sell[disabled] .icon,
.control-disabled .button-sell:hover .icon,
.button-sell:disabled:hover .icon,
.button-sell[disabled]:hover .icon,
.control-disabled .button-sell:active .icon,
.button-sell:disabled:active .icon,
.button-sell[disabled]:active .icon,
.control-disabled .button-sell.\:hover .icon,
.button-sell:disabled.\:hover .icon,
.button-sell[disabled].\:hover .icon,
.control-disabled .button-sell.\:active .icon,
.button-sell:disabled.\:active .icon,
.button-sell[disabled].\:active .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.button-limitOrder span {
  background-position: 0 -1600px;
}
.button-limitOrder:hover span,
.button-limitOrder.\:hover span {
  background-position: -100px -1600px;
}
.button-stopOrder span {
  background-position: 0 -1650px;
}
.button-stopOrder:hover span,
.button-stopOrder.\:hover span {
  background-position: -100px -1650px;
}
.button-studies span {
  background-position: 0 -1950px;
}
.button-setting span {
  background-position: 0 -50px;
}

.mobile .button-primary,
.mobile .button-secondary {
  box-sizing: border-box;
  padding: 0 18px;
  font-size: 1.7rem;
}
.mobile .button-primary span,
.mobile .button-secondary span {
  line-height: 27px;
}
.mobile .button-buy,
.mobile .button-sell {
  min-width: 75px;
  padding: 0 8px;
  font-size: 1.7rem;
  height: 29px;
}
.mobile .button-buy span,
.mobile .button-sell span {
  line-height: 27px;
}
.mobile .button:hover:before,
.mobile .button.\:hover:before {
  background: transparent;
}
.mobile .button:active:hover:before,
.mobile .button:active:before,
.mobile .button.\:active.\:hover:before,
.mobile .button.\:active:before {
  background: rgba(0, 0, 0, 0.15);
}

.button-add {
  border: none;
  transition: color 400ms;
  background: none;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1px;
}
.button-add:hover .icon,
.button-add.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.button-add:active .icon,
.button-add.\:active .icon {
  position: relative;
  top: 1px;
  fill: #3d7399;
}
.button-add:before {
  transition: opacity 400ms;
}
.button-add .icon {
  width: 13px;
  height: 13px;
  fill: #fff;
  transition: fill 220ms ease-out;
}

.button-icon {
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  background-color: transparent;
}
.button-icon.button-icon {
  padding: 0;
}
.button-filledIcon {
  width: 21px;
  height: 21px;
  min-width: inherit;
  border: 1px solid transparent;
  line-height: 1;
  background-color: #393a4d;
}
.button-filledIcon .icon {
  height: 16px;
  fill: #fff;
}
.button-filledIcon .button--text {
  display: block;
  width: 100%;
  height: 100%;
}

.button-closeMenu {
  border: none;
  background: none;
}
.button-closeMenu:hover .icon,
.button-closeMenu.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.button-closeMenu:active .icon,
.button-closeMenu.\:active .icon {
  position: relative;
  top: 1px;
  fill: #3d7399;
}
.button-closeMenu:before {
  transition: opacity 400ms;
}
.button-closeMenu .icon {
  vertical-align: baseline;
  width: 11px;
  height: 11px;
  fill: rgba(255, 255, 255, 0.5);
  transition: fill 220ms ease-out;
}

.control {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.control input[type='text'],
.control input[type='password'],
.control input[type='email'],
.control input[type='number'],
.control select,
.control textarea {
  outline: none;
  box-sizing: border-box;
  width: 100%;
  font-size: 1.2rem;
}
.control input[type='text'],
.control input[type='password'],
.control input[type='email'] {
  border-width: 1px;
  border-style: solid;
  border-radius: 1px;
  padding: 0 5px;
  height: 27px;
  line-height: normal;
}
.control textarea {
  padding: 0 4px;
  line-height: 1.8;
  border-width: 1px;
  border-style: solid;
}
.control-locked .control--label > label {
  width: auto;
}
.control-locked .control--labelIcon {
  display: inline-block;
  width: 6px;
  height: 8px;
  margin-left: 4px;
  vertical-align: middle;
}
.control-horizontal.control-textInput {
  width: auto;
}
.control-horizontal .control--label {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.control-horizontal .control--wrap {
  display: inline-block;
}
.control-horizontal .control--wrap input {
  width: auto;
}
.control-widgetHeader {
  height: 19px;
}
.control-widgetHeader .selectBox {
  height: 100%;
  line-height: 18px;
}
.control-widgetHeader .selectBox--label {
  height: 100%;
  line-height: 16px;
  font-size: 12px;
}
.control--label > label {
  display: table;
}
.control--label .control--name {
  display: table-cell;
}
.control--label .control--postfix {
  display: table-cell;
  text-align: right;
  white-space: nowrap;
  text-transform: uppercase;
}
.control--label .control--lotSize:before {
  content: '\d7';
  text-transform: lowercase;
  margin-right: 1px;
}
.control--wrap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.control .control--tooltip {
  -ms-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  transition: all 0.25s linear;
}
.control .control--wrap-focused .control--tooltip {
  -ms-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  transition-timing-function: cubic-bezier(0, 0, 0, 1.3);
  transition-duration: 0.25s;
}
.control-error {
  position: relative;
}
.control-error .control--errorMessage {
  -ms-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  transition: all 0.25s linear;
}
.control-error .control--wrap-focused .control--errorMessage {
  -ms-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  transition-timing-function: cubic-bezier(0, 0, 0, 1.3);
  transition-duration: 0.25s;
}
.control-error .checkBox--label label:before,
.control-error .checkBox--label label:hover:before,
.control-error .checkBox--label label.\:hover:before {
  background-position: 0 -92px;
}
.control--tooltip,
.control--errorMessage {
  box-sizing: border-box;
  border: 1px solid;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  -ms-transform-origin: -10px;
  transform-origin: -10px;
  left: calc(100% + 8px);
  padding: 5px 9px 6px;
  font-size: 12px;
  line-height: 1.17;
  white-space: pre;
  z-index: 3;
  transition: all 0.25s linear;
}
.control--tooltip:before,
.control--errorMessage:before {
  position: absolute;
  content: '';
  left: -9px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 9px 8px 0;
}
.control--tooltipArrow {
  display: none;
}
.control.control-bottomError {
  padding-bottom: 18px;
  vertical-align: baseline;
}
.control.control-bottomError .control--errorMessage {
  display: inline-block;
  width: 100%;
  padding: 0;
  font-size: 14px;
  white-space: nowrap;
  line-height: 1.29;
  top: 100%;
  left: 0;
  transform: translateY(0) translateZ(0) scale(1);
  border: none;
  background-color: transparent;
}
.control.control-bottomError .control--errorMessage:before {
  content: normal;
}
.control input[type='text'],
.control input[type='password'],
.control input[type='email'] {
  border-color: #3d4e66;
  background: #222633;
  /* background: transparent; */
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0);
  color: #fff;
  transition: border-color 220ms ease-out;
}
.control input[type='text']:hover,
.control input[type='password']:hover,
.control input[type='email']:hover,
.control input[type='text'].\:hover,
.control input[type='password'].\:hover,
.control input[type='email'].\:hover {
  border-color: #73a9e1;
  transition: border-color 220ms ease-in;
}
.control input[type='text']:focus,
.control input[type='password']:focus,
.control input[type='email']:focus,
.control input[type='text'].\:focus,
.control input[type='password'].\:focus,
.control input[type='email'].\:focus {
  color: #fff;
  border-color: #55aeee;
  background-color: #222633;
}
.control input[type='text']::-moz-selection,
.control input[type='password']::-moz-selection,
.control input[type='email']::-moz-selection {
  background-color: #55aeee;
}
.control input[type='text']::selection,
.control input[type='password']::selection,
.control input[type='email']::selection {
  background-color: #55aeee;
}
.control input[type='text']:-ms-input-placeholder,
.control input[type='password']:-ms-input-placeholder,
.control input[type='email']:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.control-error.control input[type='text'],
.control-error.control input[type='password'],
.control-error.control input[type='email'] {
  border-color: #992b30;
}
.control-error.control input[type='text']:focus,
.control-error.control input[type='password']:focus,
.control-error.control input[type='email']:focus,
.control-error.control input[type='text'].\:focus,
.control-error.control input[type='password'].\:focus,
.control-error.control input[type='email'].\:focus {
  border-color: #992b30;
}
.control input[readonly],
.control input[readonly]:active,
.control input[readonly]:focus,
.control input[readonly]:hover,
.control input[readonly].\:active,
.control input[readonly].\:focus,
.control input[readonly].\:hover {
  background-color: transparent;
  box-shadow: none;
  border-color: transparent;
}
.control--postfix,
.control--label {
  color: rgba(255, 255, 255, 0.6);
}
.control--tooltip {
  background: #ff00d0;
  color: #fff;
  border-color: #ff00d0;
}
.control--tooltip:before {
  border-color: transparent #ff00d0 transparent transparent;
}
.control--tooltipTitle {
  color: #fff;
}
.control--tooltipText {
  color: #8ebcd4;
}
.control--errorMessage {
  background: #d62b36;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.06);
}
.control--errorMessage:before {
  border-color: transparent #d62b36 transparent transparent;
}
.control-disabled input[type='text'],
.control-disabled input[type='password'],
.control-disabled input[type='email'],
.control-disabled input[type='text']:focus,
.control-disabled input[type='password']:focus,
.control-disabled input[type='email']:focus,
.control-disabled input[type='text']:hover,
.control-disabled input[type='password']:hover,
.control-disabled input[type='email']:hover,
.control-disabled input[type='text'].\:focus,
.control-disabled input[type='password'].\:focus,
.control-disabled input[type='email'].\:focus,
.control-disabled input[type='text'].\:hover,
.control-disabled input[type='password'].\:hover,
.control-disabled input[type='email'].\:hover {
  background-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: none;
  color: rgba(255, 255, 255, 0.3);
}
.control-disabled .selectBox--inner {
  cursor: default;
}
.control-disabled .selectBox--label {
  color: #ccc;
}
.control-disabled .selectBox--arrow .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.control-locked .control--labelIcon {
  fill: rgba(255, 255, 255, 0.5);
}
.control.control-bottomError .control--errorMessage {
  color: #992b30;
}

.mobile .control input[type='text'],
.mobile .control input[type='password'],
.mobile .control input[type='email'],
.mobile .control input[type='number'],
.mobile .control select,
.mobile .control textarea {
  font-size: 1.5rem;
}
.mobile .control input[type='text'],
.mobile .control input[type='password'],
.mobile .control input[type='email'] {
  height: 29px;
  line-height: 29px;
}
.mobile .control--tooltip,
.mobile .control--errorMessage {
  font-size: 15px;
}

.control-toggleButtons .control--wrap {
  display: block;
}
.control-toggleButtons .control--postfix {
  display: block;
  margin: 6px 0 -2px;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.control-toggleButtons .button {
  height: 25px;
  margin-left: 1px;
  color: $button-tertiary-default-text-color;
}
.control-toggleButtons .button,
.control-toggleButtons .button:before {
  border-radius: 0;
}
.control-toggleButtons .button:first-child {
  margin: 0;
}
.control-toggleButtons .button:first-child,
.control-toggleButtons .button:first-child:before {
  border-radius: 2px 0 0 2px;
}
.control-toggleButtons .button:last-child,
.control-toggleButtons .button:last-child:before {
  border-radius: 0 2px 2px 0;
}
.control-toggleButtons .button-active,
.control-toggleButtons .button:active,
.control-toggleButtons .button.\:active {
  z-index: 1;
}
.control-toggleButtons .button:focus,
.control-toggleButtons .button.\:focus {
  z-index: 2;
}
.control-toggleButtons .button-active {
  cursor: default;
  pointer-events: none;
}
.control-toggleButtons .button-icon {
  border: 1px solid transparent;
}
.control-horizontal.control-toggleButtons.control-2States .button {
  width: calc((100% + 1px) / 2 - 1px);
}
.control-horizontal.control-toggleButtons.control-3States .button {
  width: calc((100% + 1px) / 3 - 1px);
}
.control-horizontal.control-toggleButtons.control-4States .button {
  width: calc((100% + 1px) / 4 - 1px);
}
.control-horizontal.control-toggleButtons.control-5States .button {
  width: calc((100% + 1px) / 5 - 1px);
}
.control-horizontal.control-toggleButtons.control-6States .button {
  width: calc((100% + 1px) / 6 - 1px);
}
.control-horizontal.control-toggleButtons.control-7States .button {
  width: calc((100% + 1px) / 7 - 1px);
}
.control-horizontal.control-toggleButtons.control-8States .button {
  width: calc((100% + 1px) / 8 - 1px);
}
.control-horizontal.control-toggleButtons.control-9States .button {
  width: calc((100% + 1px) / 9 - 1px);
}
.control-vertical.control-toggleButtons .button {
  display: block;
}
.control-labelLeft {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.control-labelLeft .control--wrap {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.control-toggleButtons .control--postfix {
  color: #fff;
}
.control-toggleButtons .button {
  background-color: #393a4d;
  color: #fff;
}
.control-toggleButtons .button-buy,
.control-toggleButtons .button-sell {
  background-color: #393a4d;
  color: #fff;
}
.control-toggleButtons .button-active.button,
.control-toggleButtons .button-active.button-disabled,
.control-toggleButtons .button-active.button:disabled,
.control-toggleButtons .button-active.button[disabled] {
  background-color: #55aeee;
  border: solid 1px $active-switcher-outside-border-color;
}
.control-toggleButtons .button-active.button::before,
.control-toggleButtons .button-active.button-disabled::before,
.control-toggleButtons .button-active.button:disabled::before,
.control-toggleButtons .button-active.button[disabled]::before {
  background: transparent;
  border: 1px solid $active-switcher-inside-border-top-color;
}
.control-toggleButtons .button-active.button-buy,
.control-toggleButtons .button-active.button-buy-disabled,
.control-toggleButtons .button-active.button-buy:disabled,
.control-toggleButtons .button-active.button-buy[disabled] {
  background-color: #1a8f6d;
  border: solid 1px $buy-switcher-outside-border-color;
}
.control-toggleButtons .button-active.button-buy::before,
.control-toggleButtons .button-active.button-buy-disabled::before,
.control-toggleButtons .button-active.button-buy:disabled::before,
.control-toggleButtons .button-active.button-buy[disabled]::before {
  background: transparent;
  border: 1px solid $buy-switcher-inside-border-top-color;
}
.control-toggleButtons .button-active.button-sell,
.control-toggleButtons .button-active.button-sell-disabled,
.control-toggleButtons .button-active.button-sell:disabled,
.control-toggleButtons .button-active.button-sell[disabled] {
  background-color: #b0424a;
  border: solid 1px $sell-switcher-outside-border-color;
}
.control-toggleButtons .button-active.button-sell::before,
.control-toggleButtons .button-active.button-sell-disabled::before,
.control-toggleButtons .button-active.button-sell:disabled::before,
.control-toggleButtons .button-active.button-sell[disabled]::before {
  background: transparent;
  border: 1px solid $sell-switcher-inside-border-top-color;
}
.control-toggleButtons .button-active.button-disabled:before,
.control-toggleButtons .button-active.button[disabled]:before,
.control-toggleButtons .button-active.button:disabled:before {
  display: block;
  border: 1px solid transparent;
  background: rgba(0, 0, 0, 0.18);
}

.mobile .control-toggleButtons .button {
  height: 29px;
  font-size: 15px;
}

.link-pseudo {
  transition: color 200ms;
  text-decoration: underline;
  cursor: pointer;
  color: #55aeee;
}
.link-pseudo:hover,
.link-pseudo.\:hover {
  color: #ffc973;
}
.link-pseudo:active,
.link-pseudo.\:active {
  color: #bf9756;
}

.contextMenu {
  position: absolute;
  top: 0;
  z-index: 51;
  opacity: 0;
  visibility: hidden;
  padding: 2px 0 2px;
  border: 1px solid;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
}
.contextMenu-control {
  z-index: 100;
}
.contextMenu-visible {
  opacity: 1;
  visibility: visible;
}
.contextMenu-contextMenuButton {
  max-width: 234px;
  padding-top: 2px;
  font-size: 14px;
  top: calc(100% + 1px);
  left: -8px;
}
.contextMenu-contextMenuButton .contextMenu--item .link-pseudo {
  margin-right: 0;
}
.contextMenu-container {
  padding: 0;
  border: none;
}
.contextMenu-container .tooltip {
  position: relative;
}
.contextMenu-future {
  max-width: 172px;
}
.contextMenu-future .tooltip {
  padding-top: 6px;
  box-sizing: border-box;
  box-shadow: none;
}
.contextMenu-future .tooltip--pointer {
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.contextMenu-future .tooltip--pointer::before {
  width: 12px;
  height: 12px;
  left: 6px;
  top: 2px;
}
.contextMenu-future .tooltip--content {
  font-size: 12px;
  line-height: 1.17;
}
.contextMenu--head {
  position: relative;
}
.contextMenu-container {
  padding: 0;
  border: none;
}
.contextMenu-container .tooltip {
  position: relative;
}
.contextMenu--title {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 6px;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
}
.contextMenu--title:after {
  content: '';
  display: block;
  height: 1px;
  margin: 5px -1px 0 4px;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.contextMenu--divider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  font-size: 10px;
  padding: 2px 9px 1px;
}
.contextMenu--divider-withTitle {
  padding-top: 5px;
  padding-bottom: 5px;
}
.contextMenu--divider-withTitle:first-child {
  padding-top: 0;
}
.contextMenu--divider:after {
  content: '';
  height: 1px;
  width: 100%;
  margin-left: 5px;
}
.contextMenu--optionList {
  width: 100%;
  min-width: 144px;
}
.contextMenu--optionList-haveScrollable {
  margin-top: 1px;
  width: auto;
}
.contextMenu--optionList-haveScrollable .contextMenu--item-current .contextMenu--icon,
.contextMenu--optionList-haveScrollable .contextMenu--item-current .contextMenu--subIcon {
  width: 13px;
  height: 13px;
}
.contextMenu--optionList-haveScrollable .contextMenu--optionList-subMenu {
  display: none;
}
.contextMenu--optionList-subMenu {
  visibility: hidden;
  position: absolute;
  top: -4px;
  z-index: 2;
  padding: 2px 0;
  border: 1px solid;
}
.contextMenu--optionList-subMenu:after {
  content: '';
  position: absolute;
  top: 0;
  width: 6px;
  height: 100%;
}
.contextMenu--optionList-subMenu
.contextMenu--optionList-haveScrollable
.contextMenu--item-scrollableItem {
  padding: 0 0 0 8px;
}
.contextMenu--optionList-subMenu
.contextMenu--optionList-haveScrollable
.contextMenu--item-scrollableItem
.link-pseudo {
  padding-right: 10px;
}
.contextMenu--optionList-subMenu .contextMenu--item-current .contextMenu--icon,
.contextMenu--optionList-subMenu .contextMenu--item-current .contextMenu--subIcon {
  width: 13px;
  height: 13px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.contextMenu--optionList-right {
  left: calc(100% + 1px);
}
.contextMenu--optionList-right:after {
  left: -6px;
}
.contextMenu--optionList-left {
  right: calc(100% + 1px);
}
.contextMenu--optionList-left:after {
  right: -6px;
}
.contextMenu--grid {
  display: table;
}
.contextMenu--row {
  display: table-row;
}
.contextMenu--cell {
  display: table-cell;
  padding: 0 0 8px;
}
.contextMenu--cell > .contextMenu--optionList {
  padding: 0;
}
.contextMenu--row:last-child .contextMenu--cell {
  padding: 0;
}
.contextMenu--pointer {
  display: none;
  width: 10px;
  height: 18px;
  overflow: hidden;
}
.contextMenu--pointer:before {
  content: '';
  width: 10px;
  height: 10px;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px solid;
}
.contextMenu--icon,
.contextMenu--subIcon {
  width: 10px;
  height: 10px;
}
.contextMenu--subIcon {
  margin-left: auto;
}
.contextMenu--actions {
  position: absolute;
  right: 0;
  padding-right: 8px;
  top: 0;
  height: 100%;
  padding-left: 15px;
}
.contextMenu--actions:before {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.contextMenu--actions .button {
  margin-left: 5px;
  vertical-align: middle;
  width: 11px;
  height: 11px;
}
.contextMenu--item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 0 8px;
  line-height: 26px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.contextMenu--item-current .contextMenu--subIcon {
  margin: 0 5px 0 0;
}
.contextMenu--item-current:not(.contextMenu--item-multiSelectItem) .contextMenu--subIcon {
  display: none;
}
.contextMenu--item-multiSelectItem:not(.contextMenu--item-current) {
  padding-left: 23px;
}
.contextMenu--item-icon .contextMenu--icon {
  width: 13px;
  height: 13px;
}
.contextMenu--item-cancel .contextMenu--icon {
  width: 11px;
  height: 11px;
}
.contextMenu--item-subMenuItem {
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}
.contextMenu--item-withSubMenu .contextMenu--subIcon {
  width: 7px;
  height: 7px;
}
.contextMenu--item-withSubMenu .contextMenu--text {
  margin-right: 6px;
}
.contextMenu--item .link-pseudo {
  margin-right: 9px;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.contextMenu--item-delimiter {
  height: 1px;
  overflow: hidden;
  margin: 2px 7px;
  padding: 0;
}
.contextMenu--item-last,
.contextMenu--item-delimiter {
  cursor: default;
}
.contextMenu--item
.contextMenu--grid
.contextMenu--optionList-haveScrollable
.contextMenu--item-scrollableItem
.link-pseudo {
  padding-right: 10px;
}
.contextMenu--item-icon .contextMenu--icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
.contextMenu--item-icon .contextMenu--icon + span,
.contextMenu--item-icon .contextMenu--icon + .link-pseudo {
  vertical-align: middle;
  padding-left: 0;
}
.contextMenu--item-disabled,
.contextMenu--item-disabled .link-pseudo {
  cursor: default;
}
.contextMenu--item-title.contextMenu--item-noLink,
.contextMenu--item-title.contextMenu--item-noLink .link-pseudo {
  cursor: default;
}
.contextMenu--item:hover > .contextMenu--optionList-subMenu,
.contextMenu--item.\:hover > .contextMenu--optionList-subMenu {
  visibility: visible;
}
.contextMenu--item .contextMenu--item:hover > .contextMenu--optionList-subMenu,
.contextMenu--item .contextMenu--item.\:hover > .contextMenu--optionList-subMenu {
  visibility: visible;
}
.contextMenu--item-grid,
.contextMenu--item-chartType {
  padding: 0;
}
.contextMenu--item-subTitle {
  font-weight: bold;
  cursor: text;
}
.contextMenu--item-subTitle ~ .contextMenu--item {
  padding-left: 20px;
}
.contextMenu--item-subTitle ~ .contextMenu--item-grid {
  padding-left: 0;
}
.contextMenu--item-subTitle ~ .contextMenu--item-delimiter,
.contextMenu--item-subTitle ~ .contextMenu--item-icon {
  padding-left: 8px;
}
.contextMenu--item-replaceActions {
  max-height: 0;
  overflow: hidden;
}
.contextMenu--item-replaceActions ul {
  margin: 6px 0 3px;
}
.contextMenu .control-switchingSettings {
  width: 100%;
  white-space: nowrap;
  margin: 4px 0;
}
.contextMenu .control-horizontal .control--wrap {
  width: 100%;
}
.contextMenu-replacement .contextMenu--item-replaceActions {
  max-height: 50px;
}
.contextMenu-withPointer .contextMenu--pointer {
  display: block;
  position: absolute;
}
.contextMenu-withPointer .contextMenu--pointer:before {
  position: absolute;
}
.contextMenu-pointerLeftTop .contextMenu--pointer {
  top: 4px;
  left: -10px;
}
.contextMenu-pointerLeftTop .contextMenu--pointer:before {
  top: 4px;
  left: 4px;
}
.contextMenu-pointerRightTop .contextMenu--pointer {
  top: 4px;
  right: -10px;
}
.contextMenu-pointerRightTop .contextMenu--pointer:before {
  top: 4px;
  right: 4px;
}
.contextMenu-pointerRightBottom .contextMenu--pointer {
  bottom: 4px;
  right: -10px;
}
.contextMenu-pointerRightBottom .contextMenu--pointer:before {
  top: 4px;
  right: 4px;
}
.contextMenu-pointerLeftBottom .contextMenu--pointer {
  bottom: 4px;
  left: -10px;
}
.contextMenu-pointerLeftBottom .contextMenu--pointer:before {
  top: 4px;
  left: 4px;
}
.contextMenu-pointerTopLeft .contextMenu--pointer {
  height: 10px;
  width: 15px;
  top: -10px;
  left: 5px;
}
.contextMenu-pointerTopLeft .contextMenu--pointer:before {
  top: 4px;
  left: 2px;
}
.contextMenu-pointerTopRight .contextMenu--pointer {
  height: 10px;
  width: 15px;
  top: -10px;
  right: 5px;
}
.contextMenu-pointerTopRight .contextMenu--pointer:before {
  top: 4px;
  right: 2px;
}
.contextMenu-pointerTopCenter .contextMenu--pointer {
  height: 10px;
  width: 15px;
  top: -10px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.contextMenu-pointerTopCenter .contextMenu--pointer:before {
  top: 4px;
  right: 2px;
}
.contextMenu-pointerTopCenter .contextMenu--pointer {
  height: 10px;
  width: 15px;
  top: -10px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.contextMenu-pointerTopCenter .contextMenu--pointer:before {
  top: 4px;
  right: 2px;
}
.contextMenu-pointerBottomLeft .contextMenu--pointer {
  height: 10px;
  width: 15px;
  bottom: -10px;
  left: 5px;
}
.contextMenu-pointerBottomLeft .contextMenu--pointer:before {
  bottom: 4px;
  left: 2px;
}
.contextMenu-pointerBottomRight .contextMenu--pointer {
  height: 10px;
  width: 15px;
  bottom: -10px;
  right: 5px;
}
.contextMenu-pointerBottomRight .contextMenu--pointer:before {
  bottom: 4px;
  right: 2px;
}
.contextMenu--item-accountStatement:after {
  height: 16px;
}
.contextMenu--item-chartType {
  padding-left: 30px;
  padding-right: 30px;
}
.contextMenu--item-priceType {
  padding-left: 0;
  padding-right: 0;
}
.contextMenu {
  transition: opacity 400ms;
}
.contextMenu--group + .contextMenu--group {
  transition: max-height 200ms linear;
}
.contextMenu--item-withSubMenu:after {
  transition: opacity 200ms;
}
.contextMenu--icon {
  transition: fill 200ms;
}
.contextMenu {
  border-color: rgba(0, 0, 0, 0.05);
  background-color: #303142;
  color: #fff;
  box-shadow: 0 2px 10px 0 rgba(9, 10, 15, 0.8);
}
.contextMenu-contextMenuButton .contextMenu--item .link-pseudo {
  color: #55aeee;
}
.contextMenu-container {
  background-color: transparent;
  box-shadow: none;
}
.contextMenu-future .tooltip {
  background-color: $watchlist-futures-warning-icon-color;
}
.contextMenu-future .tooltip--pointer::before {
  background-color: $watchlist-futures-warning-icon-color;
}
.contextMenu-future .tooltip--content {
  color: $main-text-color-ota-reverse;
}
.contextMenu--title {
  color: #666;
}
.contextMenu--title:after {
  background: rgba(255, 255, 255, 0.12);
}
.contextMenu--divider {
  color: rgba(255, 255, 255, 0.5);
}
.contextMenu--divider:after {
  background: rgba(255, 255, 255, 0.12);
}
.contextMenu--pointer:before {
  border-color: rgba(0, 0, 0, 0.05);
  background: #303142;
}
.contextMenu--group-primary .contextMenu--item {
  color: rgba(255, 255, 255, 0.7);
}
.contextMenu--actions {
  background-image: linear-gradient(to right, transparent 0, rgba(153, 211, 255, 0.1) 20px);
  opacity: 0;
}
.contextMenu--actions .button:hover .icon,
.contextMenu--actions .button.\:hover .icon {
  fill: #ffc973;
}
.contextMenu--actions .button:active .icon,
.contextMenu--actions .button.\:active .icon {
  fill: #3d7399;
}
.contextMenu--actions .icon {
  fill: #909099;
}
.contextMenu--item:hover,
.contextMenu--item.\:hover {
  background-color: rgba(153, 211, 255, 0.1);
  transition: background-color 220ms ease-in;
}
.contextMenu--item:hover > .contextMenu--actions,
.contextMenu--item.\:hover > .contextMenu--actions {
  opacity: 1;
  transition: opacity 220ms ease-in;
}
.contextMenu--item-current:not(.contextMenu--item-multiSelectItem) .link-pseudo {
  color: #55aeee;
}
.contextMenu--item .link-pseudo {
  color: #fff;
}
.contextMenu--item-title.contextMenu--item-noLink .link-pseudo,
.contextMenu--item-title.contextMenu--item-noLink:hover .link-pseudo,
.contextMenu--item-title.contextMenu--item-noLink.\:hover .link-pseudo {
  color: rgba(255, 255, 255, 0.7);
  transition: color 220ms ease-in;
}
.contextMenu--item-matched .contextMenu--text,
.contextMenu--item-matched .link-pseudo {
  color: #55aeee;
}
.contextMenu--item-matched .contextMenu--text:hover,
.contextMenu--item-matched .link-pseudo:hover,
.contextMenu--item-matched .contextMenu--text.\:hover,
.contextMenu--item-matched .link-pseudo.\:hover {
  color: #55aeee;
}
.contextMenu--item-matched .contextMenu--subIcon,
.contextMenu--item-matched .contextMenu--icon {
  fill: #55aeee;
}
.contextMenu--item-delimiter {
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.12);
}
.contextMenu--item-subTitle,
.contextMenu--item-subTitle:hover,
.contextMenu--item-subTitle.\:hover {
  color: rgba(255, 255, 255, 0.7);
  transition: color 220ms ease-in;
}
.contextMenu--item-grid:hover,
.contextMenu--item-switchingType:hover,
.contextMenu--item-delimiter:hover,
.contextMenu--item-subTitle:hover,
.contextMenu--item-noLink:hover,
.contextMenu--item-subMenuItem:hover,
.contextMenu--item-last:hover,
.contextMenu--item-grid.\:hover,
.contextMenu--item-switchingType.\:hover,
.contextMenu--item-delimiter.\:hover,
.contextMenu--item-subTitle.\:hover,
.contextMenu--item-noLink.\:hover,
.contextMenu--item-subMenuItem.\:hover,
.contextMenu--item-last.\:hover {
  transition: background 220ms ease-in;
  background-color: transparent;
}
.contextMenu--item-disabled .link-pseudo,
.contextMenu--item-disabled:hover .link-pseudo,
.contextMenu--item-disabled.\:hover .link-pseudo {
  color: rgba(255, 255, 255, 0.3);
  transition: color 220ms ease-in;
}
.contextMenu--item-disabled > .contextMenu--icon,
.contextMenu--item-disabled:hover > .contextMenu--icon,
.contextMenu--item-disabled.\:hover > .contextMenu--icon {
  fill: #737a80;
  transition: fill 220ms ease-in;
}
.contextMenu--text {
  color: #fff;
}
.contextMenu--subIcon {
  fill: #fff;
}
.contextMenu--icon {
  fill: #fff;
}
.contextMenu--optionList-subMenu {
  border-color: rgba(0, 0, 0, 0.05);
  background-color: #303142;
  box-shadow: 0 2px 10px 0 rgba(9, 10, 15, 0.8);
}
.contextMenu .filter-description {
  color: rgba(255, 255, 255, 0.5);
}
.contextMenu-multiline {
  padding: 0;
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}
_::-webkit-full-page-media,
_:future,
:root .contextMenu {
  background-color: rgba(48, 49, 66, 0.83);
}
.popover-contextMenu.popover-contextMenu {
  padding: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.popover-contextMenu.popover-contextMenu > div {
  border: 0;
}
.popover-contextMenu.popover-contextMenu .contextMenu {
  position: relative;
}

.mobile .contextMenu-contextMenuButton {
  font-size: 16px;
}

.contextMenu--item-current:not(.contextMenu--item-multiSelectItem) .link-pseudo {
  font-weight: bold;
}

.contextMenu-layoutButton {
  position: static;
}
.contextMenuButton__container {
  display: inline-block;
  position: relative;
}
.contextMenuButton__container .button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #55aeee;
  padding: 0;
  background: transparent;
  overflow: hidden;
}
.contextMenuButton__container .button .icon-dropdown-arrow {
  width: 7px;
  height: 4px;
  margin-left: 4px;
  margin-top: 3px;
  fill: #55aeee;
}
.mobile .contextMenuButton__container {
  font-size: 16px;
}
.mobile .contextMenuButton__container .button {
  -ms-flex-align: start;
  align-items: flex-start;
}
.mobile .contextMenuButton__container .icon-dropdown-arrow {
  width: 9px;
  height: 5px;
  margin-left: 6px;
  margin-top: 9px;
}

.popover-child__container {
  background: none;
}

button.button-link {
  padding: 0;
  border: 0;
  background: transparent;
  color: #55aeee;
  transition: color 200ms;
  vertical-align: baseline;
}
button.button-link:hover,
button.button-link.\:hover {
  color: #ffc973;
}
button.button-link:hover .icon,
button.button-link.\:hover .icon {
  fill: #ffc973;
}
button.button-link.button-disabled,
button.button-link.button-disabled:hover,
button.button-link.button-disabled:active,
button.button-link.button-disabled.\:hover,
button.button-link.button-disabled.\:active {
  color: $disabled-link-text-color;
  cursor: default;
  pointer-events: none;
}
button.button-link.button-disabled .icon,
button.button-link.button-disabled:hover .icon,
button.button-link.button-disabled:active .icon,
button.button-link.button-disabled.\:hover .icon,
button.button-link.button-disabled.\:active .icon {
  fill: $disabled-link-text-color;
}
button.button-link .icon {
  width: 13px;
  height: 13px;
  margin-right: 5px;
  fill: #55aeee;
  transition: fill 200ms;
  vertical-align: middle;
}

.widgetsMenu {
  display: -ms-flexbox;
  display: flex;
}
.widgetsMenu--block {
  display: inline-block;
  min-width: 80px;
  margin-right: 23px;
  vertical-align: top;
  overflow: hidden;
}
.widgetsMenu--header {
  display: block;
  margin: 4px 0 4px;
  padding-left: 6px;
  font-size: 12px;
  position: relative;
  color: #999;
}
.widgetsMenu--header:after {
  position: absolute;
  top: 50%;
  width: 100vw;
  content: '';
  height: 1px;
  background: rgba(255, 255, 255, 0.12);
}
.widgetsMenu--header span {
  padding-right: 5px;
}
.widgetsMenu--list {
  display: inline-block;
  margin-right: 17px;
  vertical-align: top;
}
.widgetsMenu--list:last-child {
  margin-right: 10px;
}
.widgetsMenu--block-column .widgetsMenu--list {
  column-count: 2;
}
.widgetsMenu--block-myLayouts {
  margin-right: 41px;
}
.widgetsMenu--block-myLayouts,
.widgetsMenu--block-publicLayouts {
  min-width: 216px;
}
.widgetsMenu--block-myLayouts .widgetsMenu--list,
.widgetsMenu--block-publicLayouts .widgetsMenu--list {
  width: 100%;
  margin-right: 0;
}
.widgetsMenu--item {
  padding: 0 20px 0 6px;
  font-size: 15px;
  line-height: 1.73;
  position: relative;
  cursor: pointer;
  pointer-events: auto;
  color: #fff;
}
.widgetsMenu--item:hover:after,
.widgetsMenu--item.\:hover:after {
  content: '';
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  background-color: rgba(209, 199, 188, 0.12);
  transition: background-color 220ms ease-in;
  z-index: -1;
}
.widgetsMenu--item:hover .widgetsMenu--actions,
.widgetsMenu--item.\:hover .widgetsMenu--actions {
  display: -ms-flexbox;
  display: flex;
}
.widgetsMenu--item--active:after {
  content: '';
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  background-color: rgba(209, 199, 188, 0.12);
  transition: background-color 220ms ease-in;
  z-index: -1;
}
.widgetsMenu--item--active .widgetsMenu--actions {
  display: -ms-flexbox;
  display: flex;
}
.widgetsMenu--item--content {
  display: inline-block;
}
.widgetsMenu--item--placeholder {
  color: rgba(255, 255, 255, 0.55);
}
.widgetsMenu--item--placeholder:hover,
.widgetsMenu--item--placeholder.\:hover {
  cursor: default;
}
.widgetsMenu--item--placeholder:hover::after,
.widgetsMenu--item--placeholder.\:hover::after {
  content: normal;
}
.widgetsMenu .icon-subList {
  display: inline-block;
  width: 14px;
  height: 26px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  pointer-events: auto;
  transition: background-color 220ms ease-out;
}
.widgetsMenu .icon-subList .icon {
  width: 4px;
  height: 7px;
  position: relative;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  fill: rgba(255, 255, 255, 0.5);
}
.widgetsMenu .button-subList {
  width: 14px;
  height: 26px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  pointer-events: auto;
  background-color: transparent;
  transition: background-color 220ms ease-out;
}
.widgetsMenu .button-subList .icon {
  width: 4px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  fill: rgba(255, 255, 255, 0.5);
}
.widgetsMenu .button-closeMenu .icon {
  fill: #fff;
}
.widgetsMenu--group {
  display: inline-block;
}
.widgetsMenu--scrollContainer {
  max-height: 82px;
}
.widgetsMenu--buttons {
  padding-left: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.widgetsMenu--buttons .button-link {
  font-size: 15px;
  line-height: 1.73;
  color: #55aeee;
}
.widgetsMenu--actions {
  position: absolute;
  right: -3px;
  top: 0;
  display: none;
  -ms-flex-align: center;
  align-items: center;
}
.widgetsMenu--actions .button-icon {
  width: 11px;
  height: 11px;
  margin-right: 7px;
  background-color: transparent;
  fill: rgba(255, 255, 255, 0.5);
}
.widgetsMenu--actions .button-icon.button-replace {
  width: 12px;
  height: 12px;
}
.widgetsMenu--actions .contextMenuButton__container .button {
  color: #fff;
}
.widgetsMenu--actions .contextMenuButton__container .button .icon-dropdown-arrow {
  fill: #fff;
}
.widgetsMenu--icons {
  margin-left: 17px;
}
.widgetsMenu--popover {
  border: none;
}
.widgetsMenu--popover .contextMenu-contextMenuButton {
  position: static;
  padding-left: 0;
  padding-right: 0;
  border: none;
  box-shadow: none;
}
.widgetsMenu--popover .contextMenu--item {
  font-size: 15px;
}
.widgetsMenu--popoverContent:not(:empty) {
  border: none;
}

.widgetsMenu {
  margin-left: 10px;
}

.dropDown-tradingType.dropDown-selectBox {
  min-width: 136px !important;
}
.dropDown-tradingType.dropDown-selectBox .dropDown--option {
  padding: 3px 9px;
}
.dropDown-tradingType.dropDown-selectBox .dropDown--option:hover,
.dropDown-tradingType.dropDown-selectBox .dropDown--option.\:hover {
  color: #fff;
}
.dropDown-tradingType.dropDown-selectBox .dropDown--option-selected {
  color: #55aeee;
}
.dropDown-tradingType.dropDown-selectBox .dropDown--option .icon {
  display: none;
}

.dropDown {
  border: 1px solid;
  box-sizing: border-box;
  position: absolute;
  display: none;
  z-index: 100;
  margin-top: 1px;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  overflow: hidden;
  transition: visibility 0s linear 0s;
}
.dropDown--search,
.dropDown--listWrap {
  position: relative;
}
.dropDown--groupTitle,
.dropDown--option {
  -ms-transform-origin: top center;
  transform-origin: top center;
}
.dropDown-shown {
  display: block;
  visibility: visible;
  animation: slideDropdownDown 0.4s cubic-bezier(0, 0, 0, 1.3);
}
.dropDown-shown .dropDown--groupTitle,
.dropDown-shown .dropDown--option {
  animation: showDropdownItem 0.17s ease-in both;
}
.dropDown-hidden {
  display: block;
  visibility: hidden;
  transition-delay: 0.25s;
  animation-delay: 0.25s;
  animation: slideDropdownUp 0.25s linear;
}
.dropDown-datePicker {
  height: auto !important;
}
.dropDown-datePicker.dropDown-shown {
  animation: slideDropdownDown 0s linear;
}
.dropDown-datePicker.dropDown-hidden {
  animation: slideDropdownUp 0s linear;
}
.dropDown-selectBox {
  font-size: 1.2rem;
}
.dropDown-selectBox .dropDown--option {
  box-sizing: border-box;
  padding: 0.166em 23px 0.166em 0.416em;
  line-height: 1.75em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.dropDown-selectBox .dropDown--option-selected .dropDown--selectedIcon {
  display: block;
}
.dropDown-selectBox .dropDown--optionIcon {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-right: 8px;
  margin-left: 2px;
}
.dropDown-selectBox .dropDown--optionText {
  display: inline-block;
  vertical-align: middle;
}
.dropDown-selectBox .dropDown--selectedIcon {
  content: '';
  display: none;
  position: absolute;
  right: 8px;
  top: 8px;
  bottom: 0;
  width: 10px;
  height: 10px;
}
.dropDown-selectBox .dropDown--list {
  padding: 0;
  list-style: none;
}
.dropDown-selectBox-baseCurrency {
  width: 71px;
  border: 1px solid;
  margin-left: -15px;
}
.dropDown-selectBox-baseCurrency .dropDown--option {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 15px;
  padding-right: 27px;
}
.dropDown-selectBox-baseCurrency .dropDown--option span.dropDown--selectedIcon {
  display: none;
}
.dropDown-selectBox-trigger .dropDown--container {
  position: relative;
}
.dropDown-selectBox-trigger .dropDown--container::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 8px;
}
.dropDown.dropDown-directionUp {
  margin: 0 0 0.084em 0;
}
.dropDown {
  border-color: rgba(0, 0, 0, 0.05);
  background-color: #303142;
  color: #fff;
  box-shadow: 0 2px 10px 0 rgba(9, 10, 15, 0.8);
}
.dropDown.dropDown-directionUp {
  box-shadow: 0 2px 10px 0 rgba(9, 10, 15, 0.8);
}
.dropDown--groupTitle {
  color: rgba(255, 255, 255, 0.5);
}
.dropDown--option {
  position: relative;
  color: #fff;
}
.dropDown--option:hover.searchResult em,
.dropDown--option-highlight.searchResult em {
  color: #55aeee;
  transition: color 220ms ease-in;
}
.dropDown--option:hover,
.dropDown--option.\:hover {
  background: rgba(153, 211, 255, 0.1);
}
.dropDown--option:active,
.dropDown--option.\:active {
  background: rgba(209, 199, 188, 0.08);
}
.dropDown--option-selected,
.dropDown--option-selected:hover,
.dropDown--option-selected.\:hover {
  color: #55aeee;
  transition: color 220ms ease-in;
}
.dropDown--option-selected .dropDown--optionIcon svg,
.dropDown--option-selected:hover .dropDown--optionIcon svg,
.dropDown--option-selected.\:hover .dropDown--optionIcon svg {
  fill: #55aeee;
}
.dropDown--option .icon {
  fill: #ccc;
}
.dropDown--list:hover .dropDown--option-highlight,
.dropDown--list.\:hover .dropDown--option-highlight {
  color: inherit;
  background-color: inherit;
}
.dropDown--list:hover .dropDown--option-highlight.searchResult em,
.dropDown--list.\:hover .dropDown--option-highlight.searchResult em {
  color: inherit;
}
.dropDown--list:hover .dropDown--option-highlight:hover,
.dropDown--list.\:hover .dropDown--option-highlight.\:hover {
  color: #55aeee;
}
.dropDown--list:hover .dropDown--option-highlight:hover.searchResult em,
.dropDown--list.\:hover .dropDown--option-highlight:hover.searchResult em {
  color: #55aeee;
  transition: color 220ms ease-in;
}
.dropDown .scrollbar {
  background: inherit;
}
.dropDown-selectBox-baseCurrency {
  border-color: rgba(255, 255, 255, 0.02);
}
.dropDown-selectBox-trigger .dropDown--container::before {
  background-color: #303142;
}
_::-webkit-full-page-media,
_:future,
:root .dropDown {
  background-color: rgba(48, 49, 66, 0.83);
}
@keyframes slideDropdownDown {
  from {
    height: 0;
  }
}
@keyframes slideDropdownUp {
  to {
    height: 0;
    box-shadow: none;
    border-width: 0;
  }
}
@keyframes showDropdownItem {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.mobile .dropDown-selectBox {
  font-size: 1.5rem;
}
.mobile .dropDown-selectBox .dropDown--option {
  padding-right: 30px;
}
.mobile .dropDown-selectBox .dropDown--selectedIcon {
  right: 9px;
  top: 8px;
  width: 13px;
  height: 13px;
}
.mobile .dropDown--container {
  height: 100%;
}
.mobile .dropDown--container .mobileScrollable {
  height: 100%;
}
.mobile .dropDown-hidden {
  animation-duration: 0s;
}

.selectBox {
  position: relative;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 1.2rem;
  border-radius: 1px;
  height: auto;
  border: 1px solid transparent;
  background-origin: border-box;
  display: inline-block;
  max-width: 100%;
}
.selectBox:before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 1px;
  border: 1px solid transparent;
}
.selectBox select {
  display: none;
}
.selectBox--inner {
  position: relative;
  padding: 0 19px 0 0;
  cursor: pointer;
  line-height: 20px;
  height: 100%;
}
.selectBox--label {
  box-sizing: border-box;
  display: block;
  height: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 0 0 6px;
  min-width: 52px;
  line-height: 23px;
  position: relative;
}
.selectBox--labelIcon {
  width: 13px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.selectBox--arrow {
  width: 7px;
  height: 12px;
  box-sizing: border-box;
  padding-top: 4px;
  right: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-right: 6px;
  margin-left: 6px;
  display: block;
  position: absolute;
}
.selectBox--arrow .icon {
  width: 7px;
  height: 4px;
}
.selectBox--labelIcon {
  margin-right: 5px;
  vertical-align: middle;
  height: 16px;
  width: 16px;
  pointer-events: none;
}
.selectBox-active .selectBox--label,
.selectBox-active:hover .selectBox--label,
.selectBox:active .selectBox--label,
.selectBox-active.\:hover .selectBox--label,
.selectBox.\:active .selectBox--label {
  position: relative;
  top: 1px;
}
.control-disabled .selectBox-active .selectBox--label,
.control-disabled .selectBox-active:hover .selectBox--label,
.control-disabled .selectBox:active .selectBox--label,
.control-disabled .selectBox-active.\:hover .selectBox--label,
.control-disabled .selectBox.\:active .selectBox--label {
  position: initial;
  top: 0;
}
.selectBox-active .selectBox--arrow,
.selectBox-active:hover .selectBox--arrow,
.selectBox:active .selectBox--arrow,
.selectBox-active.\:hover .selectBox--arrow,
.selectBox.\:active .selectBox--arrow {
  margin-top: 1px;
}
.selectBox-disabled:active .selectBox--label,
.selectBox-disabled.\:active .selectBox--label {
  position: initial;
  top: 0;
}
.selectBox-disabled:active .selectBox--arrow,
.selectBox-disabled.\:active .selectBox--arrow {
  margin-top: 0;
}
.selectBox {
  background-color: #393a4d;
  box-shadow: 0 0 0 1px #3d4e66;
}
.selectBox:before {
  border-top-color: rgba(255, 255, 255, 0.02);
  border-bottom-color: rgba(255, 255, 255, 0.02);
  border-left-color: rgba(255, 255, 255, 0.02);
  border-right-color: rgba(255, 255, 255, 0.02);
  background: transparent;
  transition: background 220ms ease-in;
}
.selectBox:hover:before,
.selectBox.\:hover:before {
  background: rgba(255, 255, 255, 0.1);
}
.selectBox-active:before,
.selectBox-active:hover:before,
.selectBox:active:before,
.selectBox-active.\:hover:before,
.selectBox.\:active:before {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.15);
}
.selectBox-active:focus,
.selectBox-active.\:focus {
  box-shadow: 0 0 0 1px $border-outside-focused-color;
  outline: none;
}
.selectBox:focus,
.selectBox.\:focus {
  box-shadow: 0 0 0 1px $border-outside-focused-color;
  outline: none;
}
.selectBox--label {
  color: #fff;
}
.selectBox--arrow .icon {
  fill: #fff;
}
.selectBox--labelIcon .icon {
  fill: #fff;
}
.selectBox-disabled,
.selectBox-disabled:hover,
.selectBox-disabled:focus,
.selectBox-disabled:active,
.selectBox-disabled.\:hover,
.selectBox-disabled.\:focus,
.selectBox-disabled.\:active {
  box-shadow: 0 0 0 1px $button-border-outside-color;
  background: $dropdown-disabed-bg-color;
}
.selectBox-disabled:before,
.selectBox-disabled:hover:before,
.selectBox-disabled:focus:before,
.selectBox-disabled:active:before,
.selectBox-disabled.\:hover:before,
.selectBox-disabled.\:focus:before,
.selectBox-disabled.\:active:before {
  border-color: transparent;
  background: transparent;
}
.selectBox-disabled .selectBox--label {
  color: rgba(255, 255, 255, 0.3);
}
.selectBox-disabled .selectBox--label .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.selectBox-disabled .selectBox--arrow svg,
.selectBox-disabled .selectBox--arrow:active svg,
.selectBox-disabled .selectBox--arrow:hover svg,
.selectBox-disabled .selectBox--arrow.\:active svg,
.selectBox-disabled .selectBox--arrow.\:hover svg {
  fill: rgba(255, 255, 255, 0.3);
  transition: fill 220ms ease-in;
}
.selectBox-widgetHeader {
  background-color: #393a4d;
  border-top-color: rgba(255, 255, 255, 0.02);
  border-bottom-color: rgba(255, 255, 255, 0.02);
  border-left-color: rgba(255, 255, 255, 0.02);
  border-right-color: rgba(255, 255, 255, 0.02);
  box-shadow: 0 0 0 1px #3d4e66;
}
.selectBox-widgetHeader:active,
.selectBox-widgetHeader.selectBox-active,
.selectBox-widgetHeader.selectBox-active:hover,
.selectBox-widgetHeader.\:active,
.selectBox-widgetHeader.selectBox-active.\:hover {
  border-color: #393a4d;
}
.selectBox-widgetHeader.selectBox-disabled,
.selectBox-widgetHeader.selectBox-disabled:hover,
.selectBox-widgetHeader.selectBox-disabled:focus,
.selectBox-widgetHeader.selectBox-disabled:active,
.selectBox-widgetHeader.selectBox-disabled.\:hover,
.selectBox-widgetHeader.selectBox-disabled.\:focus,
.selectBox-widgetHeader.selectBox-disabled.\:active {
  box-shadow: 0 0 0 1px #3d4e66;
  background-color: rgba(255, 255, 255, 0.3);
  border-color: transparent;
}
#ruler .selectBox--label {
  overflow: visible;
}

.mobile .selectBox {
  font-size: 1.5rem;
}
.mobile .selectBox--inner {
  padding: 0 24px 0 0;
}
.mobile .selectBox--arrow {
  width: 9px;
  height: 12px;
  padding-top: 4px;
  margin-right: 7px;
  margin-left: 7px;
}
.mobile .selectBox--arrow .icon {
  width: 9px;
  height: 5px;
}
.mobile .selectBox--label {
  line-height: 27px;
  padding: 0 7px 0 6px;
}

.tradingType {
  font-size: 1rem;
  border-radius: 10px;
  border: 0;
}
.tradingType-active .selectBox--arrow {
  opacity: 1;
}
.tradingType.selectBox:before {
  border: 0;
  border-radius: 10px;
}
.tradingType.selectBox-regularTrading,
.tradingType.selectBox-regularTrading:hover,
.tradingType.selectBox-regularTrading:active,
.tradingType.selectBox-regularTrading.\:hover,
.tradingType.selectBox-regularTrading.\:active {
  background: transparent;
  box-shadow: inset 0 0 0 1px #3d4e66;
  color: inherit;
}
.tradingType.selectBox-regularTrading .selectBox--label {
  color: #fff;
}
.tradingType.selectBox-dblClickTrading,
.tradingType.selectBox-dblClickTrading:hover,
.tradingType.selectBox-dblClickTrading:active,
.tradingType.selectBox-dblClickTrading.\:hover,
.tradingType.selectBox-dblClickTrading.\:active {
  background-color: #005998;
}
.tradingType.selectBox-oneClickTrading,
.tradingType.selectBox-oneClickTrading:hover,
.tradingType.selectBox-oneClickTrading:active,
.tradingType.selectBox-oneClickTrading.\:hover,
.tradingType.selectBox-oneClickTrading.\:active {
  background-color: #55aeee;
}
.tradingType .selectBox {
  width: 128px;
  height: 22px;
}
.tradingType .selectBox--label {
  padding: 0 0 0 10px;
  font-size: 12px;
  line-height: 22px;
}
.tradingType .selectBox--arrow {
  padding-right: 10px;
  background-position: -1px -152px;
}
.tradingType .selectBox--arrow .icon {
  fill: #fff;
}

.tradingType.selectBox-regularTrading,
.tradingType.selectBox-regularTrading:hover,
.tradingType.selectBox-regularTrading:active,
.tradingType.selectBox-regularTrading.\:hover,
.tradingType.selectBox-regularTrading.\:active {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.button-addWidgets {
  padding: 1px 12px 1px 8px;
  margin-left: 13px;
  margin-right: 13px;
  border: 1px solid rgba(62, 162, 185, 0.5);
  background: rgba(0, 0, 0, 0);
  border-radius: 11px;
  transition: color 400ms;
  overflow: hidden;
}
.button-addWidgets:hover:before,
.button-addWidgets.\:hover:before {
  background: rgba(255, 255, 255, 0.1);
}
.button-addWidgets:focus,
.button-addWidgets.\:focus {
  border-color: $control-panel-button-focused-border-outside-color;
}
.button-addWidgets:active,
.button-addWidgets.\:active {
  border-color: rgba(62, 162, 185, 0.5);
}
.button-addWidgets:active:before,
.button-addWidgets.\:active:before {
  background: rgba(0, 0, 0, 0.15);
}
.button-addWidgets:active span,
.button-addWidgets:active .icon,
.button-addWidgets.\:active span,
.button-addWidgets.\:active .icon {
  position: relative;
  top: 1px;
}
.button-addWidgets:before {
  background: transparent;
}
.button-addWidgets div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
}
.button-addWidgets span {
  display: inline-block;
  color: #fff;
  line-height: 18px;
  letter-spacing: -0.9px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button-addWidgets .icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 1px;
  margin-right: 6px;
  vertical-align: baseline;
  width: 11px;
  height: 11px;
  fill: #fff;
}

.mobile .button-addWidgets {
  top: -2px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 0;
  overflow: visible;
  width: 100%;
}
.mobile .button-addWidgets:before {
  content: none;
}
.mobile .button-addWidgets .icon {
  margin-top: -2px;
}
.mobile .button-addWidgets div {
  font-size: 12px;
}
.mobile .headerNew .button-addWidgets {
  margin: 0;
}

.button-addWidgets {
  border: none;
}
.button-addWidgets:active::before,
.button-addWidgets.\:active::before {
  background-color: transparent;
}
.button-addWidgets:active span,
.button-addWidgets.\:active span {
  color: #bf9756;
}
.button-addWidgets:active .icon,
.button-addWidgets.\:active .icon {
  position: relative;
  top: 1px;
  fill: #3d7399;
}
.button-addWidgets:hover::before,
.button-addWidgets.\:hover::before {
  background-color: transparent;
}
.button-addWidgets:hover span,
.button-addWidgets.\:hover span {
  color: #ffc973;
  transition: color 220ms ease-in;
}
.button-addWidgets:hover .icon,
.button-addWidgets.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.button-addWidgets .icon {
  width: 14px;
  height: 14px;
  fill: rgba(255, 255, 255, 0.5);
}
.button-addWidgets span {
  letter-spacing: normal;
}

.accountParams--col {
  font-size: 12px;
  padding: 3px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.accountParams--id {
  width: 90px;
  padding-left: 9px;
}
.accountParams--delimiter {
  padding: 0 6px;
}
.accountParams--delimiter:before {
  content: '';
  display: block;
  height: 12px;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: rgba(255, 255, 255, 0.2);
}
.accountParams--currency {
  width: 25px;
  text-transform: uppercase;
}
.accountParams--type {
  text-transform: uppercase;
}
.accountParams--type-sb {
  color: #d773b7;
}
.accountParams--type-fx {
  color: #d3bfb4;
}

.accountParams--id {
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.accountParams--delimiter:before {
  border-left-color: #fff;
}

.dropDown-selectBox-accountInfo {
  -ms-transform: translateX(-9px);
  transform: translateX(-9px);
}
.dropDown-selectBox-accountInfo:not(.dropDown-selectBox-abovePopup) {
  z-index: 98;
}
.dropDown-selectBox-accountInfo .dropDown--list {
  width: 185px;
}
.dropDown-selectBox-accountInfo .dropDown--option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  color: #fff;
}
.dropDown-selectBox-accountInfo .dropDown--option[data-email='true'] {
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  cursor: default;
  pointer-events: none;
}
.dropDown-selectBox-accountInfo .dropDown--option[data-email='true']:hover,
.dropDown-selectBox-accountInfo .dropDown--option[data-email='true'].\:hover {
  background-color: #303142;
}
.dropDown-selectBox-accountInfo .dropDown--option[data-email='true']:before {
  content: '';
  position: absolute;
  width: 165px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  left: 50%;
  top: 0;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
.dropDown-selectBox-accountInfo .dropDown--option[data-email='true'] .accountParams--id {
  width: 100%;
}
.dropDown-selectBox-accountInfo .dropDown--option[data-email='true'] .accountParams--delimiter,
.dropDown-selectBox-accountInfo .dropDown--option[data-email='true'] .accountParams--currency,
.dropDown-selectBox-accountInfo .dropDown--option[data-email='true'] .accountParams--type {
  display: none;
}
.dropDown-selectBox-accountInfo .dropDown--option-selected {
  color: #55aeee;
}
.dropDown-selectBox-accountInfo .dropDown--option-selected .accountParams--type-fx {
  color: #55aeee;
}
.dropDown-selectBox-accountInfo .dropDown--option span {
  padding-top: 3px;
  padding-bottom: 3px;
}
.dropDown-selectBox-accountInfo .dropDown--option .dropDown--selectedIcon {
  display: none;
}

.dropDown-selectBox-accountInfo .dropDown--list {
  width: auto;
  padding-bottom: 7px;
}
.dropDown-selectBox-accountInfo .dropDown--groupTitle {
  display: inline-block;
  width: calc(100% - 9px);
  height: 27px;
  line-height: 27px;
  margin-left: 9px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
}
.dropDown-selectBox-accountInfo .dropDown--groupTitle:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: calc(50% - 4.5px);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 190px;
  height: 1px;
}
.dropDown-selectBox-accountInfo .dropDown--group-live .dropDown--groupTitle {
  color: $account-label-live-text-color;
}
.dropDown-selectBox-accountInfo .dropDown--group-live .dropDown--groupTitle:after {
  background-color: rgba(255, 0, 208, 0);
}
.dropDown-selectBox-accountInfo .dropDown--group-live .dropDown--option-selected {
  color: $account-label-live-text-color;
}
.dropDown-selectBox-accountInfo
.dropDown--group-live
.dropDown--option-selected
.accountParams--delimiter:before {
  border-left-color: rgba(255, 0, 208, 0);
}
.dropDown-selectBox-accountInfo .dropDown--group-demo .dropDown--groupTitle {
  color: #ff00d0;
}
.dropDown-selectBox-accountInfo .dropDown--group-demo .dropDown--groupTitle:after {
  background-color: #ff00d0;
}
.dropDown-selectBox-accountInfo .dropDown--group-demo .dropDown--option-selected {
  color: #ff00d0;
}
.dropDown-selectBox-accountInfo
.dropDown--group-demo
.dropDown--option-selected
.accountParams--delimiter:before {
  border-left-color: #ff00d0;
}
.dropDown-selectBox-accountInfo .dropDown--option {
  padding-right: 9px;
}
.dropDown-selectBox-accountInfo .dropDown--option-selected {
  font-weight: bold;
}
.dropDown-selectBox-accountInfo .accountParams--id {
  width: auto;
}

.selectBox-accountInfo {
  border-width: 0;
  background: transparent;
  box-shadow: none;
  position: relative;
  top: 1px;
}
.selectBox-accountInfo .control--label {
  font-size: 12px;
  color: #999;
  margin-bottom: 4px;
  display: block;
}
.selectBox-accountInfo:hover,
.selectBox-accountInfo:active,
.selectBox-accountInfo.\:hover,
.selectBox-accountInfo.\:active {
  background: transparent;
}
.selectBox-accountInfo:hover:before,
.selectBox-accountInfo:active:before,
.selectBox-accountInfo.\:hover:before,
.selectBox-accountInfo.\:active:before {
  background: transparent;
}
.selectBox-accountInfo:before {
  border-top-color: transparent;
  border: 0;
}
.selectBox-accountInfo .selectBox-active:before,
.selectBox-accountInfo .selectBox-active:hover:before,
.selectBox-accountInfo .selectBox:active:before,
.selectBox-accountInfo .selectBox-active.\:hover:before,
.selectBox-accountInfo .selectBox.\:active:before {
  background: transparent;
}
.selectBox-accountInfo .selectBox--label {
  padding: 0;
  font-size: 14px;
  line-height: 1.2;
  color: inherit;
}
.accountInfoReadonly {
  position: relative;
  display: inline-block;
}
.accountInfoLabel {
  margin-bottom: 3px;
  font-size: 12px;
  color: #999;
}
.accountInfoUser {
  margin-top: 3px;
  line-height: 1.2;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
}

.mobile .accountInfoReadonly {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  position: relative;
  top: -4px;
}
.mobile .accountInfoReadonly .accountInfoLabel {
  margin-right: 7px;
}
.mobile .accountInfoReadonly .accountInfoUser {
  line-height: 16px;
  font-size: 12px;
  margin-top: 0;
}
.mobile .accountInfoReadonly .accountInfoUserCode {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}
.mobile .accountInfoReadonly .accountInfoCurrency {
  display: inline-block;
}
.mobile .accountInfoReadonly .accountInfoCurrency:before {
  top: -1px;
}

.selectBox-accountInfo .selectBox--label {
  color: #fff;
}
.selectBox-accountInfo .selectBox--labelName {
  display: inline-block;
  min-width: 90px;
  margin-bottom: 1px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selectBox-accountInfo .selectBox--labelCurrency {
  font-size: 12px;
  text-transform: uppercase;
  vertical-align: middle;
}
.selectBox-accountInfo .selectBox--arrow {
  margin-right: 0;
}
.selectBox-accountInfo .control--label {
  margin-bottom: 2px;
}
.accountInfoReadonly {
  top: -2px;
}
.accountInfoLabel {
  margin-bottom: 0;
}
.accountInfoUserCode {
  vertical-align: middle;
}
.accountInfoCurrency {
  position: relative;
  text-transform: uppercase;
  margin-left: 16px;
  font-size: 12px;
  vertical-align: middle;
}
.accountInfoCurrency:before {
  content: '|';
  position: absolute;
  left: -12px;
  top: 0;
  font-size: 14px;
}

.widgetNavigation__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.widgetNavigation__container .button {
  margin-right: 3px;
}
.widgetNavigation__container .button:last-of-type {
  margin-right: 0;
}
.widgetNavigation__container .button-selectedWidget {
  border-radius: 10px;
  line-height: 1;
  height: 22px;
  padding: 0 14px;
  background: transparent;
  overflow: hidden;
  color: #ff00d0;
  background: #ff00d0;
  cursor: grab;
}
.widgetNavigation__container .button-selectedWidget:hover:before,
.widgetNavigation__container .button-selectedWidget.\:hover:before {
  background: rgba(255, 255, 255, 0.1);
}
.widgetNavigation__container .button-selectedWidget:active:before,
.widgetNavigation__container .button-selectedWidget.\:active:before {
  background: #ff00d0;
}
.widgetNavigation__container .button-selectedWidget.button-dragging {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
  background: #ff00d0;
}
.widgetNavigation__selectedButtons {
  margin-right: 15px;
}
.widgetNavigation__controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.Popover-h-child__container___25f9a {
  width: 160px;
  margin-top: 0;
  background: transparent;
  border: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.Popover-h-child__container___25f9a .Popover-h-child__content___e9b6d {
  border: none;
}
.Popover-h-child__container___25f9a .contextMenu {
  width: 100%;
  max-height: 100%;
  position: relative;
}
.Popover-h-child__container___25f9a .contextMenu--footer {
  padding-top: 5px;
  margin: 6px 8px 0;
  font-size: 12px;
  line-height: 1.42;
  color: #999;
  position: relative;
}
.Popover-h-child__container___25f9a .contextMenu--footer:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  overflow: hidden;
  padding: 0;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.12);
}
.Popover-h-child__container___25f9a .contextMenu--item,
.Popover-h-child__container___25f9a .contextMenu .link-pseudo {
  cursor: grab;
}
.Popover-h-child__container___25f9a .contextMenu .link-pseudo {
  margin-right: 0;
}

.contextMenuButton-h-child__container_opened___356ad .button {
  background: #ff00d0;
  box-shadow: inset 0 0 0 1px #ff00d0;
}
.contextMenuButton-h-child__container___6a11f .button {
  border-radius: 10px;
  line-height: 1;
  height: 24px;
  padding: 0 8px 0 14px;
  box-shadow: inset 0 0 0 1px #ff00d0;
  color: #fff;
  background: #ff00d0;
}
.contextMenuButton-h-child__container___6a11f .button:before {
  border-radius: 10px;
}
.contextMenuButton-h-child__container___6a11f .button:hover:before,
.contextMenuButton-h-child__container___6a11f .button.\:hover:before {
  background: rgba(255, 255, 255, 0.1);
}
.contextMenuButton-h-child__container___6a11f .button:active:before,
.contextMenuButton-h-child__container___6a11f .button.\:active:before {
  background: rgba(0, 0, 0, 0.15);
}
.contextMenuButton-h-child__container___6a11f .button .icon-dropdown-arrow {
  margin-top: 1px;
  margin-left: 12px;
  fill: #fff;
}

.headerNew {
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #252630;
}
.headerNew .logo {
  margin: 1px 20px 0 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.headerNew .trading-type {
  margin-top: 5px;
}
.headerNew--widgetsWrap {
  margin-right: 0;
  transition: height 400ms;
}
.headerNew--widgetsMenu {
  opacity: 0;
  transition: opacity 400ms;
}
.headerNew--top {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0 10px;
}
.headerNew--widgets {
  white-space: nowrap;
  position: relative;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}
.headerNew--widgetsWrap {
  display: inline-block;
  position: relative;
  transition: height 400ms;
}
.headerNew--widgetsMenu {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 400ms;
}
.headerNew--hint {
  vertical-align: middle;
  visibility: hidden;
  min-width: 140px;
  color: #fff;
  font-size: 14px;
  cursor: default;
  display: none;
}
.headerNew--buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-left: 16px;
  margin-right: 15px;
  position: relative;
  z-index: 2;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 1px;
}
.headerNew--buttons .button-undo {
  margin-left: 1px;
  margin-right: 9px;
}
.headerNew--buttons .button-redo {
  margin-right: 22px;
}
.headerNew--bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background: #303140;
  box-shadow: inset 0 1px 0 0 #21222e;
}
.headerNew--menu {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  height: 27px;
  margin-left: 16px;
}
.headerNew--menuItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  vertical-align: middle;
  cursor: pointer;
  pointer-events: all;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  bottom: -1px;
  transition: color 220ms ease-out;
  overflow: hidden;
}
.headerNew--menuItem:after {
  content: '';
  position: absolute;
  height: 3px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 220ms ease-out;
}
.headerNew--menuItem:hover,
.headerNew--menuItem.\:hover {
  transition: color 220ms ease-in;
}
.headerNew--menuItem:hover:after,
.headerNew--menuItem.\:hover:after {
  background: #3c4e66;
  transition: all 220ms ease-in;
}
.headerNew--menuItem:not(.headerNew--menuItem-selected):hover,
.headerNew--menuItem:not(.headerNew--menuItem-selected).\:hover {
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(74, 72, 67, 0.55);
}
.headerNew--menuItem-selected {
  background-color: #303140;
}
.headerNew--menuItem-selected:after {
  animation: tabBorderScale 0.4s ease-in-out;
  animation-fill-mode: forwards;
}
.headerNew--menuItem-selected:after,
.headerNew--menuItem-selected:hover:after,
.headerNew--menuItem-selected.\:hover:after {
  background: #55aeee;
}
.headerNew--menuItem-selected .headerNew--menuItemControls {
  visibility: visible;
  opacity: 1;
  transition: opacity 220ms ease-in;
}
.headerNew--menuItem-selected {
  color: #fff;
}
.headerNew--menuItem .icon-menuItem {
  vertical-align: middle;
}
.headerNew--menuItem .icon-big-cross {
  width: 10px;
  height: 10px;
}
.headerNew--menuItem-menuShowed .headerNew--menuItemControls {
  visibility: visible;
  opacity: 1;
}
.headerNew--menuItem-menuShowed .headerNew--contextMenu {
  fill: #3d7399;
}
.headerNew--menuItemTitle {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.headerNew--menuItemTitle:active,
.headerNew--menuItemTitle.\:active {
  top: 1px;
}
.headerNew--menuItemControls {
  display: block;
  visibility: hidden;
  opacity: 0;
  background: #2c2d3d;
  position: absolute;
  top: -1px;
  right: 0;
  bottom: 1px;
  padding-top: 5px;
  padding-left: 1px;
  height: 100%;
  transition: opacity 220ms ease-out;
}
.headerNew--menuItemControls:before {
  content: '';
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -10px;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(44, 45, 61, 0), #2c2d3d 100%);
}
.headerNew--menuItemControlsButton {
  width: 12px;
  height: 12px;
  padding-top: 3px;
  margin-right: 8px;
  fill: rgba(255, 255, 255, 0.5);
}
.headerNew--menuItemControlsButton:last-child {
  margin-right: 0;
}
.headerNew--menuItemControlsButton:hover,
.headerNew--menuItemControlsButton.\:hover {
  fill: #fff;
  transition: fill 220ms ease-in;
}
.headerNew--menuItemControlsButton:active,
.headerNew--menuItemControlsButton.\:active {
  fill: #3d7399;
}
.headerNew--menuItemControlsButton:active .icon,
.headerNew--menuItemControlsButton.\:active .icon {
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}
.headerNew--menuItemControlsButton .icon-big-cross {
  width: 7px;
  height: 7px;
}
.headerNew--menuItemControlsButton .icon-widget-menu {
  width: 12px;
  height: 9px;
  margin-top: 1px;
}
.headerNew--menuItemControlsButton .icon-big-cross,
.headerNew--menuItemControlsButton .icon-widget-menu {
  position: relative;
}
.headerNew-adding {
  z-index: 2;
}
.headerNew-adding .headerNew--top {
  -ms-flex-align: start;
  align-items: flex-start;
}
.headerNew-adding .headerNew--widgets {
  z-index: 3;
}
.headerNew-adding .headerNew--widgetsMenu {
  height: 100%;
  opacity: 1;
}
.headerNew-adding .headerNew--tabs {
  display: none;
}
.headerNew-adding .headerNew--buttons {
  border-left-color: transparent;
}
.headerNew-adding .headerNew--accountInfo {
  z-index: 2;
}
.headerNew-adding .button-addWidgets {
  display: none;
}
.headerNew-adding.headerNew-dragging .headerNew--widgetsWrap {
  height: 0;
  transition: height 0s;
}
.headerNew-dragging .headerNew--widgetsMenu {
  display: none;
}
.headerNew-dragging .headerNew--hint {
  visibility: visible;
}
.headerNew-dragging .headerNew--tabs {
  display: none;
}
.headerNew-closing .headerNew--wrap {
  height: 0;
}
@keyframes tabBorderScale {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

.mobile .workArea--header {
  height: 114px;
}
.mobile .headerNew--top {
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-bottom: 48px;
}
.mobile .headerNew-adding .headerNew--top {
  padding-bottom: 0;
}
.mobile .headerNew--buttons {
  display: none;
}
.mobile .headerNew__tradingTypeSwitcher {
  display: none;
}
.mobile .headerNew--widgets {
  -ms-flex-order: 1;
  order: 1;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 60%;
}
.mobile .headerNew__controlPanelWrap {
  width: 100%;
}
.mobile .headerNew--widgetsWrap {
  margin-right: 0;
}
.mobile .headerNew:before {
  display: none;
}
.mobile .headerNew--menuItem {
  white-space: nowrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 26px;
}
.mobile .headerNew--menu {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile .headerNew--menu::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
  background: transparent;
}
.mobile .headerNew--menu:-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}
.mobile .headerNew--menu::-webkit-scrollbar-thumb {
  display: none;
}
.mobile .headerNew__accountSelector {
  -ms-flex-order: 2;
  order: 2;
}
.mobile .headerNew__accountSelector .control-selectBox {
  max-width: 100%;
}
.mobile .headerNew__accountSelector .control-selectBox .control--wrap {
  width: 100%;
}
.mobile .headerNew__accountSelector .control-selectBox .selectBox--labelText {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
  align-items: baseline;
  white-space: pre-wrap;
}
.mobile .headerNew__accountSelector .control--label {
  display: none;
}

.headerNew__accountSelector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0 11px;
  position: relative;
  z-index: 1;
}
.headerNew__tradingTypeSwitcher {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
  margin-left: 3px;
}
.headerNew__accountMetrics {
  z-index: 10;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.headerNew__themeSwitcher {
  position: absolute;
  right: 50px;
  top: 12px;
}
.headerNew__controlPanelWrap {
  position: relative;
}

.switcher {
  position: relative;
  font-size: 1em;
}
.switcher--input {
  display: none;
}
.switcher--label {
  position: relative;
  z-index: 2;
  line-height: 1.416em;
}
.switcher--label:first-of-type {
  padding-left: 0.166em;
}
.switcher--label:last-of-type {
  padding-right: 0.166em;
}
.switcher--button {
  position: absolute;
  top: 0.083em;
  padding: 0 0.5em;
  width: 2em;
  height: 1.416em;
  box-sizing: content-box;
}
.switcher--button:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 0.5em;
  width: 100%;
  height: 0.416em;
}
.switcher--button:after {
  content: '';
  display: inline-block;
  width: 1.083em;
  height: 1.083em;
  position: absolute;
  left: 48%;
  top: 0.166em;
}
.switcher--input:checked ~ .switcher--button:after {
  left: 0.5em;
}
.switcher--input:not(:checked) ~ .switcher--button {
  margin-left: -3em;
}
.switcher--input:not(:checked) + .switcher--label:first-of-type {
  padding-right: 3em;
}
.switcher--input:not(:checked) + .switcher--label:last-of-type {
  padding-left: 3em;
}
.switcher--input:not(:checked) ~ .switcher--input:not(:checked) + .switcher--label {
  padding-left: 0;
}
.switcher--button,
.switcher--label {
  display: inline-block;
  vertical-align: middle;
}
.switcher {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.switcher--button {
  cursor: pointer;
}
.switcher--button:before {
  background: #ff00d0;
  box-shadow:
  inset 0 1px #ff00d0,
  inset 0 -1px rgba(255, 255, 255, 0.08),
  0 0 0 1px $button-outside-border-color;
  border-radius: 2px;
}
.switcher--button:after {
  background: #393a4d;
  box-shadow:
  inset 0 0 0 1px rgba(255, 255, 255, 0.04),
  0 0 0 1px $button-outside-border-color;
  border-radius: 50%;
}
.switcher--label {
  color: #ff00d0;
  cursor: pointer;
}
.switcher--input:checked + .switcher--label {
  color: #ff00d0;
  cursor: default;
}
.switcher--button:after {
  transition: left 200ms ease-in-out;
}
.switcher--label {
  transition: color 200ms ease-in-out;
}

.switcher {
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 26px;
  height: 16px;
  border-radius: 12px;
  font-size: 0;
}
.switcher:hover .switcher--input:checked + .switcher--label:first-of-type,
.switcher.\:hover .switcher--input:checked + .switcher--label:first-of-type {
  background-color: #595857;
}
.switcher:hover .switcher--input:checked + .switcher--label:last-of-type,
.switcher.\:hover .switcher--input:checked + .switcher--label:last-of-type {
  background-color: transparent;
}
.switcher:hover .switcher--input:not(:checked) + .switcher--label,
.switcher.\:hover .switcher--input:not(:checked) + .switcher--label {
  background-color: #595857;
}
.switcher:hover .switcher--input:not(:checked) + .switcher--label:last-of-type,
.switcher.\:hover .switcher--input:not(:checked) + .switcher--label:last-of-type {
  background-color: transparent;
}
.switcher:active .switcher--input:checked + .switcher--label:first-of-type,
.switcher.\:active .switcher--input:checked + .switcher--label:first-of-type {
  background-color: #55aeee;
}
.switcher:active .switcher--input:checked + .switcher--label:last-of-type,
.switcher.\:active .switcher--input:checked + .switcher--label:last-of-type {
  background-color: transparent;
}
.switcher:active .switcher--input:not(:checked) + .switcher--label,
.switcher.\:active .switcher--input:not(:checked) + .switcher--label {
  background-color: #595857;
}
.switcher:active .switcher--input:not(:checked) + .switcher--label:last-of-type,
.switcher.\:active .switcher--input:not(:checked) + .switcher--label:last-of-type {
  background-color: transparent;
}
.switcher--input {
  display: block;
  opacity: 0;
}
.switcher--input:checked + .switcher--label:first-of-type {
  background-color: #55aeee;
}
.switcher--input:checked + .switcher--label:last-of-type {
  background-color: transparent;
}
.switcher--input:checked + .switcher--label:last-of-type:after {
  border: 1px solid transparent;
}
.switcher--input:checked ~ .switcher--button:after {
  left: calc(100% - 14px);
}
.switcher--input:not(:checked) + .switcher--label {
  z-index: 3;
  background-color: #595857;
}
.switcher--input:not(:checked) + .switcher--label:last-of-type {
  background-color: transparent;
}
.switcher--input:focus + .switcher--label:after,
.switcher--input.\:focus + .switcher--label:after {
  content: '';
  box-sizing: border-box;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 12px;
  border: 1px solid #29a6ff;
}
.switcher--label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  border-radius: 12px;
  box-sizing: border-box;
}
.switcher--button {
  width: 100%;
  height: 100%;
  padding: 0;
  top: 0;
  left: 0;
  pointer-events: none;
}
.switcher--button:before {
  display: none;
}
.switcher--button:after {
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 50%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 2px;
  z-index: 4;
  box-shadow: none;
}

.themeSwitcher__container {
  display: -ms-flexbox;
  display: flex;
}
.themeSwitcher__container .icon {
  fill: #f2f2f2;
}
.themeSwitcher__container .icon-switch-to-dark-scheme {
  position: absolute;
  right: 5px;
  top: 4px;
  width: 8px;
  height: 12px;
}
.themeSwitcher__container .icon-switch-to-light-scheme {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 13px;
  height: 13px;
}
.themeSwitcher__container .switcher {
  box-sizing: border-box;
  margin-left: 5px;
  margin-top: -1px;
  width: 37px;
  height: 20px;
  border-radius: 10px;
  font-size: 0;
}
.themeSwitcher__container .switcher:hover .switcher--input:checked + .switcher--label:first-of-type,
.themeSwitcher__container
.switcher.\:hover
.switcher--input:checked
+ .switcher--label:first-of-type {
  background-color: $control-panel-switcher-hover-bg-color;
}
.themeSwitcher__container .switcher:hover .switcher--input:checked + .switcher--label:last-of-type,
.themeSwitcher__container
.switcher.\:hover
.switcher--input:checked
+ .switcher--label:last-of-type {
  background-color: transparent;
}
.themeSwitcher__container .switcher:hover .switcher--input:not(:checked) + .switcher--label,
.themeSwitcher__container .switcher.\:hover .switcher--input:not(:checked) + .switcher--label {
  background-color: $control-panel-switcher-default-bg-color;
}
.themeSwitcher__container
.switcher:hover
.switcher--input:not(:checked)
+ .switcher--label:last-of-type,
.themeSwitcher__container
.switcher.\:hover
.switcher--input:not(:checked)
+ .switcher--label:last-of-type {
  background-color: transparent;
}
.themeSwitcher__container .switcher--input {
  display: block;
  opacity: 0;
}
.themeSwitcher__container .switcher--input:checked + .switcher--label:last-of-type,
.themeSwitcher__container .switcher--input:not(:checked) + .switcher--label:last-of-type {
  background-color: transparent;
}
.themeSwitcher__container .switcher--input:checked + .switcher--label:first-of-type {
  background-color: $control-panel-switcher-default-bg-color;
  pointer-events: none;
}
.themeSwitcher__container .switcher--input:checked + .switcher--label:last-of-type {
  pointer-events: none;
}
.themeSwitcher__container .switcher--input:checked ~ .switcher--button:after {
  left: 2px;
}
.themeSwitcher__container .switcher--input:not(:checked) + .switcher--label {
  pointer-events: all;
  background-color: $control-panel-switcher-default-bg-color;
}
.themeSwitcher__container .switcher--label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  border-radius: 12px;
  box-sizing: border-box;
}
.themeSwitcher__container .switcher--button {
  width: 100%;
  height: 100%;
  padding: 0;
  top: 0;
  left: 0;
  pointer-events: none;
}
.themeSwitcher__container .switcher--button:before {
  display: none;
}
.themeSwitcher__container .switcher--button:after {
  width: 16px;
  height: 16px;
  background-color: $control-panel-switcher-bubble-bg-color;
  border-radius: 50%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: calc(100% - 18px);
  z-index: 4;
  box-shadow: none;
}
.themeSwitcher__label {
  font-size: 14px;
  line-height: 1;
  color: #fff;
}

.contextMenu-systemActions {
  max-width: 200px;
  margin-left: -5px;
  padding-bottom: 7px;
}
.contextMenu-systemActions .contextMenu--item-accountStatement {
  width: 147px;
}
.contextMenu-systemActions .contextMenu--footer {
  padding-left: 28px;
  font-size: 10px;
  line-height: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(255, 255, 255, 0.5);
}
.contextMenu-systemActions .contextMenu--footer a {
  color: inherit;
  text-decoration: none;
}

.button-appMenu {
  border: none;
  background: none;
  padding-top: 6px;
  padding-bottom: 6px;
}
.button-appMenu.button-active .icon {
  -ms-transform: translateY(1px);
  transform: translateY(1px);
  fill: #3d7399;
}
.button-appMenu:hover .icon,
.button-appMenu.\:hover .icon {
  fill: $application-header-add-widgets-hover-color;
  transition: fill 220ms ease-in;
}
.button-appMenu:active .icon,
.button-appMenu.\:active .icon {
  -ms-transform: translateY(1px);
  transform: translateY(1px);
  fill: #3d7399;
}
.button-appMenu:active .icon,
.button-appMenu.\:active .icon {
  fill: $application-header-add-widgets-pressed-color;
}
.button-appMenu:before {
  transition: opacity 400ms;
}
.button-appMenu .icon {
  width: 15px;
  height: 13px;
  padding: 3px 0;
  fill: #fff;
  transition: fill 220ms ease-out;
}

.layoutButton--title {
  color: #999;
  font-size: 10px;
  text-transform: uppercase;
  padding-left: 10px;
}
.layoutButton--popoverContainer {
  display: -ms-flexbox;
  display: flex;
  padding: 2px 0;
}
.layoutButton--popoverContent {
  width: 213px;
}

.popover-child__container {
  background: #3d3b39;
}

.layout-list-child__scroll {
  max-height: 195px;
  padding: 3px 0 6px;
}
.layout-list-child__list {
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.layout-list-child__list:last-child {
  margin: 0;
}
.layout-list-child__item {
  box-sizing: border-box;
  padding-left: 10px;
  width: 100%;
  font-size: 12px;
  line-height: 2.17;
}
.layout-list-child__buttons {
  display: inline-block;
  padding-left: 0;
  margin-left: 10px;
}
.layout-list-child__buttons .button-link.button-link {
  font-size: 12px;
}

.button-icon-child__container {
  width: 32px;
  height: 13px;
  background: transparent;
  margin-top: 3px;
  margin-right: 20px;
  padding: 0;
}
.button-icon-child__container:focus,
.button-icon-child__container.button-icon-child__--focus {
  box-shadow: none;
}
.button-icon-child__icon {
  width: 100%;
  height: 100%;
  fill: #fff;
  transition: fill 220ms ease-out;
}

.button-link-child__container {
  font-size: 12px;
}

.context-menu-item-child__container {
  font-size: 12px;
  line-height: 2.17;
}

.headerNew {
  background: $app-header-bg-color-1;
}
.headerNew--top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 4px;
  padding-bottom: 4px;
  background: #2c2d3d;
}
.headerNew__tradingTypeSwitcher {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.headerNew--accountInfo {
  margin-right: 15px;
}
.headerNew .button-addWidgets {
  margin-left: 15px;
}
.headerNew .logo {
  display: none;
}
.headerNew--bottom {
  background: #303140;
  box-shadow: inset 0 1px 0 0 #21222e;
}
.headerNew-dragging {
  height: 95px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.headerNew-dragging .headerNew--hint {
  padding-left: 15px;
}
.headerNew-dragging .headerNew--top {
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.headerNew--widgets {
  -ms-flex-order: 1;
  order: 1;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.headerNew__accountSelector {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin: 6px 0 0 0;
  padding: 0 11px 0 16px;
  height: 35px;
  -ms-flex-order: 2;
  order: 2;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.headerNew__accountSelector:before {
  position: absolute;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  left: 0;
  top: -8px;
  bottom: -22px;
}
.headerNew__tradingTypeSwitcher {
  -ms-flex-order: 3;
  order: 3;
}
.headerNew__accountMetrics {
  -ms-flex-order: 4;
  order: 4;
}
.headerNew--buttons {
  -ms-flex-order: 5;
  order: 5;
}

.mobile .headerNew__accountSelector {
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
  height: 16px;
  padding-left: 10px;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.mobile .headerNew__accountSelector:before {
  bottom: 0;
  content: '';
}
.mobile .headerNew__accountMetrics {
  width: 100%;
  position: absolute;
  top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.logo {
  display: inline-block;
  vertical-align: middle;
  width: 89px;
  height: 16px;
}
.logo svg {
  width: 100%;
  height: 100%;
  color: $logo-brand-color;
}
.logo {
  transition: width 400ms;
}

.logo {
  display: none;
}

.grid {
  position: relative;
  height: 100%;
  background-color: inherit;
}
.grid--head {
  position: relative;
  z-index: 3;
  transform: translateZ(0);
  padding: 0 3px 0 0;
  background: #303140;
  color: rgba(255, 255, 255, 0.5);
  box-shadow: -1px 1px 3px #1d1d26;
}
.grid-empty .grid--head {
  display: none;
}
.grid-empty .grid--body {
  visibility: hidden;
}
.grid--emptyViewText {
  color: rgba(255, 255, 255, 0.5);
}

.table {
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
}
.table th,
.table td {
  vertical-align: middle;
  text-align: center;
  padding-top: 1px;
}
.table thead th {
  height: 18px;
  font-size: 1rem;
  vertical-align: top;
  position: relative;
}
.table thead th .table--cell > span {
  position: relative;
}
.table thead th .table--cell:hover .table--resizeHandleLeft,
.table thead th .table--cell:hover .table--resizeHandle,
.table thead th .table--cell.\:hover .table--resizeHandleLeft,
.table thead th .table--cell.\:hover .table--resizeHandle {
  opacity: 1;
}
.table thead th .table--cell-aggregated {
  padding-left: 17px;
}
.table th:first-child .table--columnHeader {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.table .table--columnHeader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.table tbody td:first-child .table--cell {
  text-align: left;
}
.table tbody .table--cell-aggregated {
  padding-left: 0;
}
.table--resizeHandleLeft,
.table--resizeHandle {
  position: absolute;
  top: 2px;
  display: block;
  width: 12px;
  height: 14px;
  cursor: ew-resize;
  opacity: 0;
  transition: opacity 220ms ease-in;
}
.table--resizeHandleLeft:before,
.table--resizeHandle:before {
  content: '';
  position: relative;
  top: 0;
  left: 6px;
  display: block;
  width: 1px;
  height: 100%;
}
.table--resizeHandle {
  right: -18px;
  z-index: 1;
}
.table--resizeHandleLeft {
  left: -18px;
  pointer-events: none;
}
.table--varNumber {
  text-align: right;
}
.table--text {
  text-align: left;
}
.table--sortBy:hover,
.table--sortBy.\:hover {
  overflow: visible;
}
.table--sortBy .table--cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table--columnTitle,
.table thead .table--columnTitle,
.table tbody .table--cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table--cell {
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0 12px;
}
thead th .table--cell > span {
  display: inline-block;
  vertical-align: middle;
}
.table--cell:hover .icon-sort,
.table--cell:hover .icon-sorted-asc,
.table--cell:hover .icon-sorted-desc,
.table--cell:hover .icon-filter,
.table--cell.\:hover .icon-sort,
.table--cell.\:hover .icon-sorted-asc,
.table--cell.\:hover .icon-sorted-desc,
.table--cell.\:hover .icon-filter {
  visibility: visible;
  opacity: 1;
  transition:
    opacity 220ms ease-in,
    visibility 220ms ease-in;
}
.table--cell-filtered svg.icon-filter {
  visibility: visible;
  opacity: 1;
}
.table--cell-sorted svg.icon-sort,
.table--cell-sorted svg.icon-sorted-asc,
.table--cell-sorted svg.icon-sorted-desc {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.table--cell-noOverflow {
  overflow: visible !important;
}
.table--cell-alignLeft {
  text-align: left;
}
.table--cell-alignLeft .table--columnHeader {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.table--cell-alignRight {
  text-align: right;
}
.table--cell-alignRight .table--columnHeader {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.table--cell-alignRight .table--controlPlaceholder {
  text-align: right;
}
.table--cell-bold {
  font-weight: bold;
}
.table--cell-disabled {
  pointer-events: none;
}
.table--cell .icon-sort,
.table--cell .icon-sorted-asc,
.table--cell .icon-sorted-desc,
.table--cell .icon-filter {
  visibility: hidden;
  opacity: 0;
  transition:
    visibility 0s linear 0.5s,
    opacity 220ms ease-in;
  transform: translateZ(0);
  vertical-align: middle;
  height: 10px;
  pointer-events: all;
}
.table--cell .icon-sort:active,
.table--cell .icon-sorted-asc:active,
.table--cell .icon-sorted-desc:active,
.table--cell .icon-filter:active,
.table--cell .icon-sort.\:active,
.table--cell .icon-sorted-asc.\:active,
.table--cell .icon-sorted-desc.\:active,
.table--cell .icon-filter.\:active {
  margin-top: 1px;
}
.table--cell .icon-sort,
.table--cell .icon-sorted-asc,
.table--cell .icon-sorted-desc {
  width: 6px;
  min-width: 6px;
  position: relative;
  margin-right: -6px;
  right: 10px;
}
.table--cell .icon-filter {
  width: 10px;
  min-width: 10px;
  position: relative;
  margin-left: -11px;
  left: 11px;
  margin-right: 1px;
}
.table--cell .icon-filter use {
  pointer-events: none; /*Need for Safari*/
}
.table--cell .icon-tree {
  width: 7px;
  height: 9px;
}
.table--cell .numericStepper .numericStepper--input input[type='text'] {
  text-overflow: ellipsis;
}
.table--cell > .table--cell {
  padding: 0;
}
.table--sortBy {
  cursor: pointer;
}
.table--sortBy-desc {
  cursor: default;
}
.table--separator {
  border-right: 1px dotted;
}
.table--col-instrument,
.table--colAdapts-instrument,
.table--col-instrumentType,
.table--colAdapts-instrumentType,
.table--col-orderType,
.table--colAdapts-orderType,
.table--col-limitPrice,
.table--colAdapts-limitPrice,
.table--col-stopPrice,
.table--colAdapts-stopPrice,
.table--col-strike,
.table--colAdapts-strike,
.table--col-duration,
.table--colAdapts-duration,
.table--col-account,
.table--colAdapts-account,
.table--col-daysToExpiration,
.table--colAdapts-daysToExpiration,
.table--col-activationRule,
.table--colAdapts-activationRule,
.table--col-time,
.table--colAdapts-time,
.table--col-fillCancelTime,
.table--colAdapts-fillCancelTime {
  width: 6.5em;
}
.table--col-autofit {
  width: auto;
}
.table--col-stopLoss,
.table--col-header,
.table--col-value,
.table--col-accountValue,
.table--col-takeProfit,
.table--col-label,
.table--col-currentPrice {
  position: relative;
}
.table--col-symbol {
  width: 110px;
}
.table--col-bid,
.table--col-ask {
  width: 68px;
}
.table--col-change {
  width: 40px;
}
.table--col-icon {
  width: 65px;
}
.table--col-status {
  width: 28px;
}
.table--col-statusIcon {
  width: 50px;
}
.table--col-price {
  width: 68px;
}
.table--col-quantity {
  width: 80px;
}
.table--colAdapts {
  width: 6.5em;
}
.table--colAdapts-autofit {
  width: auto;
}
.table--colAdapts-statusIcon {
  width: 5em;
}
.table--colAdapts-symbol {
  width: 7.9em;
}
.table--colAdapts-status {
  width: 6.2em;
}
.table--colAdapts-pl {
  width: 9em;
}
.table--colAdapts-bid,
.table--colAdapts-mark,
.table--colAdapts-ask,
.table--colAdapts-open,
.table--colAdapts-high,
.table--colAdapts-low,
.table--colAdapts-close,
.table--colAdapts-lotSize,
.table--colAdapts-price,
.table--colAdapts-stopLoss,
.table--colAdapts-takeProfit,
.table--colAdapts-fillPrice,
.table--colAdapts-quality,
.table--colAdapts-age,
.table--colAdapts-opLength,
.table--colAdapts-triggerPrice {
  width: 10em;
}
.table--colAdapts-currentPrice {
  width: 9.5em;
}
.table--colAdapts-expiration,
.table--colAdapts-condition {
  width: 8.5em;
}
.table--colAdapts-change,
.table--colAdapts-netChange,
.table--colAdapts-quantity,
.table--colAdapts-size,
.table--colAdapts-spread {
  width: 8em;
}
.table--colAdapts-protection,
.table--colAdapts-type {
  width: 8em;
}
.table--colAdapts-side {
  width: 6em;
}
.table--colAdapts-actions {
  width: 2em;
}
.table--colAdapts-id,
.table--colAdapts-timeDate {
  width: 10em;
}
.table--colAdapts-currentStockPrice {
  width: 9em;
}
.table--colAdapts-description,
.table--colAdapts-timeDateModified {
  width: 12em;
}
.table--colAdapts-reject {
  width: 42em;
}
.table--colAdapts-totalFinancing {
  width: 89px;
}
.table--colAdapts-totalCommissions {
  width: 104px;
}
.table-aside .instrument--change {
  width: 100%;
}
.table-aside .position--side {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  box-sizing: border-box;
  margin-top: -1px;
  width: 11px;
  height: 11px;
  text-indent: -99999px;
}
.table-aside .position-heading .position--side {
  line-height: 1;
  text-indent: 0;
  width: auto;
}
.table-aside .position-heading .position--symbol,
.table-aside .position-heading .position--pl,
.table-aside .position-heading .position--quantity,
.table-aside .position-heading .position--protection {
  vertical-align: top;
}
.table-aside > tbody > tr > td:last-child {
  text-align: right;
}
.table-aside > tbody > tr > td:last-child .order--statusIcon {
  width: 100%;
  text-align: center;
}
.table-aside .order--typeIcon,
.table-aside .order--statusIcon {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.table--cell:not(.table--cell-head) {
  font-size: 12px;
}
.table--cell-head {
  font-size: 10px;
}
#ruler .table--cell-orders.table--cell-instrument,
#ruler .table--cell-orderHistory.table--cell-instrument {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
}
#ruler .table--cell-orderHistory.table--cell-instrument .orders__symbol {
  width: 36px;
}
.table--head .table--cell-simulated {
  color: #cb9d65;
}
.table--body td:not(.noneUnderLine),
.table--body th {
  box-shadow: 0 1px rgba(255, 255, 255, 0.08);
}
.table--body .instrument-future + .instrument-future td {
  box-shadow: 0 1px $watchlist-futures-warning-table-line-bg-color;
}
.table--body .instrument-future td {
  box-shadow:
  0 1px $watchlist-futures-warning-table-line-bg-color,
  0 1px $watchlist-futures-warning-table-line-bg-color inset;
}
.table--body .instrument:not(.instrument-future):not(.instrument-expanded) td:first-child,
.table--body .instrument:not(.instrument-future):not(.instrument-expanded) td:last-child {
  box-shadow: 0 1px rgba(255, 255, 255, 0.08);
}
.table--body .table--cell {
  height: 20px;
  line-height: 20px;
}
.table--body .table--cell-simulated {
  background: rgba(255, 183, 95, 0.1);
}
.table--body .table--cell-simulated .numeric:before {
  color: #fff;
}
.table--row-selected th,
.table--row-selected td,
.table--row-selected th:first-child,
.table--row-selected td:first-child,
.table--row-selected th:last-child,
.table--row-selected td:last-child {
  color: #fff;
}
.table--row-selected th .table--cell,
.table--row-selected td .table--cell,
.table--row-selected th:first-child .table--cell,
.table--row-selected td:first-child .table--cell,
.table--row-selected th:last-child .table--cell,
.table--row-selected td:last-child .table--cell {
  background-color: #454659;
}
.table--row-selected th .numeric:empty:before,
.table--row-selected td .numeric:empty:before,
.table--row-selected th:first-child .numeric:empty:before,
.table--row-selected td:first-child .numeric:empty:before,
.table--row-selected th:last-child .numeric:empty:before,
.table--row-selected td:last-child .numeric:empty:before {
  color: #ccc;
}
.table--row-highlighted th,
.table--row.highlighted th,
.table--row-highlighted td,
.table--row.highlighted td {
  color: #fff;
}
.table--row-highlighted th,
.table--row.highlighted th,
.table--row-highlighted td,
.table--row.highlighted td,
.table--row-highlighted th:first-child,
.table--row.highlighted th:first-child,
.table--row-highlighted td:first-child,
.table--row.highlighted td:first-child,
.table--row-highlighted th:last-child,
.table--row.highlighted th:last-child,
.table--row-highlighted td:last-child,
.table--row.highlighted td:last-child {
  box-shadow: none;
}
.table--row-highlighted th .table--cell,
.table--row.highlighted th .table--cell,
.table--row-highlighted td .table--cell,
.table--row.highlighted td .table--cell,
.table--row-highlighted th:first-child .table--cell,
.table--row.highlighted th:first-child .table--cell,
.table--row-highlighted td:first-child .table--cell,
.table--row.highlighted td:first-child .table--cell,
.table--row-highlighted th:last-child .table--cell,
.table--row.highlighted th:last-child .table--cell,
.table--row-highlighted td:last-child .table--cell,
.table--row.highlighted td:last-child .table--cell {
  background: #434659;
}
.table--cell:hover .icon-sorted-asc,
.table--cell:hover .icon-sorted-desc,
.table--cell.\:hover .icon-sorted-asc,
.table--cell.\:hover .icon-sorted-desc {
  fill: $hovered-icon-color-2;
}
.table--cell .icon-sort,
.table--cell .icon-sorted-asc,
.table--cell .icon-sorted-desc,
.table--cell .icon-filter {
  fill: rgba(255, 255, 255, 0.5);
}
.table--cell .icon-sort:hover,
.table--cell .icon-sorted-asc:hover,
.table--cell .icon-sorted-desc:hover,
.table--cell .icon-filter:hover,
.table--cell .icon-sort.\:hover,
.table--cell .icon-sorted-asc.\:hover,
.table--cell .icon-sorted-desc.\:hover,
.table--cell .icon-filter.\:hover {
  fill: $hovered-icon-color-2;
}
.table--cell .icon-sort:active,
.table--cell .icon-sorted-asc:active,
.table--cell .icon-sorted-desc:active,
.table--cell .icon-filter:active,
.table--cell .icon-sort_pressed,
.table--cell .icon-sorted-asc_pressed,
.table--cell .icon-sorted-desc_pressed,
.table--cell .icon-filter_pressed,
.table--cell .icon-sort.\:active,
.table--cell .icon-sorted-asc.\:active,
.table--cell .icon-sorted-desc.\:active,
.table--cell .icon-filter.\:active {
  fill: #3d7399;
}
.table--separator {
  border-right-color: #fbcc00;
}
.table--sortBy-desc {
  color: #ffb361;
}
.table--row-details {
  background: #252633;
}
.table--main {
  position: relative;
}
.table--resizeHandleLeft:before,
.table--resizeHandle:before {
  background-color: #fce247;
  box-shadow: -1px 0 0 0 rgba(255, 201, 115, 0.2);
}
.table--col-filtered,
.table--colAdapts-filtered {
  background: rgba(255, 255, 255, 0.1);
}

.mobile .table thead th {
  font-size: 1.2rem;
}
.mobile .table tbody td {
  padding-top: 0;
}
.mobile .table tbody .table--cell {
  height: 24px;
  line-height: normal;
}
.mobile .table--cell .icon-sort,
.mobile .table--cell .icon-sorted-asc,
.mobile .table--cell .icon-sorted-desc,
.mobile .table--cell .icon-filter {
  visibility: visible;
  opacity: 1;
}
.mobile .table--colAdapts {
  width: 8.5em;
}
.mobile .table--colAdapts-statusIcon {
  width: 6.5em;
}
.mobile .table--colAdapts-symbol {
  width: 10em;
}
.mobile .table--colAdapts-status {
  width: 8em;
}
.mobile .table--colAdapts-pl {
  width: 11.7em;
}
.mobile .table--colAdapts-bid,
.mobile .table--colAdapts-mark,
.mobile .table--colAdapts-ask,
.mobile .table--colAdapts-open,
.mobile .table--colAdapts-high,
.mobile .table--colAdapts-low,
.mobile .table--colAdapts-close,
.mobile .table--colAdapts-lotSize,
.mobile .table--colAdapts-price,
.mobile .table--colAdapts-stopLoss,
.mobile .table--colAdapts-takeProfit,
.mobile .table--colAdapts-fillPrice,
.mobile .table--colAdapts-quality,
.mobile .table--colAdapts-age,
.mobile .table--colAdapts-opLength,
.mobile .table--colAdapts-triggerPrice {
  width: 13em;
}
.mobile .table--colAdapts-currentPrice {
  width: 12em;
}
.mobile .table--colAdapts-expiration,
.mobile .table--colAdapts-condition {
  width: 11em;
}
.mobile .table--colAdapts-change,
.mobile .table--colAdapts-netChange,
.mobile .table--colAdapts-quantity,
.mobile .table--colAdapts-size,
.mobile .table--colAdapts-spread {
  width: 10.5em;
}
.mobile .table--colAdapts-protection,
.mobile .table--colAdapts-type {
  width: 10.5em;
}
.mobile .table--colAdapts-side {
  width: 7.8em;
}
.mobile .table--colAdapts-actions {
  width: 5.5em;
}
.mobile .table--colAdapts-id,
.mobile .table--colAdapts-timeDate {
  width: 13em;
}
.mobile .table--colAdapts-currentStockPrice {
  width: 11.7em;
}
.mobile .table--colAdapts-description,
.mobile .table--colAdapts-timeDateModified {
  width: 15.5em;
}
.mobile .table--colAdapts-reject {
  width: 55em;
}
.mobile .table--colAdapts-totalFinancing {
  width: 116px;
}
.mobile .table--colAdapts-totalCommissions {
  width: 135px;
}
.mobile .table--cell:not(.table--cell-head) {
  font-size: 16px;
}

.table tbody .table--cell-control {
  padding: 0;
  overflow: visible;
}
.table--controlPlaceholder {
  padding: 0 25px 0 12px;
  color: inherit;
}
.table--cell-disabled .table--controlPlaceholder {
  color: rgba(255, 255, 255, 0.3);
}
.table--cell-disabled .table--controlPlaceholder .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.table--cell-disabled .selectBox--arrow {
  display: none;
}
.table--cell-disabled.table--cell-alignRight .selectBox--label,
.table--cell-disabled.table--cell-alignRight .table--controlPlaceholder {
  padding: 0 11px;
}
.table--cell-alignRight .control .selectBox--label {
  text-align: right;
}
.table--cell .control,
.table--cell .control--wrap {
  width: 100%;
}
.table--cell .control {
  vertical-align: unset;
}
.table--cell .control-textInput,
.table--cell .control-selectBox {
  vertical-align: top;
}
.table--cell .control-buy .selectBox .selectBox--label {
  color: #299171;
}
.table--cell .control-buy .selectBox.selectBox-disabled .selectBox--label {
  color: $positive-disabed-text-color;
}
.table--cell .control-sell .selectBox .selectBox--label {
  color: #d64f58;
}
.table--cell .control-sell .selectBox.selectBox-disabled .selectBox--label {
  color: $negative-disabed-text-color;
}
.table--cell .control-datePicker {
  width: 110px;
}
.table--cell .control-datePicker input[type='text'] {
  padding-left: 0;
}
.table--cell .control-datePicker.control-error .datePicker--input input {
  box-shadow: 0 0 0 1px #992b30;
}
.table--cell .control-spreadSelector .selectBox-active {
  border: 1px solid #66625e;
}
.table--cell .control-spreadSelector .selectBox:before {
  display: none;
}
.table--cell .control-spreadSelector .selectBox--labelIcon {
  display: inline-block;
}
.table--cell .control-spreadSelector .selectBox-title .selectBox--labelIcon {
  display: none;
}
.table--cell .control-numericStepper {
  display: block;
  width: auto;
}
.table--cell .control-numericStepper .control--wrap {
  display: block;
}
.table--cell
.control-numericStepper
.control--wrap-focused
.numericStepper--input
input[type='text'] {
  box-shadow: 0 0 0 1px #66625e;
}
.table--cell .control-numericStepper .numericStepper {
  display: block;
}
.table--cell .control-numericStepper .numericStepper--input input[type='text'] {
  box-shadow: none;
  border: 0;
  text-align: right;
  background-color: transparent;
}
.table--cell .control-numericStepper .numericStepper-verticalButtons .numericStepper--control:hover,
.table--cell
.control-numericStepper
.numericStepper-verticalButtons
.numericStepper--control.\:hover {
  height: 23px;
}
.table--cell .control-numericStepper .numericStepper-verticalButtons .numericStepper--control-down,
.table--cell .control-numericStepper .numericStepper-verticalButtons .numericStepper--control-up {
  height: 10px;
}
.table--cell .control-numericStepper .numericStepper-verticalButtons .numericStepper--control-up {
  bottom: calc(100% - 11px);
}
.table--cell .control-numericStepper .numericStepper-verticalButtons .numericStepper--control-down {
  top: calc(100% - 11px);
}
.table--cell .control-numericStepper.control-error .numericStepper--input input {
  box-shadow: 0 0 0 1px #992b30;
}
.table--cell .control input[type='text'],
.table--cell .control input[type='text'] + div {
  font-size: 14px;
  line-height: 23px;
}
.table--cell .control input[type='text'] {
  height: 23px;
  background-color: transparent;
  border: none;
}
.table--cell-selectBox + button {
  right: 29px;
}
.table--cell .selectBox {
  width: calc(100% - 2px);
  margin-left: 1px;
  background-color: transparent;
  box-shadow: none;
  border: 0;
}
.table--cell .selectBox::before {
  content: normal;
}
.table--cell .selectBox-active:before,
.table--cell .selectBox-active:hover:before,
.table--cell .selectBox:active:before,
.table--cell .selectBox-active.\:hover:before,
.table--cell .selectBox.\:active:before {
  background: transparent;
}
.table--cell .selectBox-active {
  background-color: rgba(22, 20, 18, 0);
  box-shadow: 0 0 0 1px #66625e;
}
.table--cell .selectBox-disabled .selectBox--arrow {
  display: none;
}
.table--cell .selectBox--label {
  min-width: auto;
  line-height: 23px;
  text-align: left;
  padding: 0 25px 0 11px;
}
.table--cell .selectBox--arrow {
  opacity: 0.12;
  padding-top: 6px;
  margin-right: 10px;
}
.table--cell .selectBox--inner {
  padding: 0;
}
.table--cell .dropDown-selectBox {
  font-size: 14px;
}
.table--cell .dropDown-selectBox .dropDown--option-selected {
  display: none;
}
.table--cell .dropDown-selectBox .dropDown--option {
  padding: 2px 8px;
}
.table--cell .datePicker .button .icon {
  fill: #fff;
}
.table--cell input[type='text'] {
  padding-left: 12px;
}
.table--controlPlaceholder {
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  width: 100%;
  font-size: 14px;
  line-height: 23px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  color: #fff;
}
.table--controlPlaceholder:not(:empty) {
  cursor: pointer;
}
.table--controlPlaceholder .selectBox--labelIcon {
  width: 18px;
  height: 13px;
  vertical-align: baseline;
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}
.table--controlPlaceholder .selectBox--labelIcon .icon {
  vertical-align: baseline;
}
.table--controlPlaceholder-disabled {
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
}
.table--controlPlaceholder-sell {
  color: #d64f58;
}
.table--controlPlaceholder-sell..table--controlPlaceholder-sell-disabled {
  color: $negative-disabed-text-color;
}
.table--controlPlaceholder-buy {
  color: #299171;
}
.table--controlPlaceholder-buy..table--controlPlaceholder-buy-disabled {
  color: $positive-disabed-text-color;
}
.controlPlaceholder--title {
  padding-right: 10px;
}
.controlPlaceholder--title + .selectBox--arrow {
  padding-top: 4px;
}
.lockContainer .numericStepper--input input,
.lockContainer .numericStepper--input .numericStepper--pseudoInput {
  padding-left: 17px;
}
.dropDown-selectBox-insideCell .dropDown--option {
  padding: 0 4px 0 12px;
}

.emptyView__container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 115px;
  height: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.5);
  background: linear-gradient(to bottom, #2c2d3d, #2c2d3d);
}
.emptyView__title {
  font-size: 20px;
}
.emptyView__content {
  font-size: 15px;
  margin-top: 15px;
}

.grid--body {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  height: auto;
}
.grid--body:not(.scrollable-withVerticalScrollbar) {
  margin-right: 3px;
}
.grid--body .scrollable--wrapper .scrollable--container .scrollable--content {
  padding-top: 19px;
  padding-bottom: 0;
}

.checkBox input {
  display: none;
}
.checkBox--label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.checkBox--view {
  position: relative;
  width: 17px;
  height: 17px;
  box-sizing: border-box;
  margin-right: 0.66em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 1px solid transparent;
  text-align: center;
  overflow: hidden;
}
.checkBox--view::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: all 220ms ease-in;
}
.checkBox--icon {
  display: none;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
input:checked + .checkBox--label .checkBox--icon {
  margin-top: 2px;
  display: inline-block;
  vertical-align: top;
}
.checkBox--view {
  border-color: #3d4e66;
  background: #222633;
}
.checkBox--icon {
  fill: #55aeee;
}
.checkBox--label {
  color: #fff;
}
.checkBox--label .checkBox--view {
  border-color: #3d4e66;
  background: #222633;
  box-shadow: 0 1px 0 0 $ input-default-shadow-inner-color inset;
  transition: box-shadow 220ms ease-in;
}
.checkBox--label:hover .checkBox--view,
.checkBox--label.\:hover .checkBox--view {
  border-color: #73a9e1;
  transition: background 220ms ease-in;
}
.checkBox--label:hover .checkBox--view::before,
.checkBox--label.\:hover .checkBox--view::before {
  background-color: rgba(255, 255, 255, 0.06);
}
.checkBox--label:active .checkBox--view,
.checkBox--label.\:active .checkBox--view {
  border-color: #55aeee;
  background: #222633;
}
.checkBox--label:focus,
.checkBox--label.\:focus {
  outline: none;
}
input[disabled] + .checkBox--label .checkBox--view {
  background: rgba(255, 255, 255, 0.06);
  border-color: $checkbox-disabled-border-color;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0) inset;
}
input[disabled] + .checkBox--label .checkBox--icon {
  fill: #737a80;
}
input[disabled] + .checkBox--label .checkBox--text {
  color: rgba(255, 255, 255, 0.5);
}

.mobile .checkBox--view {
  width: 17px;
  height: 17px;
  margin-right: 9px;
}
.mobile .checkBox--icon {
  width: 9px;
  height: 9px;
}
.mobile .checkBox--text {
  font-size: 14px;
}
.mobile .checkBox input:checked + .checkBox--label .checkBox--icon {
  margin-top: 3px;
}

.control-checkBox.control-noLabel label {
  font-size: 0;
}
.control-checkBox.control-noLabel label:before {
  margin: 0;
}

.mobile .grid-empty .emptyView__title {
  font-size: 16px;
}
.mobileScrollable.grid--body {
  padding-top: 20px;
}

.table-accountInfo {
  width: auto;
  table-layout: auto;
}
.table-accountInfo td {
  text-align: left;
  padding: 1px 0 0 0;
}
.table-accountInfo td:first-child {
  padding-left: 0;
}
.table-accountInfo td:last-child {
  padding-left: 35px;
  text-align: right;
}
.table-accountInfo .accountItem--header,
.table-accountInfo .accountItem--value {
  font-size: 12px;
}
.table-accountInfo .accountItem--value {
  text-align: right;
}
.table-accountInfo .grid-empty .grid--body {
  display: none;
}
.table-accountInfo td {
  box-shadow: 0 1px rgba(255, 255, 255, 0.08);
}
.table-accountInfo td:first-child,
.table-accountInfo td:last-child {
  box-shadow: 0 1px rgba(255, 255, 255, 0.08);
}
.table-accountInfo .accountItem--header {
  color: rgba(255, 255, 255, 0.5);
}
.table-accountInfo .accountItem--value {
  color: #fff;
}
.table-accountInfo .accountItem--value-positive {
  color: #299171;
}
.table-accountInfo .accountItem--value-negative {
  color: #d64f58;
}

.contextMenu-accountInfo {
  padding: 7px 7px 5px 7px;
  box-sizing: border-box;
  z-index: 41;
  background-color: #303142;
  box-shadow: 0 2px 10px 0 rgba(9, 10, 15, 0.8);
  border: solid 1px rgba(255, 255, 255, 0.06);
}
.contextMenu-accountInfo .contextMenu--item {
  padding: 0;
}
.contextMenu-accountInfo .contextMenu--item + .contextMenu--item {
  margin-top: 6px;
}
.contextMenu-accountInfo .contextMenu--item:hover,
.contextMenu-accountInfo .contextMenu--item.\:hover {
  background-color: transparent;
}
.contextMenu-accountInfo .contextMenu--item:hover .icon,
.contextMenu-accountInfo .contextMenu--item.\:hover .icon {
  fill: #ffc973;
  transition: color 220ms ease-in;
}
.contextMenu-accountInfo .contextMenu--item:hover .link-pseudo,
.contextMenu-accountInfo .contextMenu--item.\:hover .link-pseudo {
  color: #ffc973;
}
.contextMenu-accountInfo .contextMenu--item:active .icon,
.contextMenu-accountInfo .contextMenu--item.\:active .icon {
  fill: #bf9756;
}
.contextMenu-accountInfo .contextMenu--item:active .link-pseudo,
.contextMenu-accountInfo .contextMenu--item.\:active .link-pseudo {
  color: $picon-link-pressed-color;
}
.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo {
  color: #55aeee;
}
.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo:hover,
.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo.\:hover {
  color: #ffc973;
}
.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo:active,
.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo.\:active {
  color: #bf9756;
}
.contextMenu-accountInfo .contextMenu--pointer:before {
  background: #303142;
}
.contextMenu-accountInfo .contextMenu--cell {
  width: 50%;
}
.contextMenu-accountInfo .contextMenu--row:last-child .contextMenu--cell {
  padding-right: 10px;
}
.contextMenu-accountInfo .contextMenu--row:last-child .contextMenu--cell:last-child {
  padding-right: 0;
  padding-left: 10px;
}
.contextMenu-accountInfo .contextMenu--row:last-child .contextMenu--cell:only-child {
  padding-left: 0;
  padding-right: 0;
}
.contextMenu-accountInfo .contextMenu--icon {
  margin-right: 4px;
}
.contextMenu-accountInfo .contextMenu--icon .icon {
  fill: #55aeee;
  transition: color 220ms ease-out;
}
.contextMenu-accountInfo .contextMenu--icon .icon:hover,
.contextMenu-accountInfo .contextMenu--icon .icon.\:hover {
  fill: #ffc973;
}
.contextMenu-accountInfo .contextMenu--icon .icon:active,
.contextMenu-accountInfo .contextMenu--icon .icon.\:active {
  fill: #bf9756;
}
.contextMenu-accountInfo .grid--body {
  position: static;
}

.accountItem {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
}
.accountItem-account {
  position: relative;
}
.accountItem-account .accountItem--header {
  margin-bottom: 0;
}
.accountItem + .accountItem {
  padding-left: 10px;
}
.accountItem--header {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 12px;
  color: #999;
}
.accountItem--header-time {
  text-transform: uppercase;
  font-size: 0.8rem;
}
.accountItem--value {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin-top: -3px;
  margin-bottom: -3px;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
}
.accountItem--value-positive {
  color: #299171;
}
.accountItem--value-negative {
  color: #d64f58;
}
.accountItem--value .control-selectBox {
  width: 100%;
}
.accountItem--value-balance,
.accountItem--value-equity,
.accountItem--value-fpl,
.accountItem--value-usedMargin,
.accountItem--value-usableMargin,
.accountItem--value-mcLevel {
  position: relative;
}
.accountItem--parametersIndication {
  letter-spacing: 1px;
  position: absolute;
  top: -9px;
  right: 5px;
}
.accountItem--type,
.accountItem--platform {
  position: relative;
  padding: 0 2px;
  border-radius: 0 0 2px 2px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.accountItem--type {
  margin-left: 4px;
}
.accountItem--type-fx {
  background-color: #d3bfb4;
}
.accountItem--type-sb {
  background-color: #d773b7;
}
.accountItem--platform-demo {
  background-color: #6cb5d9;
}
.accountItem--platform-live {
  background-color: #d1544a;
}
.accountItem--amount {
  position: relative;
}
.accountItem .hint {
  position: relative;
  display: inline-block;
  margin-left: 3px;
}
.accountItem .hint .button-icon {
  width: 11px;
  height: 11px;
}
.accountItem .hint .button-icon:hover + .tooltip,
.accountItem .hint .button-icon.\:hover + .tooltip {
  display: block;
}
.accountItem .hint .button-icon:hover .icon-about-us,
.accountItem .hint .button-icon.\:hover .icon-about-us {
  fill: #3d4e66;
}
.accountItem .hint .icon-about-us {
  fill: rgba(255, 255, 255, 0.5);
}
.accountItem .hint .tooltip {
  left: 0;
  top: calc(100% + 15px);
  display: none;
  width: 265px;
  white-space: normal;
  background-color: #2c3447;
  color: #fff;
}

.accountItem {
  vertical-align: top;
  color: #fff;
}
.accountItem--amount {
  color: rgba(255, 255, 255, 0.7);
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: -3px;
  white-space: nowrap;
  overflow: hidden;
}

.accountInfo {
  max-width: 100%;
  color: #ccc;
}
.accountInfo--list {
  display: inline-block;
  vertical-align: middle;
}
.accountInfo--placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.accountInfo--resizeDetector {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: none;
}
.accountInfo--wrap {
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1.4rem;
  text-align: left;
}
.accountInfo--wrap-data {
  position: relative;
}
.accountInfo--wrap-data:after,
.accountInfo--wrap-data:before {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 2;
  width: 21px;
  height: 100%;
  transition: opacity 0.5s;
}
.accountInfo--wrap-data:before {
  background: linear-gradient(to left, rgba(37, 38, 48, 0), #252630);
  background: linear-gradient(to left, rgba(37, 38, 48, 0), var(--theme-800));
}
.accountInfo--wrap-data:after {
  background: linear-gradient(to right, rgba(37, 38, 48, 0), #252630);
}
.accountInfo--wrap-data.accountInfo--wrap-leftHidden:before {
  opacity: 1;
  left: 0;
}
.accountInfo--wrap-data.accountInfo--wrap-rightHidden:after {
  opacity: 1;
  right: 0;
}
.accountInfo--wrap-data .accountInfo--list:hover,
.accountInfo--wrap-data .accountInfo--placeholder:hover,
.accountInfo--wrap-data .accountInfo--list.\:hover,
.accountInfo--wrap-data .accountInfo--placeholder.\:hover {
  background: #212121;
  cursor: pointer;
}
.accountInfo--wrap-data .accountInfo--list {
  position: relative;
}
.accountInfo--wrap-data .accountInfo--list-transition {
  transition: 0.5s;
}
.accountInfo--wrap-data .accountInfo--placeholder {
  display: none;
  float: right;
}
.accountInfo--wrap-data .accountInfo--placeholder span {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  height: 38px;
  vertical-align: middle;
}
.accountInfo--wrap-data .accountItem:first-child {
  padding-left: 20px;
}
.accountInfo--wrap-data .accountItem:last-child {
  padding-right: 20px;
}
.accountInfo--wrap-data .accountItem + .accountItem {
  padding-left: 20px;
}
.accountInfo--wrap-data.accountInfo--wrap-empty {
  white-space: normal;
}
.accountInfo--wrap-data.accountInfo--wrap-empty .accountInfo--placeholder {
  display: block;
  font-size: 12px;
}
.accountInfo--wrap-data.accountInfo--wrap-empty .accountInfo--list {
  display: none;
}
.accountInfo--wrap-data.accountInfo--wrap-empty:before,
.accountInfo--wrap-data.accountInfo--wrap-empty:after {
  display: none;
}
.accountInfo--wrap-account {
  box-sizing: border-box;
  width: 193px;
  padding-left: 20px;
  padding-right: 13px;
  position: relative;
  border-left: 1px dotted rgba(255, 255, 255, 0.2);
}
.accountInfo--wrap-account .accountInfo--list {
  box-sizing: border-box;
  width: auto;
  text-align: left;
}
.accountInfo--wrap-account .accountInfo--settings {
  padding-left: 13px;
}
.accountInfo--wrap-leftHidden .accountInfo--tradingType,
.accountInfo--wrap-rightHidden .accountInfo--tradingType {
  position: absolute;
  top: 5px;
  right: calc(100% + 10px);
  margin-left: 0;
}
.accountInfo--listWrapper {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.accountInfo--settings {
  display: none;
  vertical-align: middle;
  padding: 4px 0;
  border-left: 1px dotted rgba(255, 255, 255, 0.2);
}
.accountInfo--settings .button {
  width: 19px;
  height: 18px;
}

.mobile .accountInfo--wrap-data .accountItem:first-child {
  padding-left: 10px;
}
.mobile .accountInfo--list {
  padding-bottom: 0;
  padding-top: 2px;
}
.mobile .accountItem--header {
  font-size: 11px;
  margin-bottom: 2px;
}
.mobile .accountItem--amount,
.mobile .accountItem--value {
  font-size: 12px;
  line-height: 16px;
}
.mobile .accountInfo--listWrapper {
  overflow-x: auto;
  height: 49px;
}
.mobile .accountInfo--wrap-data {
  text-align: left;
}

.accountInfo--wrap-leftHidden .accountInfo--tradingType,
.accountInfo--wrap-rightHidden .accountInfo--tradingType {
  top: 13px;
}
.accountInfo--list {
  padding: 4px 0;
}
.accountInfo--wrap-data .accountInfo--list:hover,
.accountInfo--wrap-data .accountInfo--placeholder:hover,
.accountInfo--wrap-data .accountInfo--list.\:hover,
.accountInfo--wrap-data .accountInfo--placeholder.\:hover {
  background: transparent;
  cursor: default;
}
.accountInfo--wrap-account {
  display: none;
}

.workArea {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
}
.workArea--header {
  height: 80px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.workArea--inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 5px 5px 45px;
}
.workArea--contentWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
  flex-grow: 1;
  transition: height 1s ease;
}
.workArea--content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
}
.workArea .widget {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.workArea-adding .widget:after,
.workArea-dragging .widget:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(19, 19, 23, 0.9);
  z-index: 100;
  pointer-events: none;
}
.workArea-adding .widget .button-closeWidgetBig {
  display: block;
}
.workArea-dragging .widget .button-closeWidgetBig {
  display: none;
}
.workArea-detachedMode .workArea--header {
  display: none;
}
.workArea-detachedMode .workArea--content {
  top: 0;
  height: 100%;
}

.workArea--header {
  height: 92px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 1;
}
.workArea--inner {
  margin-bottom: 5px;
  height: calc(100% - 92px);
}
.workArea--contentWrap {
  height: 100%;
}
.workArea--content {
  height: 100%;
}

.mobile .workArea--inner {
  height: 100%;
  margin: 4px 0 0 0;
}
.mobile .workArea--header {
  height: 99px;
}

.loaderFailure a,
.loaderFailure .link-pseudo {
  text-decoration: none;
}
.loaderFailure--actions {
  margin: 15px 0 0;
}
.loaderFailure--action {
  display: inline-block;
  vertical-align: middle;
}
.loaderFailure--action + .loaderFailure--action {
  margin-left: 20px;
}
.loaderFailure--action-retry a:before,
.loaderFailure--action-retry .link-pseudo:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 13px;
  margin-right: 5px;
}
.link-pseudo {
  transition: color 200ms;
  text-decoration: underline;
  cursor: pointer;
  color: #55aeee;
}
.link-pseudo:hover,
.loaderFailure--action-cancel a:hover,
.loaderFailure--action-cancel .link-pseudo:hover,
.link-pseudo.\:hover,
.loaderFailure--action-cancel a.\:hover,
.loaderFailure--action-cancel .link-pseudo.\:hover {
  color: #ffc973;
}
.link-pseudo:active,
.link-pseudo.\:active {
  color: #bf9756;
}
.loaderFailure--text {
  color: #99222a;
}
.loaderFailure--action-cancel a,
.loaderFailure--action-cancel .link-pseudo {
  color: #808080;
}
.loaderFailure--action-retry a:before,
.loaderFailure--action-retry .link-pseudo:before {
  background: url(../../wl/primexbt/_/dx/components/loaderFailure/img/icon-retry.png?aa9210181cdc7ac2b16a5827f2426c2e)
  50% 50% no-repeat;
}

.loader-main {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  overflow: hidden;
  display: table;
  width: 100%;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
}
.loader-main .logo {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.loader-main .loadingWheel {
  display: block;
  margin: 30px auto 15px;
}
.loader-main .loader--wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.loader-main .loader--indicatorWrapper {
  display: block;
  margin: 30px auto 15px;
}
.loader-main .loader--text {
  display: inline-block;
  vertical-align: middle;
  padding-left: 1em;
}
.loader-main .loader--failure {
  visibility: hidden;
}
.loader-main .loader--logo {
  position: relative;
  display: inline-block;
}
.loader-main .loader .loaderFailure--text {
  display: none;
}
.loader-main.loader-failed .loader--text {
  display: none;
}
.loader-main.loader-failed .loader--failure {
  visibility: visible;
}
.loader-main.loader-failed .loaderFailure--text {
  display: inline-block;
  vertical-align: middle;
}
.loader-main {
  background-color: #2c2d3d;
}
.loader-main .loader--text {
  color: #454659;
}
.loader-main .loader--text:before {
  animation: mainLoading 1s linear 0s infinite alternate;
}
.loader-done {
  transform: translate3d(0, -100%, 0);
  opacity: 0;
  transition:
    transform 1s,
    opacity 0.75s 0.25s;
}
@keyframes mainLoading {
  50% {
    opacity: 0;
    transform: scale(0.9);
  }
}

.workArea-adding .WorkArea__widget:after,
.workArea-dragging .WorkArea__widget:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(19, 19, 23, 0.9);
  z-index: 100;
  pointer-events: none;
}
.workArea-adding .WorkArea__widget .button-closeWidgetBig {
  display: block;
}
.workArea-dragging .WorkArea__widget .button-closeWidgetBig {
  display: none;
}

.widget-filtered .filterPanel {
  display: -ms-flexbox;
  display: flex;
}
.widget-filtered .filterPanel + div {
  height: calc(100% - 24px);
}
.filterPanel {
  box-sizing: border-box;
  display: none;
  width: 100%;
  padding: 3px 6px;
  font-size: 12px;
  position: relative;
}
.filterPanel--data {
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filterPanel--data:hover + .filterPanel--details,
.filterPanel--data.\:hover + .filterPanel--details {
  display: table;
}
.filterPanel--title {
  margin-right: 9px;
  text-transform: uppercase;
}
.filterPanel--filterName {
  margin-right: 5px;
}
.filterPanel--filteredBy {
  margin-right: 10px;
}
.filterPanel--clear {
  white-space: nowrap;
  text-align: right;
  cursor: pointer;
  pointer-events: all;
}
.filterPanel--details {
  display: none;
  max-width: 355px;
  position: absolute;
  top: 90%;
  left: 20%;
  z-index: 10;
}
.filterPanel--details tr:first-child td {
  padding-top: 7px;
}
.filterPanel--details tr:last-child td {
  padding-bottom: 7px;
}
.filterPanel--details td {
  padding-bottom: 3px;
}
.filterPanel--details td:first-child {
  padding-left: 10px;
  padding-right: 10px;
  text-align: right;
}
.filterPanel--details td:last-child {
  padding-right: 10px;
}
.filterPanel-multipleFilter .filterPanel--data {
  cursor: pointer;
  pointer-events: all;
}
.filterPanel {
  background: linear-gradient(to right, #252633, #252633);
}
.filterPanel--title {
  color: #fff;
}
.filterPanel--filterName {
  color: rgba(255, 255, 255, 0.7);
}
.filterPanel--filteredBy {
  color: #fff;
}
.filterPanel--clear {
  color: #55aeee;
}
.filterPanel--details {
  background: #303142;
  box-shadow: rgba(9, 10, 15, 0.8);
}
.filterPanel--details .filterPanel--filterName {
  color: rgba(255, 255, 255, 0.5);
}

.mobile .filterPanel {
  font-size: 14px;
}

.button-autoresize {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 19px;
  height: 18px;
  background-color: #393a4d;
  border: 1px solid transparent;
}
.button-autoresize .icon {
  width: 13px;
  height: 11px;
  transition: fill 220ms ease-out;
  fill: #fff;
}
.button-autoresize.button-active .icon {
  fill: #3d7399;
}

.button-contextMenu {
  box-sizing: border-box;
  width: 12px;
  height: 9px;
}
.button-contextMenu .icon {
  transition: fill 220ms ease-out;
  width: 12px;
  height: 9px;
  fill: #909099;
}
.button-contextMenu:hover .icon,
.button-contextMenu.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.button-contextMenu:active .icon,
.button-contextMenu_pressed .icon,
.button-contextMenu.\:active .icon {
  fill: #3d7399;
}
.button-contextMenu.button-active .icon {
  fill: #3d7399;
}

.button-closeWidget {
  width: 11px;
  height: 11px;
  border: none;
  transition: color 400ms;
  background: none;
  display: inline-block;
}
.button-closeWidget:hover .icon,
.button-closeWidget.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.button-closeWidget:active,
.button-closeWidget.\:active {
  top: 1px;
}
.button-closeWidget:active .icon,
.button-closeWidget.\:active .icon {
  fill: #3d7399;
}
.button-closeWidget:before {
  transition: opacity 400ms;
}
.button-closeWidget .icon {
  fill: #909099;
  transition: fill 220ms ease-out;
  width: 11px;
  height: 11px;
}

.button-icon.button-closeWidgetBig {
  display: none;
  width: 37px;
  height: 37px;
  transition: color 400ms;
  position: absolute;
  right: 5px;
  top: 12px;
  z-index: 101;
  background: #000;
  border: 1px solid #242322;
}
.button-icon.button-closeWidgetBig:hover .icon,
.button-icon.button-closeWidgetBig.\:hover .icon {
  fill: #ffc973;
}
.button-icon.button-closeWidgetBig:active,
.button-icon.button-closeWidgetBig.\:active {
  top: 13px;
}
.button-icon.button-closeWidgetBig:active .icon,
.button-icon.button-closeWidgetBig.\:active .icon {
  fill: #3d7399;
}
.button-icon.button-closeWidgetBig:before {
  transition: opacity 400ms;
}
.button-icon.button-closeWidgetBig .icon {
  width: 17px;
  height: 17px;
  fill: rgba(255, 255, 255, 0.5);
}

.button-customizeColumns {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 19px;
  height: 18px;
  background-color: #393a4d;
  border: 1px solid transparent;
}
.button-customizeColumns .icon {
  width: 13px;
  height: 13px;
  transition: fill 220ms ease-out;
  fill: #fff;
}

.tab-component__tab___third-party-legacy-react-kit-components-tabs-theme- {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
}
.tab-component__tab_active___third-party-legacy-react-kit-components-tabs-theme- {
  cursor: default;
}

.widget-tab__title {
  font-size: 12px;
}

.tab-h-child__container___0a34d {
  height: 22px;
  transition: all 220ms ease-out;
  overflow: hidden;
  pointer-events: all;
  padding: 0 19px;
  color: rgba(255, 255, 255, 0.5);
  min-width: 40px;
  padding-bottom: 1px;
  line-height: 11px;
  background: #3d3b39;
}
.tab-h-child__container___0a34d:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.4);
}
.tab-h-child__container___0a34d:before {
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 220ms ease-out;
}
.tab-h-child__container___0a34d:hover,
.tab-h-child__container___0a34d.tab-h-child__--hover___f60ef {
  color: #fff;
}
.tab-h-child__container___0a34d:hover:before,
.tab-h-child__container___0a34d.tab-h-child__--hover___f60ef:before {
  background: rgba(255, 255, 255, 0.2);
}
.tab-h-child__container_draggabble___05ce6 {
  background: rgba(204, 163, 82, 0.92);
  box-shadow: 0 2px 10px 0 #ff00d0;
}
.tab-h-child__tab_active___f5cc5 {
  color: #fff;
}
.tab-h-child__tab_active___f5cc5:before {
  background: #55aeee;
}
.tab-h-child__tab_active___f5cc5:hover:before,
.tab-h-child__tab_active___f5cc5.tab-h-child__--hover___f60ef:before {
  background: #ffc973;
}

.button-icon-h-child__container___991cd {
  position: absolute;
  right: 0;
  top: 0;
  width: 19px;
  height: 19px;
  background: transparent;
  border: 0;
  padding: 5px;
  margin-top: 2px;
}
.button-icon-h-child__container___991cd .button-icon-h-child__icon___438c5 {
  width: 7px;
  height: 7px;
  fill: rgba(255, 255, 255, 0.5);
}
.button-icon-h-child__container___991cd:hover .button-icon-h-child__icon___438c5,
.button-icon-h-child__container___991cd.button-icon-h-child__--hover___e3d0f
.button-icon-h-child__icon___438c5 {
  fill: #ffc973;
}
.button-icon-h-child__container___991cd:active .button-icon-h-child__icon___438c5,
.button-icon-h-child__container___991cd.button-icon-h-child__--active___e1ace
.button-icon-h-child__icon___438c5 {
  fill: #3d7399;
}
.button-icon-h-child__container___991cd:focus,
.button-icon-h-child__container___991cd.button-icon-h-child__--focus___665a7 {
  box-shadow: none;
}
.button-icon-h-child__container___991cd:before {
  content: none;
}

.widgetNew--header__headerInfo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-right: 5px;
}
.widgetNew--header__headerInfo .icon {
  fill: #909099;
}
.widgetNew--header__headerInfo:not(:last-child) .widgetNew--header__headerFullScreen {
  width: 15px;
  height: 15px;
  margin-top: -5px;
  margin-right: 6px;
}
.widgetNew--header__headerInfo:not(:last-child) .widgetNew--header__loadingIndicatorWrapper {
  position: absolute;
  right: 0;
  background: #393a4d;
}
.widgetNew--header__headerInfo:not(:last-child) .widgetNew--header__loadingIndicatorWrapper:after {
  content: '';
  width: 15px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 17px;
  background: linear-gradient(to left, #393a4d, rgba(57, 58, 77, 0));
}
.widgetNew--header__headerInfo:not(:last-child) .widgetNew--header__loadingIndicatorWrapper:before {
  content: '';
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 14px;
  background: #393a4d;
}
.widgetNew--header__headerTitle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
  font-weight: bold;
  padding-left: 6px;
}
.widgetNew--header__headerLoadingIndicator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 14px;
  height: 14px;
  margin-left: 10px;
}
.widgetNew--header__headerContent {
  height: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-width: 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}
.widgetNew--header__headerContent .button:not(:first-child) {
  margin-left: 6px;
}
.widgetNew--header__headerContent .control:not(:first-child),
.widgetNew--header__headerContent .accountSelector__container:not(:first-child),
.widgetNew--header__headerContent .button-linking-wrapper:not(:first-child) {
  margin-left: 15px;
}
.widgetNew--header__headerContent .control input[type='text'] {
  height: 19px;
  line-height: normal;
}
.widgetNew--header__headerContent .control-numericStepper .numericStepper--input input {
  font-size: 12px;
}
.widgetNew--header__headerContent
.control-numericStepper
.numericStepper--input
input[type='text'] {
  padding-right: 35px;
}
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control {
  height: 15px;
  width: 15px;
}
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:before {
  background: transparent;
  transition: background 220ms ease-in;
}
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:hover:before,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:hover:before {
  background: rgba(255, 255, 255, 0.1);
}
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:active:hover:before,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:active:before,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:active.\:hover:before,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:active:before {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.15);
}
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:focus,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:focus {
  box-shadow: 0 0 0 1px #55aeee;
}
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled],
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:hover,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled:hover,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled]:hover,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:active,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled:active,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled]:active,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:hover,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled.\:hover,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled].\:hover,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:active,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled.\:active,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled].\:active {
  background-color: #31323d;
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
  border-color: transparent;
  box-shadow: 0 0 0 1px #2d2e3d;
  pointer-events: none;
}
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:before,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled:before,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled]:before,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:hover:before,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled:hover:before,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled]:hover:before,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:active:before,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled:active:before,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled]:active:before,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:hover:before,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled.\:hover:before,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled].\:hover:before,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:active:before,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled.\:active:before,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled].\:active:before {
  border-color: transparent;
  background: transparent;
}
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled]
.icon,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:hover
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled:hover
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled]:hover
.icon,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:active
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled:active
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled]:active
.icon,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:hover
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled.\:hover
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled].\:hover
.icon,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:active
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled.\:active
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled].\:active
.icon {
  fill: rgba(255, 255, 255, 0.3);
}
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control-down {
  right: 18px;
}
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control
.icon {
  margin: 3px auto;
}
.widgetNew--header__headerContent .button-info {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.widgetNew--header__headerInner {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.widgetNew--header__loadingIndicatorWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.widgetNew--header__buttonContextMenu {
  margin-right: 6px;
  margin-left: 11px;
}
.widgetNew--header__buttonToggleSizeWidget {
  width: 11px;
  height: 11px;
  margin-right: 10px;
  border: 0;
}
.widgetNew--header__buttonToggleSizeWidget .icon {
  fill: #909099;
}
.widgetNew--header__buttonToggleSizeWidget:hover .icon,
.widgetNew--header__buttonToggleSizeWidget.widgetNew--header__--hover .icon {
  fill: #ffc973;
}
.widgetNew--header__headerActions {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-left: auto;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 11px;
  padding-right: 6px;
}
.widgetNew--header__headerActions .button-autoresize {
  margin-right: 12px;
}
.widgetNew--header__headerActions .button-customizeColumns {
  margin-right: 10px;
}
.widgetNew--header__headerActions .button-collapseAllPositions {
  margin-right: 8px;
}
.widgetNew--header__headerActions .button-expandAllPositions {
  margin-right: 12px;
}
.widgetNew--header__headerActions .button-contextMenu {
  height: 11px;
  margin-right: 10px;
  margin-left: 0;
}
.widgetNew--header__headerActions .button-video {
  margin-right: 10px;
}
.widgetNew--header__headerActions .control-foldButton {
  margin-right: 10px;
}
.widgetNew--header__headerActions .control-foldButton .button-icon {
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.widgetNew--header__headerActions .widgetNew__buttonToggleSizeWidget {
  vertical-align: middle;
}
.widgetNew--header__mainControls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.4);
}
.widgetNew--header__headerContentWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-width: 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}
.mobile .widgetNew--header__headerContent .control input[type='text'] {
  font-size: 13px;
}

.chartLayout {
  display: table;
}
.chartLayout--row {
  display: table-row;
}
.chartLayout--cell {
  display: table-cell;
  vertical-align: top;
}
.chartLayout--cell-axis {
  width: auto;
  min-width: 44px;
  max-width: 80px;
}

.chart {
  display: table;
  width: 100%;
}

.chart canvas {
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
}

.chart--canvasArea {
  display: table-cell;
  width: 100%;
}

.chart--studiesWrapper {
  display: table-row;
}

.chart--studiesInner {
  display: table-cell;
  column-span: all; /* W3C */
  -webkit-column-span: all; /* Safari & Chrome */
  -moz-column-span: all; /* Firefox */
  -ms-column-span: all; /* Internet Explorer */
  -o-column-span: all; /* Opera */
}

.chart--studies {
  display: table-row-group;
  width: 100%;
}

.chart--graph,
.chart--axisWrapper-x,
.chart--map {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.chart--map {
  display: table-row;
}

.chart--axisWrapper-x,
.chart--graph {
  display: table-row;
}

.chart--graph-resizable {
  display: table-row;
  height: 100%;
}

.chart--resizeHandle {
  height: 3px;
  cursor: s-resize;
}

.chart--axisWrapper-y {
  display: table-cell;
  width: 60px;
  vertical-align: top;
}

.chart--axis-y {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 9pt;
  font-family: sans-serif;
}

.chart--axisWrapper-x {
  height: 20px;
}

.chart--axis-x {
  position: relative;
  display: table-cell;
  padding: 3px 0 0;
  border: 1px solid;
  font-family: sans-serif;
}

.chart--axis-x > .current,
.chart--axis-y > .current,
.chart--axis-y > .last {
  border: 1px solid;
  border-radius: 5px;
}

.chart--axis-x > div,
.chart--axis-y > div {
  position: absolute;
  font-size: 9px;
}

.chart--axis.chart--axis-y.chart--axisExpander > div {
  position: relative;
  visibility: hidden;
  line-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.chart--axis-y > div {
  margin: -7px 5px 0;
  padding: 1px 3px;
}

.chart--canvasWrapper {
  position: relative;
  width: 100%;
}

.crossTool--line {
  position: absolute;
}

.crossTool--line-horizontal {
  left: 0;
  width: 100%;
  border-top: 1px dotted;
  opacity: 0.5;
}

.crossTool--line-vertical {
  top: 0;
  height: 100%;
  border-left: 1px dotted;
  opacity: 0.5;
}

.crossTool--label span {
  display: inline-block;
  margin: 5px;
  padding: 3px 10px;
  border: 1px solid;
  border-radius: 15px;
  white-space: nowrap;
  font-size: 10px;
  font-family: sans-serif;
}

.crossTool--label-volume {
  position: absolute;
  bottom: 5px;
  left: 0;
}

.crossTool--stickPoint {
  position: absolute;
  display: none;
  margin-top: -3px;
  margin-left: -3px;
  width: 7px;
  height: 7px;
}

.chart--legend {
  position: absolute;
  top: 0;
  z-index: 2;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}

.chart--legend > p {
  overflow: hidden;
  width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  font-size: 14px;
}

.chart--legend > p:hover,
.chart--legend > p.\:hover {
  width: auto;
}

.chartStudy--infoBar {
  font-size: 14px;
}

.chart--highLowIndicator {
  position: absolute;
  padding: 4px;
  border-radius: 4px;
  opacity: 0.5;
}

.chart--highLowIndicator-low {
  margin-top: -2em;
}

.chartStudy-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.chartStudy--marker {
  display: inline-block;
  margin: 3px 3px 1px 7px;
  width: 7px;
  height: 7px;
}

.chart {
  overflow: visible;
}
.chart--area-hidden {
  border: 0;
}
.chart--highlight {
  left: 0;
  right: 0;
}
.chart--highLowIndicator {
  padding: 0 5px;
  font-size: 10px;
  line-height: 15px;
  margin-left: 7px;
}
.chart--highLowIndicator:after {
  content: '';
  position: absolute;
  left: -6px;
  border-style: solid;
  display: block;
  width: 0;
  z-index: 1;
}
.chart--highLowIndicator-low {
  margin-top: -15px;
  border-radius: 3px 3px 3px 0;
}
.chart--highLowIndicator-low:after {
  bottom: 0;
  border-width: 6px 6px 0 0;
}
.chart--highLowIndicator-high {
  border-radius: 0 3px 3px 3px;
  margin-top: 0;
}
.chart--highLowIndicator-high:after {
  top: 0;
  border-width: 0 6px 6px 0;
}
.chart--highLowIndicator-pointerRight {
  margin-right: 7px;
  margin-left: 0;
}
.chart--highLowIndicator-pointerRight:after {
  left: auto;
  right: -6px;
}
.chart--highLowIndicator-pointerRight.chart--highLowIndicator-low {
  border-radius: 3px 3px 0 3px;
}
.chart--highLowIndicator-pointerRight.chart--highLowIndicator-low:after {
  border-width: 6px 0 0 6px;
}
.chart--highLowIndicator-pointerRight.chart--highLowIndicator-high {
  border-radius: 3px 0 3px 3px;
}
.chart--highLowIndicator-pointerRight.chart--highLowIndicator-high:after {
  border-width: 0 0 6px 6px;
}
.chart--linesWrapper,
.chart--highlights {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip: rect(auto, auto, 3000px, 0);
}
.chart--canvasWrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.chart--linesWrapper {
  z-index: 4;
}
.chart--highlights {
  z-index: 3;
}
.chart--lines {
  width: 118px;
  left: 130px;
}
.chart--map {
  height: 35px;
}
.chart--axis {
  border: none;
  font-family: inherit;
}
.chart--axis > div {
  font-size: 10px;
  line-height: 12px;
}
.chart--axis-x {
  display: block;
  position: relative;
}
.chart--axis-x .current {
  display: none;
}
.chart--axis-x-label {
  position: absolute;
  right: 4px;
  top: -10px;
  font-size: 10px;
  padding-left: 1px;
  padding-right: 9px;
  width: 50px;
  background-color: #2c2d3d;
}
.chart--axis-y .last {
  line-height: 1;
  padding: 0.167em 0.334em 0.25em 0.334em;
  border: 0;
  border-radius: 0;
  z-index: 5;
}
.chart--axis-y-label {
  position: absolute;
  top: 6px;
  right: 5px;
  font-size: 10px;
  padding-left: 1px;
  padding-right: 9px;
  width: 50px;
  background-color: #2c2d3d;
}
.chart--legend {
  margin-top: 2px;
  margin-left: 7px;
  top: 0;
}
.chart--legend p,
.chart .chartStudy--infoBar {
  font-size: 1.1rem;
}
.chart--resizeHandle {
  display: none;
}
.chart--axis-y {
  padding: 0;
}
.chart--axis-y > div {
  margin: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.chart--axis-y > div,
.chart--axis-y > div.last {
  padding-left: 5px;
  padding-right: 5px;
}
.chart-watchlist .chart--legend p {
  display: none;
}
.chart-watchlist .chart .chartLayout--cell-axis,
.chart-watchlist .chart .chart--axisWrapper-y {
  max-width: 40px;
}
.chart-watchlist .chart .chart--axis > div {
  font-size: 0.9rem;
  line-height: 1;
}
.chart-watchlist .chart .chart--axis-y > div {
  margin: -7px 0 0;
}
.chart-watchlist .chart .chart--axis-x {
  padding: 6px 0 0;
}
.chart-watchlist .chart .chartLine:before {
  background-color: rgba(255, 255, 255, 0.08);
}
.chart--cursor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.chart--cursor .cursor {
  display: none;
  position: absolute;
}
.chart--cursor .cursor-visible {
  display: inline-block;
  vertical-align: middle;
}
.chart--hiddenLinesInfoBox {
  position: absolute;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  border-radius: 1px;
  background-image: linear-gradient(
  70deg,
  $chart-drawing-management-panel-bg-color-1,
  $chart-drawing-management-panel-bg-color-2 98%
  );
  display: none;
  padding: 0 7px;
  text-transform: uppercase;
  z-index: 5;
  white-space: nowrap;
  pointer-events: none;
  left: 0;
}
.chart--hiddenLinesInfoBox:before {
  content: ' ';
  position: absolute;
  left: 50%;
  background-image: linear-gradient(
  70deg,
  $chart-drawing-management-panel-bg-color-1,
  $chart-drawing-management-panel-bg-color-2 98%
  );
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  height: 8px;
  width: 8px;
}
.chart--hiddenLinesInfoBox-visible {
  display: block;
}
.chart--hiddenLinesInfoBox-top {
  top: 10px;
  box-shadow: 0 -4px 10px 0 #000;
}
.chart--hiddenLinesInfoBox-top:before {
  top: -4px;
}
.chart--hiddenLinesInfoBox-bottom {
  bottom: 10px;
  box-shadow: 0 4px 10px 0 #000;
}
.chart--hiddenLinesInfoBox-bottom:before {
  bottom: -4px;
}
.chart {
  background: #2c2d3d;
  color: #666;
}
.chart--axis {
  color: #666;
}
.chart--axis-y .last {
  color: #8ebcd4;
  background: rgba(44, 45, 61, 0.8);
}
.chart--highlight-buy {
  background-color: rgba(26, 143, 109, 0.12);
}
.chart--highlight-sell {
  background-color: rgba(176, 66, 74, 0.12);
}
.chart--highLowIndicator {
  opacity: 1;
  background: rgba(255, 255, 255, 0.6);
  color: #fff;
}
.chart--highLowIndicator:after {
  border-color: transparent rgba(255, 255, 255, 0.6);
}
.watchlistChart .chart {
  background-color: #252633;
}
.detailsChart .chart--legend {
  display: none;
}

.chartMap {
  position: relative;
  display: table-cell;
}
.chart--map {
  height: 38px;
}

.chartMap--canvasWrapper {
  position: relative;
  margin: 0 18px;
  height: 100%;
}

.chartMap--labels {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.chartMap--labels > div {
  position: absolute;
  height: 100%;
  border-left: 1px solid;
}

.chartMap--controls {
  position: absolute;
  top: 0;
  display: table;
  width: 100%;
  height: 100%;
}

.chartMap--button {
  position: absolute;
  top: 0;
  width: 18px;
  height: 38px;
  border: 1px solid;
  font-weight: bold;
}

.chartMap--button-toLeft {
  left: 0;
  border-radius: 5px 0 0 5px;
}

.chartMap--button-toRight {
  right: 0;
  border-radius: 0 5px 5px 0;
}

.chartMap--area {
  display: table-cell;
}

.chartMap--area-hidden {
  width: 10px;
  height: 100%;
  border: 1px solid;
  vertical-align: middle;
}

.chartMap--area:first-child {
  text-align: right;
}

.chartMap--knob {
  display: inline-block;
  width: 5px;
  height: 25px;
  border: 1px solid;
  background: white;
  cursor: e-resize;
}

.chartMap--knob-toLeft {
  right: 0;
  margin-right: -4px;
  border-radius: 5px 0 0 5px;
}

.chartMap--knob-toRight {
  left: 0;
  margin-left: -4px;
  border-radius: 0 5px 5px 0;
}

.chartMap--window {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.chartMap--container {
  position: relative;
}

.chartMap {
  position: relative;
  border-top: 1px solid;
}
.chartMap--knob,
.chartMap--button,
.chartMap--area-hidden {
  border: 0;
}
.chartMap--canvasWrapper {
  position: relative;
  margin: 0 15px;
  height: 100%;
}
.chartMap--button {
  border: none;
  padding: 0;
  width: 15px;
  height: 35px;
  font-size: 0.7rem;
  line-height: 35px;
  border-radius: 2px;
  z-index: 10;
}
.chartMap--button:active,
.chartMap--button.\:active {
  top: 1px;
}
.chartMap--button:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px;
}
.chartMap--button-toRight:before {
  margin-left: 4px;
}
.chartMap--button-toLeft:before {
  margin-right: 4px;
}
.chartMap--labels {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.chartMap--labels > div {
  position: absolute;
  height: 100%;
  border-left: none;
}
.chartMap--area {
  border: none;
  height: 35px;
}
.chartMap--knob {
  border: none;
  height: 26px;
  width: 7px;
  border-radius: 0;
  text-align: center;
}
.chartMap--knob-toLeft {
  margin-right: 1px;
}
.chartMap--knob-toRight {
  margin-left: 1px;
}
.chartMap--knob:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-top: 7px;
  width: 1px;
  height: 11px;
}
.chart {
  display: table;
  width: 100%;
}

.chart canvas {
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
}

.chart--canvasArea {
  display: table-cell;
  width: 100%;
}

.chart--studiesWrapper {
  display: table-row;
}

.chart--studiesInner {
  display: table-cell;
  column-span: all; /* W3C */
  -webkit-column-span: all; /* Safari & Chrome */
  -moz-column-span: all; /* Firefox */
  -ms-column-span: all; /* Internet Explorer */
  -o-column-span: all; /* Opera */
}

.chart--studies {
  display: table-row-group;
  width: 100%;
}

.chart--graph,
.chart--axisWrapper-x,
.chart--map {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.chart--map {
  display: table-row;
}

.chart--axisWrapper-x,
.chart--graph {
  display: table-row;
}

.chart--graph-resizable {
  display: table-row;
  height: 100%;
}

.chart--resizeHandle {
  height: 3px;
  cursor: s-resize;
}

.chart--axisWrapper-y {
  display: table-cell;
  width: 60px;
  vertical-align: top;
}

.chart--axis-y {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 9pt;
  font-family: sans-serif;
}

.chart--axisWrapper-x {
  height: 20px;
}

.chart--axis-x {
  position: relative;
  display: table-cell;
  padding: 3px 0 0;
  border: 1px solid;
  font-family: sans-serif;
}

.chart--axis-x > .current,
.chart--axis-y > .current,
.chart--axis-y > .last {
  border: 1px solid;
  border-radius: 5px;
}

.chart--axis-x > div,
.chart--axis-y > div {
  position: absolute;
  font-size: 9px;
}

.chart--axis.chart--axis-y.chart--axisExpander > div {
  position: relative;
  visibility: hidden;
  line-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.chart--axis-y > div {
  margin: -7px 5px 0;
  padding: 1px 3px;
}

.chart--canvasWrapper {
  position: relative;
  width: 100%;
}

.crossTool--line {
  position: absolute;
}

.crossTool--line-horizontal {
  left: 0;
  width: 100%;
  border-top: 1px dotted;
  opacity: 0.5;
}

.crossTool--line-vertical {
  top: 0;
  height: 100%;
  border-left: 1px dotted;
  opacity: 0.5;
}

.crossTool--label span {
  display: inline-block;
  margin: 5px;
  padding: 3px 10px;
  border: 1px solid;
  border-radius: 15px;
  white-space: nowrap;
  font-size: 10px;
  font-family: sans-serif;
}

.crossTool--label-volume {
  position: absolute;
  bottom: 5px;
  left: 0;
}

.crossTool--stickPoint {
  position: absolute;
  display: none;
  margin-top: -3px;
  margin-left: -3px;
  width: 7px;
  height: 7px;
}

.chart--legend {
  position: absolute;
  top: 0;
  z-index: 2;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}

.chart--legend > p {
  overflow: hidden;
  width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  font-size: 14px;
}

.chart--legend > p:hover,
.chart--legend > p.\:hover {
  width: auto;
}

.chartStudy--infoBar {
  font-size: 14px;
}

.chart--highLowIndicator {
  position: absolute;
  padding: 4px;
  border-radius: 4px;
  opacity: 0.5;
}

.chart--highLowIndicator-low {
  margin-top: -2em;
}

.chartStudy-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.chartStudy--marker {
  display: inline-block;
  margin: 3px 3px 1px 7px;
  width: 7px;
  height: 7px;
}

.chart {
  overflow: visible;
}
.chart--area-hidden {
  border: 0;
}
.chart--highlight {
  left: 0;
  right: 0;
}
.chart--highLowIndicator {
  padding: 0 5px;
  font-size: 10px;
  line-height: 15px;
  margin-left: 7px;
}
.chart--highLowIndicator:after {
  content: '';
  position: absolute;
  left: -6px;
  border-style: solid;
  display: block;
  width: 0;
  z-index: 1;
}
.chart--highLowIndicator-low {
  margin-top: -15px;
  border-radius: 3px 3px 3px 0;
}
.chart--highLowIndicator-low:after {
  bottom: 0;
  border-width: 6px 6px 0 0;
}
.chart--highLowIndicator-high {
  border-radius: 0 3px 3px 3px;
  margin-top: 0;
}
.chart--highLowIndicator-high:after {
  top: 0;
  border-width: 0 6px 6px 0;
}
.chart--highLowIndicator-pointerRight {
  margin-right: 7px;
  margin-left: 0;
}
.chart--highLowIndicator-pointerRight:after {
  left: auto;
  right: -6px;
}
.chart--highLowIndicator-pointerRight.chart--highLowIndicator-low {
  border-radius: 3px 3px 0 3px;
}
.chart--highLowIndicator-pointerRight.chart--highLowIndicator-low:after {
  border-width: 6px 0 0 6px;
}
.chart--highLowIndicator-pointerRight.chart--highLowIndicator-high {
  border-radius: 3px 0 3px 3px;
}
.chart--highLowIndicator-pointerRight.chart--highLowIndicator-high:after {
  border-width: 0 0 6px 6px;
}
.chart--linesWrapper,
.chart--highlights {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip: rect(auto, auto, 3000px, 0);
}
.chart--canvasWrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.chart--linesWrapper {
  z-index: 4;
}
.chart--highlights {
  z-index: 3;
}
.chart--lines {
  width: 118px;
  left: 130px;
}
.chart--map {
  height: 35px;
}
.chart--axis {
  border: none;
  font-family: inherit;
}
.chart--axis > div {
  font-size: 10px;
  line-height: 12px;
}
.chart--axis-x {
  display: block;
  position: relative;
}
.chart--axis-x .current {
  display: none;
}
.chart--axis-x-label {
  position: absolute;
  right: 4px;
  top: -10px;
  font-size: 10px;
  padding-left: 1px;
  padding-right: 9px;
  width: 50px;
  background-color: #2c2d3d;
}
.chart--axis-y .last {
  line-height: 1;
  padding: 0.167em 0.334em 0.25em 0.334em;
  border: 0;
  border-radius: 0;
  z-index: 5;
}
.chart--axis-y-label {
  position: absolute;
  top: 6px;
  right: 5px;
  font-size: 10px;
  padding-left: 1px;
  padding-right: 9px;
  width: 50px;
  background-color: #2c2d3d;
}
.chart--legend {
  margin-top: 2px;
  margin-left: 7px;
  top: 0;
}
.chart--legend p,
.chart .chartStudy--infoBar {
  font-size: 1.1rem;
}
.chart--resizeHandle {
  display: none;
}
.chart--axis-y {
  padding: 0;
}
.chart--axis-y > div {
  margin: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.chart--axis-y > div,
.chart--axis-y > div.last {
  padding-left: 5px;
  padding-right: 5px;
}
.chart-watchlist .chart--legend p {
  display: none;
}
.chart-watchlist .chart .chartLayout--cell-axis,
.chart-watchlist .chart .chart--axisWrapper-y {
  max-width: 40px;
}
.chart-watchlist .chart .chart--axis > div {
  font-size: 0.9rem;
  line-height: 1;
}
.chart-watchlist .chart .chart--axis-y > div {
  margin: -7px 0 0;
}
.chart-watchlist .chart .chart--axis-x {
  padding: 6px 0 0;
}
.chart-watchlist .chart .chartLine:before {
  background-color: rgba(255, 255, 255, 0.08);
}
.chart--cursor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.chart--cursor .cursor {
  display: none;
  position: absolute;
}
.chart--cursor .cursor-visible {
  display: inline-block;
  vertical-align: middle;
}
.chart--hiddenLinesInfoBox {
  position: absolute;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  border-radius: 1px;
  background-image: linear-gradient(
  70deg,
  $chart-drawing-management-panel-bg-color-1,
  $chart-drawing-management-panel-bg-color-2 98%
  );
  display: none;
  padding: 0 7px;
  text-transform: uppercase;
  z-index: 5;
  white-space: nowrap;
  pointer-events: none;
  left: 0;
}
.chart--hiddenLinesInfoBox:before {
  content: ' ';
  position: absolute;
  left: 50%;
  background-image: linear-gradient(
  70deg,
  $chart-drawing-management-panel-bg-color-1,
  $chart-drawing-management-panel-bg-color-2 98%
  );
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  height: 8px;
  width: 8px;
}
.chart--hiddenLinesInfoBox-visible {
  display: block;
}
.chart--hiddenLinesInfoBox-top {
  top: 10px;
  box-shadow: 0 -4px 10px 0 #000;
}
.chart--hiddenLinesInfoBox-top:before {
  top: -4px;
}
.chart--hiddenLinesInfoBox-bottom {
  bottom: 10px;
  box-shadow: 0 4px 10px 0 #000;
}
.chart--hiddenLinesInfoBox-bottom:before {
  bottom: -4px;
}
.chart {
  background: #2c2d3d;
  color: #666;
}
.chart--axis {
  color: #666;
}
.chart--axis-y .last {
  color: #8ebcd4;
  background: rgba(44, 45, 61, 0.8);
}
.chart--highlight-buy {
  background-color: rgba(26, 143, 109, 0.12);
}
.chart--highlight-sell {
  background-color: rgba(176, 66, 74, 0.12);
}
.chart--highLowIndicator {
  opacity: 1;
  background: rgba(255, 255, 255, 0.6);
  color: #fff;
}
.chart--highLowIndicator:after {
  border-color: transparent rgba(255, 255, 255, 0.6);
}
.watchlistChart .chart {
  background-color: #252633;
}
.detailsChart .chart--legend {
  display: none;
}
.chartMap {
  border-color: #212121;
}
.chartMap--button,
.chartMap--knob {
  background: #222633;
  color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(61, 78, 102, 0.06),
    inset -1px 0 0 rgba(61, 78, 102, 0.04),
    inset 0 -1px 0 rgba(61, 78, 102, 0.02),
    inset 1px 0 0 rgba(61, 78, 102, 0.04);
}
.chartMap--button-toRight:before {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.chartMap--button-toLeft:before {
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.chartMap--canvasWrapper {
  background: transparent;
}
.chartMap--area-visible {
  background-color: rgba(184, 196, 204, 0.15);
  box-shadow: 0 0 0 1px #000;
}
.chartMap--knob:before {
  background: #fff;
}
.chartMap--labels > div {
  color: #666;
  background: rgba(255, 255, 255, 0);
  text-shadow: 0 0 3px rgba(255, 255, 255, 0);
  height: auto;
  border-radius: 1px;
  padding: 0px 2px;
}
.chartMapLayout--cell,
.chartMapLayout--row {
  color: #fff;
  opacity: 0.4;
}

.chart--axis-y .last {
  display: none;
}

.chartMap--button {
  background: transparent;
}
.chartMap--button-toLeft {
  box-shadow:
    inset 0 1px 0 rgba(61, 78, 102, 0),
    inset -1px 0 0 #3d4e66,
    inset 0 -1px 0 rgba(61, 78, 102, 0),
    inset 1px 0 0 rgba(61, 78, 102, 0);
}
.chartMap--button-toRight {
  box-shadow:
    inset 0 1px 0 rgba(61, 78, 102, 0),
    inset -1px 0 0 rgba(61, 78, 102, 0),
    inset 0 -1px 0 rgba(61, 78, 102, 0),
    inset 1px 0 0 #3d4e66;
}
.chartMap--knob {
  background: transparent;
  box-shadow:
    inset 0 1px 0 #3d4e66,
    inset -1px 0 0 #3d4e66,
    inset 0 -1px 0 #3d4e66,
    inset 1px 0 0 #3d4e66;
}
.chartMap--area-visible {
  box-shadow:
    inset 0 1px 0 transparent,
    -1px 0 0 #000,
    inset 0 -1px 0 transparent,
    1px 0 0 #000;
}

.numeric {
  display: inline-block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.numeric:empty {
  text-align: inherit;
}
.numeric:empty:before {
  content: '—';
}
.numeric:empty:before {
  color: #3b3b3b;
}

.grid-account .grid--body {
  top: 0;
}
.grid-account .grid--body .scrollable--wrapper .scrollable--container .scrollable--content {
  padding-top: 0;
}
.grid-account .table th {
  text-align: left;
}
.grid-account th {
  color: rgba(255, 255, 255, 0.5);
}
.grid-account .account--row-chart td {
  background: #252633;
}
.grid-account .account--chart {
  position: relative;
  overflow: hidden;
  margin-top: 2px;
  height: 74px;
}
.grid-account .account--label {
  position: relative;
}
.grid-account .account--value {
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-account .account--value-positive {
  color: #299171;
}
.grid-account .account--value-negative {
  color: #d64f58;
}
.grid-account .chart {
  background: transparent;
}

.pip-rate__container {
  position: relative;
}

.changebleValue--part-significant {
  font-size: 1.25em;
  line-height: 0;
  font-weight: normal;
}
.changebleValue-up {
  color: #299171;
}
.changebleValue-down {
  color: #d64f58;
}
.changebleValue-alternate.changebleValue-up {
  color: #299171;
}
.changebleValue-alternate.changebleValue-down {
  color: #d64f58;
}

.order--reject,
.order--symbol,
.order--status {
  display: inline-block;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order--price,
.order--type,
.order--stopLoss,
.order--takeProfit,
.order--bid,
.order--ask,
.order--currentPrice,
.order--triggerPrice,
.order--timeDate,
.order--timeDateModified,
.order--expiration,
.order--id,
.order--quantity,
.order--condition,
.order--fillPrice {
  position: relative;
}
#ruler .order--statusIcon,
.grid--body .order--statusIcon {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 11px;
}
#ruler .order--side,
.grid--body .order--side {
  letter-spacing: 1px;
  font-size: 1.1rem;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: right;
}
.order--typeIcon i {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  text-indent: -99999px;
  text-align: left;
}
.order-rejected .order--actions,
.order-canceled .order--actions,
.order-filled .order--actions,
.order-expired .order--actions,
.order-expanded .order--actions,
.position-expanded .order--actions,
.position-selected .order--actions {
  visibility: hidden;
  opacity: 0;
}
.order-heading .order--actions,
.position-heading .position--actions {
  display: none;
}
.order--actions {
  display: block;
  width: 100%;
  text-align: right;
}
.order--actions .button-icon {
  margin-right: 5px;
  width: 10px;
  height: 10px;
}
.order--actions {
  transition: opacity 400ms;
}
.order--actions .button-icon .icon {
  fill: #fff;
}
.order-rejected td,
.order-canceled td,
.order-filled td,
.order-expired td,
.order-rejected td .price,
.order-canceled td .price,
.order-filled td .price,
.order-expired td .price {
  color: #808080;
}
.order-rejected .order--typeIcon,
.order-canceled .order--typeIcon,
.order-filled .order--typeIcon,
.order-expired .order--typeIcon,
.order-rejected .order--status,
.order-canceled .order--status,
.order-filled .order--status,
.order-expired .order--status,
.order-rejected .order--statusIcon,
.order-canceled .order--statusIcon,
.order-filled .order--statusIcon,
.order-expired .order--statusIcon {
  opacity: 0.6;
}
.order-pending .order--statusIcon .icon {
  fill: #fbcc00;
}
.order-pending .order--status {
  color: #fbcc00;
}
.order-expired .order--statusIcon .icon {
  fill: rgba(255, 255, 255, 0.8);
}
.order-expired .order--status {
  color: rgba(255, 255, 255, 0.8);
}
.order-filled .order--statusIcon .icon {
  fill: #0aa40a;
}
.order-filled .order--status {
  color: #0aa40a;
}
.order-working .order--statusIcon .icon {
  fill: #ccc;
}
.order-working .order--status {
  color: #ccc;
}
.order-rejected .order--statusIcon .icon {
  fill: #b42a41;
}
.order-rejected .order--status {
  color: #b42a41;
}
.order-canceled .order--statusIcon .icon {
  fill: rgba(255, 255, 255, 0.8);
}
.order-canceled .order--status {
  color: rgba(255, 255, 255, 0.8);
}
.order-sending .order--statusIcon .icon {
  fill: #8ebcd4;
}
.order-sending .order--status {
  color: #8ebcd4;
}
.order-sending.order-sell .order--side,
.order-pending.order-sell .order--side,
.order-working.order-sell .order--side {
  color: #d64f58;
}
.order-sending.order-buy .order--side,
.order-pending.order-buy .order--side,
.order-working.order-buy .order--side {
  color: #299171;
}
.order-expanded .table--cell,
.position-expanded .table--cell,
.position-selected .table--cell,
.order-expanded .table--cell:first-child,
.position-expanded .table--cell:first-child,
.position-selected .table--cell:first-child,
.order-expanded .table--cell:last-child,
.position-expanded .table--cell:last-child,
.position-selected .table--cell:last-child {
  background-color: #454659;
  color: #fff;
}
.order-expanded .table--cell .numeric:empty:before,
.position-expanded .table--cell .numeric:empty:before,
.position-selected .table--cell .numeric:empty:before,
.order-expanded .table--cell:first-child .numeric:empty:before,
.position-expanded .table--cell:first-child .numeric:empty:before,
.position-selected .table--cell:first-child .numeric:empty:before,
.order-expanded .table--cell:last-child .numeric:empty:before,
.position-expanded .table--cell:last-child .numeric:empty:before,
.position-selected .table--cell:last-child .numeric:empty:before {
  color: #ccc;
}
.order--typeIcon i {
  background-repeat: no-repeat;
  background-image: url(../../wl/primexbt/_/dx/components/order/img/icons-positions-orders-statuses.png?2928e6804ce9ec202e4619516ab54c91);
}
.order--typeIcon-sell i {
  background-color: #b0424a;
}
.order--typeIcon-sell.order--typeIcon-l i {
  background-position: 0 -11px;
}
.order--typeIcon-sell.order--typeIcon-m i {
  background-position: 0 -33px;
}
.order--typeIcon-sell.order--typeIcon-s i {
  background-position: 0 -55px;
}
.order--typeIcon-sell.order--typeIcon-trs i {
  background-position: 0 -77px;
}
.order--typeIcon-buy i {
  background-color: #1a8f6d;
}
.order--typeIcon-buy.order--typeIcon-l i {
  background-position: 0 0px;
}
.order--typeIcon-buy.order--typeIcon-m i {
  background-position: 0 -22px;
}
.order--typeIcon-buy.order--typeIcon-s i {
  background-position: 0 -44px;
}
.order--typeIcon-buy.order--typeIcon-trs i {
  background-position: 0 -66px;
}
.position--timedate,
.position--fillPrice,
.position--totalTitle,
.position--bid,
.position--instrument--cell,
.position--ask,
.position--id {
  position: relative;
}
.position--symbol {
  vertical-align: middle;
  display: inline-block;
}
.position--pl.numeric {
  width: 3.5em;
}
.position--protection {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.position-heading .position--protection {
  font-size: inherit;
  letter-spacing: inherit;
}
.position--protection .protection-sl {
  float: left;
}
.position--protection .protection-tp {
  float: right;
}
.position--actions {
  display: block;
  width: 100%;
  text-align: right;
}
.position--actions .button-icon {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  margin-top: -2px;
}
.position--actions .button-icon:last-child {
  margin-right: 0;
}
.position--totalTitle {
  position: relative;
}
.position--padding {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.position--aggregationIcon {
  cursor: pointer;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.position small {
  color: #808080;
}
.position--side-sell {
  color: #d64f58;
}
.position--side-buy {
  color: #299171;
}
.position--pl-negative {
  color: #d64f58;
}
.position--pl-positive {
  color: #299171;
}
.position--protection {
  color: rgba(255, 255, 255, 0.5);
}
.position-expanded .button-closePosition span,
.position-selected .button-closePosition span {
  opacity: 0.9;
  background-position: 0px -850px;
}
.position-expanded .position--protection,
.position-selected .position--protection {
  color: #fff;
}
.position-selected.highlighted td,
.position-selected.highlighted td:first-child,
.position-selected.highlighted td:last-child {
  background-color: #454659;
  color: #fff;
}
.position-selected .button-closeBy .icon,
.position-selected .button-closePosition .icon {
  fill: #fff;
}
.position-selected .button-closeBy .icon:hover,
.position-selected .button-closePosition .icon:hover,
.position-selected .button-closeBy .icon.\:hover,
.position-selected .button-closePosition .icon.\:hover {
  fill: #ffc973;
}
.position--aggregationTitleContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-width: 11px;
}
.position--aggregationTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 3px;
}

.mobile .position--actions .button-icon {
  width: 14px;
  height: 14px;
}

td.AggregationCell__container .table--cell:first-child {
  padding: 0;
}
.AggregationCell__content {
  position: relative;
  box-sizing: border-box;
  padding: 1px 28px 0;
  height: 23px;
  font-size: 14px;
  background: #3b3c4d;
}
.AggregationCell__content_open .button-openIcon {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.AggregationCell__content .button-openIcon {
  position: absolute;
  left: 12px;
  top: 9px;
  width: 4px;
  height: 7px;
  border: none;
  fill: #909099;
}
.AggregationCell__content .button-closePositionGroup {
  position: absolute;
  right: 8px;
  top: 9px;
  width: 7px;
  height: 7px;
  border: none;
  fill: #fff;
}
.AggregationCell__checkboxWrapper {
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
}
.AggregationCell__checkboxWrapper .control-checkBox {
  vertical-align: top;
}
.AggregationCell__plannedMarker {
  display: inline-block;
  background: $planned-marker-bg;
  color: $planned-marker-text;
  width: 12px;
  height: 11px;
  margin-right: 8px;
  font-size: 10px;
  font-weight: bold;
  line-height: 0.75;
  text-indent: 3px;
  vertical-align: top;
}
.AggregationCell__levelPosition {
  position: relative;
}
.AggregationCell__levelPosition .icon-tree {
  margin: 3px 3px 0 -10px;
  position: relative;
  vertical-align: initial;
}
.AggregationCell__levelPosition-1 .position--padding {
  min-width: 10px;
}
.AggregationCell__levelPosition-2 .position--padding {
  min-width: 20px;
}
.AggregationCell__levelPosition-3 .position--padding {
  min-width: 30px;
}
.AggregationCell__levelPosition-4 .position--padding {
  min-width: 40px;
}
.AggregationCell__levelPosition-5 .position--padding {
  min-width: 50px;
}
.AggregationCell__side {
  font-weight: bold;
  margin-right: 6px;
}
.AggregationCell__side_positive {
  color: #299171;
}
.AggregationCell__side_negative {
  color: #d64f58;
}
.AggregationCell__spread {
  font-weight: bold;
  margin-right: 8px;
}
.AggregationCell__underlying {
  color: #fff;
  margin-right: 6px;
}
.AggregationCell__expiration {
  margin-right: 8px;
}
.AggregationCell__credit {
  text-transform: uppercase;
  margin-right: 8px;
  color: #fff;
}
.AggregationCell__credit_negative,
.AggregationCell__credit_positive {
  color: #fff;
}
.AggregationCell__aggregationBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.price {
  width: 5.5em;
}
.price strong {
  font-size: 1.25em;
  line-height: 0;
  font-weight: normal;
}
.price sup {
  font-size: 8px;
  display: inline-block;
  vertical-align: super;
  margin: 0 -5px 0 0;
}
.price {
  color: inherit;
}
.price-up {
  color: #299171;
}
.price-down {
  color: #d64f58;
}

.button-closeBy {
  width: 9px;
}
.button-closeBy .icon {
  width: 9px;
  height: 8px;
}
.button-closeBy .icon {
  fill: rgba(255, 255, 255, 0.5);
  transition: fill 220ms ease-out;
}
.button-closeBy:hover .icon,
.button-closeBy.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}

.button-closePosition .icon {
  width: 7px;
  height: 7px;
}
.button-closePosition .icon {
  fill: rgba(255, 255, 255, 0.5);
  transition: fill 220ms ease-out;
}
.button-closePosition:hover .icon,
.button-closePosition.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}

.mobile .button-closePosition .icon {
  width: 9px;
  height: 9px;
}

.grid-positions .table--colAdapts-symbol {
  width: 7.5em;
}
.grid-positions .table--colAdapts-quantity {
  width: 6em;
}
.grid-positions .table--colAdapts-actions {
  width: 3.5em;
}
.grid-positions .table--colAdapts-usedMargin {
  width: 96px;
}
.grid-positions .table--colAdapts-totalFinancing {
  width: 103px;
}
.grid-positions .table--colAdapts-totalCommissions {
  width: 124px;
}
.grid-positions .table--colAdapts-instrument {
  width: 233px;
}
.grid-positions .table--colAdapts-side {
  width: 59px;
}
.grid-positions .table--colAdapts-type {
  width: 59px;
}
.grid-positions .table--colAdapts-qty {
  width: 68px;
}
.grid-positions .table--colAdapts-avgFillPrice {
  width: 96px;
}
.grid-positions .table--colAdapts-volatility {
  width: 8em;
}
.grid-positions .table--colAdapts-last {
  width: 66px;
}
.grid-positions .table--colAdapts-dayQuantity {
  width: 93px;
}
.grid-positions .table--colAdapts-expirationDate {
  width: 109px;
}
.grid-positions .table--colAdapts-instrumentType {
  width: 112px;
}
.grid-positions .table--colAdapts-underlying {
  width: 85px;
}
.grid-positions .table--colAdapts-strike {
  width: 66px;
}
.grid-positions .table--colAdapts-contractSize {
  width: 95px;
}
.grid-positions .table--colAdapts-description {
  width: 88px;
}
.grid-positions .table--colAdapts-marketValue {
  width: 96px;
}
.grid-positions .table--colAdapts-account {
  width: 135px;
}
.grid-positions .table--colAdapts-dayOpenPl {
  width: 97px;
}
.grid-positions .table--colAdapts-openPl {
  width: 76px;
}
.grid-positions .table--colAdapts-maintenanceMargin {
  width: 136px;
}
.grid-positions .table--colAdapts-daysToExpiration {
  width: 123px;
}
.grid-positions .table--colAdapts-initialMargin {
  width: 98px;
}
.grid-positions .table--colAdapts-overnightInitialMargin {
  width: 153px;
}
.grid-positions .table--colAdapts-dayClosedPl {
  width: 104px;
}
.grid-positions .table--colAdapts-overnightMaintenanceMargin {
  width: 190px;
}
.grid-positions .table--colAdapts-openPlQty {
  width: 97px;
}
.grid-positions .table--colAdapts-intrinsicValue {
  width: 102px;
}
.grid-positions .table--colAdapts-positionGamma,
.grid-positions .table--colAdapts-positionVega,
.grid-positions .table--colAdapts-positionRho,
.grid-positions .table--colAdapts-positionDelta {
  width: 112px;
}
.grid-positions .table--colAdapts-intrinsicPl {
  width: 92px;
}
.grid-positions .table--colAdapts-underlyingPrice {
  width: 114px;
}
.grid-positions .table--colAdapts-theoPrice {
  width: 82px;
}
.grid-positions .table--colAdapts-openPlPercent {
  width: 87px;
}
.grid-positions .table--colAdapts.grid-aggregationInstrument .table--colAdapts-instrument {
  width: 26em;
}
.grid-positions
.table--colAdapts.grid-aggregationInstrument
.table--columnHeader.position--instrument {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.grid-positions .table--totalsWrapper {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}
.grid-positions .table-totals {
  position: relative;
  background-color: #3b3c4d;
}
.grid-positions .table-totals .position--total td {
  box-shadow: 0 1px #2c2d3d;
}
.grid-positions .table-totals .position--total td:first-child .table--cell {
  overflow: visible;
  padding-left: 12px;
  padding-right: 14px;
}
.grid-positions .scrollable-withHorizontalScrollbar + .table--totalsWrapper {
  bottom: 9px;
}
.grid-positions.grid-aggregation .table--colAdapts-symbol {
  width: 20em;
}
.grid-positions.grid-aggregation .position--padding .position-icon:nth-child(1) {
  margin-left: 3px;
}
.grid-positions.grid-aggregation .position--padding .position-icon:nth-last-child(1) {
  margin-right: 2px;
}
.grid-positions.grid-aggregation .position--aggregation {
  display: inline-block;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  padding-left: 0;
}
.grid-positions.grid-aggregation .position--aggregation .icon-tree {
  margin-left: 1px;
}
.grid-positions.grid-aggregation .position--value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 11px;
}
.grid-positions.grid-aggregation .position-child .position--padding {
  min-width: 28px;
}
.grid-positions.grid-aggregation .position-child .position--symbol .position--aggregationIcon {
  margin: 0 1px 0 0;
  width: 9px;
  height: 9px;
}
.grid-positions.grid-aggregation .position-child td:nth-child(2) .table--cell {
  padding-left: 0;
}
.grid-positions.grid-aggregation
.position-child
.AggregationCell__levelPosition-1
.position--padding {
  min-width: 24px;
}
.grid-positions.grid-aggregation
.position-child
.AggregationCell__levelPosition-2
.position--padding {
  min-width: 34px;
}
.grid-positions.grid-aggregation
.position-child
.AggregationCell__levelPosition-3
.position--padding {
  min-width: 44px;
}
.grid-positions.grid-aggregation
.position-child
.AggregationCell__levelPosition-4
.position--padding {
  min-width: 54px;
}
.grid-positions.grid-aggregation
.position-child
.AggregationCell__levelPosition-5
.position--padding {
  min-width: 64px;
}
.grid-positions.grid-aggregation .table th:first-child .table--columnHeader {
  -ms-flex-pack: center;
  justify-content: center;
}
.grid-positions.grid-aggregationInstrument .table--colAdapts-instrument {
  width: 26em;
}
.grid-positions.grid-aggregationInstrument .table--columnHeader.position--instrument {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.grid-positions .position-heading .position--symbol {
  padding-left: 13px;
}
.grid-positions .position:not(.position-selected):hover .table--cell,
.grid-positions .position:not(.position-selected).\:hover .table--cell {
  background-color: #434659;
}
.grid-positions .scrollable-withHorizontalScrollbar .scrollable--wrapper {
  padding-bottom: 9px;
  box-sizing: border-box;
  /*Need for Firefox*/
}
.grid-positions .scrollable-withHorizontalScrollbar .scrollable--wrapper .scrollable--container {
  scrollbar-color: transparent transparent;
}
.grid-positions.grid-aggregation .grid--body .position td {
  box-shadow: none;
  transition: none;
}
.grid-positions.grid-aggregation .grid--body .position td .table--cell {
  background-color: #3b3c4d;
}
.grid-positions.grid-aggregation .grid--body .position td.group-cell_filtered .table--cell {
  background-color: $positionsBackgroundGroupFiltered;
}
.grid-positions.grid-aggregation .grid--body .position:hover td,
.grid-positions.grid-aggregation .grid--body .position.\:hover td {
  box-shadow: none;
  transition: none;
}
.grid-positions.grid-aggregation .grid--body .position:hover td .table--cell,
.grid-positions.grid-aggregation .grid--body .position.\:hover td .table--cell {
  background-color: #4f5066;
}
.grid-positions.grid-aggregation .grid--body .position:hover td.group-cell_filtered .table--cell,
.grid-positions.grid-aggregation .grid--body .position.\:hover td.group-cell_filtered .table--cell {
  background-color: #4f5066;
}
.grid-positions.grid-aggregation .grid--body .position-selected td {
  box-shadow: none;
  transition: none;
}
.grid-positions.grid-aggregation .grid--body .position-selected td .table--cell {
  background-color: $table-group-bg-selected-color;
}
.grid-positions.grid-aggregation
.grid--body
.position-selected
td.group-cell_filtered
.table--cell {
  background-color: $positionsBackgroundGroupFiltered;
}
.grid-positions.grid-aggregation .grid--body .position-selected:hover td,
.grid-positions.grid-aggregation .grid--body .position-selected.\:hover td {
  box-shadow: none;
  transition: none;
}
.grid-positions.grid-aggregation .grid--body .position-selected:hover td .table--cell,
.grid-positions.grid-aggregation .grid--body .position-selected.\:hover td .table--cell {
  background-color: #4f5066;
}
.grid-positions.grid-aggregation
.grid--body
.position-selected:hover
td.group-cell_filtered
.table--cell,
.grid-positions.grid-aggregation
.grid--body
.position-selected.\:hover
td.group-cell_filtered
.table--cell {
  background-color: #4f5066;
}
.grid-positions.grid-aggregation .grid--body .position-selected td.cell_filtered .table--cell {
  background-color: $positionsBackgroundSelectedFiltered;
}
.grid-positions.grid-aggregation .grid--body .position-selected:hover td.cell_filtered .table--cell,
.grid-positions.grid-aggregation
.grid--body
.position-selected.\:hover
td.cell_filtered
.table--cell {
  background-color: #4f5066;
}
.grid-positions.grid-aggregation .grid--body .position:hover,
.grid-positions.grid-aggregation .grid--body .position.\:hover {
  color: #fff;
  transition: color 220ms ease-in;
}
.grid-positions.grid-aggregation .grid--body .position--aggregationIcon {
  fill: #909099;
}
.grid-positions.grid-aggregation .grid--body .position .icon-tree {
  fill: rgba(255, 255, 255, 0.5);
}
.grid-positions.grid-aggregation .grid--body .position-open:not(:first-child) td,
.grid-positions.grid-aggregation .grid--body .position-closed:not(:first-child) td {
  box-shadow: inset 0 1px #2c2d3d;
}
.grid-positions.grid-aggregation .grid--body .position-open:not(:first-child):hover td,
.grid-positions.grid-aggregation .grid--body .position-closed:not(:first-child):hover td,
.grid-positions.grid-aggregation .grid--body .position-open:not(:first-child).\:hover td,
.grid-positions.grid-aggregation .grid--body .position-closed:not(:first-child).\:hover td {
  box-shadow: none;
}
.grid-positions.grid-aggregation .grid--body .position-child td {
  box-shadow: 0 1px rgba(255, 255, 255, 0.08) inset;
  transition: none;
}
.grid-positions.grid-aggregation .grid--body .position-child td .table--cell {
  background-color: transparent;
}
.grid-positions.grid-aggregation .grid--body .position-child td.group-cell_filtered .table--cell {
  background-color: $positionsBackgroundGroupFiltered;
}
.grid-positions.grid-aggregation .grid--body .position-child:hover td,
.grid-positions.grid-aggregation .grid--body .position-child.\:hover td {
  box-shadow: none;
  transition: none;
}
.grid-positions.grid-aggregation .grid--body .position-child:hover td .table--cell,
.grid-positions.grid-aggregation .grid--body .position-child.\:hover td .table--cell {
  background-color: #434659;
}
.grid-positions.grid-aggregation
.grid--body
.position-child:hover
td.group-cell_filtered
.table--cell,
.grid-positions.grid-aggregation
.grid--body
.position-child.\:hover
td.group-cell_filtered
.table--cell {
  background-color: #434659;
}
.grid-positions.grid-aggregation
.grid--body
.position-child.position-highlighted:not(.position-selected)
td,
.grid-positions.grid-aggregation
.grid--body
.position-child.position-highlighted:not(.position-selected)
td:first-child,
.grid-positions.grid-aggregation
.grid--body
.position-child.position-highlighted:not(.position-selected)
td:last-child {
  color: #fff;
  box-shadow: 0 -1px #2c2d3d inset;
}
.grid-positions.grid-aggregation
.grid--body
.position-child.position-highlighted:not(.position-selected)
td
.table--cell,
.grid-positions.grid-aggregation
.grid--body
.position-child.position-highlighted:not(.position-selected)
td:first-child
.table--cell,
.grid-positions.grid-aggregation
.grid--body
.position-child.position-highlighted:not(.position-selected)
td:last-child
.table--cell {
  background-color: #94ffea;
}
.grid-positions.grid-aggregation .grid--body .position-child.position-selected td {
  box-shadow: inset 0 1px #2c2d3d;
  transition: none;
}
.grid-positions.grid-aggregation .grid--body .position-child.position-selected td .table--cell {
  background-color: #454659;
}
.grid-positions.grid-aggregation
.grid--body
.position-child.position-selected
td.group-cell_filtered
.table--cell {
  background-color: $positionsBackgroundGroupFiltered;
}
.grid-positions.grid-aggregation .grid--body .position-child.position-selected:hover td,
.grid-positions.grid-aggregation .grid--body .position-child.position-selected.\:hover td {
  box-shadow: none;
  transition: none;
}
.grid-positions.grid-aggregation
.grid--body
.position-child.position-selected:hover
td
.table--cell,
.grid-positions.grid-aggregation
.grid--body
.position-child.position-selected.\:hover
td
.table--cell {
  background-color: #434659;
}
.grid-positions.grid-aggregation
.grid--body
.position-child.position-selected:hover
td.group-cell_filtered
.table--cell,
.grid-positions.grid-aggregation
.grid--body
.position-child.position-selected.\:hover
td.group-cell_filtered
.table--cell {
  background-color: #434659;
}
.grid-positions.grid-aggregation
.grid--body
.position-child.position-selected
td.cell_filtered
.table--cell {
  background-color: $positionsBackgroundSelectedFiltered;
}
.grid-positions.grid-aggregation .grid--body .position-child.position-selected:hover td,
.grid-positions.grid-aggregation .grid--body .position-child.position-selected.\:hover td {
  box-shadow: inset 0 1px #2c2d3d;
}
.grid-positions.grid-aggregation
.grid--body
.position-child.position-selected:hover
td
.table--cell,
.grid-positions.grid-aggregation
.grid--body
.position-child.position-selected.\:hover
td
.table--cell {
  background-color: #454659;
}
.grid-positions.grid-aggregation .grid--body .position-child:hover td.cell_filtered .table--cell,
.grid-positions.grid-aggregation .grid--body .position-child.\:hover td.cell_filtered .table--cell {
  background-color: #434659;
}
.grid-positions.grid-aggregation
.grid--body
.position-open:not(.position-selected)
+ .position-child
td,
.grid-positions.grid-aggregation
.grid--body
.position-closed:not(.position-selected)
+ .position-child
td,
.grid-positions.grid-aggregation
.grid--body
.position-child
+ .position:not(.position-child):not(.position-selected)
td,
.grid-positions.grid-aggregation
.grid--body
.position-open:not(.position-selected)
+ .position-child:hover
td,
.grid-positions.grid-aggregation
.grid--body
.position-closed:not(.position-selected)
+ .position-child:hover
td,
.grid-positions.grid-aggregation
.grid--body
.position-child
+ .position:not(.position-child):not(.position-selected):hover
td,
.grid-positions.grid-aggregation
.grid--body
.position-open:not(.position-selected)
+ .position-child.\:hover
td,
.grid-positions.grid-aggregation
.grid--body
.position-closed:not(.position-selected)
+ .position-child.\:hover
td,
.grid-positions.grid-aggregation
.grid--body
.position-child
+ .position:not(.position-child):not(.position-selected).\:hover
td {
  box-shadow: none;
}
.grid-positions.grid-aggregation .position--aggregationTitle {
  color: #fff;
}

.mobile .grid-positions .table--colAdapts-symbol {
  width: 9.7em;
}
.mobile .grid-positions .table--colAdapts-quantity {
  width: 7.8em;
}
.mobile .grid-positions .table--colAdapts-actions {
  width: 5.5em;
}
.mobile .grid-positions .table--colAdapts-usedMargin {
  width: 125px;
}

.grid-positionBook.grid-editable .table--body .table--row-aggregationRow .table--cell,
.grid-positionBook.grid-editable .table--body .position--total .table--cell {
  box-shadow: none;
}
.grid-positionBook.grid-editable .table--body .table--cell-control {
  box-shadow: 1px 0 rgba(255, 255, 255, 0.08);
}
.grid-positionBook .grid--head {
  z-index: 3;
}
.grid-positionBook .table--colAdapts-symbol {
  width: 123px;
}
.grid-positionBook .table--colAdapts-side {
  width: 69px;
}
.grid-positionBook .table--colAdapts-qty {
  width: 66px;
}
.grid-positionBook .table--colAdapts-avgFillPrice {
  width: 104px;
}
.grid-positionBook .table--colAdapts-last,
.grid-positionBook .table--colAdapts-ask,
.grid-positionBook .table--colAdapts-bid {
  width: 80px;
}
.grid-positionBook .table--colAdapts-openPl {
  width: 84px;
}
.grid-positionBook .table--colAdapts-openPlQty {
  width: 106px;
}
.grid-positionBook .table--colAdapts-openPlPercent {
  width: 97px;
}
.grid-positionBook .table--colAdapts-dayOpenPl {
  width: 105px;
}
.grid-positionBook .table--colAdapts-initialMargin {
  width: 106px;
}
.grid-positionBook .table--colAdapts-overnightInitialMargin {
  width: 152px;
}
.grid-positionBook .table--colAdapts-dayClosedPl {
  width: 114px;
}
.grid-positionBook .table--colAdapts-dayQuantity {
  width: 101px;
}
.grid-positionBook .table--colAdapts-maintenanceMargin {
  width: 144px;
}
.grid-positionBook .table--colAdapts-overnightMaintenanceMargin {
  width: 190px;
}
.grid-positionBook .table--colAdapts-marketValue {
  width: 104px;
}
.grid-positionBook .table--colAdapts-totalCost {
  width: 86px;
}
.grid-positionBook .table--colAdapts-account {
  width: 99px;
}
.grid-positionBook .table--colAdapts-description {
  width: 239px;
}
.grid-positionBook .table--colAdapts-expirationDate {
  width: 153px;
}
.grid-positionBook .table--colAdapts-usedMargin {
  width: 96px;
}
.grid-positionBook .table--colAdapts-spread {
  width: 44px;
}
.grid-positionBook .table thead th .table--cell-spread .table--columnHeader {
  -ms-flex-pack: center;
  justify-content: center;
}
.grid-positionBook .table thead th .table--cell-highlighted {
  color: $table-header-updating-highlight-text-color;
}
.grid-positionBook .table--body td:first-child,
.grid-positionBook .table--body th:first-child {
  padding-left: 6px;
}
.grid-positionBook .table--body td:first-child .table--cell,
.grid-positionBook .table--body th:first-child .table--cell {
  padding-right: 0;
  padding-left: 0;
}
.grid-positionBook .table--body .table--cell-symbolCell {
  text-align: left;
}
.grid-positionBook .table--body .table--cell-digits {
  text-align: right;
}
.grid-positionBook .table--body .table--cell-text {
  text-align: left;
}
.grid-positionBook .table--body .table--cell-highlighted {
  background-color: $table-cell-updating-highlight-bg-color;
}
.grid-positionBook .table--body .table--cell-spread {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 0;
  overflow: visible;
}
.grid-positionBook .table--body .table--cell-spread .lockContainer {
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.grid-positionBook .table--body .table--cell-spread .lockButton {
  box-shadow: 0 0 0 1px transparent;
}
.grid-positionBook .table--body .table--cell-spread .lockButton:focus,
.grid-positionBook .table--body .table--cell-spread .lockButton.\:focus {
  box-shadow: 0 0 0 1px #55aeee;
}
.grid-positionBook .table--body .table--cell-spread .control-spreadSelector {
  background: transparent;
  box-shadow: none;
}
.grid-positionBook .table--body .table--cell-spread .control-spreadSelector:before {
  display: none;
}
.grid-positionBook .table--body .table--cell-spread .control-spreadSelector .selectBox--labelIcon {
  display: inline-block;
}
.grid-positionBook .table--body .table--cell-spread .control-spreadSelector .selectBox--arrow {
  display: none;
}
.grid-positionBook
.table--body
.table--cell-spread
.control-spreadSelector
.selectBox-title
.selectBox--labelIcon {
  display: none;
}
.grid-positionBook .table--row:hover,
.grid-positionBook .table--row.\:hover {
  cursor: pointer;
}
.grid-positionBook .table--row:hover .table--cell,
.grid-positionBook .table--row.\:hover .table--cell {
  background-color: #434659;
}
.grid-positionBook .table--row:hover .table--cell-highlighted,
.grid-positionBook .table--row.\:hover .table--cell-highlighted {
  background-color: $table-cell-updating-highlight-bg-color;
}
.grid-positionBook .table--row-aggregationRow .table--cell-highlighted {
  background: transparent;
}
.grid-positionBook .position--wrapperCell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.grid-positionBook .position--totalTitle {
  color: #fff;
  text-transform: none;
  font-weight: 500;
  font-size: 14px;
}
.grid-positionBook .position--total td {
  font-size: 14px;
}
.grid-positionBook .table--totalsWrapper {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}
.grid-positionBook .table-totals {
  position: relative;
  background-color: #3b3c4d;
}
.grid-positionBook .table-totals .position--total td {
  box-shadow: 0 1px #2c2d3d;
}
.grid-positionBook .table-totals .position--total td:first-child .table--cell {
  overflow: visible;
  padding-left: 12px;
  padding-right: 14px;
}
.grid-positionBook .scrollable-withHorizontalScrollbar + .table--totalsWrapper {
  bottom: 9px;
}
.grid-positionBook.grid-aggregation .table--colAdapts-spread {
  width: 284px;
}
.grid-positionBook.grid-aggregation .table--colAdapts-symbol {
  width: 90px;
}
.grid-positionBook.grid-aggregation .table--colAdapts-side {
  width: 112px;
}
.grid-positionBook.grid-aggregation .table--colAdapts-quantity {
  width: 94px;
}
.grid-positionBook.grid-aggregation .table--colAdapts-expiration {
  width: 114px;
}
.grid-positionBook.grid-aggregation .table--colAdapts-strike {
  width: 90px;
}
.grid-positionBook.grid-aggregation .table--colAdapts-type {
  width: 90px;
}
.grid-positionBook.grid-aggregation .table--colAdapts-price {
  width: 106px;
}
.grid-positionBook.grid-aggregation .table--colAdapts-yeild {
  width: 117px;
}
.grid-positionBook.grid-aggregation .table--colAdapts-volume {
  width: 117px;
}
.grid-positionBook.grid-aggregation .table--colAdapts-delta {
  width: 90px;
}
.grid-positionBook.grid-aggregation .table--colAdapts-bpEffect {
  width: 90px;
}
.grid-positionBook.grid-aggregation .table--colAdapts-actions {
  width: 23px;
}
.grid-positionBook.grid-aggregation
.table--row:not(.table--row-selected).table--row-aggregationRow
.table--cell {
  background-color: #3b3c4d;
}
.grid-positionBook.grid-aggregation
.table--row:not(.table--row-selected).table--row-aggregationRow
.position--aggregation {
  padding-right: 0;
  padding-left: 0;
}
.grid-positionBook.grid-aggregation
.table--row:not(.table--row-selected).table--row-aggregationRow
.position--aggregation
.table--cell {
  padding-right: 3px;
  padding-left: 6px;
}
.grid-positionBook.grid-aggregation .icon-tree {
  width: 7px;
  height: 9px;
  margin: 0 3px 0 -10px;
  position: relative;
  vertical-align: initial;
  fill: rgba(255, 255, 255, 0.5);
}
.grid-positionBook.grid-aggregation .level-position-1 .position--padding {
  min-width: 10px;
}
.grid-positionBook.grid-aggregation .level-position-2 .position--padding {
  min-width: 20px;
}
.grid-positionBook.grid-aggregation .level-position-3 .position--padding {
  min-width: 30px;
}
.grid-positionBook.grid-aggregation .level-position-4 .position--padding {
  min-width: 40px;
}
.grid-positionBook.grid-aggregation .level-position-5 .position--padding {
  min-width: 50px;
}
.grid-positionBook.grid-aggregation .position--padding {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.grid-positionBook.grid-aggregation .position--padding .position-icon:nth-child(1) {
  margin-left: 3px;
}
.grid-positionBook.grid-aggregation .position--padding .position-icon:nth-last-child(1) {
  margin-right: 2px;
}
.grid-positionBook.grid-aggregation .position--symbol {
  vertical-align: top;
  padding-left: 0;
}
.grid-positionBook.grid-aggregation .position--symbol .icon-tree {
  margin-left: 1px;
}
.grid-positionBook.grid-aggregation .position--symbolValue {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 11px;
}
.grid-positionBook.grid-aggregation .position--aggregationIcon {
  cursor: pointer;
  width: 8px;
  height: 8px;
  margin: 0 5px 0 4px;
  display: inline-block;
  vertical-align: middle;
  fill: #909099;
}
.grid-positionBook.grid-aggregation .position-child .position--padding {
  min-width: 16px;
}
.grid-positionBook.grid-aggregation .position-child .position--symbol .position--aggregationIcon {
  margin: 0 1px 0 0;
  width: 9px;
  height: 9px;
}
.grid-positionBook.grid-aggregation .position-child .position--instrument {
  padding-left: 0;
}
.grid-positionBook.grid-aggregation
.position-child
.position--instrument.level-position-1
.position--padding {
  min-width: 3px;
}
.grid-positionBook.grid-aggregation
.position-child
.position--instrument.level-position-2
.position--padding {
  min-width: 13px;
}
.grid-positionBook.grid-aggregation
.position-child
.position--instrument.level-position-3
.position--padding {
  min-width: 23px;
}
.grid-positionBook.grid-aggregation
.position-child
.position--instrument.level-position-4
.position--padding {
  min-width: 33px;
}
.grid-positionBook.grid-aggregation
.position-child
.position--instrument.level-position-5
.position--padding {
  min-width: 43px;
}
.grid-positionBook.grid-aggregation .position-child td:nth-child(2) .table--cell {
  padding-left: 0;
}
.grid-positionBook .scrollable-withHorizontalScrollbar .scrollable--wrapper {
  padding-bottom: 9px;
  box-sizing: border-box;
}

.grid-positions .table--col-timeDate,
.grid-positionBook .table--col-timeDate,
.grid-positions .table--colAdapts-timeDate,
.grid-positionBook .table--colAdapts-timeDate {
  width: 125px;
}
.grid-positions .table--col-symbol,
.grid-positionBook .table--col-symbol,
.grid-positions .table--colAdapts-symbol,
.grid-positionBook .table--colAdapts-symbol {
  width: 84px;
}
.grid-positions .table--col-id,
.grid-positionBook .table--col-id,
.grid-positions .table--colAdapts-id,
.grid-positionBook .table--colAdapts-id {
  width: 80px;
}
.grid-positions .table--col-quantity,
.grid-positionBook .table--col-quantity,
.grid-positions .table--colAdapts-quantity,
.grid-positionBook .table--colAdapts-quantity,
.grid-positions .table--col-size,
.grid-positionBook .table--col-size,
.grid-positions .table--colAdapts-size,
.grid-positionBook .table--colAdapts-size,
.grid-positions .table--col-usedMargin,
.grid-positionBook .table--col-usedMargin,
.grid-positions .table--colAdapts-usedMargin,
.grid-positionBook .table--colAdapts-usedMargin {
  width: 96px;
}
.grid-positions .table--col-pl,
.grid-positionBook .table--col-pl,
.grid-positions .table--colAdapts-pl,
.grid-positionBook .table--colAdapts-pl {
  width: 141px;
}
.grid-positions .table--col-side,
.grid-positionBook .table--col-side,
.grid-positions .table--colAdapts-side,
.grid-positionBook .table--colAdapts-side {
  width: 75px;
}
.grid-positions .table--col-stopLoss,
.grid-positionBook .table--col-stopLoss,
.grid-positions .table--colAdapts-stopLoss,
.grid-positionBook .table--colAdapts-stopLoss,
.grid-positions .table--col-takeProfit,
.grid-positionBook .table--col-takeProfit,
.grid-positions .table--colAdapts-takeProfit,
.grid-positionBook .table--colAdapts-takeProfit,
.grid-positions .table--col-bid,
.grid-positionBook .table--col-bid,
.grid-positions .table--colAdapts-bid,
.grid-positionBook .table--colAdapts-bid,
.grid-positions .table--col-ask,
.grid-positionBook .table--col-ask,
.grid-positions .table--colAdapts-ask,
.grid-positionBook .table--colAdapts-ask,
.grid-positions .table--col-currentPrice,
.grid-positionBook .table--col-currentPrice,
.grid-positions .table--colAdapts-currentPrice,
.grid-positionBook .table--colAdapts-currentPrice,
.grid-positions .table--col-fillPrice,
.grid-positionBook .table--col-fillPrice,
.grid-positions .table--colAdapts-fillPrice,
.grid-positionBook .table--colAdapts-fillPrice,
.grid-positions .table--col-price,
.grid-positionBook .table--col-price,
.grid-positions .table--colAdapts-price,
.grid-positionBook .table--colAdapts-price {
  width: 93px;
}
.grid-positions .table--col-actions,
.grid-positionBook .table--col-actions,
.grid-positions .table--colAdapts-actions,
.grid-positionBook .table--colAdapts-actions {
  width: 49px;
}
.grid-positions .table--cell .position--pl.numeric,
.grid-positionBook .table--cell .position--pl.numeric,
.grid-positions .table--cell .price,
.grid-positionBook .table--cell .price {
  width: 100%;
}
.grid-positions.grid-aggregation .table--col-symbol,
.grid-positionBook.grid-aggregation .table--col-symbol,
.grid-positions.grid-aggregation .table--colAdapts-symbol,
.grid-positionBook.grid-aggregation .table--colAdapts-symbol {
  width: 125px;
}

.mobile .grid-positions .table--col-timeDate,
.mobile .grid-positionBook .table--col-timeDate,
.mobile .grid-positions .table--colAdapts-timeDate,
.mobile .grid-positionBook .table--colAdapts-timeDate {
  width: 165px;
}
.mobile .grid-positions .table--col-id,
.mobile .grid-positionBook .table--col-id,
.mobile .grid-positions .table--colAdapts-id,
.mobile .grid-positionBook .table--colAdapts-id {
  width: 105px;
}
.mobile .grid-positions .table--col-quantity,
.mobile .grid-positionBook .table--col-quantity,
.mobile .grid-positions .table--colAdapts-quantity,
.mobile .grid-positionBook .table--colAdapts-quantity,
.mobile .grid-positions .table--col-size,
.mobile .grid-positionBook .table--col-size,
.mobile .grid-positions .table--colAdapts-size,
.mobile .grid-positionBook .table--colAdapts-size,
.mobile .grid-positions .table--col-usedMargin,
.mobile .grid-positionBook .table--col-usedMargin,
.mobile .grid-positions .table--colAdapts-usedMargin,
.mobile .grid-positionBook .table--colAdapts-usedMargin {
  width: 125px;
}
.mobile .grid-positions .table--col-pl,
.mobile .grid-positionBook .table--col-pl,
.mobile .grid-positions .table--colAdapts-pl,
.mobile .grid-positionBook .table--colAdapts-pl {
  width: 180px;
}
.mobile .grid-positions .table--col-side,
.mobile .grid-positionBook .table--col-side,
.mobile .grid-positions .table--colAdapts-side,
.mobile .grid-positionBook .table--colAdapts-side {
  width: 100px;
}
.mobile .grid-positions .table--col-stopLoss,
.mobile .grid-positionBook .table--col-stopLoss,
.mobile .grid-positions .table--colAdapts-stopLoss,
.mobile .grid-positionBook .table--colAdapts-stopLoss,
.mobile .grid-positions .table--col-takeProfit,
.mobile .grid-positionBook .table--col-takeProfit,
.mobile .grid-positions .table--colAdapts-takeProfit,
.mobile .grid-positionBook .table--colAdapts-takeProfit,
.mobile .grid-positions .table--col-bid,
.mobile .grid-positionBook .table--col-bid,
.mobile .grid-positions .table--colAdapts-bid,
.mobile .grid-positionBook .table--colAdapts-bid,
.mobile .grid-positions .table--col-ask,
.mobile .grid-positionBook .table--col-ask,
.mobile .grid-positions .table--colAdapts-ask,
.mobile .grid-positionBook .table--colAdapts-ask,
.mobile .grid-positions .table--col-currentPrice,
.mobile .grid-positionBook .table--col-currentPrice,
.mobile .grid-positions .table--colAdapts-currentPrice,
.mobile .grid-positionBook .table--colAdapts-currentPrice,
.mobile .grid-positions .table--col-fillPrice,
.mobile .grid-positionBook .table--col-fillPrice,
.mobile .grid-positions .table--colAdapts-fillPrice,
.mobile .grid-positionBook .table--colAdapts-fillPrice,
.mobile .grid-positions .table--col-price,
.mobile .grid-positionBook .table--col-price,
.mobile .grid-positions .table--colAdapts-price,
.mobile .grid-positionBook .table--colAdapts-price {
  width: 125px;
}
.mobile .grid-positions.grid-aggregation .table--col-symbol,
.mobile .grid-positionBook.grid-aggregation .table--col-symbol,
.mobile .grid-positions.grid-aggregation .table--colAdapts-symbol,
.mobile .grid-positionBook.grid-aggregation .table--colAdapts-symbol {
  width: 125px;
}

.button-expandAllPositions {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 19px;
  height: 18px;
  background-color: #393a4d;
  border: 1px solid transparent;
}
.button-expandAllPositions .icon {
  width: 9px;
  height: 9px;
  fill: #fff;
}

.button-collapseAllPositions {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 19px;
  height: 18px;
  background-color: #393a4d;
  border: 1px solid transparent;
}
.button-collapseAllPositions .icon {
  width: 11px;
  height: 10px;
  fill: #fff;
}

.button-closeAllPositions {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 19px;
  height: 18px;
  background-color: #393a4d;
  border: 1px solid transparent;
}
.button-closeAllPositions .icon {
  width: 7px;
  height: 100%;
  fill: #fff;
}

.control-netAggregation .checkBox--label {
  color: #fff;
}

.WidgetPositions__headerContent {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.WidgetPositions__headerContent .contentWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
}
.WidgetPositions__headerContent .contentWrapper .positionControls:not(:first-child) {
  margin-left: 7px;
}
.WidgetPositions__headerContent .contentWrapper .button-expandAllPositions {
  margin-right: 7px;
}
.WidgetPositions__headerContent .contentWrapper .button-closeAllPositions {
  margin-left: 7px;
}
.WidgetPositions__headerContent .contentWrapper .button-addAggregation,
.WidgetPositions__headerContent .contentWrapper .buttonAddPosition {
  height: 18px;
  padding: 0 10px 0 9px;
}
.WidgetPositions__headerContent .contentWrapper .button-addAggregation span,
.WidgetPositions__headerContent .contentWrapper .buttonAddPosition span {
  display: block;
  font-size: 12px;
  line-height: 16px;
  height: 100%;
}
.WidgetPositions__headerContent .contentWrapper .controlAggregation {
  margin: 0 22px 0 11px;
}
.WidgetPositions__headerContent .contentWrapper .controlAggregation::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  position: absolute;
  margin-left: 10px;
  top: 0;
  bottom: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
}
.WidgetPositions__headerContent .contentWrapper .controlAggregation--label {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  margin-right: 6px;
  vertical-align: middle;
}
.WidgetPositions__headerContent .contentWrapper .controlAggregation--selectBox {
  font-size: 12px;
  height: 18px;
}
.WidgetPositions__headerContent .contentWrapper .controlAggregation--selectBox .selectBox--label {
  line-height: 16px;
}
.WidgetPositions__headerContent .contentWrapper .accountSelector__container {
  margin-right: auto;
}
.WidgetPositions__simulatedPositions {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
}
.WidgetPositions__simulatedPositionsTitle {
  margin-right: 9px;
}
.WidgetPositions__errorMessage {
  display: inline-block;
  text-align: center;
  width: 100%;
  line-height: 2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #992b30;
  font-weight: 500;
}

.mobile .WidgetPositions__headerContent .contentWrapper .controlAggregation--label {
  font-size: 14px;
}

.button-video {
  padding-top: 5px;
}
.button-video .icon {
  position: relative;
  bottom: 2px;
  fill: #909099;
  transition: fill 220ms ease-out;
}
.button-video:hover .icon,
.button-video.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.button-video:active .icon,
.button-video.\:active .icon {
  fill: #3d7399;
}

.button-cancelAlert {
  margin-top: -2px;
}
.button-cancelAlert:active .icon,
.button-cancelAlert.\:active .icon {
  top: calc(50% + 1px);
}
.button-cancelAlert .icon {
  width: 7px;
  height: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.button-cancelAlert .icon {
  fill: #fff;
}
.button-cancelAlert:hover .icon,
.button-cancelAlert.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}

.mobile .button-cancelAlert .icon {
  width: 9px;
  height: 9px;
}

.tooltip {
  position: absolute;
  max-width: 300px;
  padding: 9px 10px 8px 10px;
  text-align: left;
  margin-top: -2px;
  z-index: 100;
}
.tooltip--pointer {
  pointer-events: none;
}
.tooltip--pointer-arrowTop {
  position: absolute;
  top: 6px;
  right: 100%;
  width: 12px;
  height: 16px;
  overflow: hidden;
}
.tooltip--pointer-arrowTop:before {
  content: ' ';
  position: absolute;
  top: 4px;
  left: 9px;
  height: 8px;
  width: 8px;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tooltip--pointer-arrowBottom {
  position: absolute;
  bottom: 6px;
  right: 100%;
  width: 12px;
  height: 16px;
  overflow: hidden;
}
.tooltip--pointer-arrowBottom:before {
  content: ' ';
  position: absolute;
  top: 4px;
  left: 9px;
  height: 8px;
  width: 8px;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tooltip--pointer-arrowBottomLeft {
  position: absolute;
  top: 100%;
  left: 6px;
  width: 16px;
  height: 12px;
  overflow: hidden;
}
.tooltip--pointer-arrowBottomLeft:before {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 4px;
  height: 8px;
  width: 8px;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tooltip--header {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
}
.tooltip--content {
  font-size: 12px;
  line-height: 16px;
}
.tooltip--paragraph {
  margin-bottom: 8px;
}
.tooltip--paragraph:last-child {
  margin-bottom: 0;
}
.tooltip .plannedMarker__container {
  margin-right: 8px;
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tooltip_rule {
  max-width: 430px;
}
.tooltip_optionChain {
  font-size: 14px;
  padding: 3px 10px 5px;
  border-radius: 1px;
}
.showDataTooltip *[data-helpkey] {
  position: relative;
}
.showDataTooltip *[data-helpkey]::after {
  content: attr(data-helpkey);
  position: absolute;
  display: block;
  max-width: 300px;
  padding: 9px 10px 8px 10px;
  text-align: left;
  margin-top: -2px;
  z-index: 100;
  box-shadow:
    0 -2px 10px #000,
    0 4px 10px #000;
  background-color: #393a4d;
  pointer-events: none;
  opacity: 0;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  top: -5px;
}
.showDataTooltip *[data-helpkey]:hover::after,
.showDataTooltip *[data-helpkey].\:hover::after {
  opacity: 1;
}
.tooltip {
  box-shadow:
    0 -2px 10px #000,
    0 4px 10px #000;
  background-color: #2c3447;
}
.tooltip--header {
  color: #fff;
}
.tooltip--content {
  color: #fff;
}
.tooltip--pointer-arrowTop:before,
.tooltip--pointer-arrowBottom:before,
.tooltip--pointer-arrowBottomLeft:before {
  box-shadow: 0 0 10px #000;
  background-color: #2c3447;
}

.tooltip {
  padding: 11px 15px 11px 15px;
  border: 1px solid rgba(255, 255, 255, 0);
  box-shadow: none;
  font-size: 12px;
  line-height: 1.33;
}
.tooltip--pointer-arrowTop:before,
.tooltip--pointer-arrowBottom:before {
  border: 1px solid rgba(255, 255, 255, 0);
  box-shadow: none;
}

.tooltipSmart__container {
  height: 100%;
}
.tooltipSmart__tooltip {
  pointer-events: none;
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.5);
  background-color: #2c3447;
}
.tooltipSmart__pointer {
  display: none;
}
.tooltipSmart__content {
  font-size: 14px;
  line-height: 1.36;
  color: #fff;
}

.grid-alerts .alerts--actions {
  visibility: hidden;
  opacity: 0;
}
.grid-alerts .alerts-active .alerts--actions {
  visibility: visible;
  opacity: 1;
}
.grid-alerts .alerts--status,
.grid-alerts .alerts--condition,
.grid-alerts .alerts--created,
.grid-alerts .alerts--expiration,
.grid-alerts .alerts--description,
.grid-alerts .alerts--notification,
.grid-alerts .alerts--id {
  display: inline-block;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-alerts .grid--body .alerts--statusIcon {
  display: inline-block;
  width: 10px;
  height: 10px;
}
.grid-alerts .grid--body .alerts--statusIcon .icon {
  margin-top: 4px;
}
.grid-alerts .grid--body td:not(:last-child) .table--cell > span:empty:before {
  content: '—';
}
.grid-alerts .table--row td:first-child {
  padding-left: 3px;
}
.grid-alerts .table--col-statusIcon {
  width: 4em;
}
.grid-alerts .table--col-condition {
  width: 80%;
}
.grid-alerts .table--col-actions {
  width: 4em;
}
.grid-alerts .table--colAdapts-status {
  width: 6em;
}
.grid-alerts .table--colAdapts-created,
.grid-alerts .table--colAdapts-expiration {
  width: 8.5em;
}
.grid-alerts .table--colAdapts-description {
  width: 7.5em;
}
.grid-alerts .table--colAdapts-condition {
  width: 16em;
}
.grid-alerts .alerts-active .alerts--statusIcon .icon {
  fill: #ccc;
}
.grid-alerts .alerts-active .alerts--status {
  color: #ccc;
}
.grid-alerts .alerts-expired .alerts--statusIcon .icon {
  fill: rgba(255, 255, 255, 0.8);
}
.grid-alerts .alerts-expired .alerts--status {
  color: rgba(255, 255, 255, 0.8);
}
.grid-alerts .alerts-cancelled .alerts--statusIcon .icon {
  fill: rgba(255, 255, 255, 0.8);
}
.grid-alerts .alerts-cancelled .alerts--status {
  color: rgba(255, 255, 255, 0.8);
}
.grid-alerts .alerts-triggered .alerts--statusIcon .icon {
  fill: rgba(80, 227, 194, 0.6);
}
.grid-alerts .alerts-triggered .alerts--status {
  color: rgba(80, 227, 194, 0.6);
}
.grid-alerts .alerts-cancelled .table--cell,
.grid-alerts .alerts-triggered .table--cell,
.grid-alerts .alerts-expired .table--cell {
  color: #808080;
}

.mobile .grid-alerts .grid--body .alerts--statusIcon {
  width: 12px;
  height: 12px;
}
.mobile .grid-alerts .table--colAdapts-status {
  width: 7.8em;
}
.mobile .grid-alerts .table--colAdapts-created,
.mobile .grid-alerts .table--colAdapts-expiration {
  width: 12em;
}
.mobile .grid-alerts .table--colAdapts-description {
  width: 9.7em;
}
.mobile .grid-alerts .table--colAdapts-condition {
  width: 21em;
}
.mobile .grid-alerts .table--colAdapts-current {
  width: 9.5em;
}

.grid-alertsBook .table--colAdapts-created,
.grid-alertsBook .table--colAdapts-changeTime,
.grid-alertsBook .table--colAdapts-expiration {
  width: 158px;
}
.grid-alertsBook .table--colAdapts-alertCondition {
  width: 250px;
}
.grid-alertsBook .table--colAdapts-notificationChannel {
  width: 142px;
}
.grid-alertsBook .table--colAdapts-status,
.grid-alertsBook .table--colAdapts-description {
  width: 96px;
}
.grid-alertsBook .table--colAdapts-current {
  width: 80px;
}
.grid-alertsBook .table--colAdapts-alertId {
  width: 94px;
}
.grid-alertsBook .table--colAdapts-actions {
  width: 24px;
}
.grid-alertsBook .table thead th {
  font-size: 12px;
  font-weight: 500;
}
.grid-alertsBook .table--body td {
  line-height: 20px;
}
.grid-alertsBook .table--body .table--cell {
  height: 23px;
  font-size: 14px;
}
.grid-alertsBook .table--body .table--cell-digits {
  text-align: right;
}
.grid-alertsBook .table--body .table--cell-text {
  text-align: left;
}
.grid-alertsBook .table--body .table--cell-actions {
  padding: 0;
}
.grid-alertsBook .table--row:hover,
.grid-alertsBook .table--row.\:hover {
  cursor: pointer;
}
.grid-alertsBook .table--row:hover .table--cell,
.grid-alertsBook .table--row.\:hover .table--cell {
  background-color: #434659;
}
.grid-alertsBook .table--row-selected.table--row .table--cell {
  background-color: #454659;
}
.grid-alertsBook .table--row-selected.table--row:hover .table--cell,
.grid-alertsBook .table--row-selected.table--row.\:hover .table--cell {
  background-color: #454659;
}
.grid-alertsBook .button-remove {
  width: 24px;
  height: 23px;
  margin-top: -2px;
}
.grid-alertsBook .button-remove:hover .icon,
.grid-alertsBook .button-remove.\:hover .icon {
  fill: #ffc973;
}
.grid-alertsBook .button-remove:active .icon,
.grid-alertsBook .button-remove.\:active .icon {
  top: calc(50% + 1px);
}
.grid-alertsBook .button-remove .icon {
  width: 7px;
  height: 7px;
  fill: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.alertsBook__status {
  font-weight: 500;
}
.alertsBook__status_active {
  color: #969696;
}
.alertsBook__status_cancelled {
  color: #ebaa42;
}
.alertsBook__status_triggered {
  color: #0aa40a;
}
.alertsBook__status_expired,
.alertsBook__status_error {
  color: #d8003f;
}

.WidgetAlerts__contentWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 20px;
}
.WidgetAlerts__contentWrap .control-selectBox {
  margin-right: 11px;
}
.WidgetAlerts__contentWrap .control-selectBox .selectBox {
  height: 19px;
  width: 101px;
}
.WidgetAlerts__contentWrap .control-selectBox .selectBox .selectBox--label {
  height: 19px;
  font-size: 12px;
  line-height: 16px;
}
.WidgetAlerts__contentWrap .button-createAlert {
  padding-bottom: 2px;
  box-sizing: border-box;
  width: 85px;
  height: 19px;
  font-size: 12px;
  border-radius: 1px;
  background-color: #393a4d;
  color: #fff;
  box-shadow: 0 0 0 1px #3d4e66;
}
.WidgetAlerts__contentWrap .button-createAlert:before {
  border-top-color: rgba(255, 255, 255, 0.02);
  border-bottom-color: rgba(255, 255, 255, 0.02);
  border-left-color: rgba(255, 255, 255, 0.02);
  border-right-color: rgba(255, 255, 255, 0.02);
}
.WidgetAlerts__contentWrap .button-createAlert:focus,
.WidgetAlerts__contentWrap .button-createAlert.\:focus {
  box-shadow: 0 0 0 1px $border-outside-focused-color;
}

input[type='text'],
input[type='password'],
input[type='email'] {
  transition:
    border-color 200ms,
    background-color 200ms linear;
}
input[type='text'].corrected,
input[type='password'].corrected,
input[type='email'].corrected {
  animation: correction 750ms linear;
}
@keyframes correction {
  0% {
    background-color: #7f0d0d;
  }
  25% {
    background-color: #222633;
  }
  50% {
    background-color: #7f0d0d;
  }
  100% {
    background-color: #222633;
  }
}

.control-textInput {
  width: 98px;
}
.control-textInput.control-withReset .control--reset {
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  height: 9px;
  width: 9px;
  cursor: pointer;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.control-textInput.control-withReset .control--wrap {
  box-sizing: border-box;
  position: relative;
}
.control-textInput.control-withReset .control--wrap input {
  padding-right: 18px;
}
.control-textInput .control--loadingWheel {
  display: block;
  position: absolute;
  top: 2px;
  right: 0;
}
.control-textInput .control--loadingWheel .loadingWheel {
  margin-left: 0;
}
.control-textInput.control-withReset .control--reset {
  fill: #fff;
}

.mobile .control-textInput {
  width: 110px;
}
.mobile .control-textInput.control-withReset .control--reset {
  right: 7px;
  height: 11px;
  width: 11px;
  margin-top: 1px;
}
.mobile .control-textInput.control-withReset .control--wrap input {
  padding-right: 22px;
}

.control-watchlistModeToggler:active .control--wrap-focused,
.control-watchlistModeToggler.\:active .control--wrap-focused {
  box-shadow: none;
}
.control-watchlistModeToggler .control--buttons {
  display: -ms-flexbox;
  display: flex;
}
.control-watchlistModeToggler .button {
  width: 36px;
  height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.control-watchlistModeToggler .icon {
  height: 11px;
  fill: #fff;
}
.control-watchlistModeToggler .icon-table-mode {
  width: 11px;
  height: 7px;
}
.control-watchlistModeToggler .icon-grid-mode {
  width: 24px;
  height: 11px;
}
.control-watchlistModeToggler .icon-heatmap-mode {
  width: 11px;
  height: 11px;
}

.button-aboutUs {
  display: -ms-flexbox;
  display: flex;
}
.button-aboutUs .icon {
  width: 11px;
  height: 11px;
  fill: rgba(255, 255, 255, 0.5);
  transition: fill 220ms ease-out;
}
.button-aboutUs:hover .icon,
.button-aboutUs.\:hover .icon {
  fill: $hovered-icon-color-2;
  transition: fill 220ms ease-in;
}

.link {
  display: inline-block;
  line-height: 1;
  font-size: 12px;
}
.link-icon {
  height: 13px;
  line-height: 13px;
}
.link-icon .icon {
  height: 13px;
  width: 13px;
  margin-right: 8px;
}
.link {
  text-decoration: none;
  color: #55aeee;
}
.link:hover,
.link.\:hover {
  color: #ffc973;
}
.link:active,
.link.\:active {
  color: #bf9756;
}

.mobile .link {
  font-size: 14px;
}

.button-sort {
  background-color: #393a4d;
  width: 21px;
  height: 19px;
  padding: 0;
  border: 1px solid transparent;
  position: relative;
}
.button-sort.button-ascending .icon-sort-ascending {
  fill: #fff;
}
.button-sort.button-descending .icon-sort-descending {
  fill: #fff;
}
.button-sort .icon {
  height: 16px;
}

.control-sortBy {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.control-sortBy .control--label {
  display: inline-block;
  padding-right: 5px;
}
.control-sortBy .control--wrap {
  padding-right: 8px;
}

.button-close .icon {
  margin-top: 4px;
  width: 9px;
  height: 9px;
}

.mobile .button-close .icon {
  margin-top: 2px;
  width: 13px;
  height: 13px;
}

.listSelector {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
}
.listSelector--header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.listSelector--header:after {
  display: block;
  content: '';
  clear: both;
}
.listSelector--option {
  float: left;
  position: relative;
  padding: 0 9px;
  color: #ccc;
  line-height: 26px;
  cursor: pointer;
}
.listSelector--option-active {
  color: #fff;
}
.listSelector--option-active:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 3px;
  background: #55aeee;
}
.listSelector--list {
  position: absolute;
  top: 27px;
  left: 0;
  bottom: 1px;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.listSelector--list .scrollable {
  height: 100%;
}
.listSelector--list .scrollable .listSelector--createButton {
  display: block;
  position: absolute;
  -ms-transform: translateY(8px);
  transform: translateY(8px);
  padding-bottom: 8px;
}
.listSelector--list .scrollable-withVerticalScrollbar .listSelector--createButton {
  display: none;
}
.listSelector--list .scrollable-withVerticalScrollbar + .listSelector--createButton {
  display: block;
}
.listSelector--list .scrollable--content {
  display: block;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.listSelector--list .scrollable-withVerticalScrollbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.listSelector--list .scrollable-withVerticalScrollbar .scrollable--content {
  border-bottom: none;
}
.listSelector--item {
  position: relative;
  white-space: nowrap;
  line-height: 26px;
  cursor: pointer;
  transition: background 220ms ease-out;
}
.listSelector--item:hover,
.listSelector--item.\:hover {
  background: rgba(153, 211, 255, 0.1);
  transition: background 220ms ease-in;
}
.listSelector--item:hover .listSelector--icons,
.listSelector--item.\:hover .listSelector--icons {
  opacity: 1;
  pointer-events: all;
}
.listSelector--text {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-left: 9px;
  padding-right: 44px;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
}
.listSelector--icons {
  opacity: 0;
  display: inline-block;
  vertical-align: top;
  margin-left: -37px;
  transition: opacity 220ms ease-in;
  pointer-events: none;
}
.listSelector--icon.button {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  margin-top: 5px;
  margin-right: 1px;
  padding: 2px;
}
.listSelector--icon.button .icon {
  margin-top: 0;
  width: 12px;
  height: 12px;
}
.listSelector--icon.button svg {
  fill: #909099;
  transition: fill 220ms ease-out;
}
.listSelector--icon.button:hover svg,
.listSelector--icon.button.\:hover svg {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.listSelector--icon.button:active svg,
.listSelector--icon.button.\:active svg {
  fill: #3d7399;
}
.listSelector--createButton {
  padding: 9px;
  display: none;
}
.listSelector--createButton .button-link {
  font-size: 12px;
}
.listSelector--empty {
  padding: 20px 9px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.mobile .listSelector--createButton .button-link {
  font-size: 14px;
}

.order--reject,
.order--symbol,
.order--status {
  display: inline-block;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order--price,
.order--type,
.order--stopLoss,
.order--takeProfit,
.order--bid,
.order--ask,
.order--currentPrice,
.order--triggerPrice,
.order--timeDate,
.order--timeDateModified,
.order--expiration,
.order--id,
.order--quantity,
.order--condition,
.order--fillPrice {
  position: relative;
}
#ruler .order--statusIcon,
.grid--body .order--statusIcon {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 11px;
}
#ruler .order--side,
.grid--body .order--side {
  letter-spacing: 1px;
  font-size: 1.1rem;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: right;
}
.order--typeIcon i {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  text-indent: -99999px;
  text-align: left;
}
.order-rejected .order--actions,
.order-canceled .order--actions,
.order-filled .order--actions,
.order-expired .order--actions,
.order-expanded .order--actions,
.instrument-expanded .order--actions {
  visibility: hidden;
  opacity: 0;
}
.order-heading .order--actions {
  display: none;
}
.order--actions {
  display: block;
  width: 100%;
  text-align: right;
}
.order--actions .button-icon {
  margin-right: 5px;
  width: 10px;
  height: 10px;
}
.order--actions {
  transition: opacity 400ms;
}
.order--actions .button-icon .icon {
  fill: #fff;
}
.order-rejected td,
.order-canceled td,
.order-filled td,
.order-expired td,
.order-rejected td .price,
.order-canceled td .price,
.order-filled td .price,
.order-expired td .price {
  color: #808080;
}
.order-rejected .order--typeIcon,
.order-canceled .order--typeIcon,
.order-filled .order--typeIcon,
.order-expired .order--typeIcon,
.order-rejected .order--status,
.order-canceled .order--status,
.order-filled .order--status,
.order-expired .order--status,
.order-rejected .order--statusIcon,
.order-canceled .order--statusIcon,
.order-filled .order--statusIcon,
.order-expired .order--statusIcon {
  opacity: 0.6;
}
.order-pending .order--statusIcon .icon {
  fill: #fbcc00;
}
.order-pending .order--status {
  color: #fbcc00;
}
.order-expired .order--statusIcon .icon {
  fill: rgba(255, 255, 255, 0.8);
}
.order-expired .order--status {
  color: rgba(255, 255, 255, 0.8);
}
.order-filled .order--statusIcon .icon {
  fill: #0aa40a;
}
.order-filled .order--status {
  color: #0aa40a;
}
.order-working .order--statusIcon .icon {
  fill: #ccc;
}
.order-working .order--status {
  color: #ccc;
}
.order-rejected .order--statusIcon .icon {
  fill: #b42a41;
}
.order-rejected .order--status {
  color: #b42a41;
}
.order-canceled .order--statusIcon .icon {
  fill: rgba(255, 255, 255, 0.8);
}
.order-canceled .order--status {
  color: rgba(255, 255, 255, 0.8);
}
.order-sending .order--statusIcon .icon {
  fill: #8ebcd4;
}
.order-sending .order--status {
  color: #8ebcd4;
}
.order-sending.order-sell .order--side,
.order-pending.order-sell .order--side,
.order-working.order-sell .order--side {
  color: #d64f58;
}
.order-sending.order-buy .order--side,
.order-pending.order-buy .order--side,
.order-working.order-buy .order--side {
  color: #299171;
}
.order-expanded .table--cell,
.instrument-expanded .table--cell,
.order-expanded .table--cell:first-child,
.instrument-expanded .table--cell:first-child,
.order-expanded .table--cell:last-child,
.instrument-expanded .table--cell:last-child {
  background-color: #454659;
  color: #fff;
}
.order-expanded .table--cell .numeric:empty:before,
.instrument-expanded .table--cell .numeric:empty:before,
.order-expanded .table--cell:first-child .numeric:empty:before,
.instrument-expanded .table--cell:first-child .numeric:empty:before,
.order-expanded .table--cell:last-child .numeric:empty:before,
.instrument-expanded .table--cell:last-child .numeric:empty:before {
  color: #ccc;
}
.order--typeIcon i {
  background-repeat: no-repeat;
  background-image: url(../../wl/primexbt/_/dx/components/order/img/icons-positions-orders-statuses.png?2928e6804ce9ec202e4619516ab54c91);
}
.order--typeIcon-sell i {
  background-color: #b0424a;
}
.order--typeIcon-sell.order--typeIcon-l i {
  background-position: 0 -11px;
}
.order--typeIcon-sell.order--typeIcon-m i {
  background-position: 0 -33px;
}
.order--typeIcon-sell.order--typeIcon-s i {
  background-position: 0 -55px;
}
.order--typeIcon-sell.order--typeIcon-trs i {
  background-position: 0 -77px;
}
.order--typeIcon-buy i {
  background-color: #1a8f6d;
}
.order--typeIcon-buy.order--typeIcon-l i {
  background-position: 0 0px;
}
.order--typeIcon-buy.order--typeIcon-m i {
  background-position: 0 -22px;
}
.order--typeIcon-buy.order--typeIcon-s i {
  background-position: 0 -44px;
}
.order--typeIcon-buy.order--typeIcon-trs i {
  background-position: 0 -66px;
}
.instrument .control-textInput {
  width: calc(100% + 1px);
  margin: 2px 0 1px 1px;
}
.instrument .control-textInput .control--wrap {
  display: block;
}
.instrument--symbol,
.instrument--description {
  display: inline-block;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.instrument-empty .button--label {
  display: none;
}
.instrument--netChange.numeric {
  min-width: 4em;
}
.instrument--netChange strong {
  font-size: 1.25em;
  line-height: 0;
  font-weight: normal;
}
.instrument--lotSize {
  position: relative;
}
.instrument--bid,
.instrument--ask,
.instrument--change,
.instrument--netChange {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.instrument .icon-watchlist-futures-warning {
  position: relative;
  top: 4px;
  width: 11px;
  height: 11px;
}
.instrument-future {
  background-color: $watchlist-futures-warning-table-row-bg-color;
}
.instrument {
  position: relative;
}
.instrument--sell,
.instrument--buy {
  position: relative;
  width: calc(50% - 1px);
  display: inline-block;
  vertical-align: bottom;
}
.instrument--sell .button-price:after,
.instrument--buy .button-price:after {
  position: absolute;
  content: '';
  width: 22px;
  height: 19px;
  bottom: -1px;
  z-index: 1;
  border: 1px solid;
  border-radius: 2px 2px 0 0;
}
.instrument--buy {
  margin-left: 1px;
}
.instrument--buy .button-price:after {
  left: -1px;
}
.instrument--sell {
  margin-right: 1px;
}
.instrument--sell .button-price:after {
  right: -1px;
}
.instrument--price {
  display: block;
  width: auto;
  text-align: center;
  line-height: 50px;
  font-size: 23px;
  margin-top: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.instrument--price strong {
  font-weight: normal;
  font-size: 1.347em;
}
.button-price:active:not([disabled]) .instrument--price,
.button-price.\:active:not([disabled]) .instrument--price {
  margin: 3px 0 -3px 0;
}
.instrument--price-digits8 {
  font-size: 18px;
}
.instrument--price-digits10 {
  font-size: 15px;
}
.instrument--spread-dashboard {
  display: inline-block;
  vertical-align: bottom;
  width: 46px;
  min-height: 19px;
  margin: 0;
  line-height: 18px;
  text-align: center;
  position: absolute;
  left: 50%;
  box-shadow: none;
  border-bottom: none;
  border-radius: 1px 1px 0 0;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
.instrument--spread-dashboard:before {
  position: absolute;
  content: '';
  bottom: 0;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 1px);
  z-index: -1;
  border-radius: 1px 1px 0 0;
}
.instrument--spread-dashboard span {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  border-radius: 1px 1px 0 0;
}
.instrument--close .icon {
  width: 11px;
  height: 11px;
}
.instrument--settings .icon {
  width: 13px;
  height: 13px;
}
.instrument--groupTitle {
  padding-left: 11px;
  font-weight: bold;
}
.instrument-future {
  background-color: $watchlist-futures-warning-table-row-bg-color;
}
.instrument--change-positive,
.instrument--netChange-positive,
.instrument--spread-positive {
  color: #299171;
}
.instrument--change-negative,
.instrument--netChange-negative,
.instrument--spread-negative {
  color: #d64f58;
}
.instrument--sell .button-price:after,
.instrument--buy .button-price:after {
  border-color: #2d2e3d;
}
.instrument--spread-dashboard:before {
  background-color: #252633;
}
.instrument--spread-dashboard span {
  background-color: #45494d;
}
.instrument--close .icon,
.instrument--settings .icon {
  fill: #fff;
}
.instrument--close:hover .icon,
.instrument--settings:hover .icon,
.instrument--close.\:hover .icon,
.instrument--settings.\:hover .icon {
  fill: #ffc973;
}
.instrument--groupTitle {
  color: #fff;
}
.instrument .button-price:not([disabled]).button-buy,
.instrument .button-price:not([disabled]).button-sell {
  border-color: rgba(0, 0, 0, 0.2);
}
.instrument .icon-watchlist-futures-warning {
  fill: $watchlist-futures-warning-icon-color;
}
.instrument-up .button-price:after {
  background-color: #1a8f6d;
  border-color: rgba(0, 0, 0, 0.2);
}
.instrument-up .button-price[disabled]:after {
  background-color: rgba(255, 255, 255, 0.3);
}
.instrument-up .button-price:not([disabled]).button-buy,
.instrument-up .button-price:not([disabled]).button-sell {
  background-color: #1a8f6d;
  border-color: rgba(0, 0, 0, 0.2);
}
.instrument-down .button-price:after {
  background-color: #b0424a;
  border-color: rgba(0, 0, 0, 0.2);
}
.instrument-down .button-price[disabled]:after {
  background-color: rgba(255, 255, 255, 0.3);
}
.instrument-down .button-price:not([disabled]).button-buy,
.instrument-down .button-price:not([disabled]).button-sell {
  background-color: #b0424a;
  border-color: rgba(0, 0, 0, 0.2);
}
.instrument-disabled.plate .plate--quantity .control-disabled input[type='text'] {
  color: #ccc;
}
.instrument-disabled.plate .plate--quantity .selectBox--arrow {
  opacity: 0.3;
}
.instrument-disabled .instrument--spread-dashboard {
  color: #ccc;
}
.instrument-disabled .instrument--sell:after,
.instrument-disabled .instrument--buy:after {
  background-color: rgba(255, 255, 255, 0.3);
}

.mobile .instrument--bid,
.mobile .instrument--ask,
.mobile .instrument--change,
.mobile .instrument--netChange {
  vertical-align: baseline;
}

.instrument--price {
  line-height: 35px;
}
.instrument--spread-dashboard {
  width: 70px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.instrument--sell .button-price:after,
.instrument--buy .button-price:after {
  width: 34px;
}

.instrument-chart {
  padding: 0 2px 2px 5px;
}

.instrument-ladder {
  color: rgba(255, 255, 255, 0.5);
}
.instrument-ladder .instrument {
  background-image: linear-gradient(to right, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
  background-size: 2px 1px;
  background-position: 0 70%;
  background-repeat: repeat-x;
  background-clip: content-box;
}
.instrument-ladder .table {
  width: 100%;
}

.button-restoreDefault {
  float: left;
  padding: 0;
  border: none;
  line-height: 25px;
}
.button-restoreDefault .icon {
  margin-right: 5px;
  vertical-align: text-bottom;
  width: 15px;
  height: 15px;
}
.button-restoreDefault {
  transition: color 400ms;
  background: none;
}
.button-restoreDefault:hover span,
.button-restoreDefault.\:hover span {
  color: #ffc973;
  transition: color 220ms ease-in;
}
.button-restoreDefault:hover .icon,
.button-restoreDefault.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.button-restoreDefault:active span,
.button-restoreDefault.\:active span {
  color: #bf9756;
}
.button-restoreDefault:before {
  transition: opacity 400ms;
}
.button-restoreDefault span {
  color: #55aeee;
  transition: color 220ms ease-out;
}
.button-restoreDefault .icon {
  fill: #fff;
  transition: fill 220ms ease-out;
}
.button-restoreDefault:disabled,
.button-restoreDefault[disabled],
.button-restoreDefault:disabled:hover,
.button-restoreDefault:disabled:active,
.button-restoreDefault:disabled.\:hover,
.button-restoreDefault:disabled.\:active {
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
}
.button-restoreDefault:disabled .icon,
.button-restoreDefault[disabled] .icon,
.button-restoreDefault:disabled:hover .icon,
.button-restoreDefault:disabled:active .icon,
.button-restoreDefault:disabled.\:hover .icon,
.button-restoreDefault:disabled.\:active .icon {
  fill: rgba(255, 255, 255, 0.3);
}

.button-discardChanges {
  padding: 0;
  border: none;
  line-height: 3.05rem;
}
.button-discardChanges .icon {
  margin-right: 0.3em;
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
}
.button-discardChanges {
  background: none;
  transition: color 400ms;
}
.button-discardChanges:before {
  transition: opacity 400ms;
}
.button-discardChanges:hover span,
.button-discardChanges.\:hover span {
  color: #ffc973;
  transition: color 220ms ease-in;
}
.button-discardChanges:active span,
.button-discardChanges.\:active span {
  color: #bf9756;
}
.button-discardChanges span {
  color: #55aeee;
  transition: color 220ms ease-out;
}

.copyright__copyright {
  float: left;
  width: 240px;
  font-size: 10px;
  line-height: 1.1;
  text-align: left;
  color: rgba(255, 255, 255, 0.55);
}

.popup {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  z-index: 99;
  visibility: hidden;
  pointer-events: none;
  transition:
    visibility 0s linear 0.3s,
    top 0s linear 0.3s;
}
.popup--window {
  top: -6%;
  margin: auto;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 30;
  border: 1px solid;
  text-align: left;
  position: relative;
  font-size: 1.2rem;
  line-height: 1.25;
  background-image: rgba(8, 13, 19, 0.5);
  box-shadow: 0 7px 15px #000;
  border-color: rgba(51, 77, 102, 0.01);
}
.popup-visible {
  visibility: visible;
  transition-delay: 0s, 0s;
}
.popup-visible .popup--window {
  z-index: 31;
  animation: popupShow 0.3s cubic-bezier(0, 0, 0, 1.3);
}
.popup-hidden {
  visibility: hidden;
}
.popup-hidden .popup--window {
  animation: popupHide 0.3s linear;
}
.popup-modal {
  pointer-events: all;
}
.popup-modal .popup--window {
  box-shadow: 0 6px 25px rgba(10, 11, 26, 0.4);
}
.popup-modal:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 25;
  visibility: hidden;
  background-color: rgba(62, 63, 84, 0.9);
}
.popup-modal.popup-visible:after {
  visibility: visible;
}
.popup--header {
  padding: 4px 8px 5px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) inset;
  background-image: linear-gradient(
  88deg,
  $modal-window-header-bg-color-1,
  $modal-window-header-bg-color-2
  );
}
.popup--header .popup--close {
  position: absolute;
  top: 2px;
  right: 3px;
}
.popup--header .popup--close:active,
.popup--header .popup--close.\:active {
  margin-top: 1px;
}
.popup--header .popup--title {
  display: inline-block;
}
.popup--title {
  color: #fff;
}
.popup--subTitle {
  margin: 10px 0 20px;
  font-size: 1.4rem;
  font-weight: bold;
}
.popup--text {
  margin: 10px;
  font-size: 1.4rem;
  text-align: center;
}
.popup--text .confirmationInfo--value {
  margin: 0;
}
.popup--content {
  padding: 8px 30px;
  position: relative;
  color: #fff;
}
.popup--footer {
  position: relative;
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.popup--buttons {
  padding: 9px 8px 8px;
}
.popup--buttons .button {
  min-width: 75px;
  font-size: 14px;
  font-weight: normal;
}
.popup--buttons .button + .button {
  margin-left: 8px;
}
.popup--buttons .button-restoreDefault {
  margin-top: 5px;
  line-height: 14px;
}
.popup--buttons .contextMenuButton__container {
  float: left;
  margin-top: 6px;
  margin-right: 10px;
  margin-left: 22px;
}
.popup--close.button-icon .icon {
  width: 11px;
  height: 11px;
  padding: 3px 3px 2px 2px;
  fill: #909099;
  transition: fill 220ms ease-out;
}
.popup--close.button-icon:hover .icon,
.popup--close.button-icon.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.popup--close.button-icon:active .icon,
.popup--close.button-icon.\:active .icon {
  fill: #3d7399;
}
.popup--hint {
  opacity: 0;
}
.popup--hint-visible {
  opacity: 1;
}
.popup--hint-cancelButton {
  float: right;
  max-width: 85px;
  font-size: 1rem;
  height: 41px;
  text-align: left;
}
.popup--hint-cancelButton span {
  display: inline-block;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.popup--hint-closePosition {
  position: relative;
  top: 2px;
  float: right;
  width: 123px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: rgba(51, 77, 102, 0.01);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
.popup--hint-closePosition:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 86.97413408594534px;
  height: 86.97413408594534px;
  border-width: 0 3px 3px 0;
  border-style: solid;
  -ms-transform: translateY(50%) translateX(-50%) scaleY(0.2) rotate(45deg);
  transform: translateY(50%) translateX(-50%) scaleY(0.2) rotate(45deg);
  background: rgba(8, 13, 19, 0.5);
  border-color: rgba(51, 77, 102, 0.01);
}
.popup--hint-closePosition.popup--hint-visible {
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.popup-sell .button-sell,
.popup-buy .button-buy {
  cursor: default;
}
.popup-sell .form--fieldset-info {
  background-color: rgba(176, 66, 74, 0);
}
.popup-buy .form--fieldset-info {
  background-color: rgba(41, 145, 113, 0);
}
.popup-error .messagePanel-error {
  max-height: 50px;
  text-align: center;
}
.popup-error .popup--errorMessage {
  padding: 15px 30px;
  max-height: 75px;
}
.popup-draggable .popup--header {
  cursor: move;
}
.popup--errorMessage {
  position: absolute;
  left: -1px;
  right: -1px;
  top: 100%;
  border: 1px solid rgba(51, 77, 102, 0.01);
  border-top: none;
  max-height: 0;
  background: #80262c;
  color: #fff;
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
  text-align: center;
  transition: max-height 0.3s ease-in-out;
  overflow: hidden;
}
.popup--hint {
  transition:
    opacity 200ms,
    transform 200ms;
}
.popup--hint-cancelButton {
  transition: opacity 200ms;
}
.popup .messagePanel {
  transition: max-height 200ms ease-in-out;
}
.popup-warning .messagePanel-error,
.popup-error .messagePanel-error {
  animation: popupErrorBlink 200ms 200ms ease 3 alternate forwards;
}
.popup-trade .popup--window {
  transition: border-color 200ms;
}
.popup-trade .button-primary,
.popup-trade .form--fieldset-info {
  transition: background-color 200ms;
}
.popup-trade .control-durationRemains .time--delimiter {
  animation: delimiterBlink 1s infinite;
}
.popup-order.popup-modification
.tradeForm-market
.form--fieldset-parameters
.control-numericStepper {
  transition: opacity 200ms;
}
_::-webkit-full-page-media,
_:future,
:root .popup--window {
  background-color: rgba(8, 13, 19, 0.83);
}
@keyframes popupShow {
  0% {
    opacity: 0;
    transform: translateY(-200px);
  }
  33% {
    opacity: 1;
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes popupHide {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  33% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translateY(-200px);
  }
}
@keyframes popupErrorBlink {
  0% {
    background-color: transparent;
  }
  100% {
    background-color: #80262c;
  }
}
@keyframes hideModalBg {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes delimiterBlink {
  50% {
    opacity: 0;
  }
}

.mobile .popup--window {
  min-width: 320px;
  width: 90%;
  max-width: 600px;
}
.mobile .popup--content {
  width: 100%;
}
.mobile .popup--title {
  margin-right: 7px;
}
.mobile .popup--subTitle {
  font-size: 1.8rem;
}
.mobile .popup--text {
  font-size: 1.6rem;
}
.mobile .popup--window {
  font-size: 1.6rem;
}
.mobile .popup--header {
  padding-right: 20px;
}

.popup div.popup--window {
  border-radius: 0;
}
.popup .logo--container {
  display: none;
}
.popup--header {
  min-height: 24px;
  box-sizing: border-box;
  background: rgba(34, 38, 51, 0.9);
}
.popup .popup--window {
  background: rgba(34, 38, 51, 0.97);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}
.popup.popup-modal .popup--window {
  box-shadow: 0 6px 25px rgba(10, 11, 26, 0.4);
}

.tradeInfo {
  display: inline-block;
  padding: 0 20px 0 7px;
}
.tradeInfo--property {
  margin-right: 2px;
}
.tradeInfo--property strong,
.tradeInfo--property time {
  margin-left: 4px;
  margin-right: 3px;
  font-weight: normal;
}
.tradeInfo--property {
  color: #fff;
}
.tradeInfo--property strong,
.tradeInfo--property time {
  color: #b2b2b2;
}

.mobile .tradeInfo {
  padding-left: 0;
}

.tradeInfo--property {
  color: #b2b2b2;
}

.popup-trade .popup--content {
  margin-bottom: -43px;
  padding: 0;
  min-height: 146px;
}
.popup-trade .popup--footer {
  text-align: right;
}
.popup-trade .popup--footer:before,
.popup-trade .popup--footer:after {
  content: '';
  display: table;
}
.popup-trade .popup--footer:after {
  clear: both;
}
.popup-trade .popup--buttons {
  float: right;
}
.popup-trade .tradeChart--wrapper {
  overflow: hidden;
}
.popup-trade .instrument--symbol {
  width: 121px;
  display: inline-block;
  font-size: 1.8rem;
}
.popup-trade .instrument--description {
  display: inline-block;
  font-size: 1.1rem;
  margin-left: 8px;
  width: auto;
  vertical-align: bottom;
}
.popup-trade .form.tradeForm .form--fieldset-protectionOrders .form--legend {
  margin-bottom: 8px;
}
.tradeForm-protected .popup-trade .form.tradeForm .form--fieldset-protectionOrders .form--legend {
  margin-bottom: 2px;
}
.popup-trade .instrument--symbol {
  color: #fff;
}

.mobile .popup-trade {
  top: 0;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}
.mobile .popup-trade .popup--window {
  margin: auto;
}

.tradeChart {
  display: none;
}

.control-orderSide {
  width: 120px;
}

.button-clearInput {
  width: 7px;
  height: 7px;
  padding: 0;
  background: transparent;
  border: none;
}
.button-clearInput:hover .icon,
.button-clearInput.\:hover .icon {
  width: 100%;
  height: 100%;
  fill: $hovered-icon-color-2;
  transition: fill 220ms ease-in;
}
.button-clearInput:active,
.button-clearInput.\:active {
  top: auto;
}
.button-clearInput:active .icon,
.button-clearInput.\:active .icon {
  fill: #3d7399;
}
.button-clearInput .icon {
  width: 100%;
  height: 100%;
  fill: rgba(255, 255, 255, 0.5);
}
.button-clearInput .icon:hover,
.button-clearInput .icon.\:hover {
  fill: $hovered-icon-color-2;
  transition: fill 220ms ease-in;
}

.numericStepper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.numericStepper.numericStepper-hasData .numericStepper--clearInput {
  height: calc(100% - 2px);
  width: 20px;
  position: absolute;
  left: 29px;
  top: 1px;
  display: block;
}
.numericStepper.numericStepper-horizontalButtons .numericStepper--control {
  box-sizing: border-box;
  position: absolute;
  top: 2px;
  width: 23px;
  height: 23px;
  padding: 0;
  border-radius: 1px;
}
.numericStepper.numericStepper-horizontalButtons .numericStepper--control-down {
  right: 26px;
}
.numericStepper.numericStepper-horizontalButtons .numericStepper--control-up {
  right: 2px;
}
.numericStepper.numericStepper-horizontalButtons .numericStepper--control .icon {
  margin: 7px;
}
.numericStepper.numericStepper-verticalButtons {
  display: block;
}
.numericStepper.numericStepper-verticalButtons .numericStepper--input input[type='text'] {
  padding-right: 28px;
  min-width: 68px;
}
.numericStepper.numericStepper-verticalButtons .numericStepper--control-down,
.numericStepper.numericStepper-verticalButtons .numericStepper--control-up {
  height: 11px;
  position: absolute;
  top: auto;
  bottom: auto;
  right: 1px;
  z-index: 0;
  transition: height 0.2s;
}
.numericStepper.numericStepper-verticalButtons .numericStepper--control-down:hover,
.numericStepper.numericStepper-verticalButtons .numericStepper--control-up:hover,
.numericStepper.numericStepper-verticalButtons .numericStepper--control-down.\:hover,
.numericStepper.numericStepper-verticalButtons .numericStepper--control-up.\:hover {
  height: 23px;
  z-index: 3;
}
.numericStepper.numericStepper-verticalButtons .numericStepper--control-down:hover .icon,
.numericStepper.numericStepper-verticalButtons .numericStepper--control-up:hover .icon,
.numericStepper.numericStepper-verticalButtons .numericStepper--control-down.\:hover .icon,
.numericStepper.numericStepper-verticalButtons .numericStepper--control-up.\:hover .icon {
  margin: 7px 7px;
}
.numericStepper.numericStepper-verticalButtons .numericStepper--control-down .icon,
.numericStepper.numericStepper-verticalButtons .numericStepper--control-up .icon {
  margin: 1px 7px;
  transition: margin 0.2s;
}
.numericStepper.numericStepper-verticalButtons .numericStepper--control-down,
.numericStepper.numericStepper-verticalButtons .numericStepper--control-up {
  height: 11px;
}
.numericStepper.numericStepper-verticalButtons .numericStepper--control-up {
  bottom: calc(100% - 13px);
}
.numericStepper.numericStepper-verticalButtons .numericStepper--control-down {
  top: calc(100% - 13px);
}
.numericStepper--input {
  display: block;
  position: relative;
}
.numericStepper--input input[type='text'] {
  text-align: right;
  min-width: 88px;
  padding-right: 51px;
}
.numericStepper--pseudoInput {
  display: none;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 23px;
  padding: 0 28px 0 12px;
}
.numericStepper--clearInput {
  display: none;
}
.numericStepper .button-clearInput {
  position: absolute;
  top: 9px;
  left: 5px;
}
.numericStepper .button-clearInput:active,
.numericStepper .button-clearInput.\:active {
  top: 10px;
}
.numericStepper--control {
  position: absolute;
  top: 2px;
  width: 23px;
  height: 23px;
  padding: 0;
  box-sizing: border-box;
  border-radius: 1px;
  border: 1px solid transparent;
  background-origin: border-box;
}
.numericStepper--control:focus,
.numericStepper--control.\:focus {
  z-index: 1;
}
.numericStepper--control .icon {
  width: 7px;
  height: 7px;
  margin: 7px;
}
.numericStepper--control-down {
  right: 26px;
}
.numericStepper--control-up {
  right: 2px;
}
.numericStepper--control span {
  display: block;
  line-height: 1;
}
.numericStepper--control .icon {
  fill: #fff;
}
.numericStepper--control:disabled .icon,
.numericStepper--control[disabled] .icon {
  fill: #737a80;
}
.numericStepper--clearInput .button {
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}
.numericStepper .numericStepper--control {
  background-color: #2c2d3d;
}
.numericStepper .numericStepper--control,
.numericStepper .numericStepper--control:disabled,
.numericStepper .numericStepper--control:disabled:hover,
.numericStepper .numericStepper--control:disabled:active,
.numericStepper .numericStepper--control:disabled.\:hover,
.numericStepper .numericStepper--control:disabled.\:active {
  box-shadow: none;
}
.numericStepper .numericStepper--control:before {
  border-top-color: rgba(255, 255, 255, 0.02);
  border-left-color: rgba(255, 255, 255, 0.02);
  border-right-color: rgba(255, 255, 255, 0.02);
  border-bottom-color: rgba(255, 255, 255, 0.02);
}
#ruler .numericStepper input[type='text'] {
  display: none;
}
#ruler .numericStepper .numericStepper--pseudoInput {
  display: inline-block;
}

.mobile .numericStepper--control {
  width: 25px;
  height: 25px;
}
.mobile .numericStepper--input input[type='text'] {
  min-width: 92px;
  padding-right: 55px;
}

.control-numericStepperShort {
  width: 89px;
}
.control-numericStepper {
  width: 125px;
}
.control-numericStepper.control-disabled .numericStepper .button {
  background: rgba(255, 255, 255, 0.06);
  box-shadow: none;
}
.control-numericStepper.control-disabled .numericStepper .button .icon {
  fill: #737a80;
}
.control-numericStepper.control-disabled .numericStepper span {
  color: rgba(255, 255, 255, 0.3);
}

.mobile .control-numericStepper {
  width: 140px;
}
.mobile .control-numericStepperShort {
  width: 115px;
}

.comboBox {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.comboBox--input {
  position: relative;
}
.comboBox--input input[type='text'],
.comboBox--input input[type='password'],
.comboBox--input input[type='email'] {
  padding-right: 22px;
  border-radius: 2px;
  font-size: 1.2rem;
}
.comboBox .selectBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.comboBox .selectBox--label {
  visibility: hidden;
}
.comboBox .selectBox--arrow {
  padding-right: 10px;
  border-radius: 0 1px 1px 0;
  z-index: 2;
}
.control-selectAssets .comboBox {
  width: 119px;
}
.comboBox .selectBox,
.comboBox .selectBox:hover,
.comboBox .selectBox-active,
.comboBox .selectBox-disabled,
.comboBox .selectBox.\:hover {
  background-color: transparent;
  box-shadow: none;
}
.comboBox .selectBox:before,
.comboBox .selectBox:hover:before,
.comboBox .selectBox-active:before,
.comboBox .selectBox-disabled:before,
.comboBox .selectBox.\:hover:before {
  background-color: transparent;
  box-shadow: none;
  border-color: transparent;
}
.comboBox .selectBox-active + .comboBox--input input {
  border-color: #55aeee;
  background-color: #222633;
}
.comboBox .selectBox--arrow:hover .icon,
.comboBox .selectBox--arrow.\:hover .icon {
  fill: #ffc973;
}
.comboBox .selectBox-disabled .selectBox--arrow:hover .icon,
.comboBox .selectBox-disabled .selectBox--arrow.\:hover .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.comboBox .selectBox-active .selectBox--arrow:hover .icon,
.comboBox .selectBox-active .selectBox--arrow.\:hover .icon {
  fill: #fff;
}

.control-orderType .selectBox {
  width: 120px;
}

.control-instrumentStake .control--label {
  margin-right: -0.6em;
}
.control-instrumentStake .control--label {
  color: inherit;
}

.control-orderDuration {
  width: 120px;
}
.control-orderDuration .control--buttons .button {
  padding: 0;
}

.form--fieldset {
  padding: 8px 0 0 8px;
  margin-right: 7px;
}
.form--fieldset-info .form--row:first-child {
  padding-bottom: 10px;
}
.form--fieldset-info .control-toggleButtons .button {
  text-transform: uppercase;
}
.form--fieldset-protectionOrders {
  padding-top: 6px;
  padding-bottom: 3px;
}
.form--fieldset-closing .control-numericStepper {
  margin-left: 100px;
}
.form--row {
  padding-bottom: 8px;
}
.form--row:after {
  content: '';
  display: table;
  clear: both;
}
.form--row .control {
  display: inline-block;
}
.form--row .control-value {
  vertical-align: bottom;
}
.form--row .control--label {
  display: block;
  font-size: 1rem;
  line-height: 0.5;
  margin-bottom: 5px;
}
.form--row .control--label > label {
  width: 100%;
  text-transform: capitalize;
}
.form--row .control--label.checkBox--label {
  margin-bottom: 0;
  font-size: 1.2rem;
}
.form--row .control + .control {
  margin-left: 8px;
}
.form--column {
  float: left;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
.form--column-2 {
  width: 16.666666666666668%;
}
.form--column-3 {
  width: 25%;
}
.form--column-4 {
  width: 33.333333333333336%;
}
.form--column-5 {
  width: 41.66666666666667%;
}
.form--column-6 {
  width: 50%;
}
.form--column-7 {
  width: 58.333333333333336%;
}
.form--column-8 {
  width: 66.66666666666667%;
}
.form--column-9 {
  width: 75%;
}
.form--column-10 {
  width: 83.33333333333334%;
}
.form--column-11 {
  width: 91.66666666666667%;
}
.form--column-12 {
  width: 100%;
}
.form--legend {
  margin-bottom: 2px;
}
.form--fieldset-secondary {
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.04) inset;
}
.form--fieldset-durationOrders {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
}
.form--legend .control--label {
  color: inherit;
}
.form--fieldset-secondary {
  background-color: rgba(30, 34, 45, 0.1);
}

.form--fieldset-oco {
  overflow: hidden;
  counter-reset: item;
}
.form--fieldset-oco .form--row {
  position: relative;
  padding-left: 29px;
  padding-bottom: 10px;
  white-space: nowrap;
}
.form--fieldset-oco .form--row-connected:before {
  content: counter(item);
  counter-increment: item;
  position: absolute;
  left: 13px;
  top: 14px;
}
.form--fieldset-oco .form--row-connected:after {
  content: '';
  position: absolute;
  left: 0;
  width: 10px;
  height: 200px;
}
.form--fieldset-oco .form--row-connected:first-child:after {
  bottom: 21px;
}
.form--fieldset-oco .form--row-connected:nth-child(2):after {
  top: 22px;
}
.form--fieldset-oco .form--row .control-orderSide,
.form--fieldset-oco .form--row .control-ocoOrderType,
.form--fieldset-oco .form--row .control-marginImpact {
  width: 120px;
}
.form--fieldset-oco .form--row .control-limitPrice {
  width: 105px;
}
.form--fieldset-oco .form--row .control-value .value {
  font-size: 14px;
}
.form--fieldset-oco .form--row .control .tradeForm--side {
  width: 92px;
}
.form--fieldset-oco .form--row .control .tradeForm--type {
  width: 80px;
}
.form--fieldset-oco {
  box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.04);
}
.form--fieldset-oco .form--row-connected {
  box-shadow: inset 1px 0 #3d4e66;
}
.form--fieldset-oco .form--row:before {
  color: rgba(255, 255, 255, 0.5);
}
.form--fieldset-oco .form--row:after {
  background: rgba(8, 13, 19, 0.5);
}
.form--fieldset-oco .form--row-connected:first-child:after {
  box-shadow: inset 0 -1px #3d4e66;
}
.form--fieldset-oco .form--row-connected:nth-child(2):after {
  box-shadow: inset 0 1px #3d4e66;
}

.closingHint {
  position: relative;
  padding: 9px 0 5px;
  text-align: center;
}
.closingHint {
  color: #fff;
}

.tradeForm {
  margin-left: 295px;
  padding-bottom: 43px;
}
.tradeForm .control--label {
  white-space: nowrap;
}
.tradeForm .form--fieldset {
  padding-left: 10px;
}
.tradeForm .form--fieldset-parameters .form--row {
  padding-bottom: 0;
}
.tradeForm .form--fieldset-parameters .control {
  margin-bottom: 8px;
}
.tradeForm .form--fieldset-parameters .control--wrap {
  font-size: 14px;
}
.tradeForm .form--fieldset-durationOrders,
.tradeForm .form--fieldset-protectionOrders {
  box-sizing: border-box;
  width: auto;
}
.tradeForm .form--fieldset-protectionOrders {
  height: 30px;
  overflow: hidden;
}
.tradeForm .form--fieldset-protectionOrders .form--row {
  opacity: 0;
}
.tradeForm .form--fieldset-noProtection {
  position: relative;
}
.tradeForm .form--fieldset-durationOrders {
  height: 53px;
  padding-top: 11px;
}
.tradeForm .form--fieldset-info {
  padding-top: 10px;
  padding-bottom: 2px;
}
.tradeForm .form--fieldset-info .tradeForm--quantity,
.tradeForm .form--fieldset-info .tradeForm--openPl {
  font-size: 1.8rem;
}
.tradeForm .form--fieldset-oco {
  padding-top: 11px;
}
.tradeForm .control-durationHours,
.tradeForm .control-durationDayMonth,
.tradeForm .control-durationRemains,
.tradeForm .control-durationExpiresAt {
  overflow: hidden;
  max-width: 0;
  white-space: nowrap;
  opacity: 0;
}
.tradeForm .control-marginImpact .control--label,
.tradeForm .control-marginImpact .control--wrap {
  display: block;
}
.tradeForm .control-marginImpact .control--wrap {
  height: 20px;
}
.tradeForm .control-value .value {
  line-height: 2rem;
}
.tradeForm .control-value .value strong {
  font-size: 1.6rem;
  line-height: 1rem;
  font-weight: normal;
}
.tradeForm .control-leverage {
  font-size: 14px;
}
.tradeForm .control-leverage.control {
  margin-left: 25px;
}
.tradeForm .control-leverage .icon {
  width: 13px;
  height: 13px;
  margin-left: 7px;
  vertical-align: middle;
}
.tradeForm .control-selectAssets .comboBox {
  margin-left: -2px;
}
.tradeForm .time span {
  display: inline-block;
}
.tradeForm .time--delimiter {
  margin: 0 0.2em;
}
.tradeForm .time--unit {
  margin: 0 0 0 0.2em;
}
.tradeForm--side,
.tradeForm--type {
  display: inline-block;
  vertical-align: baseline;
  width: 122px;
  font-size: 1.8rem;
  font-weight: 100;
  letter-spacing: 0.05em;
}
.tradeForm--side {
  text-transform: uppercase;
  font-weight: 400;
}
.tradeForm-market .form--fieldset-durationOrders,
.tradeForm-market .form--fieldset-oco {
  visibility: hidden;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
}
.tradeForm-market .form--fieldset-durationOrders .form--row,
.tradeForm-market .form--fieldset-oco .form--row {
  opacity: 0;
}
.tradeForm-market .form--row .control-limitPrice,
.tradeForm-market .form--row .control-trailingStopPrice {
  overflow: hidden;
  visibility: hidden;
  width: 0;
  margin: 0;
  opacity: 0;
}
.tradeForm-limit .form--fieldset .control--fieldset-oco,
.tradeForm-limit .form--fieldset-oco {
  visibility: hidden;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
}
.tradeForm-limit .form--fieldset .control--fieldset-oco .form--row,
.tradeForm-limit .form--fieldset-oco .form--row {
  opacity: 0;
}
.tradeForm-limit .form--fieldset .control--fieldset-parameters .control-marginImpact,
.tradeForm-limit .form--fieldset-parameters .control-marginImpact {
  margin-left: 0;
}
.tradeForm-limit .form--fieldset .control--row .control-trailingStopPrice,
.tradeForm-limit .form--row .control-trailingStopPrice {
  overflow: hidden;
  visibility: hidden;
  width: 0;
  margin: 0;
  opacity: 0;
}
.tradeForm-limit .form--fieldset .control--row .control-marginImpact,
.tradeForm-limit .form--row .control-marginImpact {
  width: 100%;
}
.tradeForm-day .control-durationRemains,
.tradeForm-day .control-durationExpiresAt {
  overflow: visible;
  opacity: 1;
  max-width: 100px;
  margin-left: 5px;
}
.tradeForm-date .form--fieldset-durationOrders,
.tradeForm-date .form--fieldset-protectionOrders {
  width: 346px;
}
.tradeForm-date .control-durationHours,
.tradeForm-date .control-durationDayMonth {
  opacity: 1;
  max-width: 100px;
  margin-left: 3px;
}
.tradeForm-protected .form--fieldset-protectionOrders {
  height: auto;
}
.tradeForm-protected .form--fieldset-protectionOrders .form--row {
  opacity: 1;
}
.tradeForm-protected .form--fieldset-protectionOrders .control--label {
  line-height: 1rem;
}
.tradeForm-trailingStop .form--row .control-limitPrice {
  visibility: hidden;
  width: 0;
  margin: 0;
  opacity: 0;
}
.tradeForm-trailingStop .form--row .control-trailingStopPrice {
  opacity: 1;
  width: auto;
}
.tradeForm-trailingStop .form--row .control-marginImpact {
  width: 100%;
}
.tradeForm-trailingStop .form--fieldset-oco {
  visibility: hidden;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
}
.tradeForm-trailingStop .form--fieldset-oco .form--row {
  opacity: 0;
}
.tradeForm-oco .form--fieldset-protectionOrders,
.tradeForm-oco .form--fieldset-parameters {
  visibility: hidden;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
}
.tradeForm-oco .form--fieldset-protectionOrders .form--row,
.tradeForm-oco .form--fieldset-parameters .form--row {
  opacity: 0;
}
.tradeForm--leverageIcon {
  position: relative;
}
.tradeForm .selectBox--label {
  line-height: 19px;
}
.tradeForm .tooltip {
  left: calc(100% + 5px);
  top: 5px;
}
.tradeForm .tooltip--content {
  white-space: nowrap;
}
.tradeForm .tooltip--pointer-arrowTop,
.tradeForm .tooltip--pointer-arrowBottom {
  height: 100%;
  top: 0;
}
.tradeForm .control-marginImpact label,
.tradeForm .control-currentPrice label {
  margin-bottom: 10px;
}
.tradeForm .control-currentPrice .value {
  font-size: 14px;
}
.tradeForm .control-numericStepper .numericStepper--input input[type='text'] {
  text-align: left;
}
.form--fieldset-oco .selectBox-ocoOrderType {
  width: 100%;
}
.form--fieldset-oco .form--row:last-child .control-marginImpact:first-child {
  width: 120px;
}
.tradeForm .time {
  color: #fff;
}
.tradeForm--side,
.tradeForm--type {
  color: #fff;
}
.tradeForm--quantity,
.tradeForm--openPl {
  color: #fff;
}
.tradeForm--side-positive,
.tradeForm--side-buy {
  color: #299171;
}
.tradeForm--side-negative,
.tradeForm--side-sell {
  color: #d64f58;
}
.tradeForm--openPl-positive {
  color: #299171;
}
.tradeForm--openPl-negative {
  color: #d64f58;
}
.tradeForm--side_positive {
  color: #299171;
}
.tradeForm--side_negative {
  color: #d64f58;
}
.tradeForm .form--fieldset {
  transform: translate3d(0, 0, 0);
  transition-duration: 200ms;
  transition-property: height, width, padding;
  transition-timing-function: ease, ease, linear;
}
.tradeForm .form--fieldset .form--row {
  transition-property: opacity;
  transition-duration: 200ms;
}
.tradeForm .control {
  transform: translate3d(0, 0, 0);
  transition-property: max-width, opacity, margin;
  transition-duration: 200ms;
  transition-delay: 0s;
}
.tradeForm .control-leverage .icon {
  fill: #909099;
}
.tradeForm .control .value-none span {
  color: rgba(255, 255, 255, 0.5);
}
.tradeForm-limit .form--fieldset-durationOrders,
.tradeForm-trailingStop .form--fieldset-durationOrders,
.tradeForm-oco .form--fieldset-durationOrders {
  transition-delay: 0s;
}
.tradeForm-limit .form--fieldset-durationOrders .form--row,
.tradeForm-trailingStop .form--fieldset-durationOrders .form--row,
.tradeForm-oco .form--fieldset-durationOrders .form--row {
  transition-delay: 400ms;
}
.tradeForm-market .form--fieldset-protection,
.tradeForm-limit .form--fieldset-protection,
.tradeForm-trailingStop .form--fieldset-protection,
.tradeForm-market .form--fieldset-parameters,
.tradeForm-limit .form--fieldset-parameters,
.tradeForm-trailingStop .form--fieldset-parameters {
  transition-delay: 0s;
}
.tradeForm-market .form--fieldset-protection .form--row,
.tradeForm-limit .form--fieldset-protection .form--row,
.tradeForm-trailingStop .form--fieldset-protection .form--row,
.tradeForm-market .form--fieldset-parameters .form--row,
.tradeForm-limit .form--fieldset-parameters .form--row,
.tradeForm-trailingStop .form--fieldset-parameters .form--row {
  transition-delay: 400ms;
}
.tradeForm-oco .form--fieldset-oco {
  transition-delay: 0s;
}
.tradeForm-oco .form--fieldset-oco .form--row {
  transition-delay: 400ms;
}
.tradeForm-protected .form--fieldset-protectionOrders {
  transition-delay: 0s;
}
.tradeForm-protected .form--fieldset-protectionOrders .form--row {
  transition-delay: 0s;
}
.tradeForm-date .control-durationHours,
.tradeForm-date .control-durationDayMonth {
  transition-delay: 200ms;
}
.tradeForm-day .control-durationRemains,
.tradeForm-day .control-durationExpiresAt {
  transition-delay: 200ms;
}

.mobile .tradeForm .control--label {
  font-size: 14px;
}
.mobile .tradeForm .form--fieldset-protectionOrders .form--row {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  padding-left: 24px;
}
.mobile .tradeForm .form--fieldset-protectionOrders .form--row .control-checkBox {
  position: absolute;
  left: 0;
}
.mobile .tradeForm .form--fieldset-protectionOrders .form--row .control + .control {
  margin-left: 0;
  margin-bottom: 8px;
  margin-right: 4px;
}

.dropDown-selectBox-symbol .dropDown--optionText {
  width: 67px;
}
.dropDown-selectBox-symbol .dropDown--symbolText {
  display: inline-block;
  vertical-align: middle;
}
.dropDown-selectBox-symbol .dropDown--option-selected {
  font-weight: bold;
}
.dropDown-selectBox-symbol .dropDown--option-selected .dropDown--selectedIcon {
  display: none;
}

.form--fieldset-oco {
  overflow: hidden;
  counter-reset: item;
}
.form--fieldset-oco .form--row {
  position: relative;
  padding-left: 29px;
  padding-bottom: 10px;
  white-space: nowrap;
}
.form--fieldset-oco .form--row:after {
  background: rgba(34, 38, 51, 0.97);
}
.form--fieldset-oco .form--row-connected:first-child:after {
  bottom: auto;
  top: 0;
  height: 22px;
}
.form--fieldset-oco .form--row-connected:before {
  font-size: 10px;
}
.form--fieldset-oco .form--row:before {
  color: rgba(255, 255, 255, 0.5);
}
.form--fieldset-oco .form--row-connected:nth-child(2):after {
  border-color: #3d4e66;
}

.tradeForm {
  margin-left: 0;
  min-width: 387px;
}
.tradeForm-oco .form--fieldset-parameters,
.tradeForm-oco .form--fieldset-protectionOrders {
  display: none;
}
.tradeForm-market .form--row .control-limitPrice,
.tradeForm-market .form--row .control-trailingStopPrice {
  display: none;
}
.tradeForm-limit .form--row .control-trailingStopPrice {
  display: none;
}
.tradeForm .control-symbol {
  width: 235px;
}
.tradeForm .control-noLabel label {
  margin-bottom: 10px;
}
.tradeForm .control--label {
  font-size: 10px;
  margin-bottom: 6px;
}
.tradeForm .control-value .value {
  line-height: 1.14;
}
.tradeForm .tooltip {
  left: calc(100% + 10px);
  top: -6px;
}
.tradeForm .tooltip--pointer-arrowTop,
.tradeForm .tooltip--pointer-arrowBottom {
  width: 15px;
}
.tradeForm .tooltip--pointer-arrowTop:before,
.tradeForm .tooltip--pointer-arrowBottom:before {
  height: 13px;
  width: 13px;
  top: 11px;
  left: 7px;
}
.tradeForm .selectBox,
.tradeForm .comboBox {
  width: 110px;
}
.tradeForm .selectBox {
  height: 26px;
}
.tradeForm .selectBox .selectBox--label {
  line-height: 26px;
}
.tradeForm .instrument--description {
  margin-left: 14px;
  padding-left: 2px;
  font-size: 12px;
  line-height: 1.6;
}
.tradeForm.tradeForm-market .form--row .control-limitPrice,
.tradeForm.tradeForm-market .form--row .control-trailingStopPrice {
  display: none;
}
.tradeForm.tradeForm-limit .form--row .control-trailingStopPrice {
  display: none;
}
.tradeForm .form--fieldset {
  margin-right: 0;
  padding-right: 7px;
}
.tradeForm .form--fieldset-secondary,
.tradeForm .form--fieldset-durationOrders {
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.08) inset;
}
.tradeForm .form--fieldset-protectionOrders {
  width: auto;
  height: auto;
  padding: 12px 10px 5px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.tradeForm .form--fieldset-protectionOrders.form--fieldset-noProtection {
  padding-top: 10px;
}
.tradeForm .form--fieldset-protectionOrders.form--fieldset-noProtection .form--row {
  display: none;
}
.tradeForm .form--fieldset-protectionOrders .form--row {
  padding-bottom: 12px;
}
.tradeForm .form--fieldset-protectionOrders .form--row:first-child {
  margin-top: 20px;
}
.tradeForm .form--fieldset-protectionOrders .form--row .checkBox--label {
  margin-bottom: 0;
  margin-top: 17px;
}
.tradeForm .form--fieldset-protectionOrders .control-numericStepperShort {
  margin-left: 16px;
  width: 110px;
}
.tradeForm .form--fieldset-protectionOrders .control-pip {
  width: 95px;
}
.tradeForm .form--fieldset-parameters,
.tradeForm .form--fieldset-info {
  padding-top: 16px;
}
.tradeForm .form--fieldset-parameters .control-marginImpact {
  margin-bottom: 4px;
  width: auto;
}
.tradeForm .form--fieldset-parameters .control-orderSide {
  width: 110px;
}
.tradeForm .form--fieldset-parameters .control-orderSide .button {
  min-width: 50px;
  font-size: 12px;
}
.tradeForm .form--fieldset-parameters .form--row .control + .control {
  margin-left: 16px;
}
.tradeForm .form--fieldset-info .form--row {
  padding-bottom: 16px;
}
.tradeForm .form--fieldset-info .form--row .control + .control {
  margin-left: 16px;
}
.tradeForm .form--fieldset-info .form--row .control-leverage.control {
  margin-left: 15px;
}
.tradeForm .form--fieldset-info .form--row .control-noLabel.control .value {
  font-size: 14px;
}
.tradeForm .form--fieldset-info .form--row .control-instrumentStake .control--label {
  color: rgba(255, 255, 255, 0.5);
}
.tradeForm .form--fieldset-oco .form--row .control-ocoOrderType,
.tradeForm .form--fieldset-oco .form--row .control-marginImpact {
  width: auto;
}
.tradeForm .form--fieldset-oco .form--row .selectBox {
  width: 87px;
}
.tradeForm .form--fieldset-oco .form--row .control-noLabel.control {
  vertical-align: top;
  font-size: 14px;
}
.tradeForm .form--fieldset .form--row {
  display: -ms-flexbox;
  display: flex;
}
.tradeForm .control-noLabel label {
  margin-bottom: 10px;
}
.tradeForm .control--label {
  font-size: 10px;
  margin-bottom: 6px;
}
.tradeForm .tooltip {
  left: calc(100% + 10px);
  top: -6px;
}
.tradeForm .tooltip--pointer-arrowTop,
.tradeForm .tooltip--pointer-arrowBottom {
  width: 15px;
}
.tradeForm .tooltip--pointer-arrowTop:before,
.tradeForm .tooltip--pointer-arrowBottom:before {
  height: 13px;
  width: 13px;
  top: 11px;
  left: 7px;
}
.tradeForm .selectBox,
.tradeForm .comboBox {
  width: 110px;
}
.tradeForm .selectBox {
  height: 26px;
}
.tradeForm .selectBox .selectBox--label {
  line-height: 26px;
}
.tradeForm .control-selectAssets .comboBox + .instrument--description {
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: 5px;
}
.tradeForm .control-selectAssets .comboBox input {
  text-indent: 2px;
  padding-left: 3px;
}
.tradeForm .control-instrumentStake {
  width: 145px;
}

.mobile .tradeForm .form--fieldset .control-numericStepper {
  width: 140px;
}
.mobile .tradeForm .form--fieldset .control-orderSide {
  width: auto;
}
.mobile .tradeForm .control-orderDuration {
  width: 130px;
}

.popup-order.popup-creation .instrument--description {
  vertical-align: middle;
}
.popup-order.popup-modification .tradeForm .form--fieldset-info {
  padding-top: 5px;
}
.popup-order.popup-creation.popup-sell .popup--window {
  border-color: rgba(176, 66, 74, 0.6);
}
.popup-order.popup-creation.popup-sell .popup--footer .button-primary {
  background-color: #b0424a;
}
.popup-order.popup-creation.popup-buy .popup--window {
  border-color: rgba(26, 143, 109, 0.6);
}
.popup-order.popup-creation.popup-buy .popup--footer .button-primary {
  background-color: #1a8f6d;
}

.mobile .popup-order .popup--content {
  overflow: auto;
  margin-bottom: 0;
  height: 340px;
}
.mobile .popup-order .tradeForm {
  padding-bottom: 0;
  min-width: 0;
}
.mobile .popup-order .tradeForm .selectBox {
  height: 29px;
}
.mobile .popup-order .tradeForm .form--fieldset .form--row {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mobile .popup-order .tradeForm .form--fieldset-parameters .form--row:last-child,
.mobile .popup-order .tradeForm .form--fieldset-info .form--row:last-child {
  padding-bottom: 0;
}
.mobile .popup-order .tradeForm .form--fieldset-parameters .form--row .control,
.mobile .popup-order .tradeForm .form--fieldset-info .form--row .control {
  margin-bottom: 10px;
  margin-right: 16px;
}
.mobile .popup-order .tradeForm .form--fieldset-parameters .form--row .control + .control,
.mobile .popup-order .tradeForm .form--fieldset-info .form--row .control + .control {
  margin-left: 0;
  margin-right: 16px;
}
.mobile .popup-order .tradeForm .form--fieldset-parameters .form--row .control-leverage,
.mobile .popup-order .tradeForm .form--fieldset-info .form--row .control-leverage {
  width: 100%;
}
.mobile .popup-order .tradeForm .form--fieldset-oco .form--row:last-child {
  padding-bottom: 0;
}
.mobile .popup-order .tradeForm .form--fieldset-oco .form--row .control {
  margin-bottom: 10px;
  margin-right: 8px;
}
.mobile .popup-order .tradeForm .form--fieldset-oco .form--row .control + .control {
  margin-left: 0;
  margin-right: 8px;
}
.mobile .popup-order .tradeForm .form--fieldset-oco .form--row .control-leverage {
  width: 100%;
}
.mobile .popup-order .tradeForm .form--fieldset-protectionOrders .form--row .control {
  margin-bottom: 10px;
}
.mobile
.popup-order
.tradeForm
.form--fieldset-protectionOrders
.form--row
.control:nth-child(n + 3) {
  margin-left: 33px;
}
.mobile .popup-order .tradeForm.tradeForm-market .form--fieldset-durationOrders {
  display: none;
}
.mobile .popup-order .tradeForm .control-selectAssets .comboBox + .instrument--description {
  vertical-align: middle;
  margin-bottom: -5px;
}

.popup-order.popup-creation.popup-sell .popup--footer .button-primary {
  background-color: #55aeee;
}
.popup-order.popup-creation.popup-buy .popup--footer .button-primary {
  background-color: #55aeee;
}

.button-price {
  height: 75px;
  position: relative;
  border: 1px solid transparent;
  border-radius: 1px;
  z-index: 1;
}
.button-price:active,
.button-price.\:active {
  top: 0;
}
.button-price.button-sell .button--label {
  padding: 0 20px 0 0;
}
.button-price.button-buy .button--label {
  padding: 0 0 0 20px;
}
.button-price.button-buy,
.button-price.button-sell {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.button-price.button-buy:active:not([disabled]) .instrument--price,
.button-price.button-sell:active:not([disabled]) .instrument--price,
.button-price.button-buy.\:active:not([disabled]) .instrument--price,
.button-price.button-sell.\:active:not([disabled]) .instrument--price {
  margin-top: 1px;
}
.button-buy {
  background-color: #1a8f6d;
  color: #fff;
}
.button-sell {
  background-color: #b0424a;
  color: #fff;
}
.button-price {
  background-color: #393a4d;
  box-shadow: none;
  border-color: $button-outside-border-color;
}
.button-price.button-up {
  background-color: #1a8f6d;
  box-shadow: none;
}
.button-price.button-down {
  background-color: #b0424a;
  box-shadow: none;
}
.button-price.button-buy:disabled,
.button-price.button-sell:disabled {
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: none;
  border-color: #2d2e3d;
}
.button-price.button-buy:disabled .button--label,
.button-price.button-sell:disabled .button--label,
.button-price.button-buy:disabled .price,
.button-price.button-sell:disabled .price {
  color: #ccc;
}
.button-price.button {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset -1px 0 0 rgba(255, 255, 255, 0.04),
    inset 0 -1px 0 rgba(255, 255, 255, 0.02),
    inset 1px 0 0 rgba(255, 255, 255, 0.04);
}
.button-price.button:active:not([disabled]),
.button-price.button.\:active:not([disabled]) {
  box-shadow:
    inset 0 1px 0 rgba(0, 0, 0, 0.2),
    inset -1px 0 0 rgba(0, 0, 0, 0.13),
    inset 0 -1px 0 rgba(0, 0, 0, 0.06),
    inset 1px 0 0 rgba(0, 0, 0, 0.13);
}
.button-price.button:not(:disabled),
.button-price.button:active:not(:disabled),
.button-price.button.\:active:not(:disabled) {
  border-color: $button-outside-border-color;
}
.button-price.button-buy,
.button-price.button-sell {
  background-color: #45494d;
}
.button-price.button-buy:before,
.button-price.button-sell:before {
  background: transparent;
  transition: background 220ms ease-in;
}
.button-price.button-buy:hover:before,
.button-price.button-sell:hover:before,
.button-price.button-buy.\:hover:before,
.button-price.button-sell.\:hover:before {
  background: rgba(255, 255, 255, 0.1);
}
.button-price.button-buy:active:hover:before,
.button-price.button-sell:active:hover:before,
.button-price.button-buy:active:before,
.button-price.button-sell:active:before,
.button-price.button-buy.\:active.\:hover:before,
.button-price.button-sell.\:active.\:hover:before,
.button-price.button-buy.\:active:before,
.button-price.button-sell.\:active:before {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.15);
}
.button-price.button-buy:focus,
.button-price.button-sell:focus,
.button-price.button-buy.\:focus,
.button-price.button-sell.\:focus {
  box-shadow: 0 0 0 1px #55aeee;
}
.control-disabled .button-price.button-buy,
.control-disabled .button-price.button-sell,
.button-price.button-buy:disabled,
.button-price.button-sell:disabled,
.button-price.button-buy[disabled],
.button-price.button-sell[disabled],
.control-disabled .button-price.button-buy:hover,
.control-disabled .button-price.button-sell:hover,
.button-price.button-buy:disabled:hover,
.button-price.button-sell:disabled:hover,
.button-price.button-buy[disabled]:hover,
.button-price.button-sell[disabled]:hover,
.control-disabled .button-price.button-buy:active,
.control-disabled .button-price.button-sell:active,
.button-price.button-buy:disabled:active,
.button-price.button-sell:disabled:active,
.button-price.button-buy[disabled]:active,
.button-price.button-sell[disabled]:active,
.control-disabled .button-price.button-buy.\:hover,
.control-disabled .button-price.button-sell.\:hover,
.button-price.button-buy:disabled.\:hover,
.button-price.button-sell:disabled.\:hover,
.button-price.button-buy[disabled].\:hover,
.button-price.button-sell[disabled].\:hover,
.control-disabled .button-price.button-buy.\:active,
.control-disabled .button-price.button-sell.\:active,
.button-price.button-buy:disabled.\:active,
.button-price.button-sell:disabled.\:active,
.button-price.button-buy[disabled].\:active,
.button-price.button-sell[disabled].\:active {
  background-color: #31323d;
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
  border-color: transparent;
  box-shadow: 0 0 0 1px #2d2e3d;
  pointer-events: none;
}
.control-disabled .button-price.button-buy:before,
.control-disabled .button-price.button-sell:before,
.button-price.button-buy:disabled:before,
.button-price.button-sell:disabled:before,
.button-price.button-buy[disabled]:before,
.button-price.button-sell[disabled]:before,
.control-disabled .button-price.button-buy:hover:before,
.control-disabled .button-price.button-sell:hover:before,
.button-price.button-buy:disabled:hover:before,
.button-price.button-sell:disabled:hover:before,
.button-price.button-buy[disabled]:hover:before,
.button-price.button-sell[disabled]:hover:before,
.control-disabled .button-price.button-buy:active:before,
.control-disabled .button-price.button-sell:active:before,
.button-price.button-buy:disabled:active:before,
.button-price.button-sell:disabled:active:before,
.button-price.button-buy[disabled]:active:before,
.button-price.button-sell[disabled]:active:before,
.control-disabled .button-price.button-buy.\:hover:before,
.control-disabled .button-price.button-sell.\:hover:before,
.button-price.button-buy:disabled.\:hover:before,
.button-price.button-sell:disabled.\:hover:before,
.button-price.button-buy[disabled].\:hover:before,
.button-price.button-sell[disabled].\:hover:before,
.control-disabled .button-price.button-buy.\:active:before,
.control-disabled .button-price.button-sell.\:active:before,
.button-price.button-buy:disabled.\:active:before,
.button-price.button-sell:disabled.\:active:before,
.button-price.button-buy[disabled].\:active:before,
.button-price.button-sell[disabled].\:active:before {
  border-color: transparent;
  background: transparent;
}
.control-disabled .button-price.button-buy .icon,
.control-disabled .button-price.button-sell .icon,
.button-price.button-buy:disabled .icon,
.button-price.button-sell:disabled .icon,
.button-price.button-buy[disabled] .icon,
.button-price.button-sell[disabled] .icon,
.control-disabled .button-price.button-buy:hover .icon,
.control-disabled .button-price.button-sell:hover .icon,
.button-price.button-buy:disabled:hover .icon,
.button-price.button-sell:disabled:hover .icon,
.button-price.button-buy[disabled]:hover .icon,
.button-price.button-sell[disabled]:hover .icon,
.control-disabled .button-price.button-buy:active .icon,
.control-disabled .button-price.button-sell:active .icon,
.button-price.button-buy:disabled:active .icon,
.button-price.button-sell:disabled:active .icon,
.button-price.button-buy[disabled]:active .icon,
.button-price.button-sell[disabled]:active .icon,
.control-disabled .button-price.button-buy.\:hover .icon,
.control-disabled .button-price.button-sell.\:hover .icon,
.button-price.button-buy:disabled.\:hover .icon,
.button-price.button-sell:disabled.\:hover .icon,
.button-price.button-buy[disabled].\:hover .icon,
.button-price.button-sell[disabled].\:hover .icon,
.control-disabled .button-price.button-buy.\:active .icon,
.control-disabled .button-price.button-sell.\:active .icon,
.button-price.button-buy:disabled.\:active .icon,
.button-price.button-sell:disabled.\:active .icon,
.button-price.button-buy[disabled].\:active .icon,
.button-price.button-sell[disabled].\:active .icon {
  fill: rgba(255, 255, 255, 0.3);
}

.button-price {
  height: 60px;
}
.button-price.button-buy .button--label {
  padding: 0 0 0 35px;
}
.button-price.button-sell .button--label {
  padding: 0 35px 0 0;
}
.button-price .button--label {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 0.4px;
  opacity: 1;
}

.plate {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 2px 0 4px;
  min-height: 137px;
  min-width: 300px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  z-index: 1;
}
.plate-empty {
  visibility: hidden;
  min-height: auto;
  height: 1px;
  position: static;
}
.plate-selected {
  z-index: 2;
}
.plate--heading {
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
}
.plate--heading .instrument--symbol {
  float: left;
  font-size: 15px;
  margin-top: -1px;
  padding-left: 6px;
}
.plate--heading .instrument--change {
  float: right;
  padding-right: 4px;
}
.plate--heading .instrument--change strong {
  font-size: 1.25em;
  line-height: 0;
  font-weight: normal;
}
.plate--heading span {
  width: auto;
}
.plate--heading .control--wrap,
.plate--heading .control {
  width: 100%;
  margin: 0;
  height: 21px;
}
.plate--heading .control {
  width: calc(100% - 25px);
}
.plate--heading input[type='text'] {
  height: 21px;
  padding-top: 2px;
  padding-bottom: 3px;
  font-size: 14px;
  line-height: normal;
  box-sizing: border-box;
  margin-top: -1px;
}
.plate--heading .button-close {
  width: 25px;
  padding-left: 3px;
  border-width: 0;
  float: right;
}
.plate--info {
  padding: 4px 4px 4px 6px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.plate--info .price {
  font-size: 11px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.plate--info .instrument--label {
  padding: 0 3px;
}
.plate--info .instrument--label:first-child {
  padding-left: 0;
}
.plate--info .instrument--low,
.plate--info .instrument--high {
  vertical-align: middle;
}
.plate--info .instrument--low {
  text-align: right;
}
.plate--info .instrument--high {
  text-align: left;
}
.plate--actions {
  display: -ms-flexbox;
  display: flex;
  padding: 0 3px 5px 3px;
  text-align: center;
}
.plate--instrument {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding-left: 10px;
}
.plate--instrument:first-child {
  padding-left: 0;
}
.plate--quantity {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.plate:empty {
  cursor: pointer;
}
.plate:empty:after {
  content: '+';
  width: 56px;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 56px;
  margin: -28px 0 0 -28px;
  font-size: 60px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
}
.plate:empty:active:after,
.plate:empty.\:active:after {
  margin-top: -27px;
}
.plate {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
}
.plate--heading {
  background-color: #303140;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4) inset;
}
.plate--heading .instrument--symbol {
  color: #8ebcd4;
}
.plate--heading .button-close {
  background-color: #303140;
  box-shadow: none;
}
.plate--heading .button-close:hover,
.plate--heading .button-close.\:hover {
  background-color: #303140;
}
.plate--heading .button-close:hover .icon,
.plate--heading .button-close.\:hover .icon {
  fill: $hovered-icon-color-2;
}
.plate--heading .button-close:focus,
.plate--heading .button-close.\:focus {
  outline: none;
}
.plate--heading .button-close .icon {
  fill: rgba(255, 255, 255, 0.5);
}
.plate--heading .button-close:before {
  content: none;
}
.plate--info,
.plate--actions {
  background-color: #252633;
}
.plate--info .instrument--low,
.plate--info .instrument--high {
  color: rgba(255, 255, 255, 0.5);
}
.plate-selected {
  box-shadow: 0 0 0 1px #457d99;
}
.plate.instrument-empty .instrument-down .button-price:after,
.plate.instrument-empty .instrument-up .button-price:after {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: #2d2e3d;
}
.plate.instrument-empty .instrument-down .button-price:not([disabled]).button-buy,
.plate.instrument-empty .instrument-up .button-price:not([disabled]).button-buy,
.plate.instrument-empty .instrument-down .button-price:not([disabled]).button-sell,
.plate.instrument-empty .instrument-up .button-price:not([disabled]).button-sell {
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: none;
  border-color: #2d2e3d;
}
.plate:empty {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}
.plate:empty:hover:after,
.plate:empty.\:hover:after {
  background-color: rgba(255, 255, 255, 0.12);
}
.plate:empty:after,
.plate:empty:active:after,
.plate:empty.\:active:after {
  background-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.08);
}

.button-showsChart .icon {
  width: 14px;
  height: 13px;
}
.button-showsChart .icon {
  fill: #909099;
  transition: fill 220ms ease-out;
}
.button-showsChart .icon:hover,
.button-showsChart .icon.\:hover {
  fill: #3d7399;
  transition: fill 220ms ease-in;
}

.button-showsLadder .icon {
  width: 10px;
  height: 10px;
}
.button-showsLadder .icon {
  fill: #909099;
}
.button-showsLadder .icon:hover,
.button-showsLadder .icon.\:hover {
  fill: #3d7399;
}

.button-showsDashboard .icon {
  fill: #909099;
  transition: fill 220ms ease-out;
}
.button-showsDashboard .icon:hover,
.button-showsDashboard .icon.\:hover {
  fill: #3d7399;
  transition: fill 220ms ease-in;
}

.instrumentInfo-dashboard .instrumentInfo--overlay {
  display: none;
}
.instrumentInfo-watchlistMain .instrument-dashboard .button-price {
  padding: 0 8px;
}
.instrumentInfo-watchlistMain .instrument-ladder {
  padding: 0 0 2px 0;
}
.instrumentInfo-watchlistMain .instrument-ladder .instrument--buy,
.instrumentInfo-watchlistMain .instrument-ladder .instrument--sell,
.instrumentInfo-watchlistMain .instrument-ladder .instrument--quantity {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
.instrumentInfo-watchlistMain .instrument-ladder .instrument--buy,
.instrumentInfo-watchlistMain .instrument-ladder .instrument--sell {
  max-width: 54px;
}
.instrumentInfo-watchlistMain .instrument-ladder .instrument--quantity {
  max-width: 46px;
}
.instrumentInfo-watchlistMain .instrument-chart {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
  width: 230px;
  padding: 0;
}
.instrumentInfo-watchlistMain .instrumentInfo--wrapper {
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
}
.instrumentInfo-watchlistMain .instrumentInfo--panel {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
}
.instrumentInfo-watchlistMain .instrumentInfo--panel:not(:first-child) {
  border-width: 0 0 0 1px;
  border-style: solid;
}
.instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
  padding-left: 0;
}
.instrumentInfo-watchlistMain .instrumentInfo--panel:last-child {
  padding-right: 0;
}
.instrumentInfo-watchlistMain .instrumentInfo--wrapper {
  white-space: nowrap;
}
.instrumentInfo--panel {
  -ms-flex-positive: 1;
  flex-grow: 1;
  box-sizing: border-box;
  min-width: 33%;
  padding-right: 3px;
  position: relative;
}
.instrumentInfo--panel:first-child {
  padding-right: 2px;
}
.instrumentInfo--wrapper {
  overflow: hidden;
  border-bottom: 1px solid;
  text-align: left;
}
.instrumentInfo--main {
  padding: 6px 0;
  overflow: hidden;
  text-align: center;
}
.instrumentInfo--main .instrument {
  display: table;
  width: 100%;
}
.instrumentInfo--main .instrument--buttonList {
  float: right;
}
.instrumentInfo--main .plate--quantity .comboBox--inner {
  width: 70px;
}
.instrumentInfo--main .plate--quantity .comboBox--inner .comboBox--input input[type='text'] {
  line-height: normal;
}
.instrumentInfo--stack {
  position: relative;
}
.instrumentInfo--stack .instrument-ladder,
.instrumentInfo--stack .instrument-chart,
.instrumentInfo--stack .instrument-dashboard {
  display: none;
}
.instrumentInfo--stack .instrument-chart {
  min-height: 100px;
}
.instrumentInfo--stack .instrument-chart .watchlistChart {
  padding-top: 6px;
}
.instrumentInfo--buttonList {
  position: absolute;
  right: 16px;
  width: 13px;
}
.instrumentInfo--buttonList .button {
  display: none;
}
.instrumentInfo--overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.instrumentInfo--overlay .instrument {
  display: block;
}
.instrumentInfo .instrument-ladder .instrument--quantity {
  font-size: 1rem;
}
.instrumentInfo .instrument-ladder .instrument--buy,
.instrumentInfo .instrument-ladder .instrument--sell {
  width: auto;
}
.instrumentInfo .instrument-ladder .table th,
.instrumentInfo .instrument-ladder .table td {
  border: 0;
}
.instrumentInfo .instrument-ladder .table td {
  line-height: 20px;
}
.instrumentInfo .instrument-ladder .table td:first-child .instrument--sell {
  float: right;
  padding: 0 3px 0 5px;
}
.instrumentInfo .instrument-ladder .table td:first-child .instrument--quantity {
  float: left;
  padding-right: 6px;
}
.instrumentInfo .instrument-ladder .table td:last-child .instrument--quantity {
  float: right;
  padding-left: 6px;
}
.instrumentInfo .instrument-ladder .table td:last-child .instrument--buy {
  float: left;
  padding: 0 5px 0 3px;
}
.instrumentInfo .instrument-ladder .table th {
  height: 16px;
  line-height: 1;
  padding: 0;
}
.instrumentInfo .instrument-ladder .table th span {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  line-height: 1;
}
.instrumentInfo .watchlistChart {
  width: 100%;
  height: 86px;
  position: relative;
}
.instrumentInfo .button-showsDashboard {
  width: 13px;
}
.instrumentInfo .button-showsChart .icon {
  margin-top: 1px;
}
.instrumentInfo .button-showsLadder .icon {
  margin-top: 2px;
}
.instrumentInfo .instrument-ladder {
  padding: 0 5px 2px 5px;
}
.instrumentInfo .instrument-chart .watchlistChart .chart {
  overflow: visible;
}
.instrumentInfo .plate--actions {
  padding: 0 3px 7px 3px;
}
.instrumentInfo.instrumentInfo-ladder .instrumentInfo--stack .instrument-ladder {
  display: block;
}
.instrumentInfo.instrumentInfo-ladder .instrumentInfo--buttonList .button-ladder {
  display: inline-block;
  vertical-align: middle;
}
.instrumentInfo.instrumentInfo-chart .instrumentInfo--stack .instrument-chart {
  display: block;
}
.instrumentInfo.instrumentInfo-chart .instrumentInfo--buttonList .button-chart {
  display: inline-block;
  vertical-align: middle;
}
.instrumentInfo.instrumentInfo-dashboard .instrumentInfo--stack .instrument-dashboard {
  display: block;
}
.instrumentInfo.instrumentInfo-dashboard .instrumentInfo--buttonList .button-dashboard {
  display: inline-block;
  vertical-align: middle;
}
.instrument-future + .instrumentInfo .instrumentInfo--wrapper {
  border-color: $watchlist-futures-warning-line-color;
}
@media screen and (min-width: 1280px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 5px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 2px;
  }
}
@media screen and (min-width: 1312px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 6px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 3px;
  }
}
@media screen and (min-width: 1344px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 7px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 4px;
  }
}
@media screen and (min-width: 1376px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 8px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 5px;
  }
}
@media screen and (min-width: 1408px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 9px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 6px;
  }
}
@media screen and (min-width: 1440px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 10px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 7px;
  }
}
@media screen and (min-width: 1472px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 11px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 8px;
  }
}
@media screen and (min-width: 1504px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 12px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 9px;
  }
}
@media screen and (min-width: 1536px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 13px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 10px;
  }
}
@media screen and (min-width: 1568px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 14px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 11px;
  }
}
@media screen and (min-width: 1600px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 15px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 12px;
  }
}
@media screen and (min-width: 1632px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 16px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 13px;
  }
}
@media screen and (min-width: 1664px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 17px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 14px;
  }
}
@media screen and (min-width: 1696px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 18px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 15px;
  }
}
@media screen and (min-width: 1728px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 19px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 16px;
  }
}
@media screen and (min-width: 1760px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 20px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 17px;
  }
}
@media screen and (min-width: 1792px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 21px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 18px;
  }
}
@media screen and (min-width: 1824px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 22px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 19px;
  }
}
@media screen and (min-width: 1856px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 23px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 20px;
  }
}
@media screen and (min-width: 1888px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 24px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 21px;
  }
}
@media screen and (min-width: 1920px) {
  .instrumentInfo-watchlistMain .instrumentInfo--panel {
    padding: 0 25px;
  }
  .instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
    padding-right: 22px;
  }
}
.instrumentInfo td,
.instrumentInfo td:first-child,
.instrumentInfo td:last-child {
  box-shadow: none;
}
.instrumentInfo--wrapper {
  border-color: rgba(255, 255, 255, 0.2);
  background: #252633;
}
.instrumentInfo--panel {
  border-left-color: rgba(255, 255, 255, 0.08);
}
.instrumentInfo-ladder .instrumentInfo--main {
  background: transparent;
}
.instrumentInfo .instrument-ladder .price {
  color: #fff;
}
.instrumentInfo .instrument-ladder .instrument--quantity,
.instrumentInfo .instrument-ladder .price {
  background: #252633;
}
.instrumentInfo .instrument-ladder .table th {
  color: #666;
  box-shadow: 0 -1px 0 rgba(61, 78, 102, 0.08) inset;
}
.instrumentInfo .instrument-ladder .table th:first-child span {
  box-shadow: -1px 0 0 rgba(61, 78, 102, 0.1) inset;
}
.instrumentInfo--stack .instrument {
  transition: opacity 0.5s ease;
}
.instrumentInfo--overlay .instrument {
  opacity: 0;
}
.instrumentInfo-chart .instrumentInfo--stack:hover .instrument-ladder,
.instrumentInfo-ladder .instrumentInfo--stack:hover .instrument-ladder,
.instrumentInfo-chart .instrumentInfo--stack-hover .instrument-ladder,
.instrumentInfo-ladder .instrumentInfo--stack-hover .instrument-ladder,
.instrumentInfo-chart .instrumentInfo--stack:hover .instrument-chart,
.instrumentInfo-ladder .instrumentInfo--stack:hover .instrument-chart,
.instrumentInfo-chart .instrumentInfo--stack-hover .instrument-chart,
.instrumentInfo-ladder .instrumentInfo--stack-hover .instrument-chart,
.instrumentInfo-chart .instrumentInfo--stack.\:hover .instrument-ladder,
.instrumentInfo-ladder .instrumentInfo--stack.\:hover .instrument-ladder,
.instrumentInfo-chart .instrumentInfo--stack.\:hover .instrument-chart,
.instrumentInfo-ladder .instrumentInfo--stack.\:hover .instrument-chart {
  opacity: 0.2;
}
.instrumentInfo-chart .instrumentInfo--stack:hover .instrumentInfo--overlay .instrument,
.instrumentInfo-ladder .instrumentInfo--stack:hover .instrumentInfo--overlay .instrument,
.instrumentInfo-chart .instrumentInfo--stack-hover .instrumentInfo--overlay .instrument,
.instrumentInfo-ladder .instrumentInfo--stack-hover .instrumentInfo--overlay .instrument,
.instrumentInfo-chart .instrumentInfo--stack.\:hover .instrumentInfo--overlay .instrument,
.instrumentInfo-ladder .instrumentInfo--stack.\:hover .instrumentInfo--overlay .instrument {
  opacity: 1;
}

.mobile .instrumentInfo .instrument-ladder .instrument--quantity {
  font-size: 1.2rem;
}

.instrumentInfo-watchlistMain .instrumentInfo--wrapper {
  padding: 0;
}
.instrumentInfo--wrapper {
  border-bottom: none;
}
.instrumentInfo--main .plate--quantity .comboBox--inner {
  width: 65px;
}
.instrumentInfo--panel {
  min-width: 260px;
  max-width: 400px;
}
.instrumentInfo--panel:after {
  position: absolute;
  content: '';
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: calc(100% - 20px);
  background: rgba(255, 255, 255, 0.08);
}
.instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
  padding-right: 0;
}
.instrumentInfo .plate--info .price {
  font-size: 12px;
}
.instrumentInfo .plate--actions {
  padding-right: 5px;
  padding-left: 5px;
}

.instrument-suggestInput .control-textInput {
  margin: 2px 0 3px 2px;
  width: calc(100% - 2px);
}

.mobile .instrument-suggestInput .control-textInput input {
  font-size: 14px;
}

.symbolSpacing {
  letter-spacing: 1px;
}

.grid-watchlist .instrument-input .control,
.grid-watchlist .instrument-search .control {
  width: 100%;
}
.grid-watchlist .instrument-search td {
  padding-bottom: 2px;
}
.grid-watchlist .instrument--listSelectorWrapper {
  position: absolute;
  bottom: 19px;
  top: 31px;
  right: 20px;
  left: 20px;
  height: auto;
  text-align: center;
}
.grid-watchlist .instrument--listSelector {
  display: inline-block;
  vertical-align: top;
  min-width: 300px;
  height: 100%;
}
.grid-watchlist .table--col-symbol {
  width: 95px;
}
.grid-watchlist .table--col-change {
  width: 60px;
}
.grid-watchlist .table--colAdapts-warning {
  width: 17px;
}
.grid-watchlist .table--colAdapts-symbol {
  width: 130px;
}
.grid-watchlist .table--colAdapts-dayToExpiration {
  width: 117px;
}
.grid-watchlist .table--colAdapts-firstNoticeDate {
  width: 114px;
}
.grid-watchlist .table--colAdapts-lastTradeDate {
  width: 115px;
}
.grid-watchlist .table--colAdapts-expirationDate {
  width: 112px;
}
.grid-watchlist .table--colAdapts-tickValue,
.grid-watchlist .table--colAdapts-limitUp,
.grid-watchlist .table--colAdapts-spread {
  width: 85px;
}
.grid-watchlist .table--colAdapts-tradingHalt {
  width: 192px;
}
.grid-watchlist .table--colAdapts-initialMargin {
  width: 102px;
}
.grid-watchlist .table--colAdapts-maintenanceMargin {
  width: 140px;
}
.grid-watchlist .table--colAdapts-limitDown {
  width: 91px;
}
.grid-watchlist:not(.grid-future) .table--colAdapts-firstNoticeDate {
  width: 111px;
}
.grid-watchlist.grid-future
.scrollable-withVerticalScrollbar
> .scrollable--wrapper
> .scrollable--container {
  padding-right: 0;
}
.grid-watchlist thead th:first-of-type .icon {
  display: none;
}
.grid-watchlist .grid--body .table--row td:first-of-type .table--cell {
  padding: 0 0 0 6px;
}
.grid-watchlist .grid--body .table--row td:first-of-type .icon-watchlist-futures-warning {
  display: inline-block;
}
.grid-watchlist .grid--body .table--row .icon-watchlist-futures-warning {
  cursor: pointer;
  pointer-events: all;
}
.table--cell-watchlist {
  font-size: 14px;
}
.grid-watchlist .instrument-ladder .instrument--quantity {
  color: rgba(255, 255, 255, 0.5);
}
.grid-watchlist .instrument--emptyMessage {
  color: #666;
}

.mobile .grid-watchlist .instrument--listSelectorWrapper {
  font-size: 14px;
}

.grid-watchlist .table--col-actions,
.grid-watchlist .table--colAdapts-actions {
  width: 90px;
}
.grid-watchlist .table--col-symbol,
.grid-watchlist .table--colAdapts-symbol {
  width: 81px;
}
.grid-watchlist .table--col-spread,
.grid-watchlist .table--colAdapts-spread {
  width: 101px;
}
.grid-watchlist .table--col-bid,
.grid-watchlist .table--colAdapts-bid,
.grid-watchlist .table--col-ask,
.grid-watchlist .table--colAdapts-ask {
  width: 8em;
}
.grid-watchlist .table--col-netChange,
.grid-watchlist .table--colAdapts-netChange {
  width: 200px;
}
.grid-watchlist .table thead .table--cell-actions {
  display: none;
}
.grid-watchlist .table tbody .table--cell-actions .button {
  font-size: 12px;
  min-width: 53px;
  padding: 0 10px;
  border: 1px solid #3d4e66;
  background-color: #393a4d;
  box-shadow: none;
  vertical-align: baseline;
  color: #fff;
}
.grid-watchlist .table tbody .table--cell-actions .button:hover:before,
.grid-watchlist .table tbody .table--cell-actions .button.\:hover:before {
  background: rgba(255, 255, 255, 0.1);
}
.grid-watchlist .table tbody .table--cell-actions .button:active:hover:before,
.grid-watchlist .table tbody .table--cell-actions .button:active:before,
.grid-watchlist .table tbody .table--cell-actions .button.\:active.\:hover:before,
.grid-watchlist .table tbody .table--cell-actions .button.\:active:before {
  background: rgba(0, 0, 0, 0.15);
}
.grid-watchlist .table tbody .table--cell-actions .button span {
  line-height: 16px;
}
.grid-watchlist .table tbody .table--row.instrument-expanded td,
.grid-watchlist .table tbody .table--row.instrument-selected td,
.grid-watchlist .table tbody .table--row.instrument-expanded td:last-child,
.grid-watchlist .table tbody .table--row.instrument-selected td:last-child,
.grid-watchlist .table tbody .table--row.instrument-expanded td:first-child,
.grid-watchlist .table tbody .table--row.instrument-selected td:first-child {
  box-shadow: 0 1px #454659;
  background: #454659;
}
.grid-watchlist .table tbody .table--row.instrument-expanded + .table--row td,
.grid-watchlist .table tbody .table--row.instrument-selected + .table--row td,
.grid-watchlist .table tbody .table--row.instrument-expanded + .table--row td:last-child,
.grid-watchlist .table tbody .table--row.instrument-selected + .table--row td:last-child,
.grid-watchlist .table tbody .table--row.instrument-expanded + .table--row td:first-child,
.grid-watchlist .table tbody .table--row.instrument-selected + .table--row td:first-child {
  box-shadow:
    0px 1px 0 transparent inset,
    0 1px rgba(255, 255, 255, 0.08);
}

.mobile .grid-watchlist .table--col-symbol,
.mobile .grid-watchlist .table--colAdapts-symbol {
  width: 100px;
}
.mobile .grid-watchlist .table--col-bid,
.mobile .grid-watchlist .table--colAdapts-bid,
.mobile .grid-watchlist .table--col-ask,
.mobile .grid-watchlist .table--colAdapts-ask {
  width: 125px;
}
.mobile .grid-watchlist .table--col-spread,
.mobile .grid-watchlist .table--colAdapts-spread {
  width: 215px;
}
.mobile .grid-watchlist .table tbody .table--cell-actions {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mobile .grid-watchlist .table tbody .table--cell-actions.table--cell-alignRight {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.mobile .grid-watchlist .table tbody .table--cell-actions .button {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.watchlist-item__item {
  box-sizing: border-box;
  display: inline-block;
  min-width: 190px;
  max-width: 378px;
  margin: 1px;
  position: relative;
  vertical-align: top;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 190px;
  flex-basis: 190px;
}
.watchlist-item__emptyItem {
  visibility: hidden;
  min-height: auto;
  height: 1px;
  position: static;
}
.watchlist-item__lastItem {
  height: 169px;
}
.watchlist-item__isOver:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: -1px;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #55aeee;
  box-shadow: -2px 0px 0px 0px rgba(255, 201, 115, 0.25);
}
.watchlist-item__isDragging {
  position: absolute;
  visibility: hidden;
  width: 0;
  min-width: 0;
  margin: 0;
}

.plateGrid__chart {
  display: block;
  height: 94px;
  width: 94px;
  border-radius: 100%;
  position: relative;
  background: transparent;
}
.plateGrid__chart:after {
  position: absolute;
  display: block;
  height: 75px;
  width: 75px;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: '';
  border-radius: 100%;
  background-image: radial-gradient(rgba(255, 210, 0, 0.1), rgba(255, 210, 0, 0));
  background-color: rgba(0, 0, 0, 0.2);
}
.plateGrid__chart_empty {
  margin: 7px 0 -7px 7px;
  box-shadow: none;
}
.plateGrid__chart_empty:after {
  display: none;
}
.plateGrid__chart_empty .plateGrid__chartCircle {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-dasharray: 244.92;
}
.plateGrid__chart circle {
  stroke-dasharray: 238.64;
}
.plateGrid__chartShadow {
  flood-color: rgba(255, 132, 0, 0.4);
}
.plateGrid__chartFill_left .stop-0 {
  stop-color: #ffc975;
}
.plateGrid__chartFill_left .stop-100 {
  stop-color: #ffa538;
}
.plateGrid__chartFill_right .stop-0 {
  stop-color: #ff8400;
}
.plateGrid__chartFill_right .stop-100 {
  stop-color: #ffa538;
}
.plateGrid__chartCircle {
  stroke: rgba(0, 0, 0, 0.4);
}
.plateGrid__chartCircle_background {
  stroke: #034957;
}
.plateGrid__chart .plateGrid__data {
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  min-width: 52px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 5;
}
.plateGrid__chart .plateGrid__value {
  display: block;
  margin: 0;
  color: #fff;
}

.plateGrid {
  background-image: linear-gradient(312deg, #034957, #096164);
  cursor: pointer;
}
.plateGrid-empty {
  visibility: hidden;
  min-height: auto;
  height: 1px;
  position: static;
}
.plateGrid-tradeUp .plateGrid--footer {
  background: rgba(255, 172, 43, 0.15);
}
.plateGrid-tradeUp .plateGrid--rangeBar {
  background: linear-gradient(to left, #ffc975, #ffa538);
  box-shadow: 0 0 5px 0 rgba(255, 132, 0, 0.06);
}
.plateGrid-tradeDown .plateGrid--footer {
  background: rgba(0, 192, 255, 0.15);
}
.plateGrid-tradeDown .plateGrid--rangeBar {
  background: linear-gradient(to left, #54ffe9, #007bb4);
  box-shadow: 0 0 5px 0 rgba(0, 123, 180, 0.4);
}
.plateGrid-selected {
  background: #ff00d0;
  cursor: default;
}
.plateGrid-selected .plateGrid--heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  height: 53px;
}
.plateGrid-selected .plateGrid--heading .plateGrid--info {
  width: 1px; /*fix offset item on click*/
  white-space: nowrap;
  line-height: 18px;
}
.plateGrid-selected .plateGrid--heading .plateGrid--symbol {
  line-height: 18px;
}
.plateGrid-selected .plateGrid--symbol {
  width: 100%;
}
.plateGrid-selected .plateGrid--info,
.plateGrid-selected .plateGrid--value {
  text-align: left;
}
.plateGrid-selected .plateGrid--container {
  display: block;
  text-align: center;
}
.plateGrid-selected .plateGrid--content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 2px 0 28px;
}
.plateGrid-withoutTrade.plateGrid-selected .plateGrid--info {
  color: #fff;
}
.plateGrid--heading {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: baseline;
  align-items: baseline;
  height: 24px;
  width: 100%;
  padding: 0 8px;
  background: rgba(0, 0, 0, 0.25);
  line-height: 24px;
  text-align: left;
  overflow: hidden;
}
.plateGrid--heading .icon {
  width: 11px;
  height: 11px;
  vertical-align: bottom;
  fill: rgba(255, 255, 255, 0.5);
  transition: fill 220ms ease-out;
}
.plateGrid--heading .icon:hover,
.plateGrid--heading .icon.\:hover {
  fill: $hovered-icon-color-2;
  transition: fill 220ms ease-in;
}
.plateGrid--heading .icon:active,
.plateGrid--heading .icon.\:active {
  fill: #3d7399;
}
.plateGrid--symbol {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 155px;
  display: inline-block;
  overflow: hidden;
}
.plateGrid--info {
  display: block;
  color: #299171;
}
.plateGrid--container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 174px;
  padding: 8px 8px 10px;
  margin: 0 auto;
  position: relative;
}
.plateGrid--content {
  width: 80px;
  display: inline-block;
}
.plateGrid--data {
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 8px;
}
.plateGrid--data:last-child {
  margin-bottom: 0;
}
.plateGrid--data .icon {
  width: 11px;
  height: 11px;
  margin-left: 3px;
  fill: rgba(255, 255, 255, 0.5);
  vertical-align: middle;
  pointer-events: all;
  transition: fill 220ms ease-out;
}
.plateGrid--data .icon:hover,
.plateGrid--data .icon.\:hover {
  fill: $hovered-icon-color-2;
  transition: fill 220ms ease-in;
}
.plateGrid--value {
  display: block;
  margin: 0;
  color: #fff;
}
.plateGrid--chart {
  display: inline-block;
  width: 94px;
  margin: -6px 0 -6px;
  position: relative;
  z-index: 2;
}
.plateGrid--range {
  width: 100%;
  height: 2px;
  background: #1b2021;
  position: relative;
}
.plateGrid--hint {
  display: block;
  width: calc(100% - 16px);
  padding: 3px 7px;
  background: #2c3447;
  box-shadow: 0 2px 10px 0 rgba(9, 10, 15, 0.8);
  color: #fff;
  position: absolute;
  z-index: 100;
  top: 91px;
}
.plateGrid--rangeBar {
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.6));
  position: absolute;
  top: 0;
  left: 0;
}
.plateGrid--footer {
  padding: 8px 8px 10px;
  margin: 0 auto;
  position: relative;
  background: rgba(0, 0, 0, 0.2);
}
.plateGrid--footer .plateGrid--value {
  display: inline;
  margin-left: 7px;
}
.plateGrid--arrow {
  position: absolute;
  width: 166px;
  height: 115px;
  top: 8px;
  right: 50%;
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  z-index: 1;
}
.plateGrid--arrow .icon {
  fill: rgba(255, 255, 255, 0.06);
}
.plateGrid--trending {
  position: absolute;
  top: 24px;
  right: 0;
  width: 46px;
  height: 46px;
  z-index: 1;
}
.arrowGradientDown stop:first-child {
  stop-color: #54ffe9;
}
.arrowGradientDown stop:last-child {
  stop-color: #007bb4;
}
.lineGradientDown stop:first-child {
  stop-color: #54ffe9;
}
.lineGradientDown stop:last-child {
  stop-color: #007bb4;
}
.arrowGradientUp stop:first-child {
  stop-color: #ffc975;
}
.arrowGradientUp stop:last-child {
  stop-color: #ffa538;
}
.lineGradientUp stop:first-child {
  stop-color: #ffc975;
}
.lineGradientUp stop:last-child {
  stop-color: #ffa538;
}
.iconTrending--bg {
  fill: #06393f;
}
.iconTrending--horizontal {
  fill: rgba(0, 0, 0, 0.1);
}
.iconTrending-down .iconTrending--vertical {
  fill: rgba(130, 235, 253, 0.07);
}
.iconTrending-down .iconTrending--shadow {
  fill: #007bb4;
}
.iconTrending-up .iconTrending--vertical {
  fill: rgba(248, 253, 130, 0.07);
}
.iconTrending-up .iconTrending--shadow {
  fill: #ff8400;
}

.plate-content {
  background-color: #9a9a9a;
  margin: 1px;
}

.watchlistGrid {
  height: 100%;
}
.watchlistGrid .watchlist-dnd {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.watchlistGrid--wrapper .watchlistGrid--emptyView {
  display: none;
}
.watchlistGrid--wrapper-empty .watchlistGrid {
  display: none;
}
.watchlistGrid--wrapper-empty .emptyView {
  display: -ms-flexbox;
  display: flex;
}

.button-icon.button-linking {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 19px;
  height: 18px;
  min-width: 19px;
  background-color: transparent;
  box-shadow: none;
}
.button-icon.button-linking:before {
  content: none;
}
.button-icon.button-linking:hover,
.button-icon.button-linking.\:hover {
  background-color: transparent;
}
.button-icon.button-linking:hover + .button-linking-tooltip,
.button-icon.button-linking.\:hover + .button-linking-tooltip {
  display: block;
}
.button-icon.button-linking:hover .icon,
.button-icon.button-linking.\:hover .icon {
  fill: #ffc973;
}
.button-icon.button-linking:active .icon,
.button-icon.button-linking.\:active .icon {
  fill: #3d7399;
}
.button-icon.button-linking:focus,
.button-icon.button-linking.\:focus {
  box-shadow: 0 0 0 1px #29a6ff;
}
.button-icon.button-linking.button-active:hover .icon,
.button-icon.button-linking.button-active.\:hover .icon {
  fill: #ffc973;
}
.button-icon.button-linking.button-active:disabled .icon,
.button-icon.button-linking.button-active[disabled] .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.button-icon.button-linking.button-active .icon {
  fill: #55aeee;
}
.button-icon.button-linking .icon {
  width: 11px;
  height: 11px;
  position: relative;
  z-index: 1;
}
.button-linking-wrapper {
  position: relative;
  display: inline-block;
}
.button-linking-tooltip {
  position: absolute;
  left: 0;
  top: 34px;
  z-index: 999;
  display: none;
  padding: 2px 7px;
  background: #2c3447;
  box-shadow: 0 2px 10px 0 rgba(9, 10, 15, 0.8);
  color: #fff;
  pointer-events: none;
  white-space: nowrap;
  line-height: 20px;
}

.button-icon.button-linking {
  background-color: #393a4d;
  box-shadow: 0 0 0 1px #3d4e66;
}
.button-icon.button-linking:before {
  content: '';
}
.button-icon.button-linking.button-active {
  background-color: #55aeee;
}
.button-icon.button-linking.button-active .icon {
  fill: #fff;
}
.button-icon.button-linking.button-active:hover .icon,
.button-icon.button-linking.button-active.\:hover .icon {
  fill: #fff;
}

.treemapTooltipContent__container {
  width: 198px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 2px 10px 0 rgba(9, 10, 15, 0.8);
}
.treemapTooltipContent__header {
  line-height: 23px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 6px;
  opacity: 0.95;
}
.treemapTooltipContent__description {
  display: inline-block;
  margin-left: 5px;
}
.treemapTooltipContent__body {
  background: #303142;
  padding: 3px 6px 6px 6px;
}
.treemapTooltipContent__body .icon {
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  padding: 1px 1.5px 2px;
  margin-right: 3px;
  border-radius: 2px;
  fill: #fff;
  vertical-align: middle;
  margin-top: -1px;
}
.treemapTooltipContent__body .icon-move-up-2 {
  background-color: #1a8f6d;
}
.treemapTooltipContent__body .icon-move-down-2 {
  background-color: #b0424a;
}
.treemapTooltipContent__change_up,
.treemapTooltipContent__last_up {
  color: #299171;
}
.treemapTooltipContent__change_down,
.treemapTooltipContent__last_down {
  color: #d64f58;
}
.treemapTooltipContent__last {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
}
.treemapTooltipContent__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 15px;
}
.treemapTooltipContent__row:first-child {
  margin-bottom: 5px;
}
.treemapTooltipContent__label {
  color: #fff;
}
.treemapTooltipContent__value {
  color: rgba(255, 255, 255, 0.5);
}

.treemapPalette__container {
  height: 23px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 7px;
  font-size: 13px;
}
.treemapPalette__label {
  margin-right: 4px;
}
.treemapPalette__value {
  position: absolute;
  left: 2px;
}
.treemapPalette__value:last-child {
  right: 2px;
  left: auto;
}
.treemapPalette__scale {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.treemapPalette__colors {
  display: -ms-flexbox;
  display: flex;
}
.treemapPalette__color {
  width: 19px;
  height: 19px;
}
.treemapPalette__color:first-child {
  border-radius: 2px 0 0 2px;
}
.treemapPalette__color:last-child {
  border-radius: 0 2px 2px 0;
}

.treemap__container {
  height: 100%;
  width: 100%;
}
.treemap__body {
  height: calc(100% - 23px);
}
.treemap__contentItem:hover,
.treemap__contentItem.treemap__--hover {
  stroke: #ffc973;
  stroke-width: 2;
}
.recharts-responsive-container .recharts-wrapper svg {
  overflow: visible;
}
.treemap-ie-fix {
  transform: translateZ(0);
}

.heatmap__container {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  background: #1b1e1e;
  font-weight: 400;
  padding: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.heatmap__treemap {
  position: absolute;
  left: 4px;
  right: 0;
  top: 24px;
  bottom: 0;
}
.heatmap__header {
  display: -ms-flexbox;
  display: flex;
  padding-left: 7px;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 13px;
}
.heatmap__header .control-selectBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.heatmap__header .control-selectBox:not(:last-child) {
  margin-right: 16px;
}
.heatmap__header .control-selectBox .selectBox {
  width: 100px;
}
.heatmap__header .control-selectBox .selectBox .selectBox--label,
.heatmap__header .control-selectBox .selectBox .selectBox--inner {
  line-height: 17px;
}
.heatmap__header .control-selectBox .control--label {
  margin-right: 4px;
}

.grid-watchlist__watchlist.widget-filtered .filterPanel + div {
  height: calc(100% - 24px);
}
.grid-watchlist__watchlist .filterPanel + div {
  height: 100%;
  width: 100%;
}
.WidgetWatchlist__headerContent {
  width: 100%;
}
.WidgetWatchlist__widgetWatchlistHeaderTitle {
  color: #fff;
  transition: color 220ms ease-out;
  height: 19px;
  cursor: pointer;
}
.WidgetWatchlist__widgetWatchlistHeaderTitle:hover,
.WidgetWatchlist__widgetWatchlistHeaderTitle.WidgetWatchlist__--hover {
  color: #ffc973;
}
.WidgetWatchlist__widgetWatchlistHeaderTitle:hover .icon,
.WidgetWatchlist__widgetWatchlistHeaderTitle.WidgetWatchlist__--hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.WidgetWatchlist__widgetWatchlistHeaderTitle:active,
.WidgetWatchlist__widgetWatchlistHeaderTitle.WidgetWatchlist__--active {
  color: #bf9756;
}
.WidgetWatchlist__widgetWatchlistHeaderTitle:active
.WidgetWatchlist__widgetWatchlistHeaderTitle__text,
.WidgetWatchlist__widgetWatchlistHeaderTitle:active
.WidgetWatchlist__widgetWatchlistHeaderTitle__icon,
.WidgetWatchlist__widgetWatchlistHeaderTitle.WidgetWatchlist__--active
.WidgetWatchlist__widgetWatchlistHeaderTitle__text,
.WidgetWatchlist__widgetWatchlistHeaderTitle.WidgetWatchlist__--active
.WidgetWatchlist__widgetWatchlistHeaderTitle__icon {
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}
.WidgetWatchlist__widgetWatchlistHeaderTitle:active .icon,
.WidgetWatchlist__widgetWatchlistHeaderTitle.WidgetWatchlist__--active .icon {
  fill: #bf9756;
}
.WidgetWatchlist__widgetWatchlistHeaderTitle .icon {
  fill: #fff;
}
.WidgetWatchlist__widgetWatchlistHeaderTitle__text {
  display: inline-block;
  vertical-align: middle;
}
.WidgetWatchlist__widgetWatchlistHeaderTitle__text:first-child {
  margin-left: 0;
}
.WidgetWatchlist__widgetWatchlistHeaderTitle__icon {
  display: inline-block;
  height: 8px;
  width: 8px;
  margin-right: 5px;
  vertical-align: middle;
}
.WidgetWatchlist__widgetWatchlistHeaderTitle__text
+ .WidgetWatchlist__widgetWatchlistHeaderTitle__icon {
  margin-left: 5px;
  margin-right: 0;
}
.WidgetWatchlist__widgetWatchlistHeaderTitle_opened {
  color: #55aeee;
}
.WidgetWatchlist__widgetWatchlistHeaderTitle_opened .icon {
  fill: #55aeee;
}
.WidgetWatchlist__widgetWatchlistHeaderTitle_disabled {
  pointer-events: none;
  color: rgba(255, 255, 255, 0.8);
}
.WidgetWatchlist__widgetWatchlistHeaderTitle .control {
  height: 100%;
  top: 1px;
}
.WidgetWatchlist__widgetWatchlistHeaderTitle .control--wrap {
  height: 100%;
}
.WidgetWatchlist__widgetWatchlistHeaderTitle .control input[type='text'] {
  height: 100%;
  line-height: 1;
}
.WidgetWatchlist__widgetWatchlistHeaderContent {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 19px;
}
.WidgetWatchlist__widgetWatchlistHeaderContent .control-textInput {
  height: 100%;
}
.WidgetWatchlist__widgetWatchlistHeaderContent .control input[type='text'] {
  height: 19px;
  line-height: 19px;
}
.WidgetWatchlist__widgetWatchlistHeaderContent .control-selectBox {
  height: 19px;
}
.WidgetWatchlist__widgetWatchlistHeaderContent .control-selectBox .selectBox {
  line-height: 17px;
  height: 100%;
}
.WidgetWatchlist__widgetWatchlistHeaderContent .control-selectBox .selectBox--label {
  height: 100%;
  padding: 1px 1px 0 6px;
  line-height: 15px;
}
.WidgetWatchlist__widgetWatchlistHeaderContent .control-sortBy {
  margin-left: auto;
}
.WidgetWatchlist__widgetWatchlistHeaderContent .control-toggleButtons {
  height: 19px;
  margin-right: 12px;
}
.WidgetWatchlist__widgetWatchlistHeaderContent .control-toggleButtons .button {
  min-height: 19px;
}
.WidgetWatchlist__widgetWatchlistHeaderContent
.button-aboutUs:hover
+ .WidgetWatchlist__aboutMessage,
.WidgetWatchlist__widgetWatchlistHeaderContent
.button-aboutUs.\:hover
+ .WidgetWatchlist__aboutMessage {
  display: block;
}
.WidgetWatchlist__aboutUs {
  position: relative;
  margin-left: 8px;
}
.WidgetWatchlist__aboutMessage {
  display: none;
  width: 240px;
  padding: 1px 7px;
  color: #fff;
  font-size: 12px;
  background-color: #2c3447;
  border: solid 1px rgba(255, 255, 255, 0.06);
  box-shadow: 0 2px 10px 0 rgba(9, 10, 15, 0.8);
  position: absolute;
  top: calc(100% + 3px);
  right: 0;
  z-index: 3;
  white-space: normal;
}

.WidgetWatchlist__widgetWatchlistHeaderContent .control-symbol {
  margin-right: 20px;
}
.WidgetWatchlist__widgetWatchlistHeaderContent .control-symbol .selectBox {
  width: 90px;
}

.chartLine-editable .chartLine--close {
  display: none;
  cursor: pointer;
}
.chartLine-editable .numericStepper {
  display: none;
}
.chartLine-editable .numericStepper--input {
  display: none;
}
.chartLine-editable .numericStepper--control {
  cursor: pointer;
}
.chartLine-editable .chartLine--trigger,
.chartLine-editable .chartLine--label {
  cursor: grab;
}
.chartLine-editable .chartLine--trigger:active,
.chartLine-editable .chartLine--label:active,
.chartLine-editable .chartLine--trigger.\:active,
.chartLine-editable .chartLine--label.\:active {
  cursor: grabbing;
}
.chartLine-editable.chartLine-active .numericStepper,
.chartLine-editable.chartLine-active .chartLine--close {
  display: inline-block;
}
.chartLine-editable.chartLine-active .chartLine--orderGroupTypeContainer {
  display: -ms-flexbox;
  display: flex;
}
.chartLine-editable.chartLine.chartLine-order .chartLine--close,
.chartLine-editable.chartLine.chartLine-position .chartLine--close {
  width: 15px;
  height: 17px;
  padding: 0;
}
.chartLine-editable.chartLine.chartLine-order .chartLine--close .icon-cancel,
.chartLine-editable.chartLine.chartLine-position .chartLine--close .icon-cancel {
  height: 9px;
  width: 9px;
}
.chartLine-editable.chartLine-blocked .numericStepper {
  visibility: hidden;
}
.chartLine-editable.chartLine-blocked,
.chartLine-editable.chartLine-blocked .chartLine--label {
  cursor: pointer;
}
.chartLine-editable.chartLine-disabled,
.chartLine-editable.chartLine-disabled .chartLine--label {
  cursor: default;
}
.chartLine-editable.chartLine-disabled .chartLine--close,
.chartLine-editable.chartLine-disabled .numericStepper {
  display: none;
}
.chart--linesWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.chart--lines {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  overflow: visible;
}
.chartLine {
  position: absolute;
  left: 0;
  width: 100%;
  /*&-indicator &{
        &--indicator {
          display: block
        }
      }*/
}
.chartLine .chartLine--line {
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  left: -3000px;
  right: -3000px;
}
.chartLine--controlGroup,
.chartLine--orderGroupTypeContainer {
  position: absolute;
}
.chartLine .chartLine--trigger {
  position: absolute;
  left: -3000px;
  right: -3000px;
  height: 7px;
  top: -3px;
}
.chartLine--dot {
  display: none;
  width: 2px;
  position: absolute;
  top: 0;
  left: 0;
}
.chartLine--dot:before {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 1px;
  left: -3px;
  top: -3px;
}
.chartLine--dotLine {
  position: relative;
  width: 2px;
  height: 100%;
}
.chartLine--indicator {
  display: none;
  position: absolute;
  text-align: center;
}
.chartLine-hidden {
  display: none;
}
.chartLine-showDot .chartLine--dot {
  display: block;
}
.chartLine--labelAxis {
  z-index: 5;
  position: absolute;
  line-height: 14px;
  font-size: 10px;
  padding: 0 5px;
}
.chartLine--labelAxis-ask {
  -ms-transform: translateY(-28px);
  transform: translateY(-28px);
}
.chartLine--labelAxis-hidden {
  display: none;
}
.chartLine--orderGroupTypeList {
  display: none;
}
.chartLine--orderGroupTypeListItem {
  white-space: nowrap;
}
.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded {
  display: -ms-flexbox;
  display: flex;
}
.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded .chartLine--orderGroupTypeList {
  display: -ms-flexbox;
  display: flex;
}
.chartLine--orderGroupTypeContainer {
  z-index: 1;
  display: none;
}
.chart-limitLine.chartLine-active .chartLine--controlGroup .button-edit-symbol {
  display: none !important;
}
.chart--axisLabels--quote {
  font-size: 14px;
}
.chartLine-ask .chartLine--label,
.chartLine-bid .chartLine--label,
.chartLine-ask .chartLine--controlGroup,
.chartLine-bid .chartLine--controlGroup {
  display: none;
}
.chartLine {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  /*	&-editable&-indicator {
      .chartLine--close {
        $right = $chartLineIndicatorBlocks.marginLeft + $chartLineIndicatorBlocks.width;

        right: -($chartLineBlocksMerged.closeBtn.width + $right + 14px);
      }
    }*/
}
.chartLine--dot:before {
  margin-left: 1px;
}
.chartLine--dotLabel {
  position: relative;
  left: -15px;
  top: 4px;
  font-size: 1.1rem;
  padding: 0 3px;
  width: 34px;
  line-height: 1.1;
  box-sizing: border-box;
}
.chartLine--elementsContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -ms-flex-order: 2;
  order: 2;
}
.chartLine--numericStepperContainer {
  position: absolute;
  top: -2px;
  left: -20px;
}
.chartLine-showDot .chartLine--dot {
  display: block;
}
.chartLine--quote,
.chartLine--title {
  font-size: 1em;
}
.chartLine--quote {
  margin-left: 7px;
}
.chartLine--controlGroup {
  display: -ms-flexbox;
  display: flex;
}
.chartLine-order .chartLine--label:before {
  border-radius: 50%;
}
.chartLine-order.chartLine-tp.chartLine-buy .chartLine--label:before,
.chartLine-order.chartLine-sl.chartLine-buy .chartLine--label:before,
.chartLine-order.chartLine-tp.chartLine-sell .chartLine--label:before,
.chartLine-order.chartLine-sl.chartLine-sell .chartLine--label:before {
  content: none;
}
.chartLine-group .chartLine--icon-order:before {
  border-radius: 50%;
}
.chartLine-order .chartLine--controlGroup,
.chartLine-position .chartLine--controlGroup,
.chartLine-group .chartLine--controlGroup {
  font-size: 0;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
  top: -8.5px;
}
.chartLine-order .chartLine--label,
.chartLine-position .chartLine--label,
.chartLine-group .chartLine--label {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 1rem;
  width: 100%;
  padding: 2px 3px;
  line-height: 1rem;
  border: 1px solid;
  border-radius: 2px;
}
.chartLine-order .chartLine--quote,
.chartLine-position .chartLine--quote,
.chartLine-group .chartLine--quote {
  margin-left: -1px;
}
.chartLine-group .chartLine--label .selectBox {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.chartLine-group .chartLine--label .selectBox input {
  display: none;
}
.chartLine-group .chartLine--title {
  white-space: nowrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.chartLine-group .chartLine--icon {
  margin-right: 5px;
}
.chartLine-group .chartLine--icon:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 11px;
  margin: -1px 3px 0 0;
}
.chartLine-order .chartLine--label,
.chartLine-position .chartLine--label {
  text-align: right;
}
.chartLine-order .chartLine--label:before,
.chartLine-position .chartLine--label:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  float: left;
  width: 11px;
  height: 11px;
  margin: 0 2px 0 0;
}
.chartLine-order .chartLine--title:after,
.chartLine-position .chartLine--title:after {
  content: '@';
  display: inline-block;
  vertical-align: baseline;
  margin: 0 1px 0 3px;
}
.chartLine-sending .chartLine--controlGroup:before,
.chartLine-pending .chartLine--controlGroup:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  width: 16px;
  height: 15px;
  left: -23px;
  top: 2px;
  border-radius: 7px;
}
.chartLine-sending.chartLine-active.chartLine-editable .chartLine--controlGroup:before,
.chartLine-pending.chartLine-active.chartLine-editable .chartLine--controlGroup:before {
  left: -43px;
}
.chartLine-deactivate {
  pointer-events: none;
}
.chartLine-editable .chartLine--close {
  display: none;
  cursor: pointer;
}
.chartLine-editable .numericStepper {
  display: none;
}
.chartLine-editable .numericStepper--input {
  display: none;
}
.chartLine-editable .numericStepper--control {
  cursor: pointer;
}
.chartLine-editable.chartLine-active:not(.chartLine-disabled) {
  z-index: 11;
}
.chartLine-editable.chartLine-active:not(.chartLine-disabled) .chartLine--controlGroup {
  left: 0;
}
.chartLine-editable .chartLine--close {
  position: absolute;
  right: -19px;
  top: 0;
  padding: 4px 3px;
}
.chartLine-editable .chartLine--close:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 9px;
}
.chartLine-editable .chartLine--trigger {
  height: 7px;
  position: absolute;
  display: block;
  top: -3px;
  z-index: 1;
}
.chartLine-editable .numericStepper {
  width: 12px;
  height: 20px;
}
.chartLine-editable .numericStepper--control {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  border: 0;
  width: 12px;
  height: 6px;
  overflow: hidden;
  background: none;
}
.chartLine-editable .numericStepper--control-up {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.chartLine-editable .numericStepper--control-down {
  top: 15px;
}
.chartLine-editable .numericStepper--control-down:active,
.chartLine-editable .numericStepper--control-down.\:active {
  top: 13px;
}
.chartLine-editable .numericStepper--control::before {
  content: normal;
}
.chartLine-editable .numericStepper--control:focus,
.chartLine-editable .numericStepper--control:active,
.chartLine-editable .numericStepper--control:focus:active,
.chartLine-editable .numericStepper--control.\:focus,
.chartLine-editable .numericStepper--control.\:active,
.chartLine-editable .numericStepper--control.\:focus.\:active {
  box-shadow: none;
}
.chartLine-editable .numericStepper--control:hover .icon,
.chartLine-editable .numericStepper--control:active .icon,
.chartLine-editable .numericStepper--control.\:hover .icon,
.chartLine-editable .numericStepper--control.\:active .icon {
  fill: rgba(255, 255, 255, 0.1);
}
.chartLine-editable .numericStepper--control .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  width: 100%;
  height: 9px;
  fill: $icon-numeric-stepper-bg-color;
  stroke: #3d4e66;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: fill 220ms ease-in;
}
.chartLine--indicator {
  right: -40px;
  display: inline-block;
  position: absolute;
  width: 35px;
  height: 17px;
  border-radius: 2px;
  padding: 2px 0 3px;
  text-align: center;
  box-sizing: border-box;
}
.chartLine--indicator .indicatorText {
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  vertical-align: middle;
}
.chartLine--activationRules {
  margin-left: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.chartLine--activationRules .icon {
  width: 13px;
  height: 13px;
}
.chartLine-pending .chartLine--controlGroup:before {
  top: 1px;
}
.chartLine-hidden {
  display: none;
}
.chartLine:not(.chartLine-multiAssetOrderCreation) .chartLine--close .icon-trash {
  display: none;
}
.chartLine-multiAssetOrderCreation {
  border: 0;
}
.chartLine-multiAssetOrderCreation .numericStepper {
  margin-left: 7px;
  pointer-events: auto;
  display: block;
}
.chartLine-multiAssetOrderCreation .chartLine--close {
  position: relative;
  top: auto;
  right: auto;
  border-radius: 1px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 7px;
  padding-left: 7px;
  padding-right: 7px;
  width: 25px;
  height: 25px;
  pointer-events: auto;
  box-sizing: border-box;
  height: 25px;
}
.chartLine-multiAssetOrderCreation .chartLine--close:before {
  content: '';
  border: 1px solid transparent;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.chartLine-multiAssetOrderCreation .chartLine--close .icon-trash {
  width: 11px;
  height: 13px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon {
  width: 18px;
  height: 14px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderType {
  -ms-flex-order: 2;
  order: 2;
  width: 62px;
  pointer-events: auto;
}
.chartLine-multiAssetOrderCreation .chartLine--orderType .selectBox--label {
  padding: 0 6px 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 23px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderType .selectBox--labelIcon {
  height: 11px;
  width: 26px;
}
.chartLine-multiAssetOrderCreation .chartLine--controlGroup {
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -ms-flex-align: center;
  align-items: center;
  top: -14px;
  pointer-events: all;
  position: relative;
  z-index: 1;
}
.chartLine-multiAssetOrderCreation .chartLine--label {
  white-space: nowrap;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeContainer {
  position: relative;
  display: none;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-left: 12px;
  pointer-events: auto;
  box-sizing: border-box;
  height: 25px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeContainer:before {
  content: '';
  border: 1px solid transparent;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeHandler,
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem {
  border: 0;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeHandler {
  width: 25px;
  height: 25px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeHandler {
  font-size: 14px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem {
  font-size: 14px;
}
.chartLine-multiAssetOrderCreation .chartLine--label {
  width: auto;
  min-width: 55px;
  padding-left: 7px;
  padding-right: 7px;
  height: 27px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 7px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 1px solid transparent;
  flex-shrink: 0;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo {
  margin-right: 7px;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid transparent;
  border-radius: 2px;
  min-width: 45px;
  box-sizing: border-box;
  padding: 0 7px;
  height: 27px;
  -ms-flex-align: center;
  align-items: center;
}
.chartLine-multiAssetOrderCreation
.chartLine--orderGroupInfo:not(.chartLine--orderGroupInfo-child) {
  -ms-flex-pack: center;
  justify-content: center;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoInner {
  display: -ms-flexbox;
  display: flex;
  height: 14px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoNumber {
  margin: 0 2px;
  font-size: 14px;
  font-weight: 500;
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  line-height: 1;
  color: #ff00d0;
}
.chartLine-multiAssetOrderCreation
.chartLine--orderGroupTypeHandler
.icon-order-entry-floating-button-add-group {
  width: 8px;
  height: 8px;
}
.chartLine-multiAssetOrderCreation.chartLine-editable .chartLine--orderType,
.chartLine-multiAssetOrderCreation.chartLine-market .chartLine--orderType {
  display: block;
}
.chartLine-multiAssetOrderCreation.chartLine-market .chartLine--quote {
  display: none;
}
.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--close {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer {
  display: -ms-flexbox;
  display: flex;
}
.chartLine-multiAssetOrderCreation.chartLine-active
.chartLine--orderGroupTypeContainer-isExpanded
.chartLine--orderGroupTypeList {
  padding: 0 10px;
}
.chartLine-multiAssetOrderCreation .chartLine--title,
.chartLine-multiAssetOrderCreation .chartLine--quote {
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.chartLine--labelAxis-bid {
  color: #666;
  background-color: #b0424a;
}
.chartLine--labelAxis-ask {
  color: #666;
  background-color: #299171;
}
.chartLine-multiAssetOrder .chartLine--orderChildInfo,
.chartLine-multiAssetPosition .chartLine--orderChildInfo,
.chartLine-multiAssetOrderCreation .chartLine--orderChildInfo {
  display: none;
}
.chartLine-multiAssetPosition,
.chartLine-multiAssetOrder {
  border-bottom: 0;
}
.chartLine-multiAssetPosition .chartLineMultiAsset--controls,
.chartLine-multiAssetOrder .chartLineMultiAsset--controls {
  display: none;
  -ms-flex-align: center;
  align-items: center;
}
.chartLine-multiAssetPosition .chartLineMultiAsset--controls .chartLineMultiAsset--control,
.chartLine-multiAssetOrder .chartLineMultiAsset--controls .chartLineMultiAsset--control {
  margin-left: 0;
  margin-right: 5px;
}
.chartLine-multiAssetPosition
.chartLineMultiAsset--controls
.chartLineMultiAsset--control:not(:last-of-type),
.chartLine-multiAssetOrder
.chartLineMultiAsset--controls
.chartLineMultiAsset--control:not(:last-of-type) {
  margin-right: 10px;
}
.chartLine-multiAssetPosition .chartLineMultiAsset--control,
.chartLine-multiAssetOrder .chartLineMultiAsset--control {
  margin: 0 5px;
  width: 25px;
  height: 25px;
}
.chartLine-multiAssetPosition .chartLineMultiAsset--control .icon-order-group-bracket-plain,
.chartLine-multiAssetOrder .chartLineMultiAsset--control .icon-order-group-bracket-plain {
  width: 19px;
  height: 15px;
}
.chartLine-multiAssetPosition .chartLineMultiAsset--control .icon-big-cross,
.chartLine-multiAssetOrder .chartLineMultiAsset--control .icon-big-cross {
  width: 11px;
  height: 11px;
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}
.chartLine-multiAssetPosition .chartLineMultiAsset--control .icon,
.chartLine-multiAssetOrder .chartLineMultiAsset--control .icon {
  fill: #fff;
}
.chartLine-multiAssetPosition .chartLineMultiAsset--control.button-edit-symbol .icon-edit-symbol,
.chartLine-multiAssetOrder .chartLineMultiAsset--control.button-edit-symbol .icon-edit-symbol {
  width: 12px;
  height: 12px;
}
.chartLine-multiAssetPosition.chartLine-child .chartLine--priceList,
.chartLine-multiAssetOrder.chartLine-child .chartLine--priceList {
  margin-left: 0;
}
.chartLine-multiAssetPosition.chartLine-stopPrice .chartLine--priceList,
.chartLine-multiAssetOrder.chartLine-stopPrice .chartLine--priceList {
  margin-left: 0;
}
.chartLine-multiAssetPosition .chartLine--controlGroup,
.chartLine-multiAssetOrder .chartLine--controlGroup {
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -ms-flex-align: center;
  align-items: center;
  top: -13.5px;
  box-sizing: border-box;
  height: 27px;
  z-index: 1;
}
.chartLine-multiAssetPosition .chartLine--controlGroup > .chartLineMultiAsset--control,
.chartLine-multiAssetOrder .chartLine--controlGroup > .chartLineMultiAsset--control {
  margin-right: 0;
}
.chartLine-multiAssetPosition .chartLine--elementsContainer,
.chartLine-multiAssetOrder .chartLine--elementsContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  padding-left: 7px;
  margin-right: 7px;
  padding-right: 7px;
  border-radius: 2px;
  border: solid 1px #ff00d0;
  cursor: pointer;
}
.chartLine-multiAssetPosition .chartLine--label,
.chartLine-multiAssetOrder .chartLine--label {
  white-space: nowrap;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.chartLine-multiAssetPosition .chartLine--quantity,
.chartLine-multiAssetOrder .chartLine--quantity {
  margin: 0 6px 0 5px;
}
.chartLine-multiAssetPosition .chartLine--quote,
.chartLine-multiAssetOrder .chartLine--quote {
  margin-left: 7px;
}
.chartLine-multiAssetPosition .chartLine--priceList,
.chartLine-multiAssetOrder .chartLine--priceList {
  display: -ms-flexbox;
  display: flex;
  margin-left: 7px;
}
.chartLine-multiAssetPosition .chartLine--priceItem:not(:first-child),
.chartLine-multiAssetOrder .chartLine--priceItem:not(:first-child) {
  margin-left: 5px;
}
.chartLine-multiAssetPosition .chartLine--quote,
.chartLine-multiAssetOrder .chartLine--quote {
  font-size: 14px;
}
.chartLine-multiAssetPosition .chartLine--orderTypeIcon,
.chartLine-multiAssetOrder .chartLine--orderTypeIcon {
  width: 26px;
  height: 11px;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfo,
.chartLine-multiAssetOrder .chartLine--orderGroupInfo {
  margin-right: 7px;
  box-sizing: border-box;
  -ms-flex-align: center;
  align-items: center;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfoInner,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoInner {
  display: -ms-flexbox;
  display: flex;
  height: 14px;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfoNumber,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoNumber {
  font-size: 14px;
  font-weight: 500;
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  line-height: 1;
  color: #ff00d0;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon {
  width: 18px;
  height: 14px;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfo-child,
.chartLine-multiAssetOrder .chartLine--orderGroupInfo-child {
  padding-left: 10px;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child {
  position: relative;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child:after,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child:after,
.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child:before,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child:before {
  content: '';
  display: block;
  position: absolute;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child:before,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child:before {
  height: 6px;
  width: 6px;
  box-sizing: border-box;
  left: -10px;
  top: 50%;
  margin-top: -3px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child:after,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child:after {
  height: 3px;
  width: 3px;
  border-radius: 50%;
  left: -6px;
  bottom: 3px;
}
.chartLine-multiAssetPosition.chartLine-active .chartLine--close,
.chartLine-multiAssetOrder.chartLine-active .chartLine--close {
  display: none;
}
.chartLine-multiAssetPosition.chartLine-active .chartLine--orderGroupInfo,
.chartLine-multiAssetOrder.chartLine-active .chartLine--orderGroupInfo {
  display: -ms-flexbox;
  display: flex;
}
.chartLine-multiAssetPosition.chartLine-active .chartLineMultiAsset--controls,
.chartLine-multiAssetOrder.chartLine-active .chartLineMultiAsset--controls {
  display: -ms-flexbox;
  display: flex;
}
.chartLine-multiAssetOrder .chartLineMultiAsset--control.button-edit-symbol,
.chartLine-multiAssetPosition .chartLineMultiAsset--control.button-edit-symbol {
  display: none;
}
.chartLine-multiAssetOrder.chartLine-active .chartLineMultiAsset--control.button-edit-symbol {
  display: block;
}
.chartLine-multiAssetPosition:not(.chartLine-editable) {
  cursor: pointer;
}
.chartLine-multiAssetPosition .chartLine--label {
  background: transparent;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
}
.chartLine-multiAssetPosition .chartLine--label:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 11px;
  margin: 1px 2px 0 0;
  background-image: none;
}
.chartLine-multiAssetPosition .chartLine--controlGroup .numericStepper {
  display: none;
}
.chartLine-group .chartLine--icon-isUsedSvgIcon {
  display: inline-block;
}
.chartLine-group .chartLine--icon-isUsedSvgIcon:before {
  content: none;
}
.chartLine-group .chartLine--icon-isUsedSvgIcon .icon {
  width: 11px;
  height: 11px;
  vertical-align: top;
  margin-left: 4px;
}
.chartLine-group .chartLine--icon-isUsedSvgIcon .icon-chart-collapse-group-colored {
  width: 18px;
  height: 14px;
}
.dropDown-chartLine--orderType .dropDown--option {
  padding-left: 9px;
}
.chartLine .chartLine--line {
  background-image: linear-gradient(to right, rgba(142, 188, 212, 0.65) 100%, transparent 100%);
  background-size: 100% 5px;
}
.chartLine-currentQuote .chartLine--line {
  background-image: linear-gradient(to right, #8772e4 100%, transparent 100%);
  background-size: 100% 5px;
}
.chartLine--dot:before {
  background-color: #ffc973;
  z-index: 2;
}
.chartLine--dotLine {
  background-image: linear-gradient(to bottom, #666 50%, transparent 50%);
  background-size: 12px 5px;
}
.chartLine--dotLabel {
  background: #3b3b3b;
  color: #fff;
}
.chartLine--quote,
.chartLine--label {
  color: #fff;
}
.chartLine-sending .chartLine--controlGroup:before,
.chartLine-pending .chartLine--controlGroup:before {
  background-image: url(../../wl/primexbt/_/dx/components/chartLine/img/icons-order-status.png?b116a7df195013df52cab6af79f82f56);
  background-color: #2c2d3d;
  background-position: 2px 2px;
  transition: left 0.3s;
}
.chartLine-pending .chartLine--controlGroup:before {
  background-position: 3px -18px;
}
.chartLine-order .chartLine--label,
.chartLine-position .chartLine--label,
.chartLine-group .chartLine--label {
  background: #2b2c33;
  border-color: rgba(255, 255, 255, 0.2);
}
.chartLine-order .chartLine--label:before,
.chartLine-position .chartLine--label:before,
.chartLine-group .chartLine--label:before,
.chartLine-order .chartLine--icon:before,
.chartLine-position .chartLine--icon:before,
.chartLine-group .chartLine--icon:before {
  background-image: url(../../wl/primexbt/_/dx/components/order/img/icons-positions-orders-statuses.png?2928e6804ce9ec202e4619516ab54c91);
}
.chartLine-buy .chartLine--label:before {
  background-color: #1a8f6d;
}
.chartLine-sell .chartLine--label:before {
  background-color: #b0424a;
}
.chartLine-order.chartLine-limit.chartLine-buy .chartLine--label:before {
  background-position: 0 0px;
}
.chartLine-order.chartLine-limit.chartLine-sell .chartLine--label:before {
  background-position: 0 -11px;
}
.chartLine-order.chartLine-market.chartLine-buy .chartLine--label:before {
  background-position: 0 -22px;
}
.chartLine-order.chartLine-market.chartLine-sell .chartLine--label:before {
  background-position: 0 -33px;
}
.chartLine-order.chartLine-stop.chartLine-buy .chartLine--label:before {
  background-position: 0 -44px;
}
.chartLine-order.chartLine-stop.chartLine-sell .chartLine--label:before {
  background-position: 0 -55px;
}
.chartLine-order.chartLine-traidingStop.chartLine-buy .chartLine--label:before {
  background-position: 0 -66px;
}
.chartLine-order.chartLine-traidingStop.chartLine-sell .chartLine--label:before {
  background-position: 0 -77px;
}
.chartLine-position.chartLine-sell .chartLine--label:before {
  background-position: 0 -99px;
}
.chartLine-position.chartLine-buy .chartLine--label:before {
  background-position: 0 -88px;
}
.chartLine-position.chartLine-sell .chartLine--line {
  background-image: linear-gradient(to right, #b0424a 70%, transparent 70%);
  background-size: 10px 5px;
}
.chartLine-position.chartLine-buy .chartLine--line {
  background-image: linear-gradient(to right, #1a8f6d 70%, transparent 70%);
  background-size: 10px 5px;
}
.chartLine-order.chartLine-sell .chartLine--line {
  background-image: linear-gradient(to right, #b0424a 50%, transparent 50%);
  background-size: 4px 5px;
}
.chartLine-order.chartLine-buy .chartLine--line {
  background-image: linear-gradient(to right, #1a8f6d 50%, transparent 50%);
  background-size: 4px 5px;
}
.chartLine-order.chartLine-tp.chartLine-order.chartLine-sell .chartLine--line,
.chartLine-order.chartLine-sl.chartLine-order.chartLine-sell .chartLine--line {
  background-image: linear-gradient(to right, #1a8f6d 100%, transparent 100%);
  background-size: 100% 5px;
}
.chartLine-order.chartLine-tp.chartLine-order.chartLine-buy .chartLine--line,
.chartLine-order.chartLine-sl.chartLine-order.chartLine-buy .chartLine--line {
  background-image: linear-gradient(to right, #b0424a 100%, transparent 100%);
  background-size: 100% 5px;
}
.chartLine-group .chartLine--line {
  background-image: linear-gradient(to right, #ff00d0 70%, transparent 70%);
  background-size: 10px 5px;
}
.chartLine-group .chartLine--icon-buy:before {
  background-color: #1a8f6d;
}
.chartLine-group .chartLine--icon-sell:before {
  background-color: #b0424a;
}
.chartLine-group .chartLine--icon-both:before {
  background: url(../../wl/primexbt/_/dx/components/chartLine/img/icons-chartLines.png?97937a55d9d7be3f09155dfaa191f814);
  background-position: 0 -33px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-limit.chartLine--icon-buy:before {
  background-position: 0 0px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-limit.chartLine--icon-sell:before {
  background-position: 0 -11px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-market.chartLine--icon-buy:before {
  background-position: 0 -22px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-market.chartLine--icon-sell:before {
  background-position: 0 -33px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-stop.chartLine--icon-buy:before {
  background-position: 0 -44px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-stop.chartLine--icon-sell:before {
  background-position: 0 -55px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-traidingStop.chartLine--icon-buy:before {
  background-position: 0 -66px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-traidingStop.chartLine--icon-sell:before {
  background-position: 0 -77px;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-sell:before {
  background-position: 0 -99px;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-buy:before {
  background-position: 0 -88px;
}
.chartLine-group .chartLine--icon-pending.chartLine--icon:before {
  background-position: 0 -20px;
  background-image: url(../../wl/primexbt/_/dx/components/chartLine/img/icons-order-status.png?b116a7df195013df52cab6af79f82f56);
  background-color: transparent;
}
.chartLine-group .selectBox {
  opacity: 0;
}
.chartLine-editable.chartLine-active.chartLine-tp.chartLine-buy:before,
.chartLine-editable.chartLine-active.chartLine-sl.chartLine-buy:before,
.chartLine-editable.chartLine-active.chartLine-tp.chartLine-sell:before,
.chartLine-editable.chartLine-active.chartLine-sl.chartLine-sell:before {
  background-image: linear-gradient(to right, #ffc973 100%, transparent 100%);
  background-size: 100% 5px;
}
.chartLine-editable.chartLine-active.chartLine-order .chartLine--line {
  background-image: linear-gradient(to right, #ffc973 70%, transparent 70%);
  background-size: 4px 5px;
}
.chartLine-editable.chartLine-active.chartLine-position .chartLine--line {
  background-image: linear-gradient(to right, #ffc973 70%, transparent 70%);
  background-size: 10px 5px;
}
.chartLine-editable.chartLine-active .chartLine--label {
  border-color: #ffc973;
}
.chartLine.chartLine-bid .chartLine--line {
  background-color: #b0424a;
  background-image: none;
}
.chartLine.chartLine-ask .chartLine--line {
  background-color: #1a8f6d;
  background-image: none;
}
.chartLine--indicator {
  color: rgba(255, 255, 255, 0.5);
  background: #2b2c33;
  border-color: transparent;
}
.chartLine--activationRules .icon {
  fill: #fff;
}
.chartLine-multiAssetOrder .chartLine--orderGroupInfo,
.chartLine-multiAssetPosition .chartLine--orderGroupInfo {
  border-radius: 1px;
}
.chartLine-multiAssetOrder .chartLine--orderGroupInfo-bracket .chartLine--orderGroupInfoInner,
.chartLine-multiAssetPosition .chartLine--orderGroupInfo-bracket .chartLine--orderGroupInfoInner {
  background: #ff00d0;
}
.chartLine-multiAssetOrder .chartLine--orderGroupInfo-oco .chartLine--orderGroupInfoInner,
.chartLine-multiAssetPosition .chartLine--orderGroupInfo-oco .chartLine--orderGroupInfoInner {
  background: #ff00d0;
}
.chartLine-multiAssetOrder .chartLine--orderGroupInfo-oso .chartLine--orderGroupInfoInner,
.chartLine-multiAssetPosition .chartLine--orderGroupInfo-oso .chartLine--orderGroupInfoInner {
  background: #ff00d0;
}
.chartLine-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco:before,
.chartLine-multiAssetPosition
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco:before {
  border-left-color: #80d7ff;
  border-bottom-color: #80d7ff;
}
.chartLine-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco:after,
.chartLine-multiAssetPosition
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco:after {
  background: #00aeff;
}
.chartLine-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket:before,
.chartLine-multiAssetPosition
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket:before {
  border-left-color: #ae80ff;
  border-bottom-color: #ae80ff;
}
.chartLine-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket:after,
.chartLine-multiAssetPosition
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket:after {
  background: #5e00ff;
}
.chartLine-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso:before,
.chartLine-multiAssetPosition
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso:before {
  border-left-color: #ffbb5c;
  border-bottom-color: #ffbb5c;
}
.chartLine-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso:after,
.chartLine-multiAssetPosition
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso:after {
  background: #ff9500;
}
.chartLine-multiAssetOrderCreation .chartLine--label {
  border-radius: 2px;
  box-shadow: 0 4px 10px 0 #000;
  background-image: linear-gradient(66deg, #ff00d0, #ff00d0);
  color: #fff;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeHandler {
  fill: #fff;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem {
  color: #fff;
  background-color: transparent;
}
.chartLine-multiAssetOrderCreation .chartLine--close {
  fill: #fff;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo {
  -ms-flex-order: 1;
  order: 1;
  margin-right: 7px;
  border: 1px solid transparent;
  border-radius: 1px;
  background-image: linear-gradient(60deg, #ff00d0, #ff00d0);
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-bracket {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrderCreation
.chartLine--orderGroupInfo-bracket
.chartLine--orderGroupInfoInner {
  background: #ff00d0;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oco {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oco .chartLine--orderGroupInfoInner {
  background: #ff00d0;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oso {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oso .chartLine--orderGroupInfoInner {
  background: #ff00d0;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-child {
  padding-left: 17px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child {
  position: relative;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child:after,
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child:before {
  content: '';
  display: block;
  position: absolute;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child:before {
  height: 6px;
  width: 6px;
  box-sizing: border-box;
  left: -10px;
  top: 50%;
  margin-top: -3px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child:after {
  height: 3px;
  width: 3px;
  border-radius: 50%;
  left: -6px;
  bottom: 3px;
}
.chartLine-multiAssetOrderCreation
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso:before {
  border-left-color: #ffbb5c;
  border-bottom-color: #ffbb5c;
}
.chartLine-multiAssetOrderCreation
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso:after {
  background: #ff9500;
}
.chartLine-multiAssetOrderCreation
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket:before {
  border-left-color: #ae80ff;
  border-bottom-color: #ae80ff;
}
.chartLine-multiAssetOrderCreation
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket:after {
  background: #5e00ff;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeContainer {
  border-radius: 2px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem:before {
  z-index: -1;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem:hover:before,
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem.\:hover:before {
  background-color: rgba(255, 255, 255, 0.1);
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem:active:before,
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem.\:active:before {
  background-color: rgba(0, 0, 0, 0.15);
}
.chartLine-multiAssetOrderCreation .chartLine--label.chartLine--label {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrderCreation.chartLine-bracket .chartLine--label {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrderCreation.chartLine-oco .chartLine--label {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrderCreation.chartLine-oso .chartLine--label {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrderCreation.chartLine-buy .chartLine--orderType .selectBox--labelIcon .icon {
  fill: #1a8f6d;
}
.chartLine-multiAssetOrderCreation.chartLine-sell
.chartLine--orderType
.selectBox--labelIcon
.icon {
  fill: #b0424a;
}
.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--close:before {
  content: none;
}
.chartLine-multiAssetOrder.chartLine-bracket .chartLine--elementsContainer {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrder.chartLine-oco .chartLine--elementsContainer {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrder.chartLine-oso .chartLine--elementsContainer {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrder .numericStepper {
  display: block;
}
.chartLine-multiAssetOrder .numericStepper--control {
  background: none;
}
.chartLine-multiAssetOrder .numericStepper--control:before {
  background-image: url(../../wl/primexbt/_/dx/components/chartLine/img/icons-chartLines.png?97937a55d9d7be3f09155dfaa191f814);
}
.chartLine-multiAssetOrder .numericStepper--control:hover::before,
.chartLine-multiAssetOrder .numericStepper--control.\:hover::before {
  background-image: url(../../wl/primexbt/_/dx/components/chartLine/img/icons-chartLines.png?97937a55d9d7be3f09155dfaa191f814);
}
.chartLine-multiAssetOrder .numericStepper--control-down:before {
  background-position: 0 -11px;
}
.chartLine-multiAssetOrder .numericStepper--control-down:hover::before,
.chartLine-multiAssetOrder .numericStepper--control-down.\:hover::before {
  background-position: 0 -11px;
}
.chartLine-multiAssetPosition .chartLine--elementsContainer,
.chartLine-multiAssetOrder .chartLine--elementsContainer {
  background-image: linear-gradient(82deg, #ff00d0, #ff00d0);
}
.chartLine-multiAssetPosition .chartLine--delimeter,
.chartLine-multiAssetOrder .chartLine--delimeter {
  color: rgba(255, 255, 255, 0.5);
}
.chartLine-multiAssetPosition.chartLine-stopPrice .chartLine--label,
.chartLine-multiAssetOrder.chartLine-stopPrice .chartLine--label {
  background-image: linear-gradient(82deg, #ff00d0, #ff00d0);
}
.chartLine-multiAssetPosition.chartLine-buy .chartLine--orderType,
.chartLine-multiAssetOrder.chartLine-buy .chartLine--orderType {
  fill: #1a8f6d;
}
.chartLine-multiAssetPosition.chartLine-sell .chartLine--orderType,
.chartLine-multiAssetOrder.chartLine-sell .chartLine--orderType {
  fill: #b0424a;
}
.chartLine-multiAssetOrder .chartLine--line,
.chartLine-multiAssetOrderCreation .chartLine--line {
  background-image: linear-gradient(to right, #ff00d0 70%, transparent 70%);
  background-size: 12px 5px;
}
.chartLine-multiAssetOrder.chartLine-bracket .chartLine--line,
.chartLine-multiAssetOrderCreation.chartLine-bracket .chartLine--line {
  background-image: linear-gradient(to right, #ff00d0 70%, transparent 70%);
  background-size: 12px 5px;
}
.chartLine-multiAssetOrder.chartLine-oco .chartLine--line,
.chartLine-multiAssetOrderCreation.chartLine-oco .chartLine--line {
  background-image: linear-gradient(to right, #439bc5 70%, transparent 70%);
  background-size: 12px 5px;
}
.chartLine-multiAssetOrder.chartLine-oso .chartLine--line,
.chartLine-multiAssetOrderCreation.chartLine-oso .chartLine--line {
  background-image: linear-gradient(to right, #ff00d0 70%, transparent 70%);
  background-size: 12px 5px;
}
.chartLine-multiAssetOrderCreation.chartLine-osoChild .chartLine--line {
  background-image: linear-gradient(to right, #ff00d0 70%, transparent 70%);
  background-size: 12px 5px;
}
.chartLine-multiAssetPosition.chartLine-buy .chartLine--label:before {
  background: #1a8f6d;
}
.chartLine-multiAssetPosition.chartLine-sell .chartLine--label:before {
  background: #b0424a;
}
.chartLine-multiAssetPosition.chartLine-sell .chartLine--line,
.chartLine-multiAssetPosition.chartLine-buy .chartLine--line {
  background-image: linear-gradient(to right, #ff00d0 70%, transparent 70%);
  background-size: 12px 5px;
}
.chartLine-group .chartLine--icon-isUsedSvgIcon .icon-chart-collapse-group-colored {
  color: #fff;
}
.chartLine-group .chartLine--icon-position.chartLine--icon,
.chartLine-group .chartLine--icon-order.chartLine--icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon {
  position: relative;
}
.chartLine-group .chartLine--icon-position.chartLine--icon:last-child,
.chartLine-group .chartLine--icon-order.chartLine--icon:last-child,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon:last-child,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon:last-child {
  margin-right: 0;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-both .icon {
  color: #b0424a;
  fill: #1a8f6d;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-sell .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon-sell .icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-sell .icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell .icon {
  color: #b0424a;
  fill: #b0424a;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-buy .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon-buy .icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-buy .icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy .icon {
  color: #1a8f6d;
  fill: #1a8f6d;
}
.chartLine-group .chartLine--icon-position.chartLine--icon .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon .icon {
  margin-top: 0;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-order.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-position.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-order.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy:after {
  content: '';
  display: block;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 0;
  top: 0;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-order.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell:after {
  background: #b0424a;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-order.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy:after {
  background: #1a8f6d;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-order.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy:after {
  border-radius: 50%;
}
.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded {
  background-color: #393a4d;
  box-shadow: 0 0 0 1px #3d4e66;
}
.chartLine-multiAssetOrderCreation.chartLine-active
.chartLine--orderGroupTypeContainer-isExpanded
.chartLine--orderGroupTypeHandler {
  box-shadow: none;
  border: 0;
}
.chartLine-multiAssetOrderCreation.chartLine-active
.chartLine--orderGroupTypeContainer-isExpanded
.chartLine--orderGroupTypeHandler:before {
  content: none;
}

.chart--axisLabels .chartLine--labelAxis-bid,
.chart--axisLabels .chartLine--labelAxis-ask {
  color: #fff;
}
.chart--axisLabels .chartLine--labelAxis-bid div,
.chart--axisLabels .chartLine--labelAxis-ask div {
  display: none;
}
.chart--axisLabels .chartLine--labelAxis-bid div.chart--axisLabels--quote,
.chart--axisLabels .chartLine--labelAxis-ask div.chart--axisLabels--quote {
  display: block;
}
.chart--axisLabels .chartLine--labelAxis-ask {
  -ms-transform: translateY(-13px);
  transform: translateY(-13px);
}
.chart--axisLabels .chart--axisLabels--quote {
  font-size: inherit;
}

.contextMenu-otherItems {
  padding: 7px 0 7px;
}
.contextMenu-otherItems .contextMenu--content {
  padding: 0 7px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  min-height: 27px;
}
.contextMenu-otherItems .contextMenu--content .contextMenu--content {
  display: block;
  min-height: unset;
  padding: 0;
}
.contextMenu-otherItems .contextMenu--content .control-selectBox {
  display: -ms-flexbox;
  display: flex;
}
.contextMenu-otherItems .contextMenu--content .control-selectBox label {
  margin-top: 6px;
  margin-right: 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.contextMenu-otherItems .contextMenu--content .control-numericStepper {
  display: -ms-flexbox;
  display: flex;
  width: auto;
}
.contextMenu-otherItems .contextMenu--content .control-numericStepper label {
  margin-top: 7px;
  margin-right: 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
}
.contextMenu-otherItems
.contextMenu--content
.control-numericStepper
.numericStepper--input
input[type='text'] {
  min-width: 45px;
  width: 45px;
  padding-right: 28px;
}
.contextMenu-otherItems .contextMenu--content .optionChainNew__label {
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  font-size: 14px;
}
.contextMenu-otherItems .contextMenu--content .toolbar__item {
  margin-left: 16px;
}
.contextMenu-otherItems .contextMenu--content .toolbar__item .optionChainNew__label {
  margin-left: -11px;
}
.contextMenu-otherItems .contextMenu--content .toolbar__item:first-child {
  margin-left: 0;
}
.contextMenu-otherItems .contextMenu--content .toolbar__item:first-child .optionChainNew__label {
  margin-left: 0;
}
.contextMenu-otherItems.contextMenu-chartToolbar .contextMenu--content .toolbar__item {
  margin-left: 10px;
}
.contextMenu-otherItems.contextMenu-chartToolbar .contextMenu--content .toolbar__item:first-child {
  margin-left: 0;
}

.contextMenu-otherItems.contextMenu-chartToolbar .button {
  height: 25px;
}
.contextMenu-otherItems.contextMenu-chartToolbar .chartArea--buttons > .control {
  vertical-align: middle;
}
.contextMenu-otherItems.contextMenu-chartToolbar .chartArea--buttons .control-comboBox {
  width: 115px;
}

.mobile .contextMenu-otherItems.contextMenu-chartToolbar .chartArea--buttons .control-comboBox {
  width: 85px;
}

.toolbar__container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.toolbar__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  min-height: 27px;
}
.toolbar__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.toolbar__otherItems {
  margin-left: 10px;
}
.toolbar__otherItems .button-otherItems {
  color: #fff;
  background: transparent;
  display: block;
}
.toolbar__otherItems .button-otherItems span {
  line-height: 4px;
  display: inline-block;
  vertical-align: top;
}

.chartWarningPanel__container {
  box-sizing: border-box;
  display: inline-block;
  max-width: 302px;
  padding: 10px 18px 11px 33px;
  margin-left: 13px;
  background-image: linear-gradient(
  278deg,
  $chart-drawing-management-panel-bg-color-1,
  $chart-drawing-management-panel-bg-color-2 98%
  );
  border: 1px solid $base-isolation-tool-warning-border-color;
  border-radius: 2px;
  font-size: 14px;
  line-height: 1.14;
  text-align: left;
  vertical-align: top;
  position: relative;
  white-space: normal;
}
.chartWarningPanel__container .icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  fill: $base-isolation-tool-warning-color;
  position: absolute;
  top: 12px;
  left: 10px;
}

.ordersClearedToast__container {
  position: relative;
  display: inline-block;
  background: linear-gradient(
  to right,
  $chart-drawing-management-panel-bg-color-1,
  $chart-drawing-management-panel-bg-color-2
  );
  border-radius: 2px;
  padding: 10px 10px 13px;
  pointer-events: all;
}
.ordersClearedToast__text {
  margin-right: 7px;
  display: inline-block;
}
.ordersClearedToast__content {
  font-size: 14px;
}
.ordersClearedToast__progressBar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 147px;
  height: 2px;
  width: 100%;
}
.ordersClearedToast__progressLine {
  border-radius: 2px;
  background: #ff00d0;
  height: 100%;
}
.ordersClearedToast__progressLine_completed {
  animation-timing-function: ease-out;
  animation-name: ordersClearedToast__orderClearedToastProgress;
  animation-fill-mode: forwards;
}
.drawingToolbar .ordersClearedToast__container .button {
  height: auto;
  vertical-align: baseline;
}
@keyframes ordersClearedToast__orderClearedToastProgress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.drawingToolbar {
  display: none;
}
.drawingToolbar .button:not(.button-secondary) {
  background-color: #393a4d;
  color: #fff;
  box-shadow: 0 0 0 1px #3d4e66;
}
.drawingToolbar .button:not(.button-secondary):before {
  border-top-color: rgba(255, 255, 255, 0.02);
  border-bottom-color: rgba(255, 255, 255, 0.02);
  border-left-color: rgba(255, 255, 255, 0.02);
  border-right-color: rgba(255, 255, 255, 0.02);
}
.drawingToolbar .button:not(.button-secondary):focus,
.drawingToolbar .button:not(.button-secondary).\:focus {
  box-shadow: 0 0 0 1px #29a6ff;
}
.drawingToolbar-visible {
  width: 100%;
  text-align: center;
  z-index: 50;
  position: absolute;
  left: 0;
  pointer-events: none;
  top: calc(100% + 8px);
  display: inline-block;
}
.drawingToolbar--content {
  display: inline-block;
  white-space: nowrap;
  background: linear-gradient(to right, rgba(31, 32, 48, 0.8), rgba(31, 32, 48, 0.8));
  padding: 6px;
  text-align: left;
  pointer-events: auto;
}
.drawingToolbar--content .button-icon {
  margin: 0 4px;
}
.drawingToolbar--content .button-icon + .divider {
  margin-left: 4px;
}
.drawingToolbar--content .divider {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 1px;
  margin: 0 8px;
  background-color: rgba(255, 255, 255, 0.2);
}
.drawingToolbar--content .divider + .button {
  margin-left: 0;
}
.drawingToolbar--content .divider + .control {
  margin-left: 0;
  margin-right: 10px;
}
.drawingToolbar--content .control {
  margin: 0 2px;
}
.drawingToolbar--content .control + .divider {
  margin-left: 6px;
}
.drawingToolbar--content .control-checkBox,
.drawingToolbar--content .control-radioButton {
  margin: 0 4px;
}
.drawingToolbar--content .control-checkBox label {
  color: #fff;
}
.drawingToolbar--content .control-substrateColor + .button.button-filledIcon {
  margin-left: 4px;
  margin-right: 4px;
}
.drawingToolbar .button.button-drawingSettings,
.drawingToolbar .button.button-close {
  margin-bottom: 0;
}
.drawingToolbar .button.button-close {
  margin-right: 0;
}
@media only screen and (max-width: 1195px) {
  .drawingToolbar-visible {
    top: 50px;
  }
}

.dropDown-colorPicker {
  margin: 0;
  padding: 8px 4px 4px 0;
  width: 322px;
  margin-top: 1px;
  border-radius: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.dropDown-colorPicker .dropDown--option {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  float: left;
  box-sizing: border-box;
  margin: 0 0 4px 4px;
  padding: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.dropDown-colorPicker .dropDown--list,
.dropDown-colorPicker .dropDown--group ul {
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.dropDown-colorPicker .dropDown--group {
  margin-bottom: 7px;
  margin-right: 4px;
  margin-left: 4px;
  display: block;
}
.dropDown-colorPicker .dropDown--group:last-child {
  margin-bottom: 0;
}
.dropDown-colorPicker .dropDown--groupTitle {
  font-size: 10px;
  line-height: 20px;
  padding-left: 4px;
  margin-bottom: 4px;
}
.dropDown-colorPicker .dropDown--groupTitle:empty {
  display: none;
}
.dropDown-colorPicker .dropDown--option {
  transition: border-width 100ms;
}
.dropDown-colorPicker .dropDown--option-selected,
.dropDown-colorPicker .dropDown--option:hover,
.dropDown-colorPicker .dropDown--option.\:hover {
  background-image: none;
  box-shadow: inset 0 0 0 2px #fff;
}

.mobile .dropDown-colorPicker {
  max-width: 280px;
  width: auto;
  box-sizing: content-box;
}
.mobile .dropDown-colorPicker .dropDown--groupTitle {
  font-size: 13px;
}

.colorPicker {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  height: 25px;
}
.colorPicker input {
  display: none;
}
.colorPicker--label {
  display: block;
  width: 100%;
  height: 100%;
}
.colorPicker--label .selectBox--arrow {
  margin-right: 9px;
  cursor: pointer;
  pointer-events: none;
}
.colorPicker--label .button {
  width: 100%;
  height: 100%;
  min-width: 100%;
  font-size: inherit;
  font-weight: 400;
  text-align: left;
  padding: 0;
  background-color: #393a4d;
  box-shadow: 0 0 0 1px #3d4e66;
}
.colorPicker--label .button:focus,
.colorPicker--label .button.\:focus {
  box-shadow: 0 0 0 1px #29a6ff;
}
.colorPicker--label .button:active span,
.colorPicker--label .button.\:active span {
  margin-top: 1px;
}
.colorPicker--label .button:active + .selectBox--arrow,
.colorPicker--label .button.\:active + .selectBox--arrow {
  margin-top: 1px;
}
.colorPicker--label .button span {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 2px;
  line-height: normal;
}
.colorPicker--label .button .icon {
  height: 9px;
  width: 10px;
  display: block;
  margin: 1px auto;
  fill: #fff;
}
.colorPicker--value {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 1px 0 0 3px;
  width: 17px;
  height: 17px;
  vertical-align: top;
}
.colorPicker-opened .button span,
.colorPicker-opened .button:hover span,
.colorPicker-opened .button.\:hover span {
  margin-top: 1px;
}
.colorPicker-opened .button + .selectBox--arrow,
.colorPicker-opened .button:hover + .selectBox--arrow,
.colorPicker-opened .button.\:hover + .selectBox--arrow {
  margin-top: 1px;
}

.mobile .colorPicker {
  width: 52px;
  height: 29px;
}
.mobile .colorPicker--value {
  margin: 1px 0 0 3px;
  width: 21px;
  height: 21px;
}

.control-colorPicker .control--postfix {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.control-colorPicker.control-disabled .colorPicker--label .button,
.control-colorPicker.control-disabled .colorPicker--label .button:hover,
.control-colorPicker.control-disabled .colorPicker--label .button:active,
.control-colorPicker.control-disabled .colorPicker--label .button.\:hover,
.control-colorPicker.control-disabled .colorPicker--label .button.\:active {
  background-color: #31323d;
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
  border-color: transparent;
  box-shadow: 0 0 0 1px $button-outside-border-color;
  pointer-events: none;
}
.control-colorPicker.control-disabled .colorPicker--label .button:before,
.control-colorPicker.control-disabled .colorPicker--label .button:hover:before,
.control-colorPicker.control-disabled .colorPicker--label .button:active:before,
.control-colorPicker.control-disabled .colorPicker--label .button.\:hover:before,
.control-colorPicker.control-disabled .colorPicker--label .button.\:active:before {
  border-color: transparent;
  background: transparent;
}

.control-fontColor .colorPicker {
  width: 41px;
}
.control-fontColor .colorPicker--label .button span {
  font-size: 0;
  margin-left: 2px;
  line-height: 1em;
  display: inline-block;
  vertical-align: top;
}
.control-fontColor .colorPicker--value {
  height: 2px;
  width: 17px;
  vertical-align: bottom;
  margin-top: 4px;
}

.control-fontSize .selectBox--label {
  width: 25px;
  min-width: 25px;
  text-overflow: clip;
}

.control-lineColor .colorPicker {
  width: 55px;
}
.control-lineColor .colorPicker--value {
  width: 28px;
}

.control-multilineColor .colorPicker {
  width: 41px;
}
.control-multilineColor .colorPicker--label .button span {
  font-size: 0;
  margin-left: 2px;
}
.control-multilineColor .colorPicker--value {
  height: 2px;
  width: 17px;
  vertical-align: bottom;
  margin: 0 0 -5px 0;
}

.control-backgroundColor .colorPicker {
  width: 41px;
}
.control-backgroundColor .colorPicker--label .button span {
  font-size: 0;
  margin-left: 2px;
}
.control-backgroundColor .colorPicker--value {
  height: 2px;
  width: 17px;
  vertical-align: bottom;
  margin: 0 0 -5px 0;
}

.radioButton input {
  display: none;
}
.radioButton--view {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  box-sizing: border-box;
  margin-right: 0.66em;
  border: 1px solid;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.radioButton--view::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: all 220ms ease-in;
}
.radioButton--icon {
  display: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}
.radioButton--text {
  display: inline-block;
  vertical-align: middle;
}
input:checked + .radioButton--label .radioButton--icon {
  display: block;
}
.radioButton--view {
  border-color: #3d4e66;
  background: #222633;
}
.radioButton--icon {
  background: #55aeee;
}
.radioButton--label {
  color: #fff;
}
.radioButton--label .radioButton--view {
  border-color: #3d4e66;
  background: #222633;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0) inset;
}
.radioButton--label:hover .radioButton--view,
.radioButton--label.\:hover .radioButton--view {
  border-color: #73a9e1;
  transition: background 220ms ease-in;
}
.radioButton--label:hover .radioButton--view::before,
.radioButton--label.\:hover .radioButton--view::before {
  background-color: rgba(255, 255, 255, 0.06);
}
.radioButton--label:active .radioButton--view,
.radioButton--label.\:active .radioButton--view {
  border-color: #55aeee;
  background: #222633;
}
input[disabled] + .radioButton--label .radioButton--view {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(0, 0, 0, 0.2);
}
input[disabled] + .radioButton--label .radioButton--icon {
  background: #737a80;
}
input[disabled] + .radioButton--label .radioButton--text {
  color: rgba(255, 255, 255, 0.5);
}

.mobile .radioButton--view {
  width: 17px;
  height: 17px;
  margin-right: 9px;
}
.mobile .radioButton--icon {
  width: 9px;
  height: 9px;
  top: calc(50% - 4.5px);
  left: calc(50% - 4.5px);
}
.mobile .radioButton--text {
  font-size: 14px;
}

.control-radioButton {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.control-radioButton .radioButton--label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
}
.control-radioButton.control-noLabel .radioButton--text {
  font-size: 0;
}
.control-radioButton.control-color .radioButton--label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 3px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}
.control-radioButton.control-color .radioButton--label:before {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
}
.control-radioButton.control-color .radioButton--label .radioButton--text {
  display: none;
}
.control-radioButton.control-color .radioButton--label .radioButton--view {
  display: none;
}
.control-radioButton.control-color + .control-radioButton.control-color {
  margin-left: 4px;
}
.control-radioButton.control-color .radioButton--label {
  border-color: rgba(0, 0, 0, 0);
}
.control-radioButton.control-color .radioButton--label::before {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(61, 78, 102, 0.21);
}
.control-radioButton.control-color input:checked + .radioButton--label {
  border-color: rgba(255, 255, 255, 0.2);
}
.control-radioButton.control-color input:checked + .radioButton--label::before {
  box-shadow: none;
}
.control-radioButton.control-color.control-dark .radioButton--label:before {
  background-color: #000;
}
.control-radioButton.control-color.control-secondary .radioButton--label::before {
  background-color: #000;
}

.button-drawingSettings .icon {
  margin-top: 2px;
  width: 13px;
  height: 13px;
}
.button-drawingSettings .icon {
  fill: #fff;
}

.mobile .button-drawingSettings .icon {
  margin-top: 0;
  width: 16px;
  height: 16px;
}

.control-crosstoolTypeSwitcher .selectBox--label {
  width: 25px;
  min-width: 25px;
  text-overflow: clip;
  padding-left: 2px;
  padding-right: 2px;
}
.control-crosstoolTypeSwitcher .selectBox--labelText {
  display: none;
}
.control-crosstoolTypeSwitcher .selectBox--labelIcon {
  position: relative;
  top: 4px;
  left: 5px;
  width: 14px;
  height: 14px;
  vertical-align: top;
}

.mobile .control-crosstoolTypeSwitcher .selectBox--labelIcon {
  top: 7px;
}

.control-chartTypeSwitcher .selectBox--label {
  width: 25px;
  min-width: 25px;
  padding-left: 3px;
  padding-right: 0;
}
.control-chartTypeSwitcher .selectBox--labelText {
  display: none;
}
.control-chartTypeSwitcher .selectBox--labelIcon {
  position: relative;
  top: 4px;
  left: 5px;
  width: 14px;
  height: 14px;
  vertical-align: top;
}

.mobile .control-chartTypeSwitcher .selectBox--labelIcon {
  top: 7px;
}

.dropDown-tradingFromChart .dropDown--option {
  position: relative;
  padding: 2px 0 1px 2px;
}
.dropDown-tradingFromChart .dropDown--optionText {
  display: none;
}
.dropDown-tradingFromChart .dropDown--optionIcon {
  width: inherit;
  height: inherit;
}
.dropDown-tradingFromChart .dropDown--optionIcon .icon {
  display: inline-block;
  width: 21px;
  height: 21px;
}
.dropDown-tradingFromChart .dropDown--option-limitOrder:after {
  background-position: -50px -1600px;
}
.dropDown-tradingFromChart .dropDown--option-limitOrder:hover:after,
.dropDown-tradingFromChart .dropDown--option-limitOrder.\:hover:after {
  background-position: -150px -1600px;
}
.dropDown-tradingFromChart .dropDown--option-stopOrder:after {
  background-position: -50px -1650px;
}
.dropDown-tradingFromChart .dropDown--option-stopOrder:hover:after,
.dropDown-tradingFromChart .dropDown--option-stopOrder.\:hover:after {
  background-position: -150px -1650px;
}
.dropDown-tradingFromChart .dropDown--option-oco:after {
  background-position: -50px -2100px;
}
.dropDown-tradingFromChart .dropDown--option-oco:hover:after,
.dropDown-tradingFromChart .dropDown--option-oco.\:hover:after {
  background-position: -150px -2100px;
}

.button-setting .icon {
  width: 12px;
  height: 12px;
  margin-top: 1px;
  transition: fill 220ms ease-out;
}

.mobile .button-setting .icon {
  width: 16px;
  height: 16px;
}

.chartLine-editable .chartLine--close {
  display: none;
  cursor: pointer;
}
.chartLine-editable .numericStepper {
  display: none;
}
.chartLine-editable .numericStepper--input {
  display: none;
}
.chartLine-editable .numericStepper--control {
  cursor: pointer;
}
.chartLine-editable .chartLine--trigger,
.chartLine-editable .chartLine--label {
  cursor: grab;
}
.chartLine-editable .chartLine--trigger:active,
.chartLine-editable .chartLine--label:active,
.chartLine-editable .chartLine--trigger.\:active,
.chartLine-editable .chartLine--label.\:active {
  cursor: grabbing;
}
.chartLine-editable.chartLine-active .numericStepper,
.chartLine-editable.chartLine-active .chartLine--close {
  display: inline-block;
}
.chartLine-editable.chartLine-active .chartLine--orderGroupTypeContainer {
  display: -ms-flexbox;
  display: flex;
}
.chartLine-editable.chartLine.chartLine-order .chartLine--close,
.chartLine-editable.chartLine.chartLine-position .chartLine--close {
  width: 15px;
  height: 17px;
  padding: 0;
}
.chartLine-editable.chartLine.chartLine-order .chartLine--close .icon-cancel,
.chartLine-editable.chartLine.chartLine-position .chartLine--close .icon-cancel {
  height: 9px;
  width: 9px;
}
.chartLine-editable.chartLine-blocked .numericStepper {
  visibility: hidden;
}
.chartLine-editable.chartLine-blocked,
.chartLine-editable.chartLine-blocked .chartLine--label {
  cursor: pointer;
}
.chartLine-editable.chartLine-disabled,
.chartLine-editable.chartLine-disabled .chartLine--label {
  cursor: default;
}
.chartLine-editable.chartLine-disabled .chartLine--close,
.chartLine-editable.chartLine-disabled .numericStepper {
  display: none;
}
.chart--linesWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.chart--lines {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  overflow: visible;
}
.chartLine {
  position: absolute;
  left: 0;
  width: 100%;
  /*&-indicator &{
        &--indicator {
          display: block
        }
      }*/
}
.chartLine .chartLine--line {
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  left: -3000px;
  right: -3000px;
}
.chartLine--controlGroup,
.chartLine--orderGroupTypeContainer {
  position: absolute;
}
.chartLine .chartLine--trigger {
  position: absolute;
  left: -3000px;
  right: -3000px;
  height: 7px;
  top: -3px;
}
.chartLine--dot {
  display: none;
  width: 2px;
  position: absolute;
  top: 0;
  left: 0;
}
.chartLine--dot:before {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 1px;
  left: -3px;
  top: -3px;
}
.chartLine--dotLine {
  position: relative;
  width: 2px;
  height: 100%;
}
.chartLine--indicator {
  display: none;
  position: absolute;
  text-align: center;
}
.chartLine-hidden {
  display: none;
}
.chartLine-showDot .chartLine--dot {
  display: block;
}
.chartLine--labelAxis {
  z-index: 5;
  position: absolute;
  line-height: 14px;
  font-size: 10px;
  padding: 0 5px;
}
.chartLine--labelAxis-ask {
  -ms-transform: translateY(-28px);
  transform: translateY(-28px);
}
.chartLine--labelAxis-hidden {
  display: none;
}
.chartLine--orderGroupTypeList {
  display: none;
}
.chartLine--orderGroupTypeListItem {
  white-space: nowrap;
}
.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded {
  display: -ms-flexbox;
  display: flex;
}
.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded .chartLine--orderGroupTypeList {
  display: -ms-flexbox;
  display: flex;
}
.chartLine--orderGroupTypeContainer {
  z-index: 1;
  display: none;
}
.chart-limitLine.chartLine-active .chartLine--controlGroup .button-edit-symbol {
  display: none !important;
}
.chart--axisLabels--quote {
  font-size: 14px;
}
.chartLine-ask .chartLine--label,
.chartLine-bid .chartLine--label,
.chartLine-ask .chartLine--controlGroup,
.chartLine-bid .chartLine--controlGroup {
  display: none;
}
.chartLine {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  /*	&-editable&-indicator {
      .chartLine--close {
        $right = $chartLineIndicatorBlocks.marginLeft + $chartLineIndicatorBlocks.width;

        right: -($chartLineBlocksMerged.closeBtn.width + $right + 14px);
      }
    }*/
}
.chartLine--dot:before {
  margin-left: 1px;
}
.chartLine--dotLabel {
  position: relative;
  left: -15px;
  top: 4px;
  font-size: 1.1rem;
  padding: 0 3px;
  width: 34px;
  line-height: 1.1;
  box-sizing: border-box;
}
.chartLine--elementsContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -ms-flex-order: 2;
  order: 2;
}
.chartLine--numericStepperContainer {
  position: absolute;
  top: -2px;
  left: -20px;
}
.chartLine-showDot .chartLine--dot {
  display: block;
}
.chartLine--quote,
.chartLine--title {
  font-size: 1em;
}
.chartLine--quote {
  margin-left: 7px;
}
.chartLine--controlGroup {
  display: -ms-flexbox;
  display: flex;
}
.chartLine-order .chartLine--label:before {
  border-radius: 50%;
}
.chartLine-order.chartLine-tp.chartLine-buy .chartLine--label:before,
.chartLine-order.chartLine-sl.chartLine-buy .chartLine--label:before,
.chartLine-order.chartLine-tp.chartLine-sell .chartLine--label:before,
.chartLine-order.chartLine-sl.chartLine-sell .chartLine--label:before {
  content: none;
}
.chartLine-group .chartLine--icon-order:before {
  border-radius: 50%;
}
.chartLine-order .chartLine--controlGroup,
.chartLine-position .chartLine--controlGroup,
.chartLine-group .chartLine--controlGroup {
  font-size: 0;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
  top: -8.5px;
}
.chartLine-order .chartLine--label,
.chartLine-position .chartLine--label,
.chartLine-group .chartLine--label {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 1rem;
  width: 100%;
  padding: 2px 3px;
  line-height: 1rem;
  border: 1px solid;
  border-radius: 2px;
}
.chartLine-order .chartLine--quote,
.chartLine-position .chartLine--quote,
.chartLine-group .chartLine--quote {
  margin-left: -1px;
}
.chartLine-group .chartLine--label .selectBox {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.chartLine-group .chartLine--label .selectBox input {
  display: none;
}
.chartLine-group .chartLine--title {
  white-space: nowrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.chartLine-group .chartLine--icon {
  margin-right: 5px;
}
.chartLine-group .chartLine--icon:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 11px;
  margin: -1px 3px 0 0;
}
.chartLine-order .chartLine--label,
.chartLine-position .chartLine--label {
  text-align: right;
}
.chartLine-order .chartLine--label:before,
.chartLine-position .chartLine--label:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  float: left;
  width: 11px;
  height: 11px;
  margin: 0 2px 0 0;
}
.chartLine-order .chartLine--title:after,
.chartLine-position .chartLine--title:after {
  content: '@';
  display: inline-block;
  vertical-align: baseline;
  margin: 0 1px 0 3px;
}
.chartLine-sending .chartLine--controlGroup:before,
.chartLine-pending .chartLine--controlGroup:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  width: 16px;
  height: 15px;
  left: -23px;
  top: 2px;
  border-radius: 7px;
}
.chartLine-sending.chartLine-active.chartLine-editable .chartLine--controlGroup:before,
.chartLine-pending.chartLine-active.chartLine-editable .chartLine--controlGroup:before {
  left: -43px;
}
.chartLine-deactivate {
  pointer-events: none;
}
.chartLine-editable .chartLine--close {
  display: none;
  cursor: pointer;
}
.chartLine-editable .numericStepper {
  display: none;
}
.chartLine-editable .numericStepper--input {
  display: none;
}
.chartLine-editable .numericStepper--control {
  cursor: pointer;
}
.chartLine-editable.chartLine-active:not(.chartLine-disabled) {
  z-index: 11;
}
.chartLine-editable.chartLine-active:not(.chartLine-disabled) .chartLine--controlGroup {
  left: 0;
}
.chartLine-editable .chartLine--close {
  position: absolute;
  right: -19px;
  top: 0;
  padding: 4px 3px;
}
.chartLine-editable .chartLine--close:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 9px;
}
.chartLine-editable .chartLine--trigger {
  height: 7px;
  position: absolute;
  display: block;
  top: -3px;
  z-index: 1;
}
.chartLine-editable .numericStepper {
  width: 12px;
  height: 20px;
}
.chartLine-editable .numericStepper--control {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  border: 0;
  width: 12px;
  height: 6px;
  overflow: hidden;
  background: none;
}
.chartLine-editable .numericStepper--control-up {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.chartLine-editable .numericStepper--control-down {
  top: 15px;
}
.chartLine-editable .numericStepper--control-down:active,
.chartLine-editable .numericStepper--control-down.\:active {
  top: 13px;
}
.chartLine-editable .numericStepper--control::before {
  content: normal;
}
.chartLine-editable .numericStepper--control:focus,
.chartLine-editable .numericStepper--control:active,
.chartLine-editable .numericStepper--control:focus:active,
.chartLine-editable .numericStepper--control.\:focus,
.chartLine-editable .numericStepper--control.\:active,
.chartLine-editable .numericStepper--control.\:focus.\:active {
  box-shadow: none;
}
.chartLine-editable .numericStepper--control:hover .icon,
.chartLine-editable .numericStepper--control:active .icon,
.chartLine-editable .numericStepper--control.\:hover .icon,
.chartLine-editable .numericStepper--control.\:active .icon {
  fill: rgba(255, 255, 255, 0.1);
}
.chartLine-editable .numericStepper--control .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  width: 100%;
  height: 9px;
  fill: $icon-numeric-stepper-bg-color;
  stroke: #3d4e66;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: fill 220ms ease-in;
}
.chartLine--indicator {
  right: -40px;
  display: inline-block;
  position: absolute;
  width: 35px;
  height: 17px;
  border-radius: 2px;
  padding: 2px 0 3px;
  text-align: center;
  box-sizing: border-box;
}
.chartLine--indicator .indicatorText {
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  vertical-align: middle;
}
.chartLine--activationRules {
  margin-left: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.chartLine--activationRules .icon {
  width: 13px;
  height: 13px;
}
.chartLine-pending .chartLine--controlGroup:before {
  top: 1px;
}
.chartLine-hidden {
  display: none;
}
.chartLine:not(.chartLine-multiAssetOrderCreation) .chartLine--close .icon-trash {
  display: none;
}
.chartLine-multiAssetOrderCreation {
  border: 0;
}
.chartLine-multiAssetOrderCreation .numericStepper {
  margin-left: 7px;
  pointer-events: auto;
  display: block;
}
.chartLine-multiAssetOrderCreation .chartLine--close {
  position: relative;
  top: auto;
  right: auto;
  border-radius: 1px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 7px;
  padding-left: 7px;
  padding-right: 7px;
  width: 25px;
  height: 25px;
  pointer-events: auto;
  box-sizing: border-box;
  height: 25px;
}
.chartLine-multiAssetOrderCreation .chartLine--close:before {
  content: '';
  border: 1px solid transparent;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.chartLine-multiAssetOrderCreation .chartLine--close .icon-trash {
  width: 11px;
  height: 13px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon {
  width: 18px;
  height: 14px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderType {
  -ms-flex-order: 2;
  order: 2;
  width: 62px;
  pointer-events: auto;
}
.chartLine-multiAssetOrderCreation .chartLine--orderType .selectBox--label {
  padding: 0 6px 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 23px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderType .selectBox--labelIcon {
  height: 11px;
  width: 26px;
}
.chartLine-multiAssetOrderCreation .chartLine--controlGroup {
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -ms-flex-align: center;
  align-items: center;
  top: -14px;
  pointer-events: all;
  position: relative;
  z-index: 1;
}
.chartLine-multiAssetOrderCreation .chartLine--label {
  white-space: nowrap;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeContainer {
  position: relative;
  display: none;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-left: 12px;
  pointer-events: auto;
  box-sizing: border-box;
  height: 25px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeContainer:before {
  content: '';
  border: 1px solid transparent;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeHandler,
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem {
  border: 0;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeHandler {
  width: 25px;
  height: 25px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeHandler {
  font-size: 14px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem {
  font-size: 14px;
}
.chartLine-multiAssetOrderCreation .chartLine--label {
  width: auto;
  min-width: 55px;
  padding-left: 7px;
  padding-right: 7px;
  height: 27px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 7px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 1px solid transparent;
  flex-shrink: 0;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo {
  margin-right: 7px;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid transparent;
  border-radius: 2px;
  min-width: 45px;
  box-sizing: border-box;
  padding: 0 7px;
  height: 27px;
  -ms-flex-align: center;
  align-items: center;
}
.chartLine-multiAssetOrderCreation
.chartLine--orderGroupInfo:not(.chartLine--orderGroupInfo-child) {
  -ms-flex-pack: center;
  justify-content: center;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoInner {
  display: -ms-flexbox;
  display: flex;
  height: 14px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoNumber {
  margin: 0 2px;
  font-size: 14px;
  font-weight: 500;
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  line-height: 1;
  color: #ff00d0;
}
.chartLine-multiAssetOrderCreation
.chartLine--orderGroupTypeHandler
.icon-order-entry-floating-button-add-group {
  width: 8px;
  height: 8px;
}
.chartLine-multiAssetOrderCreation.chartLine-editable .chartLine--orderType,
.chartLine-multiAssetOrderCreation.chartLine-market .chartLine--orderType {
  display: block;
}
.chartLine-multiAssetOrderCreation.chartLine-market .chartLine--quote {
  display: none;
}
.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--close {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer {
  display: -ms-flexbox;
  display: flex;
}
.chartLine-multiAssetOrderCreation.chartLine-active
.chartLine--orderGroupTypeContainer-isExpanded
.chartLine--orderGroupTypeList {
  padding: 0 10px;
}
.chartLine-multiAssetOrderCreation .chartLine--title,
.chartLine-multiAssetOrderCreation .chartLine--quote {
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.chartLine--labelAxis-bid {
  color: #666;
  background-color: #b0424a;
}
.chartLine--labelAxis-ask {
  color: #666;
  background-color: #299171;
}
.chartLine-multiAssetOrder .chartLine--orderChildInfo,
.chartLine-multiAssetPosition .chartLine--orderChildInfo,
.chartLine-multiAssetOrderCreation .chartLine--orderChildInfo {
  display: none;
}
.chartLine-multiAssetPosition,
.chartLine-multiAssetOrder {
  border-bottom: 0;
}
.chartLine-multiAssetPosition .chartLineMultiAsset--controls,
.chartLine-multiAssetOrder .chartLineMultiAsset--controls {
  display: none;
  -ms-flex-align: center;
  align-items: center;
}
.chartLine-multiAssetPosition .chartLineMultiAsset--controls .chartLineMultiAsset--control,
.chartLine-multiAssetOrder .chartLineMultiAsset--controls .chartLineMultiAsset--control {
  margin-left: 0;
  margin-right: 5px;
}
.chartLine-multiAssetPosition
.chartLineMultiAsset--controls
.chartLineMultiAsset--control:not(:last-of-type),
.chartLine-multiAssetOrder
.chartLineMultiAsset--controls
.chartLineMultiAsset--control:not(:last-of-type) {
  margin-right: 10px;
}
.chartLine-multiAssetPosition .chartLineMultiAsset--control,
.chartLine-multiAssetOrder .chartLineMultiAsset--control {
  margin: 0 5px;
  width: 25px;
  height: 25px;
}
.chartLine-multiAssetPosition .chartLineMultiAsset--control .icon-order-group-bracket-plain,
.chartLine-multiAssetOrder .chartLineMultiAsset--control .icon-order-group-bracket-plain {
  width: 19px;
  height: 15px;
}
.chartLine-multiAssetPosition .chartLineMultiAsset--control .icon-big-cross,
.chartLine-multiAssetOrder .chartLineMultiAsset--control .icon-big-cross {
  width: 11px;
  height: 11px;
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}
.chartLine-multiAssetPosition .chartLineMultiAsset--control .icon,
.chartLine-multiAssetOrder .chartLineMultiAsset--control .icon {
  fill: #fff;
}
.chartLine-multiAssetPosition .chartLineMultiAsset--control.button-edit-symbol .icon-edit-symbol,
.chartLine-multiAssetOrder .chartLineMultiAsset--control.button-edit-symbol .icon-edit-symbol {
  width: 12px;
  height: 12px;
}
.chartLine-multiAssetPosition.chartLine-child .chartLine--priceList,
.chartLine-multiAssetOrder.chartLine-child .chartLine--priceList {
  margin-left: 0;
}
.chartLine-multiAssetPosition.chartLine-stopPrice .chartLine--priceList,
.chartLine-multiAssetOrder.chartLine-stopPrice .chartLine--priceList {
  margin-left: 0;
}
.chartLine-multiAssetPosition .chartLine--controlGroup,
.chartLine-multiAssetOrder .chartLine--controlGroup {
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -ms-flex-align: center;
  align-items: center;
  top: -13.5px;
  box-sizing: border-box;
  height: 27px;
  z-index: 1;
}
.chartLine-multiAssetPosition .chartLine--controlGroup > .chartLineMultiAsset--control,
.chartLine-multiAssetOrder .chartLine--controlGroup > .chartLineMultiAsset--control {
  margin-right: 0;
}
.chartLine-multiAssetPosition .chartLine--elementsContainer,
.chartLine-multiAssetOrder .chartLine--elementsContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  padding-left: 7px;
  margin-right: 7px;
  padding-right: 7px;
  border-radius: 2px;
  border: solid 1px #ff00d0;
  cursor: pointer;
}
.chartLine-multiAssetPosition .chartLine--label,
.chartLine-multiAssetOrder .chartLine--label {
  white-space: nowrap;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.chartLine-multiAssetPosition .chartLine--quantity,
.chartLine-multiAssetOrder .chartLine--quantity {
  margin: 0 6px 0 5px;
}
.chartLine-multiAssetPosition .chartLine--quote,
.chartLine-multiAssetOrder .chartLine--quote {
  margin-left: 7px;
}
.chartLine-multiAssetPosition .chartLine--priceList,
.chartLine-multiAssetOrder .chartLine--priceList {
  display: -ms-flexbox;
  display: flex;
  margin-left: 7px;
}
.chartLine-multiAssetPosition .chartLine--priceItem:not(:first-child),
.chartLine-multiAssetOrder .chartLine--priceItem:not(:first-child) {
  margin-left: 5px;
}
.chartLine-multiAssetPosition .chartLine--quote,
.chartLine-multiAssetOrder .chartLine--quote {
  font-size: 14px;
}
.chartLine-multiAssetPosition .chartLine--orderTypeIcon,
.chartLine-multiAssetOrder .chartLine--orderTypeIcon {
  width: 26px;
  height: 11px;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfo,
.chartLine-multiAssetOrder .chartLine--orderGroupInfo {
  margin-right: 7px;
  box-sizing: border-box;
  -ms-flex-align: center;
  align-items: center;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfoInner,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoInner {
  display: -ms-flexbox;
  display: flex;
  height: 14px;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfoNumber,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoNumber {
  font-size: 14px;
  font-weight: 500;
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  line-height: 1;
  color: #ff00d0;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon {
  width: 18px;
  height: 14px;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfo-child,
.chartLine-multiAssetOrder .chartLine--orderGroupInfo-child {
  padding-left: 10px;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child {
  position: relative;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child:after,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child:after,
.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child:before,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child:before {
  content: '';
  display: block;
  position: absolute;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child:before,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child:before {
  height: 6px;
  width: 6px;
  box-sizing: border-box;
  left: -10px;
  top: 50%;
  margin-top: -3px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
}
.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child:after,
.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child:after {
  height: 3px;
  width: 3px;
  border-radius: 50%;
  left: -6px;
  bottom: 3px;
}
.chartLine-multiAssetPosition.chartLine-active .chartLine--close,
.chartLine-multiAssetOrder.chartLine-active .chartLine--close {
  display: none;
}
.chartLine-multiAssetPosition.chartLine-active .chartLine--orderGroupInfo,
.chartLine-multiAssetOrder.chartLine-active .chartLine--orderGroupInfo {
  display: -ms-flexbox;
  display: flex;
}
.chartLine-multiAssetPosition.chartLine-active .chartLineMultiAsset--controls,
.chartLine-multiAssetOrder.chartLine-active .chartLineMultiAsset--controls {
  display: -ms-flexbox;
  display: flex;
}
.chartLine-multiAssetOrder .chartLineMultiAsset--control.button-edit-symbol,
.chartLine-multiAssetPosition .chartLineMultiAsset--control.button-edit-symbol {
  display: none;
}
.chartLine-multiAssetOrder.chartLine-active .chartLineMultiAsset--control.button-edit-symbol {
  display: block;
}
.chartLine-multiAssetPosition:not(.chartLine-editable) {
  cursor: pointer;
}
.chartLine-multiAssetPosition .chartLine--label {
  background: transparent;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
}
.chartLine-multiAssetPosition .chartLine--label:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 11px;
  margin: 1px 2px 0 0;
  background-image: none;
}
.chartLine-multiAssetPosition .chartLine--controlGroup .numericStepper {
  display: none;
}
.chartLine-group .chartLine--icon-isUsedSvgIcon {
  display: inline-block;
}
.chartLine-group .chartLine--icon-isUsedSvgIcon:before {
  content: none;
}
.chartLine-group .chartLine--icon-isUsedSvgIcon .icon {
  width: 11px;
  height: 11px;
  vertical-align: top;
  margin-left: 4px;
}
.chartLine-group .chartLine--icon-isUsedSvgIcon .icon-chart-collapse-group-colored {
  width: 18px;
  height: 14px;
}
.dropDown-chartLine--orderType .dropDown--option {
  padding-left: 9px;
}
.chartLine .chartLine--line {
  background-image: linear-gradient(to right, rgba(142, 188, 212, 0.65) 100%, transparent 100%);
  background-size: 100% 5px;
}
.chartLine-currentQuote .chartLine--line {
  background-image: linear-gradient(to right, #8772e4 100%, transparent 100%);
  background-size: 100% 5px;
}
.chartLine--dot:before {
  background-color: #ffc973;
  z-index: 2;
}
.chartLine--dotLine {
  background-image: linear-gradient(to bottom, #666 50%, transparent 50%);
  background-size: 12px 5px;
}
.chartLine--dotLabel {
  background: #3b3b3b;
  color: #fff;
}
.chartLine--quote,
.chartLine--label {
  color: #fff;
}
.chartLine-sending .chartLine--controlGroup:before,
.chartLine-pending .chartLine--controlGroup:before {
  background-image: url(../../wl/primexbt/_/dx/components/chartLine/img/icons-order-status.png?b116a7df195013df52cab6af79f82f56);
  background-color: #2c2d3d;
  background-position: 2px 2px;
  transition: left 0.3s;
}
.chartLine-pending .chartLine--controlGroup:before {
  background-position: 3px -18px;
}
.chartLine-order .chartLine--label,
.chartLine-position .chartLine--label,
.chartLine-group .chartLine--label {
  background: #2b2c33;
  border-color: rgba(255, 255, 255, 0.2);
}
.chartLine-order .chartLine--label:before,
.chartLine-position .chartLine--label:before,
.chartLine-group .chartLine--label:before,
.chartLine-order .chartLine--icon:before,
.chartLine-position .chartLine--icon:before,
.chartLine-group .chartLine--icon:before {
  background-image: url(../../wl/primexbt/_/dx/components/order/img/icons-positions-orders-statuses.png?2928e6804ce9ec202e4619516ab54c91);
}
.chartLine-buy .chartLine--label:before {
  background-color: #1a8f6d;
}
.chartLine-sell .chartLine--label:before {
  background-color: #b0424a;
}
.chartLine-order.chartLine-limit.chartLine-buy .chartLine--label:before {
  background-position: 0 0px;
}
.chartLine-order.chartLine-limit.chartLine-sell .chartLine--label:before {
  background-position: 0 -11px;
}
.chartLine-order.chartLine-market.chartLine-buy .chartLine--label:before {
  background-position: 0 -22px;
}
.chartLine-order.chartLine-market.chartLine-sell .chartLine--label:before {
  background-position: 0 -33px;
}
.chartLine-order.chartLine-stop.chartLine-buy .chartLine--label:before {
  background-position: 0 -44px;
}
.chartLine-order.chartLine-stop.chartLine-sell .chartLine--label:before {
  background-position: 0 -55px;
}
.chartLine-order.chartLine-traidingStop.chartLine-buy .chartLine--label:before {
  background-position: 0 -66px;
}
.chartLine-order.chartLine-traidingStop.chartLine-sell .chartLine--label:before {
  background-position: 0 -77px;
}
.chartLine-position.chartLine-sell .chartLine--label:before {
  background-position: 0 -99px;
}
.chartLine-position.chartLine-buy .chartLine--label:before {
  background-position: 0 -88px;
}
.chartLine-position.chartLine-sell .chartLine--line {
  background-image: linear-gradient(to right, #b0424a 70%, transparent 70%);
  background-size: 10px 5px;
}
.chartLine-position.chartLine-buy .chartLine--line {
  background-image: linear-gradient(to right, #1a8f6d 70%, transparent 70%);
  background-size: 10px 5px;
}
.chartLine-order.chartLine-sell .chartLine--line {
  background-image: linear-gradient(to right, #b0424a 50%, transparent 50%);
  background-size: 4px 5px;
}
.chartLine-order.chartLine-buy .chartLine--line {
  background-image: linear-gradient(to right, #1a8f6d 50%, transparent 50%);
  background-size: 4px 5px;
}
.chartLine-order.chartLine-tp.chartLine-order.chartLine-sell .chartLine--line,
.chartLine-order.chartLine-sl.chartLine-order.chartLine-sell .chartLine--line {
  background-image: linear-gradient(to right, #1a8f6d 100%, transparent 100%);
  background-size: 100% 5px;
}
.chartLine-order.chartLine-tp.chartLine-order.chartLine-buy .chartLine--line,
.chartLine-order.chartLine-sl.chartLine-order.chartLine-buy .chartLine--line {
  background-image: linear-gradient(to right, #b0424a 100%, transparent 100%);
  background-size: 100% 5px;
}
.chartLine-group .chartLine--line {
  background-image: linear-gradient(to right, #ff00d0 70%, transparent 70%);
  background-size: 10px 5px;
}
.chartLine-group .chartLine--icon-buy:before {
  background-color: #1a8f6d;
}
.chartLine-group .chartLine--icon-sell:before {
  background-color: #b0424a;
}
.chartLine-group .chartLine--icon-both:before {
  background: url(../../wl/primexbt/_/dx/components/chartLine/img/icons-chartLines.png?97937a55d9d7be3f09155dfaa191f814);
  background-position: 0 -33px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-limit.chartLine--icon-buy:before {
  background-position: 0 0px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-limit.chartLine--icon-sell:before {
  background-position: 0 -11px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-market.chartLine--icon-buy:before {
  background-position: 0 -22px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-market.chartLine--icon-sell:before {
  background-position: 0 -33px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-stop.chartLine--icon-buy:before {
  background-position: 0 -44px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-stop.chartLine--icon-sell:before {
  background-position: 0 -55px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-traidingStop.chartLine--icon-buy:before {
  background-position: 0 -66px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-traidingStop.chartLine--icon-sell:before {
  background-position: 0 -77px;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-sell:before {
  background-position: 0 -99px;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-buy:before {
  background-position: 0 -88px;
}
.chartLine-group .chartLine--icon-pending.chartLine--icon:before {
  background-position: 0 -20px;
  background-image: url(../../wl/primexbt/_/dx/components/chartLine/img/icons-order-status.png?b116a7df195013df52cab6af79f82f56);
  background-color: transparent;
}
.chartLine-group .selectBox {
  opacity: 0;
}
.chartLine-editable.chartLine-active.chartLine-tp.chartLine-buy:before,
.chartLine-editable.chartLine-active.chartLine-sl.chartLine-buy:before,
.chartLine-editable.chartLine-active.chartLine-tp.chartLine-sell:before,
.chartLine-editable.chartLine-active.chartLine-sl.chartLine-sell:before {
  background-image: linear-gradient(to right, #ffc973 100%, transparent 100%);
  background-size: 100% 5px;
}
.chartLine-editable.chartLine-active.chartLine-order .chartLine--line {
  background-image: linear-gradient(to right, #ffc973 70%, transparent 70%);
  background-size: 4px 5px;
}
.chartLine-editable.chartLine-active.chartLine-position .chartLine--line {
  background-image: linear-gradient(to right, #ffc973 70%, transparent 70%);
  background-size: 10px 5px;
}
.chartLine-editable.chartLine-active .chartLine--label {
  border-color: #ffc973;
}
.chartLine.chartLine-bid .chartLine--line {
  background-color: #b0424a;
  background-image: none;
}
.chartLine.chartLine-ask .chartLine--line {
  background-color: #1a8f6d;
  background-image: none;
}
.chartLine--indicator {
  color: rgba(255, 255, 255, 0.5);
  background: #2b2c33;
  border-color: transparent;
}
.chartLine--activationRules .icon {
  fill: #fff;
}
.chartLine-multiAssetOrder .chartLine--orderGroupInfo,
.chartLine-multiAssetPosition .chartLine--orderGroupInfo {
  border-radius: 1px;
}
.chartLine-multiAssetOrder .chartLine--orderGroupInfo-bracket .chartLine--orderGroupInfoInner,
.chartLine-multiAssetPosition .chartLine--orderGroupInfo-bracket .chartLine--orderGroupInfoInner {
  background: #ff00d0;
}
.chartLine-multiAssetOrder .chartLine--orderGroupInfo-oco .chartLine--orderGroupInfoInner,
.chartLine-multiAssetPosition .chartLine--orderGroupInfo-oco .chartLine--orderGroupInfoInner {
  background: #ff00d0;
}
.chartLine-multiAssetOrder .chartLine--orderGroupInfo-oso .chartLine--orderGroupInfoInner,
.chartLine-multiAssetPosition .chartLine--orderGroupInfo-oso .chartLine--orderGroupInfoInner {
  background: #ff00d0;
}
.chartLine-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco:before,
.chartLine-multiAssetPosition
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco:before {
  border-left-color: #80d7ff;
  border-bottom-color: #80d7ff;
}
.chartLine-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco:after,
.chartLine-multiAssetPosition
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco:after {
  background: #00aeff;
}
.chartLine-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket:before,
.chartLine-multiAssetPosition
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket:before {
  border-left-color: #ae80ff;
  border-bottom-color: #ae80ff;
}
.chartLine-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket:after,
.chartLine-multiAssetPosition
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket:after {
  background: #5e00ff;
}
.chartLine-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso:before,
.chartLine-multiAssetPosition
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso:before {
  border-left-color: #ffbb5c;
  border-bottom-color: #ffbb5c;
}
.chartLine-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso:after,
.chartLine-multiAssetPosition
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso:after {
  background: #ff9500;
}
.chartLine-multiAssetOrderCreation .chartLine--label {
  border-radius: 2px;
  box-shadow: 0 4px 10px 0 #000;
  background-image: linear-gradient(66deg, #ff00d0, #ff00d0);
  color: #fff;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeHandler {
  fill: #fff;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem {
  color: #fff;
  background-color: transparent;
}
.chartLine-multiAssetOrderCreation .chartLine--close {
  fill: #fff;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo {
  -ms-flex-order: 1;
  order: 1;
  margin-right: 7px;
  border: 1px solid transparent;
  border-radius: 1px;
  background-image: linear-gradient(60deg, #ff00d0, #ff00d0);
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-bracket {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrderCreation
.chartLine--orderGroupInfo-bracket
.chartLine--orderGroupInfoInner {
  background: #ff00d0;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oco {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oco .chartLine--orderGroupInfoInner {
  background: #ff00d0;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oso {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oso .chartLine--orderGroupInfoInner {
  background: #ff00d0;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-child {
  padding-left: 17px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child {
  position: relative;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child:after,
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child:before {
  content: '';
  display: block;
  position: absolute;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child:before {
  height: 6px;
  width: 6px;
  box-sizing: border-box;
  left: -10px;
  top: 50%;
  margin-top: -3px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child:after {
  height: 3px;
  width: 3px;
  border-radius: 50%;
  left: -6px;
  bottom: 3px;
}
.chartLine-multiAssetOrderCreation
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso:before {
  border-left-color: #ffbb5c;
  border-bottom-color: #ffbb5c;
}
.chartLine-multiAssetOrderCreation
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso:after {
  background: #ff9500;
}
.chartLine-multiAssetOrderCreation
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket:before {
  border-left-color: #ae80ff;
  border-bottom-color: #ae80ff;
}
.chartLine-multiAssetOrderCreation
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket:after {
  background: #5e00ff;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeContainer {
  border-radius: 2px;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem:before {
  z-index: -1;
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem:hover:before,
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem.\:hover:before {
  background-color: rgba(255, 255, 255, 0.1);
}
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem:active:before,
.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem.\:active:before {
  background-color: rgba(0, 0, 0, 0.15);
}
.chartLine-multiAssetOrderCreation .chartLine--label.chartLine--label {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrderCreation.chartLine-bracket .chartLine--label {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrderCreation.chartLine-oco .chartLine--label {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrderCreation.chartLine-oso .chartLine--label {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrderCreation.chartLine-buy .chartLine--orderType .selectBox--labelIcon .icon {
  fill: #1a8f6d;
}
.chartLine-multiAssetOrderCreation.chartLine-sell
.chartLine--orderType
.selectBox--labelIcon
.icon {
  fill: #b0424a;
}
.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--close:before {
  content: none;
}
.chartLine-multiAssetOrder.chartLine-bracket .chartLine--elementsContainer {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrder.chartLine-oco .chartLine--elementsContainer {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrder.chartLine-oso .chartLine--elementsContainer {
  border-color: #ff00d0;
}
.chartLine-multiAssetOrder .numericStepper {
  display: block;
}
.chartLine-multiAssetOrder .numericStepper--control {
  background: none;
}
.chartLine-multiAssetOrder .numericStepper--control:before {
  background-image: url(../../wl/primexbt/_/dx/components/chartLine/img/icons-chartLines.png?97937a55d9d7be3f09155dfaa191f814);
}
.chartLine-multiAssetOrder .numericStepper--control:hover::before,
.chartLine-multiAssetOrder .numericStepper--control.\:hover::before {
  background-image: url(../../wl/primexbt/_/dx/components/chartLine/img/icons-chartLines.png?97937a55d9d7be3f09155dfaa191f814);
}
.chartLine-multiAssetOrder .numericStepper--control-down:before {
  background-position: 0 -11px;
}
.chartLine-multiAssetOrder .numericStepper--control-down:hover::before,
.chartLine-multiAssetOrder .numericStepper--control-down.\:hover::before {
  background-position: 0 -11px;
}
.chartLine-multiAssetPosition .chartLine--elementsContainer,
.chartLine-multiAssetOrder .chartLine--elementsContainer {
  background-image: linear-gradient(82deg, #ff00d0, #ff00d0);
}
.chartLine-multiAssetPosition .chartLine--delimeter,
.chartLine-multiAssetOrder .chartLine--delimeter {
  color: rgba(255, 255, 255, 0.5);
}
.chartLine-multiAssetPosition.chartLine-stopPrice .chartLine--label,
.chartLine-multiAssetOrder.chartLine-stopPrice .chartLine--label {
  background-image: linear-gradient(82deg, #ff00d0, #ff00d0);
}
.chartLine-multiAssetPosition.chartLine-buy .chartLine--orderType,
.chartLine-multiAssetOrder.chartLine-buy .chartLine--orderType {
  fill: #1a8f6d;
}
.chartLine-multiAssetPosition.chartLine-sell .chartLine--orderType,
.chartLine-multiAssetOrder.chartLine-sell .chartLine--orderType {
  fill: #b0424a;
}
.chartLine-multiAssetOrder .chartLine--line,
.chartLine-multiAssetOrderCreation .chartLine--line {
  background-image: linear-gradient(to right, #ff00d0 70%, transparent 70%);
  background-size: 12px 5px;
}
.chartLine-multiAssetOrder.chartLine-bracket .chartLine--line,
.chartLine-multiAssetOrderCreation.chartLine-bracket .chartLine--line {
  background-image: linear-gradient(to right, #ff00d0 70%, transparent 70%);
  background-size: 12px 5px;
}
.chartLine-multiAssetOrder.chartLine-oco .chartLine--line,
.chartLine-multiAssetOrderCreation.chartLine-oco .chartLine--line {
  background-image: linear-gradient(to right, #439bc5 70%, transparent 70%);
  background-size: 12px 5px;
}
.chartLine-multiAssetOrder.chartLine-oso .chartLine--line,
.chartLine-multiAssetOrderCreation.chartLine-oso .chartLine--line {
  background-image: linear-gradient(to right, #ff00d0 70%, transparent 70%);
  background-size: 12px 5px;
}
.chartLine-multiAssetOrderCreation.chartLine-osoChild .chartLine--line {
  background-image: linear-gradient(to right, #ff00d0 70%, transparent 70%);
  background-size: 12px 5px;
}
.chartLine-multiAssetPosition.chartLine-buy .chartLine--label:before {
  background: #1a8f6d;
}
.chartLine-multiAssetPosition.chartLine-sell .chartLine--label:before {
  background: #b0424a;
}
.chartLine-multiAssetPosition.chartLine-sell .chartLine--line,
.chartLine-multiAssetPosition.chartLine-buy .chartLine--line {
  background-image: linear-gradient(to right, #ff00d0 70%, transparent 70%);
  background-size: 12px 5px;
}
.chartLine-group .chartLine--icon-isUsedSvgIcon .icon-chart-collapse-group-colored {
  color: #fff;
}
.chartLine-group .chartLine--icon-position.chartLine--icon,
.chartLine-group .chartLine--icon-order.chartLine--icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon {
  position: relative;
}
.chartLine-group .chartLine--icon-position.chartLine--icon:last-child,
.chartLine-group .chartLine--icon-order.chartLine--icon:last-child,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon:last-child,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon:last-child {
  margin-right: 0;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-both .icon {
  color: #b0424a;
  fill: #1a8f6d;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-sell .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon-sell .icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-sell .icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell .icon {
  color: #b0424a;
  fill: #b0424a;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-buy .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon-buy .icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-buy .icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy .icon {
  color: #1a8f6d;
  fill: #1a8f6d;
}
.chartLine-group .chartLine--icon-position.chartLine--icon .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon .icon {
  margin-top: 0;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-order.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-position.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-order.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy:after {
  content: '';
  display: block;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 0;
  top: 0;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-order.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell:after {
  background: #b0424a;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-order.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy:after {
  background: #1a8f6d;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-order.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy:after {
  border-radius: 50%;
}
.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded {
  background-color: #393a4d;
  box-shadow: 0 0 0 1px #3d4e66;
}
.chartLine-multiAssetOrderCreation.chartLine-active
.chartLine--orderGroupTypeContainer-isExpanded
.chartLine--orderGroupTypeHandler {
  box-shadow: none;
  border: 0;
}
.chartLine-multiAssetOrderCreation.chartLine-active
.chartLine--orderGroupTypeContainer-isExpanded
.chartLine--orderGroupTypeHandler:before {
  content: none;
}
.dropDown-chartLineGroup {
  margin-top: -17px;
}
.dropDown-chartLineGroup .dropDown--container {
  position: relative;
  max-height: 100px;
  left: -40px;
}
.dropDown-chartLineGroup .dropDown--option {
  display: block;
  position: relative;
  overflow: visible;
  font-size: 1rem;
  min-width: 110px;
  padding: 2px 3px;
  line-height: 1rem;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: right;
  border: 1px solid;
  margin-left: 40px;
}
.dropDown-chartLineGroup .dropDown--option .indicator {
  right: -40px;
  display: inline-block;
  position: absolute;
  width: 35px;
  height: 17px;
  border-radius: 2px;
  padding: 2px 0 3px;
  text-align: center;
  box-sizing: border-box;
  top: 0;
  left: -40px;
  right: auto;
  height: 16px;
  padding: 1px 0 2px;
}
.dropDown-chartLineGroup .dropDown--option .indicator .indicatorText {
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  vertical-align: middle;
}
.dropDown-chartLineGroup .dropDown--option .title:after {
  content: '@';
  display: inline-block;
  vertical-align: baseline;
  margin: 0 1px 0 3px;
}
.dropDown-chartLineGroup .dropDown--option:before {
  content: '';
  display: inline-block;
  float: left;
  width: 11px;
  height: 11px;
  margin: -1px 2px 0 0;
}
.dropDown-chartLineGroup .dropDown--option-order:before {
  border-radius: 50%;
}
.dropDown-chartLineGroup .dropDown--option.dropDown--option-selected {
  padding-right: 2px;
}
.dropDown-chartLineGroup {
  margin-top: 0;
}
.dropDown-chartLineGroup .dropDown--container {
  left: 0;
  max-height: none;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--label:before {
  content: '';
  display: block;
  width: 11px;
  height: 11px;
  margin-left: 25px;
  margin-right: 10px;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetPosition.dropDown--option-buy
.chartLine--label:before {
  background: #1a8f6d;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetPosition.dropDown--option-sell
.chartLine--label:before {
  background: #b0424a;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder {
  padding-top: 7px;
  padding-bottom: 7px;
  height: 25px;
  position: relative;
  margin-left: 0;
  padding-right: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder,
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition:hover,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder:hover,
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition.\:hover,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder.\:hover {
  border: 0;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition:hover,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder:hover,
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition.\:hover,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder.\:hover {
  background-color: rgba(209, 199, 188, 0.08);
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition:before,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder:before {
  content: none;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .icon.icon-list-item-tick,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .icon.icon-list-item-tick {
  position: absolute;
  left: 6px;
  display: none;
  width: 10px;
  height: 9px;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition.dropDown--option-selected,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder.dropDown--option-selected {
  padding-left: 52px;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetPosition.dropDown--option-selected
.icon.icon-list-item-tick,
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder.dropDown--option-selected
.icon.icon-list-item-tick {
  display: inline-block;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetPosition.dropDown--option-selected
.chartLine--orderGroupInfo,
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder.dropDown--option-selected
.chartLine--orderGroupInfo {
  right: calc(100% - 54px);
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderChildInfo,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderChildInfo {
  -ms-flex-order: 4;
  order: 4;
  margin-left: 10px;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--label,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-order: 3;
  order: 3;
  -ms-flex-align: center;
  align-items: center;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--quantity,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--quantity {
  margin-right: 6px;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--priceList,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--priceList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 7px;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfo,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo {
  position: absolute;
  right: calc(100% - 50px);
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoIcon,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon {
  width: 18px;
  height: 14px;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderType,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderType {
  -ms-flex-order: 1;
  order: 1;
  margin-left: 10px;
  margin-right: 10px;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderTypeIcon,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderTypeIcon {
  width: 26px;
  height: 11px;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderChildInfo,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderChildInfo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetPosition
.chartLine--orderChildInfo
.icon-order-entry-header-oso-child-colored,
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder
.chartLine--orderChildInfo
.icon-order-entry-header-oso-child-colored {
  width: 28px;
  height: 14px;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetPosition
.chartLine--orderChildInfo
.icon-order-entry-header-bracket-child-colored,
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder
.chartLine--orderChildInfo
.icon-order-entry-header-bracket-child-colored {
  width: 34px;
  height: 22px;
  margin-top: 4px;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderChildInfoNumber,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderChildInfoNumber {
  margin-right: 3px;
  color: #ff00d0;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoInner,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoInner {
  display: -ms-flexbox;
  display: flex;
  height: 14px;
  padding-right: 2px;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoNumber,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoNumber {
  font-size: 14px;
  font-weight: 500;
  color: #ff00d0;
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  line-height: 1;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoIcon,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon {
  width: 18px;
  height: 14px;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfo-child,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo-child {
  padding-left: 10px;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoIcon-child,
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child {
  position: relative;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetPosition
.chartLine--orderGroupInfoIcon-child:after,
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder
.chartLine--orderGroupInfoIcon-child:after,
.dropDown-chartLineGroup
.dropDown--option-multiAssetPosition
.chartLine--orderGroupInfoIcon-child:before,
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder
.chartLine--orderGroupInfoIcon-child:before {
  content: '';
  display: block;
  position: absolute;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetPosition
.chartLine--orderGroupInfoIcon-child:before,
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder
.chartLine--orderGroupInfoIcon-child:before {
  height: 6px;
  width: 6px;
  box-sizing: border-box;
  left: -10px;
  top: 50%;
  margin-top: -3px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetPosition
.chartLine--orderGroupInfoIcon-child:after,
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder
.chartLine--orderGroupInfoIcon-child:after {
  height: 3px;
  width: 3px;
  border-radius: 50%;
  left: -6px;
  bottom: 3px;
}
.dropDown-chartLineGroup.dropDown-chartLineHasIcons .dropDown--option-multiAssetPosition,
.dropDown-chartLineGroup.dropDown-chartLineHasIcons .dropDown--option-multiAssetOrder {
  padding-left: 50px;
}
.dropDown-chartLineGroup {
  background: transparent;
  box-shadow: none;
}
.dropDown-chartLineGroup .scrollable-withVerticalScrollbar .scrollbar-vertical {
  width: 9px;
}
.dropDown-chartLineGroup .scrollable-withVerticalScrollbar .scrollbar-vertical .scrollbar--bar {
  left: 0;
}
.dropDown-chartLineGroup .dropDown--option {
  border-color: transparent;
  background-color: #2b2c33;
  cursor: pointer;
}
.dropDown-chartLineGroup .dropDown--option:hover,
.dropDown-chartLineGroup .dropDown--option-selected,
.dropDown-chartLineGroup .dropDown--option.\:hover {
  border-color: #ffc973;
  color: inherit;
}
.dropDown-chartLineGroup .dropDown--option.dropDown--option-selected {
  background-image: none;
}
.dropDown-chartLineGroup .dropDown--option:before {
  background-image: url(../../wl/primexbt/_/dx/components/order/img/icons-positions-orders-statuses.png?2928e6804ce9ec202e4619516ab54c91);
}
.dropDown-chartLineGroup .dropDown--option .indicator {
  color: rgba(255, 255, 255, 0.5);
  background: #2b2c33;
  border-color: transparent;
}
.dropDown-chartLineGroup .dropDown--option-buy:before {
  background-color: #1a8f6d;
}
.dropDown-chartLineGroup .dropDown--option-sell:before {
  background-color: #b0424a;
}
.dropDown-chartLineGroup
.dropDown--option-order.dropDown--option-limit.dropDown--option-buy:not(
    .dropDown--option-pending
  ):not(.dropDown--option-sending):before {
  background-position: left 0px;
}
.dropDown-chartLineGroup
.dropDown--option-order.dropDown--option-limit.dropDown--option-sell:not(
    .dropDown--option-pending
  ):not(.dropDown--option-sending):before {
  background-position: left -11px;
}
.dropDown-chartLineGroup
.dropDown--option-order.dropDown--option-market.dropDown--option-buy:not(
    .dropDown--option-pending
  ):not(.dropDown--option-sending):before {
  background-position: left -22px;
}
.dropDown-chartLineGroup
.dropDown--option-order.dropDown--option-market.dropDown--option-sell:not(
    .dropDown--option-pending
  ):not(.dropDown--option-sending):before {
  background-position: left -33px;
}
.dropDown-chartLineGroup
.dropDown--option-order.dropDown--option-stop.dropDown--option-buy:not(
    .dropDown--option-pending
  ):not(.dropDown--option-sending):before {
  background-position: left -44px;
}
.dropDown-chartLineGroup
.dropDown--option-order.dropDown--option-stop.dropDown--option-sell:not(
    .dropDown--option-pending
  ):not(.dropDown--option-sending):before {
  background-position: left -55px;
}
.dropDown-chartLineGroup
.dropDown--option-order.dropDown--option-traidingStop.dropDown--option-buy:not(
    .dropDown--option-pending
  ):not(.dropDown--option-sending):before {
  background-position: left -66px;
}
.dropDown-chartLineGroup
.dropDown--option-order.dropDown--option-traidingStop.dropDown--option-sell:not(
    .dropDown--option-pending
  ):not(.dropDown--option-sending):before {
  background-position: left -77px;
}
.dropDown-chartLineGroup .dropDown--option-position.dropDown--option-sell:before {
  background-position: left -99px;
}
.dropDown-chartLineGroup .dropDown--option-position.dropDown--option-buy:before {
  background-position: left -88px;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-pending:before,
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-sending:before {
  background-image: url(../../wl/primexbt/_/dx/components/chartLine/img/icons-order-status.png?b116a7df195013df52cab6af79f82f56);
  background-color: transparent;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-pending:before {
  background-position: left -20px;
}
.dropDown-chartLineGroup {
  margin-top: 0;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder.dropDown--option-buy
.chartLine--orderType
.icon {
  fill: #1a8f6d;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder.dropDown--option-sell
.chartLine--orderType
.icon {
  fill: #b0424a;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo {
  border-radius: 1px;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder
.chartLine--orderGroupInfo-bracket
.chartLine--orderGroupInfoInner {
  background: #ff00d0;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder
.chartLine--orderGroupInfo-oco
.chartLine--orderGroupInfoInner {
  background: #ff00d0;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder
.chartLine--orderGroupInfo-oso
.chartLine--orderGroupInfoInner {
  background: #ff00d0;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco:before {
  border-left-color: #80d7ff;
  border-bottom-color: #80d7ff;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco:after {
  background: #00aeff;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket:before {
  border-left-color: #ae80ff;
  border-bottom-color: #ae80ff;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket:after {
  background: #5e00ff;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso:before {
  border-left-color: #ffbb5c;
  border-bottom-color: #ffbb5c;
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder
.chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso:after {
  background: #ff9500;
}
.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--delimeter,
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--delimeter {
  color: rgba(255, 255, 255, 0.5);
}

.dropDown-chartLineGroup .dropDown--option {
  margin-left: 0;
}
.dropDown-chartLineGroup.dropDown-chartLineHasIndicator .dropDown--option {
  margin-left: 40px;
}

.chartArea {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  position: relative;
  outline: none;
}
.chartArea-main {
  padding-top: 0;
}
.chartArea--header {
  position: relative;
}
.chartArea--header .button {
  margin-left: 0;
}
.chartArea--graph {
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  top: 0;
  height: 0;
}
.chartArea--tradingFromChart,
.chartArea--tradingFromChart-active,
.chartArea--drawingTools,
.chartArea--toolbar {
  position: relative;
  z-index: 32;
}
.chartArea--tradingFromChart .button-wrapper,
.chartArea--tradingFromChart-active .button-wrapper,
.chartArea--drawingTools .button-wrapper,
.chartArea--toolbar .button-wrapper {
  display: inline-block;
}
.chartArea--toolbar {
  width: calc(100% - 1px);
  margin-top: 0;
  padding: 7px 8px 8px;
  box-sizing: border-box;
}
.chartArea--toolbar .toolbar__item {
  margin-left: 10px;
}
.chartArea--toolbar .toolbar__item:first-child {
  margin-left: 0;
}
.chartArea--toolbar .button {
  vertical-align: top;
  height: 25px;
}
.chartArea--toolbar .button-filledIcon {
  width: 25px;
  background-color: #393a4d;
  color: #fff;
  box-shadow: 0 0 0 1px #3d4e66;
}
.chartArea--toolbar .button-filledIcon:before {
  border-top-color: rgba(255, 255, 255, 0.02);
  border-bottom-color: rgba(255, 255, 255, 0.02);
  border-left-color: rgba(255, 255, 255, 0.02);
  border-right-color: rgba(255, 255, 255, 0.02);
}
.chartArea--toolbar .button-filledIcon:focus,
.chartArea--toolbar .button-filledIcon.\:focus {
  box-shadow: 0 0 0 1px #29a6ff;
}
.chartArea--toolbar .button .price-bid {
  margin-left: 3px;
}
.chartArea--toolbar .button .price-ask {
  margin-right: 3px;
}
.chartArea--toolbar .button-sell {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}
.chartArea--toolbar .button-buy {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}
.chartArea--toolbar > .control {
  vertical-align: top;
}
.chartArea--toolbar .button-atr {
  width: 51px;
  padding: 0 7px;
}
.chartArea--toolbar .control-comboBox {
  width: 75px;
}
.chartArea--toolbar .control-comboBox input[type='text'] {
  height: 25px;
  line-height: 1;
}
.chartArea--tradingFromChart .button,
.chartArea--drawingTools .button {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 25px;
  border-radius: 1px 0 0 1px;
  z-index: 2;
}
.chartArea--tradingFromChart .button:after,
.chartArea--drawingTools .button:after {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  right: -2px;
  bottom: -1px;
  width: 1px;
  pointer-events: none;
}
.chartArea--tradingFromChart .button:active .icon,
.chartArea--drawingTools .button:active .icon,
.chartArea--tradingFromChart .button.\:active .icon,
.chartArea--drawingTools .button.\:active .icon {
  position: relative;
  top: 1px;
}
.chartArea--tradingFromChart .control-selectBox,
.chartArea--drawingTools .control-selectBox {
  width: 65px;
}
.chartArea--tradingFromChart .control-selectBox .selectBox:after,
.chartArea--drawingTools .control-selectBox .selectBox:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 22px;
  bottom: 0;
  width: 1px;
  pointer-events: none;
}
.chartArea--tradingFromChart .control-selectBox .selectBox--arrow,
.chartArea--drawingTools .control-selectBox .selectBox--arrow {
  margin-right: 8px;
  margin-left: 8px;
}
.chartArea--tradingFromChart .selectBox--label,
.chartArea--drawingTools .selectBox--label {
  width: 44px;
  min-width: 0;
  visibility: hidden;
}
.chartArea--drawingTools {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.chartArea--drawingTools .button {
  margin-left: 0;
}
.chartArea--drawingTools .button .icon {
  width: 13px;
  height: 13px;
}
.chartArea--tradingFromChart {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.chartArea--tradingFromChart .button {
  margin-left: 0;
}
.chartArea--tradingFromChart .button .icon {
  width: 34px;
  height: 13px;
}
.chartArea .control-periodSwitcher .selectBox {
  width: 55px;
}
.chartArea .control-textInput {
  width: 110px;
  margin-right: 10px;
  top: -1px;
}
.chartArea .control-textInput input[type='text'] {
  font-size: 12px;
}
.chartArea-global__chartPlaceholder {
  position: absolute;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: transparent;
  font-size: 40px;
  text-align: center;
}
.chartArea-global__chartPlaceholderText {
  opacity: 0.3;
  color: #fff;
}
.chartArea--loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(30, 27, 27, 0.9);
  z-index: 100;
  opacity: 1;
  transition: opacity 0.2s;
}
.chartArea--loader .loadingWheel {
  position: absolute;
  top: 47%;
  left: 50%;
  margin: -30px 0 0 -30px;
}
.chartArea--loader-done {
  opacity: 0;
  pointer-events: none;
}
.chartArea .price-up,
.chartArea .price-down {
  color: #fff;
}
.chartArea .price-label {
  color: rgba(255, 255, 255, 0.5);
}
.chartArea--buttons {
  background: rgba(44, 45, 61, 0);
}
.chartArea--toolbar {
  background: linear-gradient(to right, rgba(31, 32, 48, 0.8), rgba(31, 32, 48, 0.8));
}
.chartArea--toolbar .selectBox:active,
.chartArea--toolbar .selectBox.\:active {
  box-shadow: 0 0 0 1px #29a6ff;
}
.chartArea--toolbar .selectBox:active:after,
.chartArea--toolbar .selectBox.\:active:after {
  border-left: 1px solid #29a6ff;
  z-index: 2;
  top: -2px;
  bottom: -2px;
}
.chartArea--tradingFromChart .button:focus:after,
.chartArea--drawingTools .button:focus:after,
.chartArea--tradingFromChart .button.\:focus:after,
.chartArea--drawingTools .button.\:focus:after {
  background-color: #29a6ff;
}
.chartArea--tradingFromChart .button:disabled,
.chartArea--drawingTools .button:disabled,
.chartArea--tradingFromChart .button[disabled],
.chartArea--drawingTools .button[disabled] {
  background-color: transparent;
}
.chartArea--tradingFromChart .button-active,
.chartArea--drawingTools .button-active {
  box-shadow: 0 0 0 1px #29a6ff;
}
.chartArea--tradingFromChart .button-active:after,
.chartArea--drawingTools .button-active:after {
  background-color: #29a6ff;
}
.chartArea--tradingFromChart .control-selectBox .selectBox:after,
.chartArea--drawingTools .control-selectBox .selectBox:after {
  background-color: rgba(255, 255, 255, 0.02);
}
.chartArea--tradingFromChart .control-selectBox .selectBox-active:hover:after,
.chartArea--drawingTools .control-selectBox .selectBox-active:hover:after,
.chartArea--tradingFromChart .control-selectBox .selectBox:active:after,
.chartArea--drawingTools .control-selectBox .selectBox:active:after,
.chartArea--tradingFromChart .control-selectBox .selectBox-disabled:after,
.chartArea--drawingTools .control-selectBox .selectBox-disabled:after,
.chartArea--tradingFromChart .control-selectBox .selectBox-active.\:hover:after,
.chartArea--drawingTools .control-selectBox .selectBox-active.\:hover:after,
.chartArea--tradingFromChart .control-selectBox .selectBox.\:active:after,
.chartArea--drawingTools .control-selectBox .selectBox.\:active:after {
  background-color: transparent;
}
.chartArea--tradingFromChart .control-selectBox.control-disabled:after,
.chartArea--drawingTools .control-selectBox.control-disabled:after {
  background-color: transparent;
}
.chartArea--tradingFromChart .selectBox--labelIcon,
.chartArea--drawingTools .selectBox--labelIcon,
.chartArea--tradingFromChart .selectBox--labelText,
.chartArea--drawingTools .selectBox--labelText {
  visibility: hidden;
}
.chartArea--tradingFromChart-active .button {
  background-color: #55aeee;
}
.chartArea-main .chartArea--lines {
  background: rgba(255, 255, 255, 0.07);
  cursor: col-resize;
}

.mobile .chartArea--graph {
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mobile .chartArea--toolbar .button {
  height: 29px;
}
.mobile .chartArea--toolbar .button-filledIcon {
  width: 29px;
}
.mobile .chartArea--toolbar .button-atr {
  width: 65px;
}
.mobile .chartArea--toolbar .button-atr .icon {
  margin-top: 2px;
}
.mobile .chartArea--toolbar .button-setting .icon {
  margin-top: 0;
}
.mobile .chartArea--toolbar .control-comboBox input[type='text'] {
  height: 29px;
}
.mobile .chartArea--tradingFromChart .button,
.mobile .chartArea--drawingTools .button {
  height: 100%;
  width: 40px;
}
.mobile .chartArea--tradingFromChart .control-selectBox,
.mobile .chartArea--drawingTools .control-selectBox {
  width: auto;
}
.mobile .chartArea--tradingFromChart .control-selectBox .selectBox:after,
.mobile .chartArea--drawingTools .control-selectBox .selectBox:after {
  right: 27px;
}
.mobile .chartArea--buttons .button-sell,
.mobile .chartArea--buttons .button-buy {
  font-size: 1.4rem;
  min-width: 92px;
}
.mobile .chartArea--buttons .control-comboBox {
  width: 85px;
}
@media screen and (orientation: landscape) {
  .mobile .chartArea {
    overflow: auto;
  }
  .mobile .chartArea--graph {
    min-height: 250px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
  }
}
@media screen and (max-width: 340px) {
  .mobile .chartArea--buttons .button-sell,
  .mobile .chartArea--buttons .button-buy {
    min-width: 65px;
  }
  .mobile .chartArea--buttons .button-sell .price-label,
  .mobile .chartArea--buttons .button-buy .price-label {
    display: none;
  }
  .mobile .chartArea--buttons .button-sell .price-bid {
    margin-left: 0;
  }
  .mobile .chartArea--buttons .button-buy .price-ask {
    margin-right: 0;
  }
}

.WidgetChartNew__contentWrap {
  position: relative;
}

.button-cancelAllOrders .icon {
  width: 9px;
}

.aggregationBlock__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.aggregationBlock__container .icon-tree {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 7px;
  height: 9px;
  margin-right: 3px;
  fill: rgba(255, 255, 255, 0.5);
}
.aggregationBlock__icon .button-icon {
  width: 17px;
  height: 100%;
}
.aggregationBlock__icon .button-icon:hover .icon,
.aggregationBlock__icon .button-icon.\:hover .icon {
  fill: #ffc973;
}
.aggregationBlock__icon .button-icon .icon {
  width: 5px;
  height: 7px;
  fill: #909099;
  -ms-transform: translateY(3px);
  transform: translateY(3px);
  transition: transform 0.3s;
}
.aggregationBlock__iconOpen .button-icon .icon {
  -ms-transform: translateY(3px) rotate(90deg);
  transform: translateY(3px) rotate(90deg);
}
.aggregationBlock__level {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
.aggregationBlock__level .icon-tree {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.aggregationBlock__levelPosition {
  position: relative;
}
.aggregationBlock__levelPosition-1 .aggregationBlock__padding {
  min-width: 17px;
}
.aggregationBlock__levelPosition-2 .aggregationBlock__padding {
  min-width: 47px;
}
.aggregationBlock__levelPosition-3 .aggregationBlock__padding {
  min-width: 64px;
}
.aggregationBlock__strategyIcon {
  width: 17px;
  height: 13px;
  margin-left: 3px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  fill: #fff;
}
.aggregationBlock__wrapperData {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aggregationBlock__symbol,
.aggregationBlock__credit,
.aggregationBlock__quantity,
.aggregationBlock__cashEffect,
.aggregationBlock__side,
.aggregationBlock__spreadStrategy {
  margin-left: 7px;
}
.aggregationBlock__symbol:first-child,
.aggregationBlock__credit:first-child,
.aggregationBlock__quantity:first-child,
.aggregationBlock__cashEffect:first-child,
.aggregationBlock__side:first-child,
.aggregationBlock__spreadStrategy:first-child {
  margin: 0;
}
.aggregationBlock__date,
.aggregationBlock__expirationDate {
  margin-left: 3px;
}
.aggregationBlock__text {
  margin-left: 3px;
}

.grid-orders .table--col-instrument,
.grid-orderBook .table--col-instrument,
.grid-orderHistory .table--col-instrument,
.grid-orders .table--colAdapts-instrument,
.grid-orderBook .table--colAdapts-instrument,
.grid-orderHistory .table--colAdapts-instrument {
  width: 233px;
}
.grid-orders .table--col-spread,
.grid-orderBook .table--col-spread,
.grid-orderHistory .table--col-spread,
.grid-orders .table--colAdapts-spread,
.grid-orderBook .table--colAdapts-spread,
.grid-orderHistory .table--colAdapts-spread {
  width: 128px;
}
.grid-orders .table--col-instrumentType,
.grid-orderBook .table--col-instrumentType,
.grid-orderHistory .table--col-instrumentType,
.grid-orders .table--colAdapts-instrumentType,
.grid-orderBook .table--colAdapts-instrumentType,
.grid-orderHistory .table--colAdapts-instrumentType {
  width: 114px;
}
.grid-orders .table--col-orderType,
.grid-orderBook .table--col-orderType,
.grid-orderHistory .table--col-orderType,
.grid-orders .table--colAdapts-orderType,
.grid-orderBook .table--colAdapts-orderType,
.grid-orderHistory .table--colAdapts-orderType {
  width: 101px;
}
.grid-orders .table--col-strike,
.grid-orderBook .table--col-strike,
.grid-orderHistory .table--col-strike,
.grid-orders .table--colAdapts-strike,
.grid-orderBook .table--colAdapts-strike,
.grid-orderHistory .table--colAdapts-strike {
  width: 66px;
}
.grid-orders .table--col-type,
.grid-orderBook .table--col-type,
.grid-orderHistory .table--col-type,
.grid-orders .table--colAdapts-type,
.grid-orderBook .table--colAdapts-type,
.grid-orderHistory .table--colAdapts-type {
  width: 59px;
}
.grid-orders .table--col-daysToExpiration,
.grid-orderBook .table--col-daysToExpiration,
.grid-orderHistory .table--col-daysToExpiration,
.grid-orders .table--colAdapts-daysToExpiration,
.grid-orderBook .table--colAdapts-daysToExpiration,
.grid-orderHistory .table--colAdapts-daysToExpiration {
  width: 123px;
}
.grid-orders .table--col-side,
.grid-orderBook .table--col-side,
.grid-orderHistory .table--col-side,
.grid-orders .table--colAdapts-side,
.grid-orderBook .table--colAdapts-side,
.grid-orderHistory .table--colAdapts-side {
  width: 104px;
}
.grid-orders .table--col-qty,
.grid-orderBook .table--col-qty,
.grid-orderHistory .table--col-qty,
.grid-orders .table--colAdapts-qty,
.grid-orderBook .table--colAdapts-qty,
.grid-orderHistory .table--colAdapts-qty,
.grid-orders .table--col-qtyLeft,
.grid-orderBook .table--col-qtyLeft,
.grid-orderHistory .table--col-qtyLeft,
.grid-orders .table--colAdapts-qtyLeft,
.grid-orderBook .table--colAdapts-qtyLeft,
.grid-orderHistory .table--colAdapts-qtyLeft,
.grid-orders .table--col-orderId,
.grid-orderBook .table--col-orderId,
.grid-orderHistory .table--col-orderId,
.grid-orders .table--colAdapts-orderId,
.grid-orderBook .table--colAdapts-orderId,
.grid-orderHistory .table--colAdapts-orderId {
  width: 84px;
}
.grid-orders .table--col-filledQty,
.grid-orderBook .table--col-filledQty,
.grid-orderHistory .table--col-filledQty,
.grid-orders .table--colAdapts-filledQty,
.grid-orderBook .table--colAdapts-filledQty,
.grid-orderHistory .table--colAdapts-filledQty {
  width: 85px;
}
.grid-orders .table--col-avgPrice,
.grid-orderBook .table--col-avgPrice,
.grid-orderHistory .table--col-avgPrice,
.grid-orders .table--colAdapts-avgPrice,
.grid-orderBook .table--colAdapts-avgPrice,
.grid-orderHistory .table--colAdapts-avgPrice {
  width: 104px;
}
.grid-orders .table--col-exchange,
.grid-orderBook .table--col-exchange,
.grid-orderHistory .table--col-exchange,
.grid-orders .table--colAdapts-exchange,
.grid-orderBook .table--colAdapts-exchange,
.grid-orderHistory .table--colAdapts-exchange {
  width: 114px;
}
.grid-orders .table--col-triggeredBy,
.grid-orderBook .table--col-triggeredBy,
.grid-orderHistory .table--col-triggeredBy,
.grid-orders .table--colAdapts-triggeredBy,
.grid-orderBook .table--colAdapts-triggeredBy,
.grid-orderHistory .table--colAdapts-triggeredBy {
  width: 93px;
}
.grid-orders .table--col-groupType,
.grid-orderBook .table--col-groupType,
.grid-orderHistory .table--col-groupType,
.grid-orders .table--colAdapts-groupType,
.grid-orderBook .table--colAdapts-groupType,
.grid-orderHistory .table--colAdapts-groupType {
  width: 150px;
}
.grid-orders .table--col-trailingStop,
.grid-orderBook .table--col-trailingStop,
.grid-orderHistory .table--col-trailingStop,
.grid-orders .table--colAdapts-trailingStop,
.grid-orderBook .table--colAdapts-trailingStop,
.grid-orderHistory .table--colAdapts-trailingStop {
  width: 101px;
}
.grid-orders .table--col-route,
.grid-orderBook .table--col-route,
.grid-orderHistory .table--col-route,
.grid-orders .table--colAdapts-route,
.grid-orderBook .table--colAdapts-route,
.grid-orderHistory .table--colAdapts-route {
  width: 118px;
}
.grid-orders .table--col-commission,
.grid-orderBook .table--col-commission,
.grid-orderHistory .table--col-commission,
.grid-orders .table--colAdapts-commission,
.grid-orderBook .table--colAdapts-commission,
.grid-orderHistory .table--colAdapts-commission,
.grid-orders .table--col-commision,
.grid-orderBook .table--col-commision,
.grid-orderHistory .table--col-commision,
.grid-orders .table--colAdapts-commision,
.grid-orderBook .table--colAdapts-commision,
.grid-orderHistory .table--colAdapts-commision {
  width: 95px;
}
.grid-orders .table--col-actions,
.grid-orderBook .table--col-actions,
.grid-orderHistory .table--col-actions,
.grid-orders .table--colAdapts-actions,
.grid-orderBook .table--colAdapts-actions,
.grid-orderHistory .table--colAdapts-actions {
  width: 24px;
}
.grid-orders .table--col-ocoBracket,
.grid-orderBook .table--col-ocoBracket,
.grid-orderHistory .table--col-ocoBracket,
.grid-orders .table--colAdapts-ocoBracket,
.grid-orderBook .table--colAdapts-ocoBracket,
.grid-orderHistory .table--colAdapts-ocoBracket {
  width: 98px;
}
.grid-orders .table--col-orderId,
.grid-orderBook .table--col-orderId,
.grid-orderHistory .table--col-orderId,
.grid-orders .table--colAdapts-orderId,
.grid-orderBook .table--colAdapts-orderId,
.grid-orderHistory .table--colAdapts-orderId {
  width: 90px;
}
.grid-orders .table--col-maintenanceMargin,
.grid-orderBook .table--col-maintenanceMargin,
.grid-orderHistory .table--col-maintenanceMargin,
.grid-orders .table--colAdapts-maintenanceMargin,
.grid-orderBook .table--colAdapts-maintenanceMargin,
.grid-orderHistory .table--colAdapts-maintenanceMargin {
  width: 136px;
}
.grid-orders .table--col-dayQuantity,
.grid-orderBook .table--col-dayQuantity,
.grid-orderHistory .table--col-dayQuantity,
.grid-orders .table--colAdapts-dayQuantity,
.grid-orderBook .table--colAdapts-dayQuantity,
.grid-orderHistory .table--colAdapts-dayQuantity {
  width: 93px;
}
.grid-orders .table--col-time,
.grid-orderBook .table--col-time,
.grid-orderHistory .table--col-time,
.grid-orders .table--colAdapts-time,
.grid-orderBook .table--colAdapts-time,
.grid-orderHistory .table--colAdapts-time,
.grid-orders .table--col-fillCancelTime,
.grid-orderBook .table--col-fillCancelTime,
.grid-orderHistory .table--col-fillCancelTime,
.grid-orders .table--colAdapts-fillCancelTime,
.grid-orderBook .table--colAdapts-fillCancelTime,
.grid-orderHistory .table--colAdapts-fillCancelTime,
.grid-orders .table--col-expirationDate,
.grid-orderBook .table--col-expirationDate,
.grid-orderHistory .table--col-expirationDate,
.grid-orders .table--colAdapts-expirationDate,
.grid-orderBook .table--colAdapts-expirationDate,
.grid-orderHistory .table--colAdapts-expirationDate {
  width: 153px;
}
.grid-orderBook .table--col-account,
.grid-orderHistory .table--col-account,
.grid-orderBook .table--colAdapts-account,
.grid-orderHistory .table--colAdapts-account {
  width: 105px;
}
.grid-orderBook .table--col-status,
.grid-orderHistory .table--col-status,
.grid-orderBook .table--colAdapts-status,
.grid-orderHistory .table--colAdapts-status {
  width: 151px;
}
.grid-orderBook .table--col-limitPrice,
.grid-orderHistory .table--col-limitPrice,
.grid-orderBook .table--colAdapts-limitPrice,
.grid-orderHistory .table--colAdapts-limitPrice {
  width: 93px;
}
.grid-orderBook .table--col-stopPrice,
.grid-orderHistory .table--col-stopPrice,
.grid-orderBook .table--colAdapts-stopPrice,
.grid-orderHistory .table--colAdapts-stopPrice {
  width: 89px;
}
.grid-orderBook .table--col-duration,
.grid-orderHistory .table--col-duration,
.grid-orderBook .table--colAdapts-duration,
.grid-orderHistory .table--colAdapts-duration {
  width: 130px;
}
.grid-orderBook .table--col-activationRule,
.grid-orderHistory .table--col-activationRule,
.grid-orderBook .table--colAdapts-activationRule,
.grid-orderHistory .table--colAdapts-activationRule {
  width: 130px;
}
.grid-orders .table--col-symbol,
.grid-orderHistory .table--col-symbol,
.grid-orders .table--colAdapts-symbol,
.grid-orderHistory .table--colAdapts-symbol {
  width: 296px;
}
.grid-orders .table--col-timeDate,
.grid-orderHistory .table--col-timeDate,
.grid-orders .table--colAdapts-timeDate,
.grid-orderHistory .table--colAdapts-timeDate,
.grid-orders .table--col-timeDateModified,
.grid-orderHistory .table--col-timeDateModified,
.grid-orders .table--colAdapts-timeDateModified,
.grid-orderHistory .table--colAdapts-timeDateModified {
  width: 151px;
}
.grid-orders .table--col-status,
.grid-orders .table--colAdapts-status {
  width: 104px;
}
.grid-orders .table--col-limitPrice,
.grid-orders .table--colAdapts-limitPrice {
  width: 85px;
}
.grid-orders .table--col-stopPrice,
.grid-orders .table--colAdapts-stopPrice {
  width: 81px;
}
.grid-orders .table--col-duration,
.grid-orders .table--colAdapts-duration {
  width: 73px;
}
.grid-orders .table--col-account,
.grid-orders .table--colAdapts-account {
  width: 135px;
}
.grid-orders .table--col-activationRule,
.grid-orders .table--colAdapts-activationRule {
  width: 106px;
}
.grid-orders .table--col-time,
.grid-orders .table--colAdapts-time,
.grid-orders .table--col-fillCancelTime,
.grid-orders .table--colAdapts-fillCancelTime {
  width: 117px;
}
.grid-orderBook .table--col-instrument,
.grid-orderBook .table--colAdapts-instrument {
  width: 244px;
}
.grid-orderBook .table--col-symbol,
.grid-orderBook .table--colAdapts-symbol {
  width: 137px;
}
.grid-orderHistory .table--col-symbol,
.grid-orderHistory .table--colAdapts-symbol {
  width: 8em;
}
.grid-history .table--col-timeDate,
.grid-history .table--colAdapts-timeDate {
  width: 11.5em;
}
.grid-history .table--col-symbol,
.grid-history .table--colAdapts-symbol {
  width: 6.4em;
}
.grid-history .table--col-instrumentType,
.grid-history .table--colAdapts-instrumentType {
  width: 8.5em;
}
.grid-history .table--col-status,
.grid-history .table--colAdapts-status {
  width: 19em;
}
.grid-history .table--col-side,
.grid-history .table--colAdapts-side {
  width: 4.4em;
}
.grid-history .table--col-size,
.grid-history .table--colAdapts-size {
  width: 6em;
}
.grid-history .table--col-qty,
.grid-history .table--colAdapts-qty {
  width: 3.5em;
}
.grid-history .table--col-orderType,
.grid-history .table--colAdapts-orderType {
  width: 10.5em;
}
.grid-history .table--col-price,
.grid-history .table--colAdapts-price {
  width: 6em;
}
.grid-history .table--col-triggerPrice,
.grid-history .table--colAdapts-triggerPrice {
  width: 7em;
}
.grid-history .table--col-fillPrice,
.grid-history .table--colAdapts-fillPrice {
  width: 6em;
}
.grid-history .table--col-expiration,
.grid-history .table--colAdapts-expiration {
  width: 6.7em;
}
.grid-history .table--col-account,
.grid-history .table--colAdapts-account {
  width: 7.8em;
}
.grid-history .table--col-orderId,
.grid-history .table--colAdapts-orderId {
  width: 7.8em;
}
.grid-history .table--col-commission,
.grid-history .table--colAdapts-commission {
  width: 6.9em;
}
.grid-history .table--col-takeProfit,
.grid-history .table--colAdapts-takeProfit {
  width: 6.3em;
}
.grid-history .table--col-stopLoss,
.grid-history .table--colAdapts-stopLoss {
  width: 5.8em;
}

.grid-orders .grid--head,
.grid-orderBook .grid--head,
.grid-orderHistory .grid--head {
  z-index: 5;
}
.grid-orders td:first-of-type .orders__symbol_group.orders__symbol_brace,
.grid-orderBook td:first-of-type .orders__symbol_group.orders__symbol_brace,
.grid-orderHistory td:first-of-type .orders__symbol_group.orders__symbol_brace {
  padding-left: 27px;
}
.grid-orders td:first-of-type .orders__symbol_oco .orders__groupLink,
.grid-orderBook td:first-of-type .orders__symbol_oco .orders__groupLink,
.grid-orderHistory td:first-of-type .orders__symbol_oco .orders__groupLink,
.grid-orders td:first-of-type .orders__symbol_bracket .orders__groupLink,
.grid-orderBook td:first-of-type .orders__symbol_bracket .orders__groupLink,
.grid-orderHistory td:first-of-type .orders__symbol_bracket .orders__groupLink,
.grid-orders td:first-of-type .orders__symbol_oso .orders__groupLink,
.grid-orderBook td:first-of-type .orders__symbol_oso .orders__groupLink,
.grid-orderHistory td:first-of-type .orders__symbol_oso .orders__groupLink {
  left: 16px;
}
.grid-orders td:first-of-type .orders__symbol_multi.orders__symbol_oso .orders__groupLink,
.grid-orderBook td:first-of-type .orders__symbol_multi.orders__symbol_oso .orders__groupLink,
.grid-orderHistory td:first-of-type .orders__symbol_multi.orders__symbol_oso .orders__groupLink {
  left: 15px;
}
.grid-orders td:first-of-type .orders__symbol_multi.orders__symbol_bracket,
.grid-orderBook td:first-of-type .orders__symbol_multi.orders__symbol_bracket,
.grid-orderHistory td:first-of-type .orders__symbol_multi.orders__symbol_bracket {
  padding-left: 32px;
}
.grid-orders td:first-of-type .orders__symbol_multi.orders__symbol_bracket .orders__groupLink,
.grid-orderBook td:first-of-type .orders__symbol_multi.orders__symbol_bracket .orders__groupLink,
.grid-orderHistory
td:first-of-type
.orders__symbol_multi.orders__symbol_bracket
.orders__groupLink {
  left: 21px;
}
.grid-orders td:first-of-type .orders__symbolIconWrap::before,
.grid-orderBook td:first-of-type .orders__symbolIconWrap::before,
.grid-orderHistory td:first-of-type .orders__symbolIconWrap::before {
  left: -6px;
}
.grid-orders td:first-of-type .orders__symbolIconWrap::after,
.grid-orderBook td:first-of-type .orders__symbolIconWrap::after,
.grid-orderHistory td:first-of-type .orders__symbolIconWrap::after {
  left: -11px;
}
.grid-orderBook .table thead th,
.grid-orderHistory .table thead th {
  font-size: 12px;
  font-weight: 500;
}
.grid-orderBook .table--body .table--cell-instrument,
.grid-orderHistory .table--body .table--cell-instrument {
  overflow: visible;
  width: 100%;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.grid-orderBook .table--body .table--cell-digits,
.grid-orderHistory .table--body .table--cell-digits {
  text-align: right;
}
.grid-orderBook .table--body .table--cell-text,
.grid-orderHistory .table--body .table--cell-text {
  text-align: left;
}
.grid-orderBook .table--body .table--cell-actions,
.grid-orderHistory .table--body .table--cell-actions {
  padding: 0;
}
.grid-orderBook .table--row:hover,
.grid-orderHistory .table--row:hover,
.grid-orderBook .table--row.\:hover,
.grid-orderHistory .table--row.\:hover {
  cursor: pointer;
}
.grid-orderBook .table--row:hover td,
.grid-orderHistory .table--row:hover td,
.grid-orderBook .table--row.\:hover td,
.grid-orderHistory .table--row.\:hover td {
  background: linear-gradient(to bottom, transparent 1px, #434659 2px);
}
.grid-orderBook .table--row-selected.table--row td,
.grid-orderHistory .table--row-selected.table--row td {
  background-color: #454659;
}
.grid-orderBook .table--row-selected.table--row:hover td,
.grid-orderHistory .table--row-selected.table--row:hover td,
.grid-orderBook .table--row-selected.table--row.\:hover td,
.grid-orderHistory .table--row-selected.table--row.\:hover td {
  background-color: #454659;
}
.grid-orderBook .button-remove,
.grid-orderHistory .button-remove {
  width: 24px;
  height: 23px;
  margin-top: -2px;
}
.grid-orderBook .button-remove:hover .icon,
.grid-orderHistory .button-remove:hover .icon,
.grid-orderBook .button-remove.\:hover .icon,
.grid-orderHistory .button-remove.\:hover .icon {
  fill: #ffc973;
}
.grid-orderBook .button-remove:active .icon,
.grid-orderHistory .button-remove:active .icon,
.grid-orderBook .button-remove.\:active .icon,
.grid-orderHistory .button-remove.\:active .icon {
  top: calc(50% + 1px);
}
.grid-orderBook .button-remove .icon,
.grid-orderHistory .button-remove .icon {
  width: 7px;
  height: 7px;
  fill: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.grid-orderBook .table--body .table--cell-instrument.table--cell {
  padding-left: 0;
}
.grid-orderHistory .table--body .table--cell-symbol.table--cell {
  padding-left: 0;
}
.grid-orderHistory .orders__symbol {
  width: 36px;
}
.grid-orders {
  position: relative;
}
.grid-history .order-buy .order--side {
  color: #299171;
}
.grid-history .order-sell .order--side {
  color: #d64f58;
}

.history-heading .history--reject,
.history-heading .history--symbol,
.history-heading .history--status {
  width: 100%;
  text-align: left;
}

.orders {
  position: relative;
}
.grid--body .table--row td:first-of-type .orders__symbol_group.orders__symbol_brace {
  padding-left: 27px;
}
.grid--body .table--row td:first-of-type .orders__symbol_oco .orders__groupLink,
.grid--body .table--row td:first-of-type .orders__symbol_bracket .orders__groupLink,
.grid--body .table--row td:first-of-type .orders__symbol_oso .orders__groupLink {
  left: 16px;
}
.grid--body
.table--row
td:first-of-type
.orders__symbol_multi.orders__symbol_oso
.orders__groupLink {
  left: 15px;
}
.grid--body .table--row td:first-of-type .orders__symbol_multi.orders__symbol_bracket {
  padding-left: 32px;
}
.grid--body
.table--row
td:first-of-type
.orders__symbol_multi.orders__symbol_bracket
.orders__groupLink {
  left: 21px;
}
.grid--body .table--row td:first-of-type .orders__symbolIconWrap::before {
  left: -6px;
}
.grid--body .table--row td:first-of-type .orders__symbolIconWrap::after {
  left: -11px;
}
.orders__symbolIconWrap {
  display: inline-block;
  height: 14px;
  vertical-align: middle;
  position: relative;
}
.orders__symbolIconWrap .icon {
  width: 18px;
  height: 14px;
}
.orders__symbolIconWrap + .orders__symbolText {
  position: relative;
  box-sizing: border-box;
  left: -18px;
  padding-left: 23px;
  padding-right: 5px;
}
.orders__symbol {
  box-sizing: border-box;
  display: inline-block;
  width: 55px;
  height: 100%;
  padding-left: 12px;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.orders__symbolText {
  display: inline-block;
  margin-top: -1px;
  margin-left: 12px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}
.orders__symbol_oso {
  background-color: #4e342b;
}
.orders__symbol_osoChild {
  background-color: #564835;
}
.orders__symbol_oco {
  background-color: #223f4d;
}
.orders__symbol_bracket {
  background-color: #2e2046;
}
.orders__symbol + .orders__symbolText {
  margin-left: 9px;
}
.orders__status {
  font-weight: 500;
}
.orders__status_sending {
  color: #148eb9;
}
.orders__status_inactive {
  color: #ebaa42;
}
.orders__status_working {
  color: #969696;
}
.orders__status_replacing {
  color: #ebaa42;
}
.orders__status_cancelled {
  color: #d8003f;
}
.orders__status_filled {
  color: #0aa40a;
}
.orders__durationDate {
  padding-left: 10px;
}
.grid-orderBook .orders__symbol {
  padding-left: 5px;
}
.grid-orderBook .orders__symbol_oso {
  padding-left: 13px;
  background-color: #4e342b;
}
.grid-orderBook .orders__symbol_group {
  position: relative;
}
.grid-orderBook .orders__symbol_osoChild {
  padding-left: 25px;
  background-color: #564835;
}
.grid-orderBook .orders__symbol_oco {
  padding-left: 25px;
  background-color: #223f4d;
}
.grid-orderBook .orders__symbol_bracket {
  padding-left: 25px;
  background-color: #2e2046;
}
.grid-orderBook .orders__symbol_brace.orders__symbol_bracket .orders__symbolIconWrap:before,
.grid-orderBook .orders__symbol_brace.orders__symbol_oco .orders__symbolIconWrap:before,
.grid-orderBook .orders__symbol_brace.orders__symbol_osoChild .orders__symbolIconWrap:before,
.grid-orderBook .orders__symbol_brace.orders__symbol_bracket .orders__symbolIconWrap::after,
.grid-orderBook .orders__symbol_brace.orders__symbol_oco .orders__symbolIconWrap::after,
.grid-orderBook .orders__symbol_brace.orders__symbol_osoChild .orders__symbolIconWrap::after {
  content: '';
  position: absolute;
}
.grid-orderBook .orders__symbol_brace.orders__symbol_bracket .orders__symbolIconWrap:before,
.grid-orderBook .orders__symbol_brace.orders__symbol_oco .orders__symbolIconWrap:before,
.grid-orderBook .orders__symbol_brace.orders__symbol_osoChild .orders__symbolIconWrap:before {
  top: 50%;
  left: -8px;
  width: 3px;
  height: 3px;
  margin-top: -1px;
  border-radius: 50%;
}
.grid-orderBook .orders__symbol_brace.orders__symbol_bracket .orders__symbolIconWrap:after,
.grid-orderBook .orders__symbol_brace.orders__symbol_oco .orders__symbolIconWrap:after,
.grid-orderBook .orders__symbol_brace.orders__symbol_osoChild .orders__symbolIconWrap:after {
  left: -14px;
  top: 50%;
  height: 1px;
  width: 6px;
}
.grid-orderBook .orders__symbol_brace.orders__symbol_oco .orders__symbolIconWrap:before {
  background-color: #00aeff;
}
.grid-orderBook .orders__symbol_brace.orders__symbol_oco .orders__symbolIconWrap::after {
  background-color: #80d7ff;
}
.grid-orderBook .orders__symbol_brace.orders__symbol_oco .orders__groupLink {
  left: 11px;
  background-color: #80d7ff;
}
.grid-orderBook .orders__symbol_brace.orders__symbol_bracket .orders__symbolIconWrap::before {
  background-color: #5e00ff;
}
.grid-orderBook .orders__symbol_brace.orders__symbol_bracket .orders__symbolIconWrap::after {
  background-color: #ae80ff;
}
.grid-orderBook .orders__symbol_brace.orders__symbol_bracket .orders__groupLink {
  left: 11px;
  background-color: #ae80ff;
}
.grid-orderBook .orders__symbol_brace.orders__symbol_oso .orders__groupLink {
  top: 24px;
  left: 12px;
  background-color: #ffbb5c;
}
.grid-orderBook .orders__symbol_brace.orders__symbol_osoChild .orders__symbolIconWrap:before {
  background-color: #ff9500;
}
.grid-orderBook .orders__symbol_brace.orders__symbol_osoChild .orders__symbolIconWrap:after {
  background-color: #ffbb5c;
}
.grid-orderBook .orders__symbol_brace.orders__symbol_osoChild .orders__groupLink {
  background-color: #ffbb5c;
}
.grid-orderBook .orders__symbol_brace.orders__symbol_multi.orders__symbol_oso .orders__groupLink {
  background-color: #ae80ff;
}
.grid-orderBook .orders__symbol_brace.orders__symbol_multi.orders__symbol_bracket {
  padding-left: 30px;
}
.grid-orderBook
.orders__symbol_brace.orders__symbol_multi.orders__symbol_bracket
.orders__symbolIconWrap::after {
  left: -11px;
  width: 5px;
}
.grid-orderBook
.orders__symbol_brace.orders__symbol_multi.orders__symbol_bracket
.orders__groupLink {
  left: 17px;
}
.grid-orderBook
.orders__symbol_brace.orders__symbol_multi.orders__symbol_bracket
.orders__groupLink:after {
  position: absolute;
  content: '';
  width: 6px;
  height: 1px;
  top: calc(50% - 1px);
  left: -6px;
  background-color: #ae80ff;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.grid-orderBook .orders__groupLink {
  width: 1px;
  z-index: 4;
  position: absolute;
  top: calc(50% + 1px);
}
.grid-orderBook .orders__symbolIconWrap::before {
  z-index: 1;
}

.grid-orders .table--col-timeDate,
.grid-orders .table--colAdapts-timeDate {
  width: 110px;
}
.grid-orders .table--col-timeDateModified,
.grid-orders .table--colAdapts-timeDateModified {
  width: 137px;
}
.grid-orders .table--col-symbol,
.grid-orders .table--colAdapts-symbol {
  width: 84px;
}
.grid-orders .table--col-id,
.grid-orders .table--colAdapts-id {
  width: 80px;
}
.grid-orders .table--col-quantity,
.grid-orders .table--colAdapts-quantity {
  width: 96px;
}
.grid-orders .table--col-price,
.grid-orders .table--colAdapts-price {
  width: 105px;
}
.grid-orders .table--col-statusIcon,
.grid-orders .table--colAdapts-statusIcon {
  width: 59px;
}
.grid-orders .table--col-status,
.grid-orders .table--colAdapts-status {
  width: 79px;
}
.grid-orders .table--col-type,
.grid-orders .table--colAdapts-type {
  width: 64px;
}
.grid-orders .table--col-side,
.grid-orders .table--colAdapts-side {
  width: 52px;
}
.grid-orders .table--col-size,
.grid-orders .table--colAdapts-size {
  width: 96px;
}
.grid-orders .table--col-stopLoss,
.grid-orders .table--colAdapts-stopLoss,
.grid-orders .table--col-takeProfit,
.grid-orders .table--colAdapts-takeProfit,
.grid-orders .table--col-bid,
.grid-orders .table--colAdapts-bid,
.grid-orders .table--col-ask,
.grid-orders .table--colAdapts-ask,
.grid-orders .table--col-currentPrice,
.grid-orders .table--colAdapts-currentPrice,
.grid-orders .table--col-triggerPrice,
.grid-orders .table--colAdapts-triggerPrice,
.grid-orders .table--col-fillPrice,
.grid-orders .table--colAdapts-fillPrice {
  width: 105px;
}
.grid-orders .table--col-expiration,
.grid-orders .table--colAdapts-expiration {
  width: 72px;
}
.grid-orders .table--cell .price {
  width: auto;
}
.grid-orders .order--status {
  text-align: inherit;
}

.mobile .grid-orders .table--col-timeDate,
.mobile .grid-orders .table--colAdapts-timeDate {
  width: 140px;
}
.mobile .grid-orders .table--col-timeDateModified,
.mobile .grid-orders .table--colAdapts-timeDateModified {
  width: 178px;
}
.mobile .grid-orders .table--col-symbol,
.mobile .grid-orders .table--colAdapts-symbol {
  width: 103px;
}
.mobile .grid-orders .table--col-id,
.mobile .grid-orders .table--colAdapts-id {
  width: 105px;
}
.mobile .grid-orders .table--col-price,
.mobile .grid-orders .table--colAdapts-price {
  width: 120px;
}
.mobile .grid-orders .table--col-status,
.mobile .grid-orders .table--colAdapts-status {
  width: 110px;
}
.mobile .grid-orders .table--col-type,
.mobile .grid-orders .table--colAdapts-type {
  width: 78px;
}
.mobile .grid-orders .table--col-side,
.mobile .grid-orders .table--colAdapts-side {
  width: 125px;
}
.mobile .grid-orders .table--col-size,
.mobile .grid-orders .table--colAdapts-size {
  width: 125px;
}
.mobile .grid-orders .table--col-stopLoss,
.mobile .grid-orders .table--colAdapts-stopLoss,
.mobile .grid-orders .table--col-takeProfit,
.mobile .grid-orders .table--colAdapts-takeProfit,
.mobile .grid-orders .table--col-bid,
.mobile .grid-orders .table--colAdapts-bid,
.mobile .grid-orders .table--col-ask,
.mobile .grid-orders .table--colAdapts-ask,
.mobile .grid-orders .table--col-currentPrice,
.mobile .grid-orders .table--colAdapts-currentPrice,
.mobile .grid-orders .table--col-triggerPrice,
.mobile .grid-orders .table--colAdapts-triggerPrice,
.mobile .grid-orders .table--col-fillPrice,
.mobile .grid-orders .table--colAdapts-fillPrice {
  width: 120px;
}
.mobile .grid-orders .table--col-expiration,
.mobile .grid-orders .table--colAdapts-expiration {
  width: 85px;
}
.mobile .grid-orders .table--col-condition,
.mobile .grid-orders .table--colAdapts-condition {
  width: 190px;
}
.mobile .grid-orders .table--col-quantity,
.mobile .grid-orders .table--colAdapts-quantity {
  width: 110px;
}

.WidgetOrders__contentWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.WidgetOrders__contentWrap .button-cancelAllOrders {
  width: 19px;
  height: 19px;
}
.WidgetOrders__contentWrap .button-cancelAllOrders .icon {
  height: 100%;
}
.WidgetOrders__contentWrap .control-selectBox {
  margin-top: 1px;
}
.WidgetOrders__contentWrap .control-selectBox .selectBox {
  height: 19px;
}
.WidgetOrders__contentWrap .control-selectBox .selectBox .selectBox--label {
  height: 19px;
  line-height: 16px;
}
.WidgetOrders__contentWrap .control-textInput {
  width: 100px;
  margin-right: 16px;
}
.WidgetOrders__actionsWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
}
.WidgetOrders__actionsWrap .positionControls {
  margin-right: 30px;
}
.WidgetOrders__actionsWrap .checkBox--view {
  width: 13px;
  height: 13px;
}
.WidgetOrders__actionsWrap .button-expandAllPositions {
  margin-right: 0;
}
.WidgetOrders__timeRange {
  display: inline-block;
  margin-left: 15px;
}
.WidgetOrders__timeRange .button {
  font-size: 12px;
  margin-left: 6px;
}
.WidgetOrders__timeRangeLabel {
  color: rgba(255, 255, 255, 0.5);
}

.depth {
  height: 100%;
  position: relative;
  z-index: 1;
}
.depth-withInfo .grid.grid-depth {
  height: calc(100% - 39px);
}
.depth--info {
  box-sizing: border-box;
  padding: 3px 4px;
  height: 39px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background: #252633;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.depth--info .control {
  margin-right: 5px;
  min-width: 63px;
  height: 100%;
}
.depth--info .control--label {
  display: block;
  margin-bottom: 4px;
  font-size: 10px;
  line-height: 14px;
}
.depth--info .control-depthSymbol .control--info {
  margin: 3px 0;
}
.depth--info .control-depthSymbol .control--label {
  margin: 0;
}
.depth--info .control-depthChange {
  width: 54px;
}
.depth--info .control-depthVolume {
  width: 47px;
  margin-right: 0;
}
.depth--change-positive {
  color: #299171;
}
.depth--change-negative {
  color: #d64f58;
}
.depth--suggest {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.depth .table--col-bidOrder,
.depth .table--col-askOrder {
  width: 10%;
}
.depth .table--col-bidQuantity,
.depth .table--col-askQuantity {
  width: 19.5%;
}
.depth .table--col-bid,
.depth .table--col-ask {
  width: 20.5%;
}
.depth .table td {
  padding-left: 1px;
  padding-right: 1px;
  line-height: 17px;
}
.depth .table td:first-child,
.depth .table td:last-child {
  box-shadow: 0 1px rgba(255, 255, 255, 0.08);
}
.depth .table td:first-child {
  padding-left: 1px;
}
.depth .table td:first-child .table--cell {
  text-align: center;
}
.depth .table td:last-child {
  padding-right: 1px;
}
.depth .table td:nth-child(3) {
  padding-right: 3px;
}
.depth .table td:nth-child(4) {
  padding-left: 3px;
}
.depth .table th:first-child .table--columnHeader {
  -ms-flex-pack: center;
  justify-content: center;
}
.depth .table--cell-askOrd,
.depth .table--cell-askPrice,
.depth .table--cell-askQty,
.depth .table--cell-bidPrice,
.depth .table--cell-bidQty,
.depth .table--cell-bidOrd {
  position: relative;
}
.depth .grid--head {
  padding-right: 0;
}
.depth .grid--body:not(.scrollable-withVerticalScrollbar) {
  margin-right: 0;
}
.depth .grid--body .price {
  width: 100%;
}
.depth--bar {
  display: block;
  position: absolute;
  z-index: -1;
  height: 20px;
}
.depth--bar:after {
  height: 100%;
  width: 1px;
  display: block;
  position: absolute;
  background: #2c2d3d;
  content: '';
  top: 0;
}
.depth--bid .depth--bar {
  right: 50%;
  background: #1a8f6d;
}
.depth--bid .depth--bar:after {
  right: 0;
}
.depth--ask .depth--bar {
  left: 50%;
  background: #b0424a;
}
.depth--ask .depth--bar:after {
  left: 0;
}
.depth--row-total {
  color: #de7d2c;
}
.depth--info .control-depthSymbol {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-width: 40%;
}
.depth--askOrd,
.depth--askPrice,
.depth--askQty,
.depth--bidPrice,
.depth--bidQty,
.depth--bidOrd {
  position: relative;
}

.depth--bid .depth--bar {
  background: transparent;
  background-image: linear-gradient(to right, rgba(26, 143, 109, 0.4), rgba(26, 143, 109, 0.8));
  border-right: none;
}
.depth--ask .depth--bar {
  background: transparent;
  background-image: linear-gradient(to left, rgba(176, 66, 74, 0.6), #b0424a);
  border-left: none;
}
.depth--bar {
  height: 19px;
}
.depth--bar:after {
  display: none;
}

.widget-depth:not(.widget-main) .grid--body {
  margin-bottom: 30px;
}
.widget-depth:not(.widget-main) .control-depthSymbol .control--info {
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-depth:not(.widget-main) .control-depthLast .control--wrap {
  display: inline-block;
  vertical-align: bottom;
  width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
}
.widget-depth:not(.widget-main) .control-depthLast .control--wrap .value {
  font-size: 12px;
}
.widget-depth:not(.widget-main) .control-depthLast .control--label {
  margin-bottom: 1px;
}
.widget-depth:not(.widget-main) .control-depthChange .control--wrap {
  display: inline-block;
  vertical-align: bottom;
  width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-depth.widget-main .table--col-bidOrder,
.widget-depth.widget-main .table--col-askOrder {
  width: 5%;
}
.widget-depth.widget-main .table--col-bidQuantity,
.widget-depth.widget-main .table--col-askQuantity {
  width: 20%;
}
.widget-depth.widget-main .table--col-bid,
.widget-depth.widget-main .table--col-ask {
  width: 25%;
}
.widget-depth.widget-main .depth--quantity {
  width: 4em;
}
.widget-depth.widget-main .grid--body .price {
  width: 6em;
}
.widget-depth .depth--quantity {
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.widget-depth.widget-main .grid--body .price {
  text-align: center;
}
.widget-depth.widget-main .depth--quantity {
  width: 100%;
}
.widget-depth:not(.widget-main) .depth--quantity {
  width: 44px;
  text-align: left;
}

.plate--heading .control-symbol {
  height: 24px;
}
.plate--heading .control-symbol .control--wrap {
  display: block;
  height: 24px;
}
.plate--heading .control-symbol .control--wrap .selectBox {
  width: 100%;
  text-align: left;
}
.plate--info .price {
  font-size: 12px;
}
.plate--quantity {
  width: 115px;
}

.dashboard {
  height: 100%;
}
.dashboard-flexible .plate {
  width: 240px;
  margin: 2.5px;
}
@media screen and (min-width: 1024px) {
  .dashboard-flexible .plate {
    width: calc((100% / 1) - 6px);
  }
}
@media screen and (min-width: 1270px) {
  .dashboard-flexible .plate {
    width: calc((100% / 2) - 6px);
  }
}
@media screen and (min-width: 1516px) {
  .dashboard-flexible .plate {
    width: calc((100% / 3) - 6px);
  }
}
@media screen and (min-width: 1762px) {
  .dashboard-flexible .plate {
    width: calc((100% / 4) - 6px);
  }
}
.dashboard .scrollable--content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.list--itemGroup > ul {
  display: none;
}
.list--itemGroup.list--itemGroup-opened > ul {
  display: block;
}
.list--itemGroupHeader {
  font-weight: normal;
}

.list--itemGroupHeader {
  display: block;
}
.list .list--item-level_0 {
  padding-left: 0px;
}
.list .list--itemGroup-level_0 .list--itemGroupHeader {
  padding-left: 0px;
}
.list .list--item-level_1 {
  padding-left: 24px;
}
.list .list--itemGroup-level_1 .list--itemGroupHeader {
  padding-left: 24px;
}
.list .list--item-level_2 {
  padding-left: 48px;
}
.list .list--itemGroup-level_2 .list--itemGroupHeader {
  padding-left: 48px;
}
.list .list--item-level_3 {
  padding-left: 72px;
}
.list .list--itemGroup-level_3 .list--itemGroupHeader {
  padding-left: 72px;
}
.list .list--item-level_4 {
  padding-left: 96px;
}
.list .list--itemGroup-level_4 .list--itemGroupHeader {
  padding-left: 96px;
}
.list .list--item-level_5 {
  padding-left: 120px;
}
.list .list--itemGroup-level_5 .list--itemGroupHeader {
  padding-left: 120px;
}
.list .list--item-level_6 {
  padding-left: 144px;
}
.list .list--itemGroup-level_6 .list--itemGroupHeader {
  padding-left: 144px;
}
.list .list--item-level_7 {
  padding-left: 168px;
}
.list .list--itemGroup-level_7 .list--itemGroupHeader {
  padding-left: 168px;
}
.list .list--item-level_8 {
  padding-left: 192px;
}
.list .list--itemGroup-level_8 .list--itemGroupHeader {
  padding-left: 192px;
}
.list .list--item-level_9 {
  padding-left: 216px;
}
.list .list--itemGroup-level_9 .list--itemGroupHeader {
  padding-left: 216px;
}
.list .list--item-level_10 {
  padding-left: 240px;
}
.list .list--itemGroup-level_10 .list--itemGroupHeader {
  padding-left: 240px;
}

.symbolLibrary--filterInput {
  padding: 2px;
  width: 100%;
  box-sizing: border-box;
}
.symbolLibrary .list--item-level_0 .symbolLibrary--icon {
  padding-left: 0px;
}
.symbolLibrary .list--itemGroup-level_0 .list--itemGroupHeader {
  padding-left: 0px;
}
.symbolLibrary .list--item-level_1 .symbolLibrary--icon {
  padding-left: 12px;
}
.symbolLibrary .list--itemGroup-level_1 .list--itemGroupHeader {
  padding-left: 12px;
}
.symbolLibrary .list--item-level_2 .symbolLibrary--icon {
  padding-left: 24px;
}
.symbolLibrary .list--itemGroup-level_2 .list--itemGroupHeader {
  padding-left: 24px;
}
.symbolLibrary .list--item-level_3 .symbolLibrary--icon {
  padding-left: 36px;
}
.symbolLibrary .list--itemGroup-level_3 .list--itemGroupHeader {
  padding-left: 36px;
}
.symbolLibrary .list--item-level_4 .symbolLibrary--icon {
  padding-left: 48px;
}
.symbolLibrary .list--itemGroup-level_4 .list--itemGroupHeader {
  padding-left: 48px;
}
.symbolLibrary .list--item-level_5 .symbolLibrary--icon {
  padding-left: 60px;
}
.symbolLibrary .list--itemGroup-level_5 .list--itemGroupHeader {
  padding-left: 60px;
}
.symbolLibrary .list--item-level_6 .symbolLibrary--icon {
  padding-left: 72px;
}
.symbolLibrary .list--itemGroup-level_6 .list--itemGroupHeader {
  padding-left: 72px;
}
.symbolLibrary .list--item-level_7 .symbolLibrary--icon {
  padding-left: 84px;
}
.symbolLibrary .list--itemGroup-level_7 .list--itemGroupHeader {
  padding-left: 84px;
}
.symbolLibrary .list--item-level_8 .symbolLibrary--icon {
  padding-left: 96px;
}
.symbolLibrary .list--itemGroup-level_8 .list--itemGroupHeader {
  padding-left: 96px;
}
.symbolLibrary .list--item-level_9 .symbolLibrary--icon {
  padding-left: 108px;
}
.symbolLibrary .list--itemGroup-level_9 .list--itemGroupHeader {
  padding-left: 108px;
}
.symbolLibrary .list--item-level_10 .symbolLibrary--icon {
  padding-left: 120px;
}
.symbolLibrary .list--itemGroup-level_10 .list--itemGroupHeader {
  padding-left: 120px;
}
.symbolLibrary--list {
  position: absolute;
  bottom: 0;
  top: 31px;
  right: 0;
  left: 0;
  height: auto;
  overflow: hidden;
}
.symbolLibrary--icon {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  width: 12px;
  height: 12px;
}
.symbolLibrary .list--itemGroup {
  display: block;
}
.symbolLibrary .list--itemGroup.list--itemGroup-opened > ul + li {
  display: table-row;
}
.symbolLibrary--row {
  display: block;
}
.symbolLibrary--row-group {
  padding-top: 2px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
}
.symbolLibrary--row-instrument {
  height: 25px;
  display: table-row;
}
.symbolLibrary--row-instrument td {
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.symbolLibrary--row-instrument .symbolLibrary--icon {
  display: table-cell;
}
.symbolLibrary--row-instrument .symbolLibrary--icon .icon {
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
.symbolLibrary--row-instrument .symbolLibrary--symbol {
  display: table-cell;
  vertical-align: middle;
  margin-right: 0;
  padding-left: 5px;
}
.symbolLibrary--row-instrument .symbolLibrary--description {
  display: table-cell;
  width: 100%;
  position: relative;
}
.symbolLibrary--row-instrument .symbolLibrary--description span {
  padding-left: 5px;
  position: absolute;
  left: 0;
  top: 4px;
  right: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.symbolLibrary--header {
  padding-left: 5px;
}
.symbolLibrary--name {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
.symbolLibrary--quantity {
  display: inline-block;
  vertical-align: middle;
}
.symbolLibrary {
  color: #fff;
  width: 100%;
  height: 100%;
  position: relative;
}
.symbolLibrary--row em {
  color: #55aeee;
  font-style: normal;
}
.symbolLibrary--row-group {
  background-color: #3b3c4d;
}
.symbolLibrary--row-group .icon {
  fill: #666;
}
.symbolLibrary--row-group:hover,
.symbolLibrary--row-group.\:hover {
  background-color: #4f5066;
  color: #cca15c;
  cursor: pointer;
}
.symbolLibrary--row-group:hover .icon,
.symbolLibrary--row-group.\:hover .icon {
  fill: #ffc973;
}
.symbolLibrary--row-group:hover .symbolLibrary--name,
.symbolLibrary--row-group.\:hover .symbolLibrary--name {
  color: #cca15c;
}
.symbolLibrary--row-group:hover .symbolLibrary--quantity,
.symbolLibrary--row-group.\:hover .symbolLibrary--quantity {
  color: #bb945a;
}
.symbolLibrary--row-instrument:hover,
.symbolLibrary--row-instrument.\:hover {
  background-color: #4f5066;
  cursor: pointer;
}
.symbolLibrary--row-instrument:hover > span,
.symbolLibrary--row-instrument.\:hover > span {
  box-shadow: none;
}
.symbolLibrary--row-instrument > span {
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
}
.symbolLibrary--header-opened .icon {
  fill: #bb945a;
}
.symbolLibrary--header-opened .symbolLibrary--name {
  color: #cca15c;
}
.symbolLibrary--header-opened .symbolLibrary--quantity {
  color: #bb945a;
}
.symbolLibrary--name {
  color: #ccc;
  font-weight: bold;
  font-style: normal;
}
.symbolLibrary--quantity {
  color: #fff;
  font-weight: lighter;
  font-style: italic;
}
.symbolLibrary .list--itemGroup-opened .symbolLibrary--icon {
  fill: rgba(255, 255, 255, 0.5);
}
.symbolLibrary .list--itemGroup-opened .symbolLibrary--description {
  color: #666;
}
.symbolLibrary .list--itemGroupHeader {
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
}
.symbolLibrary .list--itemGroupHeader:hover,
.symbolLibrary .list--itemGroupHeader.\:hover {
  box-shadow: none;
}

.WidgetSymbolLibrary__headerContent {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.WidgetSymbolLibrary__headerContent .contentWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  top: -1px;
}
.WidgetSymbolLibrary__headerContent .contentWrapper .positionControls:not(:first-child) {
  margin-left: 7px;
}
.WidgetSymbolLibrary__headerContent .contentWrapper .button-expandAllPositions {
  margin-right: 7px;
}
.WidgetSymbolLibrary__headerContent .contentWrapper .button-collapseAllPositions {
  width: 18px;
  height: 18px;
}

.button-collapse .icon {
  margin-top: 2px;
  width: 10px;
  height: 10px;
}
.button-collapse .icon {
  fill: #909099;
}
.button-collapse span {
  background: url(../../wl/primexbt/_/dx/components/button-collapse/img/icon-collapse.png?dfe0c688626bf956c630bb1b9189f27b)
  3px 5px no-repeat;
}
.button-collapse:hover .icon,
.button-collapse.\:hover .icon {
  fill: #ffc973;
}
.button-collapse:hover span,
.button-collapse.\:hover span {
  background-position: right 4px top 5px;
}

.opportunity--quality {
  display: inline-block;
  vertical-align: middle;
  width: 115px;
  text-align: left;
}
.opportunity--quality span {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 18px;
}
.opportunity--quality span + span {
  margin-left: 2px;
}
.opportunity--timeDate em {
  font-style: normal;
}
.opportunity-age {
  position: relative;
}
.opportunity--symbol,
.opportunity--type,
.opportunity--period {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  text-align: left;
}
.opportunity--opLength {
  width: 2.5em;
}
.opportunity--operation i {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 6px;
  text-indent: 101%;
  white-space: nowrap;
  overflow: hidden;
}
.opportunity--quality span {
  background: #3a662e;
}
.opportunity--timeDate em {
  opacity: 0.6;
}
.opportunity--operation i {
  background: url(../../wl/primexbt/_/dx/components/opportunity/img/icon-opportunity-operation.png?b0bb91a3dcebb2e6402125bed5f2a393)
  no-repeat;
}
.opportunity--operation-down i {
  background-position: 0 0;
}
.opportunity--operation-up i {
  background-position: 0 100%;
}
.opportunity-selected td,
.opportunity-selected td:first-child,
.opportunity-selected td:last-child {
  background-color: #454659;
  color: #fff;
  box-shadow: 0 1px #454659;
}

.grid-opportunities .table--colAdapts-symbol {
  width: 95px;
}
.grid-opportunities .table--colAdapts-period {
  width: 76px;
}
.grid-opportunities .table--colAdapts-operation {
  width: 60px;
}
.grid-opportunities .table--colAdapts-timeDate {
  width: 151px;
}
.grid-opportunities .table--colAdapts-quality {
  width: 147px;
}
.grid-opportunities .table--colAdapts-type {
  width: 145px;
}
.grid-opportunities .table--colAdapts-opLength {
  width: 66px;
}
.grid-opportunities .table--colAdapts-age {
  width: 88px;
}

.opportunities {
  position: relative;
  height: 100%;
}
.opportunities .grid {
  height: calc(100% - 264px);
}
.opportunities .opportunities--filter-hidden + .opportunities--chartWrap + .grid {
  height: calc(100% - 224px);
}
.opportunities .opportunities--filter + .opportunities--chartWrap-hidden + .grid {
  height: calc(100% - 340px);
}
.opportunities .opportunities--filter-hidden + .opportunities--chartWrap-hidden + .grid {
  height: calc(100% - 300px);
}
.opportunities--chartWrap {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 224px;
}
.opportunities--chartWrap-hidden {
  height: 10px;
}
.opportunities--chart {
  height: 100%;
  padding-top: 10px;
  box-sizing: border-box;
  text-align: center;
}
.opportunities--chart img {
  max-height: 100%;
  height: auto;
  display: none;
  max-width: 100%;
  width: auto;
}
.opportunities--filter {
  zoom: 1;
  overflow: hidden;
  padding: 0 13px 0 4px;
  height: 40px;
  opacity: 1;
}
.opportunities--filter:before,
.opportunities--filter:after {
  content: '';
  display: table;
}
.opportunities--filter:after {
  clear: both;
}
.opportunities--filter-hidden {
  opacity: 0;
  height: 0;
}
.opportunities--filter .form {
  float: left;
  padding: 3px 0 5px;
}
.opportunities--filter .form--row {
  padding: 0;
}
.opportunities--filter .control-value .value {
  line-height: 21px;
}
.opportunities--filter .control-selectBox {
  width: 89px;
}
.opportunities--filter .form--row .control + .control,
.opportunities--filter .button {
  margin-left: 15px;
}
.opportunities--filter .form--row .control + .control-primary,
.opportunities--filter .button-primary {
  padding-left: 12px;
  padding-right: 12px;
  height: 22px;
  font-size: 10px;
  margin-top: 7px;
  vertical-align: top;
}
.opportunities--filter .button-collapse {
  float: right;
  margin-top: 12px;
}
.opportunities--filter .button-primary {
  background-color: #393a4d;
}
.opportunities--filter,
.opportunities--chartWrap {
  transition: all 200ms;
}
.opportunities .grid {
  transition: height 200ms;
}

.descriptionArea {
  box-sizing: border-box;
  font-size: 12px;
  line-height: 17px;
  text-align: left;
  height: 100%;
}
.descriptionArea--header {
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  padding-top: 9px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 14px;
  height: 35px;
  box-sizing: border-box;
}
.descriptionArea--content {
  padding-left: 8px;
  padding-right: 8px;
  height: calc(100% - 90px);
  box-sizing: border-box;
  overflow: hidden;
}
.descriptionArea--controlGroup {
  margin-bottom: 13px;
}
.descriptionArea--text {
  padding: 0 0 8px;
  margin: 0 0 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.descriptionArea--title {
  margin: 0 0 7px;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.descriptionArea--labels {
  margin: 0 0 15px;
}
.descriptionArea .control {
  width: 100px;
  margin: 0 10px 0 0;
}
.descriptionArea--footer {
  padding: 13px 8px;
  border-top-width: 1px;
  border-top-style: solid;
  height: 55px;
  box-sizing: border-box;
}
.descriptionArea--header {
  color: #fff;
}
.descriptionArea--title {
  color: #fff;
}
.descriptionArea--text {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.12);
}
.descriptionArea--labels {
  color: rgba(255, 255, 255, 0.5);
}
.descriptionArea--value {
  color: #fff;
}
.descriptionArea--footer {
  border-top-color: rgba(255, 255, 255, 0.12);
}

.stockScreener {
  position: relative;
}
.stocksScreener {
  position: relative;
  height: 100%;
}
.stocksScreener--title {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 13px;
  font-weight: normal;
}
.stocksScreener--presets {
  float: left;
  display: block;
  box-sizing: border-box;
  padding: 9px 8px 0;
  width: 202px;
  height: calc(100% - 50%);
  border-right-width: 1px;
  border-right-style: solid;
}
.stocksScreener--presets .control-textInput {
  width: 100%;
  margin-bottom: 9px;
}
.stocksScreener--presets .stocksScreener--scrollable {
  height: calc(100% - 55px);
}
.stocksScreener--listItem {
  padding: 9px 6px 8px 7px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
  border-top: 1px solid;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stocksScreener--listItem:last-child {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.stocksScreener--description {
  padding-left: 202px;
  height: calc(100% - 50%);
}
.stocksScreener--searchResults {
  clear: both;
  height: 50%;
}
.stocksScreener--searchResults > .widget {
  height: 100%;
}
.stocksScreener-noData .stocksScreener--presets,
.stocksScreener-noData .stocksScreener--description {
  height: calc(100% - 93px);
}
.stocksScreener-noData .stocksScreener--searchResults {
  height: 93px;
}
.stocksScreener-collapsed .stocksScreener--presets,
.stocksScreener-collapsed .stocksScreener--description {
  height: calc(100% - 23px);
}
.stocksScreener-collapsed .stocksScreener--searchResults {
  height: 23px;
}
.stocksScreener-collapsed .stocksScreener .widget--content {
  display: none;
}
.stocksScreener {
  background-color: inherit;
}
.stocksScreener--listItem {
  border-color: rgba(255, 255, 255, 0.12);
}
.stocksScreener--listItem:hover,
.stocksScreener--listItem.\:hover {
  cursor: pointer;
}
.stocksScreener--listItem-selected {
  background: rgba(153, 211, 255, 0.2);
  border-color: transparent;
}
.stocksScreener--listItem-selected:hover,
.stocksScreener--listItem-selected.\:hover {
  cursor: default;
}
.stocksScreener--presets {
  background-color: inherit;
  border-right-color: rgba(255, 255, 255, 0.12);
}
.stocksScreener--scrollable {
  background-color: inherit;
}

.chart-pl {
  height: 100%;
}
.chart-pl .chart--axis-x .current {
  display: block;
  border-radius: 0;
  border: none;
  padding: 2px 4px;
}
.chart-pl .chart--axis-y .negative {
  color: $pl-chart-negative-value-color;
}
.chart-pl .chart--axis-y .positive {
  color: $pl-chart-positive-value-color;
}
.chart-pl .chart--canvasWrapper,
.chart-pl .chart--canvasArea {
  height: 100%;
}

.grid-priceSlices .table--head .table--cell-highlighted {
  color: $table-header-updating-highlight-text-color;
}
.grid-priceSlices .table--body .table--cell-highlighted {
  background-color: $table-cell-updating-highlight-bg-color;
}
.grid-priceSlices thead {
  box-shadow: 0 1px rgba(255, 255, 255, 0.08);
}
.grid-priceSlices thead th {
  font-size: 12px;
}
.grid-priceSlices thead .table--cell-price,
.grid-priceSlices thead .table--cell-offset {
  padding-right: 0;
}
.grid-priceSlices thead .table--cell-actions .table--columnHeader {
  display: none;
}
.grid-priceSlices tbody .table--cell {
  font-size: 14px;
}
.grid-priceSlices tbody .table--cell-positive {
  color: #299171;
}
.grid-priceSlices tbody .table--cell-negative {
  color: #d64f58;
}
.grid-priceSlices tbody .table--cell-price,
.grid-priceSlices tbody .table--cell-offset {
  overflow: visible;
  padding: 0;
  box-shadow:
    1px 0 rgba(255, 255, 255, 0.08) inset,
    1px 0 rgba(255, 255, 255, 0.08);
}
.grid-priceSlices tbody .table--cell-actions {
  padding-left: 0;
  padding-right: 8px;
}
.grid-priceSlices tbody .table--cell-date {
  display: -ms-flexbox;
  display: flex;
}
.grid-priceSlices tbody .table--cell-date.table--cell {
  padding: 0;
}
.grid-priceSlices tbody .table--cell-date .control-selectBox {
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.grid-priceSlices tbody .table--cell-date .control-selectBox .control--wrap {
  width: 100%;
}
.grid-priceSlices tbody .table--cell-date .control-selectBox .selectBox {
  width: 100%;
  background-color: transparent;
  box-shadow: none;
}
.grid-priceSlices tbody .table--cell-date .control-selectBox .selectBox::before {
  content: normal;
}
.grid-priceSlices tbody .table--cell-date .control-selectBox .selectBox--arrow .icon {
  fill: $order-entry-dropdown-icon-color;
}
.grid-priceSlices tbody .table--cell .control-numericStepper {
  width: 100%;
}
.grid-priceSlices tbody .table--cell .control-numericStepper .numericStepper {
  width: 100%;
}
.grid-priceSlices
tbody
.table--cell
.control-numericStepper
.numericStepper--input
input[type='text'] {
  box-shadow: none;
  border-color: transparent;
  background-color: transparent;
}
.grid-priceSlices tbody .table--cell .control-numericStepper .control--wrap {
  display: block;
}
.grid-priceSlices
tbody
.table--cell
.control-numericStepper
.control--wrap-focused
.numericStepper--input
input[type='text'] {
  border-color: #66625e;
}
.grid-priceSlices tbody .table--cell .button-remove:hover .icon,
.grid-priceSlices tbody .table--cell .button-remove.\:hover .icon {
  fill: #ffc973;
}
.grid-priceSlices tbody .table--cell .button-remove .icon {
  width: 7px;
  height: 7px;
  fill: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.grid-priceSlices .table--col-date,
.grid-priceSlices .table--colAdapts-date {
  width: 108px;
}
.grid-priceSlices .table--col-price,
.grid-priceSlices .table--colAdapts-price,
.grid-priceSlices .table--col-offset,
.grid-priceSlices .table--colAdapts-offset {
  width: 98px;
}
.grid-priceSlices .table--col-delta,
.grid-priceSlices .table--colAdapts-delta,
.grid-priceSlices .table--col-gamma,
.grid-priceSlices .table--colAdapts-gamma,
.grid-priceSlices .table--col-theta,
.grid-priceSlices .table--colAdapts-theta {
  width: 85px;
}
.grid-priceSlices .table--col-value,
.grid-priceSlices .table--colAdapts-value,
.grid-priceSlices .table--col-theoPl,
.grid-priceSlices .table--colAdapts-theoPl {
  width: 96px;
}
.grid-priceSlices .table--col-vega,
.grid-priceSlices .table--colAdapts-vega {
  width: 85px;
}
.grid-priceSlices .table--col-rho,
.grid-priceSlices .table--colAdapts-rho {
  width: 80px;
}
.grid-priceSlices .table--col-actions,
.grid-priceSlices .table--colAdapts-actions {
  width: 24px;
}
.grid-priceSlices .grid--body {
  top: 0;
}
.grid-priceSlices .grid--body:not(.scrollable-withVerticalScrollbar) {
  margin-right: 0;
}
.grid-priceSlices .grid--body .scrollable--wrapper .scrollable--container {
  padding-right: 0;
}
.grid-priceSlices .grid--body .scrollable--wrapper .scrollable--container .scrollable--content {
  padding-top: 19px;
  padding-bottom: 0;
}
.grid-priceSlices .scrollbar-vertical {
  top: 20px;
}
.grid-priceSlices .selectBox-color-1 .selectBox--label {
  color: $risk-profile-chart-text-color-1;
}
.grid-priceSlices .selectBox-color-2 .selectBox--label {
  color: $risk-profile-chart-text-color-2;
}
.grid-priceSlices .selectBox-color-3 .selectBox--label {
  color: $risk-profile-chart-text-color-3;
}

.WidgetPriceSlices__contentWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
}
.WidgetPriceSlices__buttons .button {
  margin-left: 8px;
  height: 19px;
  padding: 0 8px;
  font-size: 12px;
}
.WidgetPriceSlices__headerActions .button-contextMenu {
  margin-right: 0;
}
.WidgetPriceSlices__headerContent {
  position: relative;
}
.WidgetPriceSlices__headerContent .widgetNew__headerInfo {
  margin-left: 22px;
}
.WidgetPriceSlices__headerContent .widgetNew__headerTitle {
  font-size: 12px;
}
.WidgetPriceSlices__headerInfo {
  margin-left: 25px;
}
.WidgetPriceSlices__buttonExpandWrap {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
}
.WidgetPriceSlices__buttonExpandWrap .button-expand {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.WidgetPriceSlices__buttonExpandWrap .button-expand .icon {
  width: 11px;
  height: 6px;
  fill: #fff;
}

.lock__container___third-party-legacy-react-kit-components-lock-theme- {
  position: relative;
  height: 100%;
}
.lock__container_alignRight___third-party-legacy-react-kit-components-lock-theme-
.lock__buttonContainer___third-party-legacy-react-kit-components-lock-theme- {
  left: auto;
  right: 7px;
}
.lock__container_isLocked___third-party-legacy-react-kit-components-lock-theme-::before {
  z-index: 1;
  content: '';
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.lock__buttonContainer___third-party-legacy-react-kit-components-lock-theme- {
  z-index: 2;
  position: absolute;
  left: 2px;
  top: 0;
  min-width: auto;
  width: 12px;
  height: 100%;
  border: none;
  cursor: pointer;
}
.lock__buttonContainer___third-party-legacy-react-kit-components-lock-theme-::before {
  content: normal;
}
.lock__buttonContainer___third-party-legacy-react-kit-components-lock-theme- .icon {
  width: 12px;
  height: 11px;
  fill: #909099;
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.lock__inner___third-party-legacy-react-kit-components-lock-theme- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  margin-top: 0;
}

.plannedMarker__container {
  display: inline-block;
  width: 12px;
  height: 11px;
  vertical-align: middle;
}
.plannedMarker__container .icon-planned-marker {
  fill: $planned-marker-bg;
}

.control-spreadSelector .selectBox .selectBox--labelIcon {
  vertical-align: baseline;
  width: 18px;
  height: 13px;
  -ms-transform: translateY(1px);
  transform: translateY(1px);
  margin-right: 2px;
}
.control-spreadSelector .selectBox .selectBox--labelIcon .icon {
  vertical-align: baseline;
}
.control-spreadSelector .selectBox .selectBox--label {
  padding-left: 10px;
}
.control-spreadSelector .selectBox.selectBox-title .selectBox--labelIcon {
  display: none;
}
.control-spreadSelector .selectBox.selectBox-custom .selectBox--labelIcon {
  height: 18px;
  vertical-align: text-bottom;
  -ms-transform: none;
  transform: none;
}
.control-spreadSelector .selectBox.selectBox-custom .selectBox--labelIcon .icon {
  vertical-align: top;
}
.dropDown-control-spreadSelector .dropDown--option {
  padding-right: 12px;
  padding-left: 10px;
  line-height: 1.62em;
}
.dropDown-control-spreadSelector .dropDown--option-title,
.dropDown-control-spreadSelector .dropDown--option-delimiter {
  padding-bottom: 0;
}
.dropDown-control-spreadSelector .dropDown--option-title .dropDown--optionIcon,
.dropDown-control-spreadSelector .dropDown--option-delimiter .dropDown--optionIcon {
  display: none;
}
.dropDown-control-spreadSelector .dropDown--option-delimiter {
  margin-right: 10px;
  margin-bottom: -2px;
  cursor: default;
  pointer-events: none;
}
.dropDown-control-spreadSelector .dropDown--option-delimiter:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  left: 62px;
  top: calc(50% + 2px);
  background: rgba(255, 255, 255, 0.12);
}
.dropDown-control-spreadSelector .dropDown--option-delimiter .dropDown--optionText {
  font-size: 12px;
  font-weight: 500;
  color: $dropdown-list-header-text-color;
}
.dropDown-control-spreadSelector .dropDown--option-custom {
  fill: $icon-color-3;
}
.dropDown-control-spreadSelector .dropDown--option-custom .dropDown--optionIcon {
  height: 18px;
  vertical-align: text-bottom;
  -ms-transform: none;
  transform: none;
}
.dropDown-control-spreadSelector .dropDown--option-custom .dropDown--optionIcon .icon {
  vertical-align: top;
}
.dropDown-control-spreadSelector .dropDown--optionIcon {
  width: 18px;
  height: 13px;
  margin-right: 7px;
  margin-left: 3px;
  vertical-align: baseline;
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}
.dropDown-control-spreadSelector .dropDown--optionIcon .icon {
  vertical-align: baseline;
}
.dropDown-control-spreadSelector .dropDown--optionText {
  font-size: 14px;
  font-weight: normal;
  vertical-align: baseline;
}
.dropDown-control-spreadSelector .scrollable-withVerticalScrollbar .dropDown--option {
  padding-right: 3px;
}

.simulatedPositionStrategy__icon {
  cursor: pointer;
  width: 10px;
  height: 10px;
  fill: #909099;
}
.simulatedPositionStrategy__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 1;
}
.simulatedPositionStrategy__container span:not(:last-child) {
  margin-right: 8px;
}
.simulatedPositionStrategy__side_buy {
  color: #299171;
}
.simulatedPositionStrategy__side_sell {
  color: #d64f58;
}
.simulatedPositionStrategy__row td:not([class]) {
  box-shadow: none;
}
.simulatedPositionStrategy__row:not(.position-selected) .table--cell {
  background-color: #3b3c4d !important;
  cursor: pointer;
}
.simulatedPositionStrategy__row:not(.position-selected) .table--cell:after {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  background-color: #3b3c4d;
  height: 1px;
}

.grid-riskProfilePosition .grid--head {
  z-index: 3;
}
.grid-riskProfilePosition .table--head .table--cell-highlighted {
  color: $table-header-updating-highlight-text-color;
}
.grid-riskProfilePosition .table--body tr.position-selected .table--cell-highlighted {
  box-shadow: 0 0 0 15px #454659 inset;
}
.grid-riskProfilePosition .table--body tr:hover,
.grid-riskProfilePosition .table--body tr.\:hover {
  background: #434659;
}
.grid-riskProfilePosition .table--body tr:hover:not(.position-selected) .table--cell,
.grid-riskProfilePosition .table--body tr.\:hover:not(.position-selected) .table--cell {
  background-color: #434659;
}
.grid-riskProfilePosition .table--body tr:hover .table--cell-highlighted.table--cell,
.grid-riskProfilePosition .table--body tr.\:hover .table--cell-highlighted.table--cell {
  background-color: $table-cell-updating-highlight-bg-color;
}
.grid-riskProfilePosition .table--body tr:hover .table--cell-error.table--cell,
.grid-riskProfilePosition .table--body tr.\:hover .table--cell-error.table--cell {
  background: $table-cell-error-bg;
}
.grid-riskProfilePosition .table--body tr td:last-child .table--cell {
  padding: 0;
}
.grid-riskProfilePosition .table--cell-highlighted {
  background-color: $table-cell-updating-highlight-bg-color;
}
.grid-riskProfilePosition .table--cell-control:not(.table--cell-spreadSelector) {
  box-shadow: 1px 0 rgba(255, 255, 255, 0.08);
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}
.grid-riskProfilePosition
.table--cell-control:hover:not(.table--cell-disabled):not(.table--cell-spreadSelector),
.grid-riskProfilePosition
.table--cell-control.\:hover:not(.table--cell-disabled):not(.table--cell-spreadSelector) {
  background-color: $table-cell-hover-bg-color;
}
.grid-riskProfilePosition .table--cell-expandable {
  padding: 0 0 0 7px;
}
.grid-riskProfilePosition .table--cell-checked {
  padding: 0;
}
.grid-riskProfilePosition .table--cell-error {
  color: $table-error-text-color;
}
.grid-riskProfilePosition .table--cell-error .table--controlPlaceholder,
.grid-riskProfilePosition .table--cell-error .selectBox--label {
  color: inherit;
}
.grid-riskProfilePosition .position-selected .table--cell-error {
  color: $table-error-text-color;
}
.wrapperSpread {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.wrapperSpread .icon-tree {
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: -4.5px;
  z-index: 2;
  fill: rgba(255, 255, 255, 0.5);
}
.grid-riskProfilePosition .control-disabled {
  background-color: #0d0c0a;
}
.grid-riskProfilePosition .plannedMarker__container {
  margin-right: 8px;
}
.grid-riskProfilePosition .control-symbol.control-value {
  width: calc(100% - 24px);
  padding: 0 14px 0 10px;
  height: 100%;
  line-height: inherit;
}
.grid-riskProfilePosition .control-symbol.control-value .control--wrap {
  white-space: nowrap;
}
.grid-riskProfilePosition .control-symbol.control-value .control--wrap span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-riskProfilePosition .control-checkBox {
  vertical-align: bottom;
}
.grid-riskProfilePosition .checkBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 100%;
}
.grid-riskProfilePosition .control-selectBox.control-spreadSelector .selectBox--label {
  padding-left: 30px;
  padding-right: 0;
}
.grid-riskProfilePosition .table--cell.table--cell-spreadSelector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.grid-riskProfilePosition .table--cell.table--cell-spreadSelector .table--controlPlaceholder {
  padding-left: 30px;
}
.grid-riskProfilePosition .table--cell.table--cell-spreadSelector:hover .lock_spreadSelector,
.grid-riskProfilePosition .table--cell.table--cell-spreadSelector.\:hover .lock_spreadSelector {
  background-color: $table-cell-hover-bg-color;
}
.grid-riskProfilePosition .table--cell.table--cell-spreadSelector .plannedMarker__container {
  position: absolute;
  left: 12px;
  top: 50%;
  z-index: 2;
  margin-top: -5.5px;
}
.grid-riskProfilePosition .table--cell.table--cell-spreadSelector .lock_spreadSelector {
  box-sizing: border-box;
  position: absolute;
  left: 4px;
  right: 0;
  width: auto;
  padding-right: 25px;
}
.grid-riskProfilePosition
.table--cell.table--cell-spreadSelector
.lock_spreadSelector
.selectBox--arrow {
  display: none;
}
.grid-riskProfilePosition
.table--cell.table--cell-spreadSelector
.lock_spreadSelector
.table--controlPlaceholder {
  padding-right: 0;
}

.grid-riskProfilePosition .table--col-expandable,
.grid-riskProfilePosition .table--colAdapts-expandable {
  width: 23px;
}
.grid-riskProfilePosition .table--col-checked,
.grid-riskProfilePosition .table--colAdapts-checked {
  width: 17px;
}
.grid-riskProfilePosition .table--col-symbol,
.grid-riskProfilePosition .table--colAdapts-symbol {
  width: 148px;
}
.grid-riskProfilePosition .table--col-uid,
.grid-riskProfilePosition .table--colAdapts-uid {
  width: 160px;
}
.grid-riskProfilePosition .table--col-side,
.grid-riskProfilePosition .table--colAdapts-side {
  width: 117px;
  min-width: 54px;
}
.grid-riskProfilePosition .table--col-spread,
.grid-riskProfilePosition .table--colAdapts-spread {
  width: 200px;
  min-width: 78px;
}
.grid-riskProfilePosition .table--col-expirationDate,
.grid-riskProfilePosition .table--colAdapts-expirationDate {
  width: 108px;
}
.grid-riskProfilePosition .table--col-yield,
.grid-riskProfilePosition .table--colAdapts-yield {
  width: 120px;
}
.grid-riskProfilePosition .table--col-theoPrice,
.grid-riskProfilePosition .table--colAdapts-theoPrice,
.grid-riskProfilePosition .table--col-positionDelta,
.grid-riskProfilePosition .table--colAdapts-positionDelta,
.grid-riskProfilePosition .table--col-avgFillPrice,
.grid-riskProfilePosition .table--colAdapts-avgFillPrice {
  width: 100px;
}
.grid-riskProfilePosition .table--col-positionGamma,
.grid-riskProfilePosition .table--colAdapts-positionGamma {
  width: 114px;
}
.grid-riskProfilePosition .table--col-theta,
.grid-riskProfilePosition .table--colAdapts-theta {
  width: 102px;
}
.grid-riskProfilePosition .table--col-positionRho,
.grid-riskProfilePosition .table--colAdapts-positionRho {
  width: 94px;
}
.grid-riskProfilePosition .table--col-positionVega,
.grid-riskProfilePosition .table--colAdapts-positionVega {
  width: 98px;
}
.grid-riskProfilePosition .table--col-underlying,
.grid-riskProfilePosition .table--colAdapts-underlying {
  width: 84px;
}
.grid-riskProfilePosition .table--col-daysToExpiration,
.grid-riskProfilePosition .table--colAdapts-daysToExpiration {
  width: 123px;
}
.grid-riskProfilePosition .table--col-positionQty,
.grid-riskProfilePosition .table--colAdapts-positionQty,
.grid-riskProfilePosition .table--col-price,
.grid-riskProfilePosition .table--colAdapts-price {
  min-width: 86px;
}
.grid-riskProfilePosition .table--col-expirationDate,
.grid-riskProfilePosition .table--colAdapts-expirationDate,
.grid-riskProfilePosition .table--col-strike,
.grid-riskProfilePosition .table--colAdapts-strike {
  min-width: 50px;
}

.resizeDivider__container {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
.resizeDivider__container:hover:after,
.resizeDivider__container:active:after,
.resizeDivider__container.resizeDivider__--hover:after,
.resizeDivider__container.resizeDivider__--active:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #6cb5d9;
  box-shadow: 0 0 3px 0 rgba(248, 224, 64, 0.25);
}
.resizeDivider__container_horizontal {
  height: 4px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.08);
}
.resizeDivider__container_horizontal:hover,
.resizeDivider__container_horizontal:active,
.resizeDivider__container_horizontal.resizeDivider__--hover,
.resizeDivider__container_horizontal.resizeDivider__--active {
  cursor: ns-resize;
}
.resizeDivider__container_horizontal:hover:after,
.resizeDivider__container_horizontal:active:after,
.resizeDivider__container_horizontal.resizeDivider__--hover:after,
.resizeDivider__container_horizontal.resizeDivider__--active:after {
  height: 2px;
  width: 100%;
}
.resizeDivider__container_vertical {
  width: 4px;
  height: 100%;
  background-color: #000;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.resizeDivider__container_vertical:hover,
.resizeDivider__container_vertical:active,
.resizeDivider__container_vertical.resizeDivider__--hover,
.resizeDivider__container_vertical.resizeDivider__--active {
  cursor: ew-resize;
}
.resizeDivider__container_vertical:hover:after,
.resizeDivider__container_vertical:active:after,
.resizeDivider__container_vertical.resizeDivider__--hover:after,
.resizeDivider__container_vertical.resizeDivider__--active:after {
  height: 100%;
  width: 2px;
}

.pl-vertical-line__label___third-party-legacy-chart-plugins-2-src-plugins-pl-vertical-lines-components- {
  color: $risk-profile-underlying-price-text-color;
}
.pl-vertical-line__labelText___third-party-legacy-chart-plugins-2-src-plugins-pl-vertical-lines-components- {
  background-color: $risk-profile-underlying-price-bg-color;
}
.pl-vertical-line__iconContainer___third-party-legacy-chart-plugins-2-src-plugins-pl-vertical-lines-components- {
  border-left: 1px solid $risk-profile-underlying-price-divider-line-color;
  background-color: $risk-profile-underlying-price-bg-color;
}
.pl-vertical-line__iconCross___third-party-legacy-chart-plugins-2-src-plugins-pl-vertical-lines-components- {
  width: 7px;
  height: 7px;
  fill: #ccc;
}
.pl-vertical-line__iconCross___third-party-legacy-chart-plugins-2-src-plugins-pl-vertical-lines-components-:active,
.pl-vertical-line__iconCross___third-party-legacy-chart-plugins-2-src-plugins-pl-vertical-lines-components-.pl-vertical-line__--active___third-party-legacy-chart-plugins-2-src-plugins-pl-vertical-lines-components- {
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}

.pl-chart-info__container___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-chart-info-theme- {
  border-radius: 2px;
  padding-top: 7px;
  padding-bottom: 7px;
  box-sizing: border-box;
  min-width: 111px;
  position: relative;
  display: inline-block;
  font-size: 10px;
  line-height: 12px;
  margin-top: 20px;
  margin-left: 15px;
  font-weight: normal;
}
.pl-chart-info__container_alignedRight___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-chart-info-theme- {
  margin-left: 0;
}
.pl-chart-info__container_alignedRight___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-chart-info-theme-
> * {
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.pl-chart-info__value___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-chart-info-theme- {
  color: #fff;
}
.pl-chart-info__content___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-chart-info-theme- {
  overflow: hidden;
  background-color: rgba(28, 29, 33, 0.85);
}
.pl-chart-info__group___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-chart-info-theme- {
  box-sizing: border-box;
  display: table;
  min-width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
.pl-chart-info__group___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-chart-info-theme-:first-child {
  padding-top: 2px;
}
.pl-chart-info__parameter___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-chart-info-theme- {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.pl-chart-info__label___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-chart-info-theme- {
  box-sizing: border-box;
  white-space: nowrap;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 10px;
  min-width: 30px;
  color: rgba(255, 255, 255, 0.5);
}
.pl-chart-info__label___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-chart-info-theme-:not(
    :last-child
  ) {
  padding-bottom: 1px;
}
.pl-chart-info__label___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-chart-info-theme-
span {
  background-color: rgba(28, 29, 33, 0.85);
  color: #fff;
}
.pl-chart-info__value___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-chart-info-theme- {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.8);
}

.pl-crossTool__container___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-crossTool-theme- {
  pointer-events: none;
}
.pl-crossTool__axisLabel___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-crossTool-theme- {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.pl-crossTool__axisLabelValue___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-crossTool-theme- {
  color: rgba(255, 255, 255, 0.8);
  background-color: #3b3b3b;
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 1px;
  white-space: nowrap;
  pointer-events: none;
  position: absolute;
}
.pl-crossTool__axisLabelValue_x___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-crossTool-theme- {
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.pl-crossTool__axisLabelValue_y___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-crossTool-theme- {
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pl-crossTool__axisLabelWrapper___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-crossTool-theme- {
  position: absolute;
  font-size: 10px;
  box-sizing: border-box;
}
.pl-crossTool__axisLine___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-crossTool-theme- {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(142, 188, 212, 0.5);
}
.pl-crossTool__axisLine_x___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-crossTool-theme- {
  width: 100%;
  height: 1px;
}
.pl-crossTool__axisLine_y___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-crossTool-theme- {
  width: 1px;
  height: 100%;
}

.riskProfile__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.riskProfile__container .control-currentSpot {
  width: 110px;
}
.riskProfile__chartArea {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  min-height: 60px;
  overflow: hidden;
}
.riskProfile__chartInner {
  height: 100%;
  left: 6px;
  right: 0;
  position: absolute;
}
.riskProfile__chartInner .chart--axisWrapper-x {
  height: 30px;
  position: static;
}
.riskProfile__chartInner .chart--axis-x-label {
  top: auto;
  padding-left: 5px;
  bottom: 3px;
}
.riskProfile__priceSlices {
  height: 154px;
  transition: height 0.25s;
  overflow: hidden;
}
.riskProfile__priceSlices_collapsed {
  height: 25px;
}
.riskProfile__priceSlices_collapsed + .riskProfile__gridArea {
  max-height: calc(100% - 89px);
}
.riskProfile__gridArea {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-height: 0;
  max-height: calc(100% - 218px);
  height: 44%;
  transition: max-height 0.25s;
}
.riskProfile__gridArea .widgetNew--header__headerActions .button {
  margin-right: 0;
  margin-left: 10px;
}
.riskProfile__legend {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  margin-top: 6px;
  margin-bottom: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.riskProfile__legend ~ .riskProfile__gridArea {
  max-height: calc(100% - 244px);
}
.riskProfile__legend ~ .riskProfile__priceSlices_collapsed + .riskProfile__gridArea {
  max-height: calc(100% - 115px);
}
.riskProfile__legendItem {
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
}
.riskProfile__legendItem:last-child {
  padding-right: 20px;
}
.riskProfile__legendItemLine {
  width: 26px;
  height: 2px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.riskProfile__legendItemTitle {
  padding-left: 5px;
}
.riskProfile__simulationBanner {
  padding: 3px 8px;
  margin-bottom: 6px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  background: #c67411;
}
.riskProfile__emptyView {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 60px;
}
.riskProfile__emptyMessage {
  font-size: 20px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
}
.riskProfile__layoutControl {
  position: relative;
  border-top: 1px solid #3b3b3b;
  background: $control-panel-drag-line-color;
  height: 7px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.riskProfile__layoutControl span {
  vertical-align: top;
}

.grid__button_focus___third-party-legacy-react-kit-components-suggest-theme- {
  outline: 1px solid #ffb361;
}
.grid__head___third-party-legacy-react-kit-components-suggest-theme- {
  position: relative;
  margin-bottom: 1px;
}
.grid__head___third-party-legacy-react-kit-components-suggest-theme-:after {
  content: '';
  position: absolute;
  display: block;
  left: 6px;
  right: 6px;
  bottom: 1px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.08);
}
.grid__mark___third-party-legacy-react-kit-components-suggest-theme- {
  color: $search-highlight-text-color;
}
.grid__footer___third-party-legacy-react-kit-components-suggest-theme- {
  position: relative;
  max-height: 56px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 12px 9px 0 9px;
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 14px;
}
.grid__footer___third-party-legacy-react-kit-components-suggest-theme-:empty {
  display: none;
}
.grid__footer___third-party-legacy-react-kit-components-suggest-theme-:before {
  content: '';
  position: absolute;
  display: block;
  left: 6px;
  right: 6px;
  top: 1px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.08);
}
.grid__footer_maxRowHint___third-party-legacy-react-kit-components-suggest-theme- {
  max-width: 307px;
}
.grid__button_container___third-party-legacy-react-kit-components-suggest-theme- {
  color: $support-link-text-color;
  font-size: 14px;
  cursor: pointer;
  height: 16px;
}
.grid__button_container___third-party-legacy-react-kit-components-suggest-theme-:hover,
.grid__button_container___third-party-legacy-react-kit-components-suggest-theme-.grid__--hover___third-party-legacy-react-kit-components-suggest-theme- {
  color: #ffc973;
}
.grid__button_container___third-party-legacy-react-kit-components-suggest-theme-:hover
.grid__button_icon___third-party-legacy-react-kit-components-suggest-theme-,
.grid__button_container___third-party-legacy-react-kit-components-suggest-theme-.grid__--hover___third-party-legacy-react-kit-components-suggest-theme-
.grid__button_icon___third-party-legacy-react-kit-components-suggest-theme- {
  stroke: #ffc973;
}
.grid__button_icon___third-party-legacy-react-kit-components-suggest-theme- {
  width: 5px;
  height: 12px;
  position: relative;
  top: 2px;
  stroke: $support-link-text-color;
  fill: transparent;
}

.grid-h-child__wrapper___third-party-legacy-react-kit-components-suggest-theme-
.table-colAdapt_description {
  width: auto;
}
.grid-h-child__bodyWrapper___third-party-legacy-react-kit-components-suggest-theme- {
  display: -ms-flexbox;
  display: flex;
}
.grid-h-child__footer___third-party-legacy-react-kit-components-suggest-theme- {
  color: rgba(255, 255, 255, 0.55);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 10px 10px;
  font-size: 14px;
}
.grid-h-child__footer___third-party-legacy-react-kit-components-suggest-theme-:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: $dom-table-line-color;
  margin: 6px 0;
}
.grid-h-child__container___third-party-legacy-react-kit-components-suggest-theme- {
  height: 100%;
}
.grid-h-child__container___third-party-legacy-react-kit-components-suggest-theme- table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.grid-h-child__container___third-party-legacy-react-kit-components-suggest-theme-
.grid-h-child__gridCell__content___third-party-legacy-react-kit-components-suggest-theme- {
  min-width: 30px;
}
.grid-h-child__gridHead___third-party-legacy-react-kit-components-suggest-theme-
.grid-h-child__cell___third-party-legacy-react-kit-components-suggest-theme- {
  font-size: 12px;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}
.grid-h-child__gridHead___third-party-legacy-react-kit-components-suggest-theme-:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: $dom-table-line-color;
  margin-bottom: 2px;
}
.grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-
.grid-h-child__row___third-party-legacy-react-kit-components-suggest-theme-:hover
.grid-h-child__cell___third-party-legacy-react-kit-components-suggest-theme-:not(
    .grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-
  ),
.grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-
.grid-h-child__row_active___third-party-legacy-react-kit-components-suggest-theme-
.grid-h-child__cell___third-party-legacy-react-kit-components-suggest-theme-:not(
    .grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-
  ),
.grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-
.grid-h-child__row___third-party-legacy-react-kit-components-suggest-theme-.grid-h-child__--hover___third-party-legacy-react-kit-components-suggest-theme-
.grid-h-child__cell___third-party-legacy-react-kit-components-suggest-theme-:not(
    .grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-
  ) {
  cursor: pointer;
  background-color: $symbol-suggest-line-hover-bg-color;
}
.grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-
.grid-h-child__row___third-party-legacy-react-kit-components-suggest-theme-:hover
.grid-h-child__cell___third-party-legacy-react-kit-components-suggest-theme-:not(
    .grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-
  ):after,
.grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-
.grid-h-child__row_active___third-party-legacy-react-kit-components-suggest-theme-
.grid-h-child__cell___third-party-legacy-react-kit-components-suggest-theme-:not(
    .grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-
  ):after,
.grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-
.grid-h-child__row___third-party-legacy-react-kit-components-suggest-theme-.grid-h-child__--hover___third-party-legacy-react-kit-components-suggest-theme-
.grid-h-child__cell___third-party-legacy-react-kit-components-suggest-theme-:not(
    .grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-
  ):after {
  background-image: linear-gradient(
  to left,
  $symbol-suggest-line-hover-bg-color,
  $symbol-suggest-line-hover-fade-grad
  );
}
.grid-h-child__gridCell__placeholder___third-party-legacy-react-kit-components-suggest-theme- {
  height: 20px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
.grid-h-child__gridCell__content___third-party-legacy-react-kit-components-suggest-theme- {
  padding: 0 10px;
  position: absolute;
  top: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 20px;
  -ms-flex-align: center;
  align-items: center;
}
.grid-h-child__gridCell__content_left___third-party-legacy-react-kit-components-suggest-theme- {
  text-align: left;
}
.grid-h-child__gridCell__content_center___third-party-legacy-react-kit-components-suggest-theme- {
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.grid-h-child__gridCell__content_right___third-party-legacy-react-kit-components-suggest-theme- {
  right: 0;
}
.grid-h-child__cell___third-party-legacy-react-kit-components-suggest-theme- {
  position: relative;
  color: #fff;
  font-size: 14px;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
}
.grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme- {
  font-size: 12px;
  color: #fff;
  padding-bottom: 10px;
  line-height: 30px;
}
.grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-
.grid-h-child__gridCell__content___third-party-legacy-react-kit-components-suggest-theme- {
  height: 30px;
}
.grid-h-child__cell_description___third-party-legacy-react-kit-components-suggest-theme-:not(
    .grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-
  ) {
  color: rgba(255, 255, 255, 0.55);
}
.grid-h-child__cell_description___third-party-legacy-react-kit-components-suggest-theme-:not(
    .grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-
  ):after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  background-image: linear-gradient(to left, #1f222d, rgba(31, 34, 45, 0));
}
.grid-h-child__cell_derivatives___third-party-legacy-react-kit-components-suggest-theme-
.grid-h-child__gridCell__content___third-party-legacy-react-kit-components-suggest-theme- {
  padding: 0;
}

.tabs-component__tabs___third-party-legacy-react-kit-components-tabs-theme- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.suggestTabs__container___third-party-legacy-react-kit-components-suggest-theme- {
  border-bottom: 2px solid $symbol-suggest-tab-active-bg-color;
}
.suggestTabs__tabs___third-party-legacy-react-kit-components-suggest-theme- {
  height: 22px;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.suggestTabs__tab_container___third-party-legacy-react-kit-components-suggest-theme- {
  font-weight: 500;
  font-size: 12px;
  height: 22px;
  color: $suggest-tab-unactive-text-color;
  padding: 0 15px 0 14px;
  border-right: 1px solid $suggest-tab-divider-line-color;
  box-sizing: border-box;
  position: relative;
  background-color: $symbol-suggest-tab-unactive-bg-color;
}
.suggestTabs__tab_container___third-party-legacy-react-kit-components-suggest-theme-:first-child {
  padding: 0 20px 0 19px;
}
.suggestTabs__tab_container___third-party-legacy-react-kit-components-suggest-theme-:hover:not(
    .suggestTabs__tab_active___third-party-legacy-react-kit-components-suggest-theme-
  ),
.suggestTabs__tab_container___third-party-legacy-react-kit-components-suggest-theme-.suggestTabs__--hover___third-party-legacy-react-kit-components-suggest-theme-:not(
    .suggestTabs__tab_active___third-party-legacy-react-kit-components-suggest-theme-
  ) {
  background-color: $suggest-tab-hover-bg-color;
}
.suggestTabs__tab_active___third-party-legacy-react-kit-components-suggest-theme- {
  background-color: $symbol-suggest-tab-active-bg-color;
  color: $suggest-tab-selected-text-color;
}
.suggestTabs__tab_active___third-party-legacy-react-kit-components-suggest-theme-:before {
  content: ' ';
  display: inline-block;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  height: 2px;
  background-color: #55aeee;
}

.loading-indicator-child__container___third-party-legacy-react-kit-components-suggest-theme- {
  margin-top: 15px;
  margin-bottom: 12px;
  margin-left: 275px;
}

.popover-child__container___third-party-legacy-react-kit-components-suggest-theme- {
  margin: 0;
  border: none;
  width: 588px;
  margin-top: 5px;
  min-height: 61px;
  background: $symbol-suggest-bg-color;
  box-shadow: 0 2px 10px 0 $input-tooltip-shadow;
  z-index: 100;
}
.popover-child__content___third-party-legacy-react-kit-components-suggest-theme-:not(:empty) {
  border: none;
}

.input-child__label_hasControlWrapper___third-party-legacy-react-kit-components-suggest-theme- {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}
.input-child__label_hasControlWrapper___third-party-legacy-react-kit-components-suggest-theme-
.input-child__container___third-party-legacy-react-kit-components-suggest-theme- {
  box-shadow: none;
  border: 0;
  height: auto;
  line-height: normal;
  font-size: inherit;
  width: 100%;
  border-radius: inherit;
}
.input-child__label_hasControlWrapper___third-party-legacy-react-kit-components-suggest-theme-
.input-child__container___third-party-legacy-react-kit-components-suggest-theme-
.input-child__input___third-party-legacy-react-kit-components-suggest-theme- {
  background-color: transparent;
}
.input-child__label_hasControlWrapper___third-party-legacy-react-kit-components-suggest-theme-
.input-child__container___third-party-legacy-react-kit-components-suggest-theme-
.input-child__input___third-party-legacy-react-kit-components-suggest-theme-:focus,
.input-child__label_hasControlWrapper___third-party-legacy-react-kit-components-suggest-theme-
.input-child__container___third-party-legacy-react-kit-components-suggest-theme-
.input-child__input___third-party-legacy-react-kit-components-suggest-theme-.input-child__--focus___third-party-legacy-react-kit-components-suggest-theme- {
  background-color: transparent;
}
.input-child__label_hasControlWrapper___third-party-legacy-react-kit-components-suggest-theme-
.input-child__placeholder___third-party-legacy-react-kit-components-suggest-theme- {
  left: 6px;
  text-align: left;
}
.input-child__placeholder___third-party-legacy-react-kit-components-suggest-theme- {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 4px;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.3);
}
.input-child__input___third-party-legacy-react-kit-components-suggest-theme- {
  position: relative;
  z-index: 2;
}

.footer__container___third-party-legacy-react-kit-components-suggest-theme- {
  padding: 21px 0 27px 9px;
  color: $symbol-suggest-tertiary-text-color;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.footer__hint___third-party-legacy-react-kit-components-suggest-theme- {
  font-size: 14px;
}
.footer__hint_withExpired___third-party-legacy-react-kit-components-suggest-theme- {
  line-height: 1.17;
  margin-top: 4px;
  white-space: pre-line;
}
.footer__hint_link___third-party-legacy-react-kit-components-suggest-theme- {
  color: #55aeee;
}
.footer__hint_key___third-party-legacy-react-kit-components-suggest-theme- {
  color: #fff;
}

.button-info {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 12px;
  height: 12px;
  border: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.button-info :before {
  display: none;
}
.button-info .icon {
  fill: rgba(255, 255, 255, 0.5);
  transition: fill 220ms ease-out;
}
.button-info:hover:not(.button-disabled) .icon,
.button-info:hover:not(:disabled) .icon,
.button-info:hover:not([disabled]) .icon,
.button-info.\:hover:not(.button-disabled) .icon,
.button-info.\:hover:not(:disabled) .icon,
.button-info.\:hover:not([disabled]) .icon {
  fill: #fff;
  transition: fill 220ms ease-in;
}

.accountSelector__container {
  display: inline-block;
}
.accountSelector__container .control-selectBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-weight: normal;
}
.accountSelector__container .control--label {
  margin-right: 5px;
}
.accountSelector__container .control--wrap {
  width: 130px;
}
.accountSelector__SelectBox {
  height: 100%;
  font-size: 12px;
}

.button-lock {
  padding: 0;
  border: none;
  transition: color 400ms;
  background: none;
}
.button-lock:hover .icon,
.button-lock.\:hover .icon {
  fill: $hovered-icon-color-2;
  transition: fill 220ms ease-in;
}
.button-lock:active .icon,
.button-lock.\:active .icon {
  position: relative;
  top: 1px;
  fill: #3d7399;
}
.button-lock:before {
  transition: opacity 400ms;
}
.button-lock .icon {
  vertical-align: baseline;
  width: 12px;
  height: 11px;
  fill: rgba(255, 255, 255, 0.5);
  transition: fill 220ms ease-out;
  -ms-transform: scale(1);
  transform: scale(1);
}

.WidgetRiskProfile__contentWrap {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.WidgetRiskProfile__contentWrap .control-textInput {
  width: 120px;
}
.WidgetRiskProfile__contentWrap .control-selectBox .control--wrap {
  width: 120px;
}
.WidgetRiskProfile__contentWrap .control-numericStepper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.WidgetRiskProfile__contentWrap .control-numericStepper .control--label {
  margin-right: 4px;
}
.WidgetRiskProfile__contentWrap .control-volatility {
  width: 160px;
}
.WidgetRiskProfile__contentWrap .control-price {
  width: 180px;
}
.WidgetRiskProfile__contentWrap .button-restore .icon {
  width: 15px;
  height: 13px;
  fill: rgba(255, 255, 255, 0.5);
  transition: fill 220ms ease-out;
}
.WidgetRiskProfile__contentWrap .button-restore:hover .icon,
.WidgetRiskProfile__contentWrap .button-restore.\:hover .icon {
  fill: #fff;
}

.newsWidgetBodyWrapper {
  width: 100%;
  height: 100%;
}
.news__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.news__container_centered {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.news__emptyTitle {
  font-size: 20px;
  padding: 0 10px;
  color: #fff;
}
.news__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 18px;
  -o-object-fit: contain;
  object-fit: contain;
  box-shadow: 0 1px 0 0 #1d1d26;
  background-color: #303140;
  z-index: 1;
}
.news__scrollable__container {
  position: relative;
}
.news__scrollable__scrollable {
  height: 100%;
}
.news__scrollable__withVerticalScrollbar .news__item__arrow {
  right: -9px;
}
.news__scrollable__content {
  max-width: 100%;
}
.news__column_date {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 2px 16px 2px 9px;
  width: 103px;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -ms-flex-pack: start;
  justify-content: flex-start;
  white-space: nowrap;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  cursor: pointer;
}
.news__column_date:hover .news__filterArrow,
.news__column_date.news__--hover .news__filterArrow {
  display: block;
}
.news__column_title {
  width: 100%;
  font-size: 12px;
  padding: 2px 0;
  color: rgba(255, 255, 255, 0.5);
}
.news__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  font-size: 14px;
  color: #fff;
  overflow: hidden;
}
.news__item__title {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 16px;
}
.news__item__header {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  cursor: pointer;
  width: 100%;
}
.news__item__header:hover,
.news__item__header.news__--hover {
  background-color: #434659;
}
.news__item__header:hover .news__item__arrow,
.news__item__header.news__--hover .news__item__arrow {
  display: -ms-flexbox;
  display: flex;
}
.news__item__body {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 2px 0 8px;
}
.news__item__content {
  max-width: 100%;
  position: relative;
  padding: 10px 8px 4px 12px;
  box-sizing: border-box;
}
.news__item__dateTime {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 103px;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.news__item__arrow {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  width: 40px;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: linear-gradient(to left, #434659, rgba(67, 70, 89, 0));
}
.news__item__icon {
  width: 7px;
  height: 4px;
  fill: #fff;
}
.news__item_isOpened:before {
  content: '';
  display: block;
  height: 100%;
  width: 3px;
  background-color: #ffc973;
  position: absolute;
  z-index: 1;
}
.news__item:first-child .news__cell {
  border: none;
}
.news__cell {
  padding: 7px 0 6px 0;
  border-top: 1px solid #42484a;
}
.news__date {
  padding-left: 11px;
  padding-right: 9px;
  white-space: nowrap;
}
.news__time {
  padding-right: 10px;
}
.news__filterArrow {
  position: absolute;
  left: 4px;
  width: 4px;
  height: 4px;
  top: 7px;
  display: none;
}

.header__header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 17px;
}
.header__headerTitle {
  font-size: 21px;
  font-weight: bold;
  color: #fff;
}
.header__headerDescription {
  font-size: 12px;
  line-height: 1.67;
  color: #fff;
  margin-bottom: 7px;
}

.table-h-child__table___25200 {
  padding-top: 6px;
  margin-bottom: 10px;
}
.table-h-child__cell___4eeab {
  font-size: 12px;
  line-height: 1.42;
  text-align: left;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.5);
}
.table-h-child__whiteCell___84d19 {
  color: #fff;
}

.tradingsTable__dayWrapper {
  width: 30px;
  position: relative;
}
.tradingsTable__dayWrapper:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  background: rgba(255, 255, 255, 0.08);
  height: 100%;
}
.tradingsTable__day {
  line-height: 1;
}
.tradingsTable__day:not(:last-child) {
  margin-bottom: 5px;
}

.table-h-child__container___97559 {
  border-spacing: 0 10px;
  border-collapse: separate;
}
.table-h-child__cell___c45fc {
  font-size: 12px;
  line-height: 1.42;
  text-align: left;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.5);
}
.table-h-child__headerCell___18b12 {
  vertical-align: top;
  white-space: nowrap;
  line-height: 1.2;
}
.table-h-child__whiteCell___d5231 {
  color: #fff;
}
.table-h-child__bottomCell___3007e {
  margin-top: -8px;
}
.table-h-child__bottomCell_timezone___732d3 {
  margin-right: 10px;
}

.table-h-child__cell___e5fb1 {
  font-size: 12px;
  line-height: 1.42;
  text-align: left;
  vertical-align: top;
  color: rgba(255, 255, 255, 0.5);
}
.table-h-child__cell___e5fb1:not(:first-child) {
  padding-left: 10px;
}
.table-h-child__whiteCell___7f90b {
  color: #fff;
}
.table-h-child__cellPadding___fdfa2 {
  padding-bottom: 9px;
}

.instrumentInfoWidget__wrapper {
  display: inline-block;
}
.instrumentInfoWidget__container {
  padding: 16px 18px;
}
.instrumentInfoWidget__body {
  display: -ms-flexbox;
  display: flex;
  padding-top: 3px;
  padding-bottom: 3px;
}
.instrumentInfoWidget__rates {
  width: 188px;
  padding-top: 7px;
}
.instrumentInfoWidget__infoButton {
  display: block;
}

.Popover-h-child__container___0abfa {
  width: 461px;
  margin-left: 3px;
  margin-top: -22px;
  background-color: #303142;
  box-shadow: 0 2px 2px 0 rgba(9, 10, 15, 0.8);
}

.buttonIcon-h-child__container___f7590 {
  border: 0;
  margin: 0;
  padding: 0;
  fill: rgba(255, 255, 255, 0.5);
}
.buttonIcon-h-child__container___f7590:hover,
.buttonIcon-h-child__container___f7590.buttonIcon-h-child__--hover___e3191 {
  fill: #fff;
}
.buttonIcon-h-child__container___f7590[disabled] {
  fill: rgba(255, 255, 255, 0.3);
}
.buttonIcon-h-child__icon___ace18 {
  width: 12px;
  height: 12px;
}

.message--order,
.message--text {
  position: relative;
}
.message--status {
  margin: 0 0.4em 0 0;
}
.message--time {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 8px 0 0;
  font-size: 1rem;
}
.message {
  color: rgba(255, 255, 255, 0.7);
}
.message--status {
  color: #f2f2f2;
}
.message--dealer {
  color: #ffc973;
}
.message--symbol {
  color: #bf9756;
}
.message-notification {
  color: #de7d2c;
}
.message-warning {
  background-color: #d6404a;
}
.message-warning .message--status {
  color: #99222a;
}
.message-warning.message-trading {
  color: rgba(255, 255, 255, 0.7);
}
.message-warning.message-trading .message--status {
  color: #99222a;
}
.message--time {
  color: #e6e6e6;
}
.message-rejected .message--status {
  color: #99222a;
}

.mobile .message--time {
  font-size: 14px;
}

.messageNew__item {
  padding: 5px 5px 7px 14px;
  box-shadow: 0 -1px rgba(255, 255, 255, 0.08) inset;
  font-size: 14px;
  position: relative;
}
.messageNew__item_compact {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.messageNew__item_compact .messageNew__header {
  -ms-flex-order: 1;
  order: 1;
}
.messageNew__item_compact .messageNew__transactions {
  -ms-flex-order: 2;
  order: 2;
  margin-top: 0;
}
.messageNew__item_compact .messageNew__text {
  -ms-flex-order: 3;
  order: 3;
  width: 100%;
}
.messageNew__item:before {
  content: '';
  position: absolute;
  top: 9px;
  left: 4px;
  display: block;
  width: 2px;
  height: calc(100% - 17px);
}
.messageNew__item_neutral:before {
  background: #4f5e80;
}
.messageNew__item_trading:before {
  background: #5cb8ff;
}
.messageNew__item_critical {
  background: #2e0000;
}
.messageNew__item_critical:before {
  background: #d8003f;
}
.messageNew__item_deposit {
  padding-left: 5px;
}
.messageNew__item_deposit:before {
  display: none;
}
.messageNew__time {
  margin-right: 8px;
  color: #fff;
  font-weight: 500;
}
.messageNew__text {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.55);
}
.messageNew__transaction {
  color: #fff;
}
.messageNew__label {
  margin-left: 5px;
  font-weight: 500;
}
.messageNew__label_positive {
  color: #299171;
}
.messageNew__label_negative {
  color: #d64f58;
}
.messageNew__action {
  margin-right: 4px;
  font-weight: 500;
}
.messageNew__action_positive {
  color: #299171;
}
.messageNew__action_negative {
  color: #d64f58;
}
.messageNew__separator {
  color: rgba(255, 255, 255, 0.5);
  margin: 0 4px;
}
.messageNew__status {
  margin-right: 8px;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.75);
}
.messageNew__status_positive {
  color: #299171;
}
.messageNew__status_negative {
  color: #d64f58;
}
.messageNew__number {
  margin-right: 5px;
  color: #fff;
}
.messageNew__transactions {
  margin-top: 5px;
}
.messageNew__groupIcon {
  margin-right: 8px;
}
.messageNew__groupIcon .icon-order-entry-header-oco-colored,
.messageNew__groupIcon .icon-order-entry-header-bracket-colored {
  width: 34px;
  height: 22px;
}
.messageNew__groupIcon .icon-order-entry-header-bracket-colored {
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}
.messageNew__groupIcon .icon-order-entry-symbol-oso-colored {
  width: 18px;
  height: 14px;
  margin-right: 5px;
  vertical-align: bottom;
}
.messageNew__groupIcon .icon-order-entry-header-oso-child-colored {
  width: 28px;
  height: 14px;
  vertical-align: bottom;
}
.messageNew__bracketAmount {
  margin-right: 5px;
  color: #ae80ff;
  font-size: 14px;
  font-weight: 500;
}
.messageNew__iconWrapper {
  display: inline-block;
}
.messageNew__deposit {
  color: #d9742c;
  margin-right: 8px;
}
.messageNew__highlighted {
  color: #d9742c;
}
.messageNew__textDeposit {
  margin-top: 5px;
  color: #fff;
}

.mobile .messageNew__item {
  font-size: 16px;
}

.messages {
  height: 100%;
}
.messages--groupTitle {
  margin: 0 5px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 -1px rgba(255, 255, 255, 0.08) inset;
}
.messages--message {
  display: block;
  margin: 0;
  padding: 2px 5px 1px;
  line-height: 1.4;
  box-shadow: 0 -1px rgba(255, 255, 255, 0.08) inset;
}

.mobile .messages--groupTitle {
  font-size: 16px;
}
.mobile .messages--errorMessage {
  font-size: 14px;
}

.optional__container {
  color: #ccc;
}

.grid-trades__container {
  height: 100%;
}
.grid-trades__container thead {
  box-shadow: 0 1px rgba(255, 255, 255, 0.08);
}
.grid-trades__container thead th {
  padding: 0 12px;
}
.grid-trades__container thead th:first-of-type {
  padding-left: 12px;
}
.grid-trades__container thead th:last-of-type {
  padding-right: 16px;
}
.grid-trades__container tbody .table--cell {
  height: 23px;
  padding-top: 2px;
}
.grid-trades__container tbody .table--cell-positive {
  color: #299171;
}
.grid-trades__container tbody .table--cell-negative {
  color: #d64f58;
}
.grid-trades__container tbody .table--cell-commission,
.grid-trades__container tbody .table--cell-tradeCost {
  display: -ms-flexbox;
  display: flex;
}
.grid-trades__container tbody .table--cell-commission.table--cell-alignRight,
.grid-trades__container tbody .table--cell-tradeCost.table--cell-alignRight {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.grid-trades__container tbody .table--cell-commission span:first-child,
.grid-trades__container tbody .table--cell-tradeCost span:first-child {
  margin-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-trades__container td {
  padding-left: 12px;
  padding-right: 5px;
}
.grid-trades__container td:last-of-type {
  padding-right: 16px;
}
.grid-trades__container .table {
  width: calc(100% - 1px);
}
.grid-trades__container .table--col-timeDate,
.grid-trades__container .table--colAdapts-timeDate {
  width: 110px;
}
.grid-trades__container .table--col-symbol,
.grid-trades__container .table--colAdapts-symbol {
  width: 120px;
}
.grid-trades__container .table--col-orderId,
.grid-trades__container .table--colAdapts-orderId,
.grid-trades__container .table--col-tradeId,
.grid-trades__container .table--colAdapts-tradeId {
  width: 84px;
}
.grid-trades__container .table--col-tradeCode,
.grid-trades__container .table--colAdapts-tradeCode {
  width: 93px;
}
.grid-trades__container .table--col-side,
.grid-trades__container .table--colAdapts-side {
  width: 104px;
}
.grid-trades__container .table--col-instrument,
.grid-trades__container .table--colAdapts-instrument {
  width: 110px;
}
.grid-trades__container .table--col-tradeQuantity,
.grid-trades__container .table--colAdapts-tradeQuantity {
  width: 100px;
}
.grid-trades__container .table--col-tradePrice,
.grid-trades__container .table--colAdapts-tradePrice {
  width: 93px;
}
.grid-trades__container .table--col-tradeCost,
.grid-trades__container .table--colAdapts-tradeCost {
  width: 93px;
}
.grid-trades__container .table--col-commission,
.grid-trades__container .table--colAdapts-commission {
  width: 95px;
}
.grid-trades__container .table--col-settledPL,
.grid-trades__container .table--colAdapts-settledPL {
  width: 100px;
}
.grid-trades__container .table--cell {
  padding: 0;
}

.mobile .grid-trades__container .table--col-timeDate,
.mobile .grid-trades__container .table--colAdapts-timeDate {
  width: 170px;
}
.mobile .grid-trades__container .table--col-symbol,
.mobile .grid-trades__container .table--colAdapts-symbol {
  width: 150px;
}
.mobile .grid-trades__container .table--col-orderId,
.mobile .grid-trades__container .table--colAdapts-orderId,
.mobile .grid-trades__container .table--col-tradeId,
.mobile .grid-trades__container .table--colAdapts-tradeId {
  width: 110px;
}
.mobile .grid-trades__container .table--col-tradeCode,
.mobile .grid-trades__container .table--colAdapts-tradeCode {
  width: 140px;
}
.mobile .grid-trades__container .table--col-side,
.mobile .grid-trades__container .table--colAdapts-side {
  width: 135px;
}
.mobile .grid-trades__container .table--col-instrument,
.mobile .grid-trades__container .table--colAdapts-instrument {
  width: 150px;
}
.mobile .grid-trades__container .table--col-tradeQuantity,
.mobile .grid-trades__container .table--colAdapts-tradeQuantity {
  width: 130px;
}
.mobile .grid-trades__container .table--col-tradePrice,
.mobile .grid-trades__container .table--colAdapts-tradePrice {
  width: 120px;
}
.mobile .grid-trades__container .table--col-tradeCost,
.mobile .grid-trades__container .table--colAdapts-tradeCost {
  width: 120px;
}
.mobile .grid-trades__container .table--col-commission,
.mobile .grid-trades__container .table--colAdapts-commission {
  width: 123px;
}
.mobile .grid-trades__container .table--col-settledPL,
.mobile .grid-trades__container .table--colAdapts-settledPL {
  width: 155px;
}

.grid-trades__container .table--col-timeDate,
.grid-trades__container .table--colAdapts-timeDate {
  width: 118px;
}
.grid-trades__container .table--col-symbol,
.grid-trades__container .table--colAdapts-symbol {
  width: 71px;
}
.grid-trades__container .table--col-orderId,
.grid-trades__container .table--colAdapts-orderId {
  width: 66px;
}
.grid-trades__container .table--col-tradeCode,
.grid-trades__container .table--colAdapts-tradeCode {
  width: 96px;
}
.grid-trades__container .table--col-tradeQuantity,
.grid-trades__container .table--colAdapts-tradeQuantity {
  width: 94px;
}
.grid-trades__container .table--col-tradePrice,
.grid-trades__container .table--colAdapts-tradePrice {
  width: 82px;
}
.grid-trades__container .table--col-settledPL,
.grid-trades__container .table--colAdapts-settledPL {
  width: 122px;
}
.grid-trades__container .table--col-commission,
.grid-trades__container .table--colAdapts-commission {
  width: 86px;
}
.grid-trades__container .table--col-instrument,
.grid-trades__container .table--colAdapts-instrument {
  width: 107px;
}
.grid-trades__container .table--col-side,
.grid-trades__container .table--colAdapts-side {
  width: 44px;
}
.grid-trades__container .table--cell .price {
  width: auto;
}

.calendar {
  width: 315px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.calendar .button {
  padding: 0;
  width: 11px;
  height: 16px;
  border: 0;
}
.calendar--header {
  padding: 0;
  margin: 5px 0 0;
}
.calendar--dates {
  padding-bottom: 3px;
  margin: 0;
}
.calendar--dates .calendar--day:hover,
.calendar--dates .calendar--day.\:hover {
  cursor: pointer;
  background: rgba(85, 174, 238, 0.2);
}
.calendar--dates .calendar--day-disabled:hover,
.calendar--dates .calendar--day-nextMonth:hover,
.calendar--dates .calendar--day-prevMonth:hover,
.calendar--dates .calendar--day-disabled.\:hover,
.calendar--dates .calendar--day-nextMonth.\:hover,
.calendar--dates .calendar--day-prevMonth.\:hover {
  cursor: default;
}
.calendar--day {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 10px 2px;
  padding: 5px;
  width: 25px;
  line-height: 8px;
  text-align: center;
  font-size: 12px;
}
.calendar--header .calendar--day {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 10px 6px;
  padding: 4px 0 6px;
}
.calendar--info {
  position: relative;
  line-height: 1;
  text-align: center;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 0 7px;
  border-bottom: 1px solid;
  margin: 0 5px;
}
.calendar--month {
  margin: 0 3px 0 0;
}
.calendar--month,
.calendar--year {
  display: inline-block;
  vertical-align: middle;
}
.calendar .calendar--switcher .icon {
  display: block;
  width: 100%;
  height: 100%;
}
.calendar .calendar--switcher .icon:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.calendar .calendar--switcher-next {
  margin-left: 20px;
}
.calendar .calendar--switcher-prev {
  margin-right: 20px;
}
.calendar .button,
.calendar .button:hover,
.calendar .button:active,
.calendar .button.\:hover,
.calendar .button.\:active {
  background: transparent;
  transition: background 220ms ease-in;
}
.calendar--header .calendar--day {
  color: #999;
}
.calendar--info {
  border-color: rgba(255, 255, 255, 0.12);
}
.calendar--year,
.calendar--month {
  color: #fff;
}
.calendar--dates .calendar--day-today {
  color: #55aeee;
}
.calendar--dates .calendar--day-selected,
.calendar--dates .calendar--day-selected:hover,
.calendar--dates .calendar--day-selected.\:hover {
  background: rgba(85, 174, 238, 0.2);
  box-shadow: 0 0 0 1px rgba(85, 174, 238, 0.6) inset;
  transition: background 220ms ease-in;
}
.calendar--dates .calendar--day-disabled,
.calendar--dates .calendar--day-disabled:hover,
.calendar--dates .calendar--day-disabled.\:hover {
  background: transparent;
  color: #666;
  box-shadow: none;
  transition:
    background 220ms ease-in,
    color 220ms ease-in;
}
.calendar--dates .calendar--day-nextMonth,
.calendar--dates .calendar--day-prevMonth,
.calendar--dates .calendar--day-nextMonth:hover,
.calendar--dates .calendar--day-prevMonth:hover,
.calendar--dates .calendar--day-nextMonth.\:hover,
.calendar--dates .calendar--day-prevMonth.\:hover {
  background: transparent;
  color: #666;
  box-shadow: none;
  transition:
    background 220ms ease-in,
    color 220ms ease-in;
}
.calendar--day {
  color: #fff;
}
.calendar--switcher .icon {
  fill: #55aeee;
  transition: fill 220ms ease-out;
}
.calendar--switcher:hover .icon,
.calendar--switcher.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}

.mobile .calendar--day {
  font-size: 15px;
  margin: 0 10px 4px;
}
.mobile .calendar--header .mobile .calendar--day {
  font-size: 12px;
}
.mobile .calendar--info {
  font-size: 15px;
}

.datePicker {
  position: relative;
  display: inline-block;
}
.datePicker input[readonly] {
  padding-left: 0;
}
.datePicker--input {
  display: inline-block;
}
.datePicker--input input[type='text'] {
  padding-right: 25px;
}
.datePicker--input input[type='text']::-ms-clear {
  display: none;
}
.datePicker .button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 9px;
  width: 17px;
  height: auto;
  padding: 0;
  border: 0;
}
.datePicker .button i {
  display: block;
  height: 100%;
}
.datePicker input[readonly],
.datePicker input[readonly]:active,
.datePicker input[readonly]:focus,
.datePicker input[readonly]:hover,
.datePicker input[readonly].\:active,
.datePicker input[readonly].\:focus,
.datePicker input[readonly].\:hover {
  color: #55aeee;
}
.datePicker .button {
  background-color: transparent;
}
.datePicker .button .icon {
  fill: #55aeee;
}
.datePicker .button:hover .icon,
.datePicker .button.\:hover .icon {
  fill: #ffc973;
}

.mobile .datePicker--input input[type='text'] {
  padding-right: 35px;
}
.mobile .datePicker .button {
  width: 21px;
}

.control-dateTime {
  width: 99px;
}
.control-datePicker {
  width: 121px;
}
.control-datePicker .control--wrap {
  position: relative;
}
.control-datePicker.control-hasData .button-clearInput {
  display: block;
}
.control-datePicker .button-clearInput {
  position: absolute;
  bottom: 0;
  top: 0;
  height: auto;
  right: 34px;
  display: none;
}
.control-datePicker .button-clearInput:active .icon,
.control-datePicker .button-clearInput.\:active .icon {
  top: 1px;
}
.control-datePicker.control-disabled .datePicker .button {
  cursor: default;
}
.control-datePicker.control-disabled .datePicker .button:hover svg,
.control-datePicker.control-disabled .datePicker .button.\:hover svg {
  fill: $dicon-disabled-color;
}
.control-datePicker.control-disabled .datePicker .button svg {
  fill: rgba(255, 255, 255, 0.3);
}

.mobile .control-datePicker {
  width: 135px;
}

.dx-module__container_isDisabled___third-party-legacy-react-kit-components-slider-theme- {
  opacity: 0.8;
  cursor: no-drop;
}
.dx-module__container_isDisabled___third-party-legacy-react-kit-components-slider-theme-
.dx-module__rail___third-party-legacy-react-kit-components-slider-theme- {
  border-color: #eee;
  pointer-events: none;
}
.dx-module__container_isDisabled___third-party-legacy-react-kit-components-slider-theme-
.dx-module__handler___third-party-legacy-react-kit-components-slider-theme- {
  opacity: 0.8;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}
.dx-module__handleContainer___third-party-legacy-react-kit-components-slider-theme- {
  top: -2px;
  width: calc(100% + 11px);
  margin-left: -5px;
}
.dx-module__handler___third-party-legacy-react-kit-components-slider-theme- {
  width: 10px;
  height: 11px;
  border-radius: 50%;
  box-shadow: 0 1px 4px 0 rgba(0, 72, 107, 0.3);
  background-color: #f7fbfd;
  border: solid 1px rgba(0, 75, 129, 0.3);
}
.dx-module__track___third-party-legacy-react-kit-components-slider-theme- {
  border-radius: 3.5px;
  height: 100%;
}
.dx-module__track_positive___third-party-legacy-react-kit-components-slider-theme- {
  background-color: #009982;
}
.dx-module__rail___third-party-legacy-react-kit-components-slider-theme- {
  width: 100%;
  margin: 0 auto;
  height: 7px;
  background-color: rgba(217, 216, 212, 0.4);
  border: solid 1px rgba(12, 26, 33, 0.1);
  border-radius: 3.5px;
}
.dx-module__rail___third-party-legacy-react-kit-components-slider-theme- {
  background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20122%208%27%3E%3Cpolygon%20points=%270,8%20122,0%20122,8%27%20width=%27122px%27%20height=%278px%27%20fill=%27rgba(74,%2069,%2064,%201)%27/%3E%3C/svg%3E')
  no-repeat;
  background-size: cover;
  border-radius: 0;
}
.dx-module__handler___third-party-legacy-react-kit-components-slider-theme- {
  width: 0;
  margin-left: 2px;
  background-color: transparent;
  border-color: transparent transparent #ccc transparent;
  border-style: solid;
  border-width: 4px;
  border-top: none;
  border-radius: 0;
  box-shadow: none;
}
.dx-module__handleContainer___third-party-legacy-react-kit-components-slider-theme-
.react-draggable {
  height: calc(100% + 6px);
}
.dx-module__container_isDisabled___third-party-legacy-react-kit-components-slider-theme- {
  opacity: 0.8;
  cursor: no-drop;
}
.dx-module__container_isDisabled___third-party-legacy-react-kit-components-slider-theme-
.dx-module__rail___third-party-legacy-react-kit-components-slider-theme- {
  background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20122%208%27%3E%3Cpolygon%20points=%270,8%20122,0%20122,8%27%20width=%27122px%27%20height=%278px%27%20fill=%27rgba(52,%2048,%2045,%201)%27/%3E%3C/svg%3E')
  no-repeat;
  background-size: cover;
  border-color: transparent;
}
.dx-module__container_isDisabled___third-party-legacy-react-kit-components-slider-theme-
.dx-module__handler___third-party-legacy-react-kit-components-slider-theme- {
  border-color: transparent transparent #666 transparent;
  box-shadow: none;
}

.orderEntrySlider__container {
  display: inline-block;
  padding: 11px 54px;
}
.orderEntrySlider__container:hover .orderEntrySlider__handler,
.orderEntrySlider__container.orderEntrySlider__--hover .orderEntrySlider__handler {
  border-color: $nm-handle-hover-outside-border-color;
}
.orderEntrySlider__container:hover .orderEntrySlider__rail::before,
.orderEntrySlider__container.orderEntrySlider__--hover .orderEntrySlider__rail::before {
  background-color: $nm-axis-hover-line-color;
}
.orderEntrySlider__container_hideHandler .orderEntrySlider__handler {
  display: none;
}
.orderEntrySlider__container_nanBounds .orderEntrySlider__handleContainer {
  left: 50%;
  margin-left: -6px;
}
.orderEntrySlider__inner {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 140px;
}
.orderEntrySlider__handlerWrapper {
  margin-top: -8.5px;
  height: 17px;
  cursor: pointer;
}
.orderEntrySlider__handler {
  transition: all 0.3s;
  width: 1px;
  height: 1px;
  border-radius: unset;
  box-shadow: none;
  background-color: transparent;
  border: none;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.orderEntrySlider__handler:after {
  box-sizing: border-box;
  position: absolute;
  content: '';
  width: 11px;
  height: 11px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: $nm-handle-inside-border-color;
  border: 2px solid $nm-handle-outside-border-color;
  box-shadow: 0 0 0 1px $nm-handle-shadow-color;
}
.orderEntrySlider__handlerAdditional {
  box-sizing: border-box;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #5a5c6b;
  border: 1px solid $nm-handle-inside-border-color;
}
.orderEntrySlider__handlerAdditional_min {
  margin-right: 3px;
}
.orderEntrySlider__handlerAdditional_max {
  margin-left: 3px;
}
.orderEntrySlider__rail {
  position: relative;
  height: 7px;
  width: 100%;
  border: none;
  background-color: transparent;
}
.orderEntrySlider__rail::before,
.orderEntrySlider__rail::after {
  content: '';
  position: absolute;
}
.orderEntrySlider__rail::before {
  left: -5px;
  top: 4px;
  width: calc(100% + 10px);
  height: 1px;
  background: $nm-axis-line-color;
  transition: all 0.3s;
}
.orderEntrySlider__rail:after {
  width: 2px;
  height: 3px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #2c2d3d;
}
.orderEntrySlider__handleContainer {
  top: 4px;
  margin: 0;
  width: 100%;
}
.orderEntrySlider__value {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: $nm-value-text-color;
  white-space: nowrap;
}
.orderEntrySlider__value_min {
  right: calc(100% + 5px);
}
.orderEntrySlider__value_min .orderEntrySlider__label {
  margin-right: 6px;
}
.orderEntrySlider__value_max {
  left: calc(100% + 5px);
}
.orderEntrySlider__value_max .orderEntrySlider__label {
  margin-left: 6px;
}
.orderEntrySlider__value_current {
  position: absolute;
  top: calc(100% - 2px);
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0;
  z-index: 1;
  font-size: 10px;
  font-weight: 500;
}
.orderEntrySlider__label {
  font-weight: bold;
  font-size: 10px;
  color: $nm-label-text-color;
}
.orderEntrySlider__limit {
  color: $nm-value-text-color;
  font-size: 12px;
  font-weight: 500;
}

.button-orderEntry__container {
  position: relative;
}
.button-orderEntry__container .button-expandable {
  z-index: 2;
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 50%;
  background: #c35831;
  box-shadow: 0 2px 4px 0 $order-entry-add-table-position-shadow-color;
  border-color: #49798c;
}
.button-orderEntry__container .button-expandable:before {
  background: transparent;
  transition: background 220ms ease-in;
}
.button-orderEntry__container .button-expandable:hover:before,
.button-orderEntry__container .button-expandable.\:hover:before {
  background: rgba(255, 255, 255, 0.1);
}
.button-orderEntry__container .button-expandable:active:hover:before,
.button-orderEntry__container .button-expandable:active:before,
.button-orderEntry__container .button-expandable.\:active.\:hover:before,
.button-orderEntry__container .button-expandable.\:active:before {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.15);
}
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable,
.button-orderEntry__container .button-expandable:disabled,
.button-orderEntry__container .button-expandable[disabled],
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable:hover,
.button-orderEntry__container .button-expandable:disabled:hover,
.button-orderEntry__container .button-expandable[disabled]:hover,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable:active,
.button-orderEntry__container .button-expandable:disabled:active,
.button-orderEntry__container .button-expandable[disabled]:active,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable.\:hover,
.button-orderEntry__container .button-expandable:disabled.\:hover,
.button-orderEntry__container .button-expandable[disabled].\:hover,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable.\:active,
.button-orderEntry__container .button-expandable:disabled.\:active,
.button-orderEntry__container .button-expandable[disabled].\:active {
  background-color: #31323d;
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
  border-color: transparent;
  box-shadow: 0 0 0 1px #2d2e3d;
  pointer-events: none;
}
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable:before,
.button-orderEntry__container .button-expandable:disabled:before,
.button-orderEntry__container .button-expandable[disabled]:before,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable:hover:before,
.button-orderEntry__container .button-expandable:disabled:hover:before,
.button-orderEntry__container .button-expandable[disabled]:hover:before,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable:active:before,
.button-orderEntry__container .button-expandable:disabled:active:before,
.button-orderEntry__container .button-expandable[disabled]:active:before,
.button-orderEntry__control-disabled
.button-orderEntry__container
.button-expandable.\:hover:before,
.button-orderEntry__container .button-expandable:disabled.\:hover:before,
.button-orderEntry__container .button-expandable[disabled].\:hover:before,
.button-orderEntry__control-disabled
.button-orderEntry__container
.button-expandable.\:active:before,
.button-orderEntry__container .button-expandable:disabled.\:active:before,
.button-orderEntry__container .button-expandable[disabled].\:active:before {
  border-color: transparent;
  background: transparent;
}
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable .icon,
.button-orderEntry__container .button-expandable:disabled .icon,
.button-orderEntry__container .button-expandable[disabled] .icon,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable:hover .icon,
.button-orderEntry__container .button-expandable:disabled:hover .icon,
.button-orderEntry__container .button-expandable[disabled]:hover .icon,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable:active .icon,
.button-orderEntry__container .button-expandable:disabled:active .icon,
.button-orderEntry__container .button-expandable[disabled]:active .icon,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable.\:hover .icon,
.button-orderEntry__container .button-expandable:disabled.\:hover .icon,
.button-orderEntry__container .button-expandable[disabled].\:hover .icon,
.button-orderEntry__control-disabled
.button-orderEntry__container
.button-expandable.\:active
.icon,
.button-orderEntry__container .button-expandable:disabled.\:active .icon,
.button-orderEntry__container .button-expandable[disabled].\:active .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.button-orderEntry__container .button-expandable:before {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
}
.button-orderEntry__container .button-expandable:active > .icon,
.button-orderEntry__container .button-expandable.\:active > .icon {
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}
.button-orderEntry__container .button-expandable .icon {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  fill: #fff;
  width: 8px;
  height: 8px;
}
.button-orderEntry__container .button-expandable .icon-order-entry-add-children-close-bubble-cross {
  display: none;
  width: 12px;
  height: 12px;
}
.button-orderEntry__container_open .button-orderEntry__dropDownPanel {
  display: -ms-flexbox;
  display: flex;
}
.button-orderEntry__container_open .button-expandable {
  box-shadow: none;
  border: 0;
  background: transparent;
}
.button-orderEntry__container_open
.button-expandable
.icon-order-entry-add-children-close-bubble-cross {
  display: block;
}
.button-orderEntry__container_open .button-expandable .icon-order-entry-floating-button-add-group {
  display: none;
}
.button-orderEntry__dropDownPanel {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: none;
  height: 100%;
  padding: 0 8px 0 22px;
  background: #c35831;
  box-shadow: 0 2px 4px 0 $order-entry-add-table-position-shadow-color;
  border-radius: 24px;
  border: 1px solid #49798c;
  overflow: hidden;
}
.button-orderEntry__dropDownPanel:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  border: 1px solid #33596b;
  pointer-events: none;
}
.button-orderEntry__dropDownPanel .button {
  padding: 0 4px 2px;
  color: #fff;
  background: transparent;
  white-space: nowrap;
  font-size: 14px;
}
.button-orderEntry__dropDownPanel .button:before {
  background: transparent;
  transition: background 220ms ease-in;
}
.button-orderEntry__dropDownPanel .button:hover:before,
.button-orderEntry__dropDownPanel .button.\:hover:before {
  background: rgba(255, 255, 255, 0.1);
}
.button-orderEntry__dropDownPanel .button:active:hover:before,
.button-orderEntry__dropDownPanel .button:active:before,
.button-orderEntry__dropDownPanel .button.\:active.\:hover:before,
.button-orderEntry__dropDownPanel .button.\:active:before {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.15);
}
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button,
.button-orderEntry__dropDownPanel .button:disabled,
.button-orderEntry__dropDownPanel .button[disabled],
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button:hover,
.button-orderEntry__dropDownPanel .button:disabled:hover,
.button-orderEntry__dropDownPanel .button[disabled]:hover,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button:active,
.button-orderEntry__dropDownPanel .button:disabled:active,
.button-orderEntry__dropDownPanel .button[disabled]:active,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button.\:hover,
.button-orderEntry__dropDownPanel .button:disabled.\:hover,
.button-orderEntry__dropDownPanel .button[disabled].\:hover,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button.\:active,
.button-orderEntry__dropDownPanel .button:disabled.\:active,
.button-orderEntry__dropDownPanel .button[disabled].\:active {
  background-color: #31323d;
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
  border-color: transparent;
  box-shadow: 0 0 0 1px #2d2e3d;
  pointer-events: none;
}
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button:before,
.button-orderEntry__dropDownPanel .button:disabled:before,
.button-orderEntry__dropDownPanel .button[disabled]:before,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button:hover:before,
.button-orderEntry__dropDownPanel .button:disabled:hover:before,
.button-orderEntry__dropDownPanel .button[disabled]:hover:before,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button:active:before,
.button-orderEntry__dropDownPanel .button:disabled:active:before,
.button-orderEntry__dropDownPanel .button[disabled]:active:before,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button.\:hover:before,
.button-orderEntry__dropDownPanel .button:disabled.\:hover:before,
.button-orderEntry__dropDownPanel .button[disabled].\:hover:before,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button.\:active:before,
.button-orderEntry__dropDownPanel .button:disabled.\:active:before,
.button-orderEntry__dropDownPanel .button[disabled].\:active:before {
  border-color: transparent;
  background: transparent;
}
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button .icon,
.button-orderEntry__dropDownPanel .button:disabled .icon,
.button-orderEntry__dropDownPanel .button[disabled] .icon,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button:hover .icon,
.button-orderEntry__dropDownPanel .button:disabled:hover .icon,
.button-orderEntry__dropDownPanel .button[disabled]:hover .icon,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button:active .icon,
.button-orderEntry__dropDownPanel .button:disabled:active .icon,
.button-orderEntry__dropDownPanel .button[disabled]:active .icon,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button.\:hover .icon,
.button-orderEntry__dropDownPanel .button:disabled.\:hover .icon,
.button-orderEntry__dropDownPanel .button[disabled].\:hover .icon,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button.\:active .icon,
.button-orderEntry__dropDownPanel .button:disabled.\:active .icon,
.button-orderEntry__dropDownPanel .button[disabled].\:active .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.button-orderEntry__dropDownPanel .button:last-child:before {
  width: calc(100% + 40px);
}
.button-orderEntry__dropDownPanel .button:last-child:before {
  right: -40px;
}

.gridOrderEntry__container {
  height: 100%;
  background-color: #161412;
}
.gridOrderEntry__container .table td:first-child .table--cell-addLeg {
  text-align: right;
  padding-top: 5px;
}
.gridOrderEntry__container thead {
  box-shadow: 0 1px rgba(255, 255, 255, 0.08);
}
.gridOrderEntry__container thead th {
  padding-left: 12px;
  font-size: 12px;
  font-weight: 500;
}
.gridOrderEntry__container thead th:first-child {
  padding-left: 10px;
  box-shadow: none;
}
.gridOrderEntry__container thead th .table--sortBy {
  cursor: default;
}
.gridOrderEntry__container thead th .table--sortBy .icon {
  display: none;
}
.gridOrderEntry__container thead th .table--cell-strike {
  padding-right: 10px;
}
.gridOrderEntry__container thead .table--columnHeader.orderEntry--quantity,
.gridOrderEntry__container thead .table--columnHeader.orderEntry--limitPrice,
.gridOrderEntry__container thead .table--columnHeader.orderEntry--stopPrice {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.gridOrderEntry__container tbody .gridOrderEntry__rowLeg .table--cell-slider {
  box-shadow: none;
}
.gridOrderEntry__container tbody .gridOrderEntry__rowLeg.leg-placeholder td {
  box-shadow: none;
}
.gridOrderEntry__container tbody .gridOrderEntry__rowLeg.leg-placeholder td .table--cell {
  box-shadow: none;
}
.gridOrderEntry__container tbody .table--cell {
  box-shadow: -1px 0 rgba(255, 255, 255, 0.08);
  overflow: visible;
}
.gridOrderEntry__container tbody .table--cell .react-component-wrapper {
  width: 100%;
}
.gridOrderEntry__container tbody .table--cell .control-selectBox {
  height: 100%;
}
.gridOrderEntry__container tbody .table--cell .control-selectBox:hover,
.gridOrderEntry__container tbody .table--cell .table--controlPlaceholder:hover,
.gridOrderEntry__container tbody .table--cell .control-selectBox.\:hover,
.gridOrderEntry__container tbody .table--cell .table--controlPlaceholder.\:hover {
  background: $table-cell-hover-bg-color;
}
.gridOrderEntry__container tbody .table--cell-orderHeader {
  padding-left: 0 !important;
  box-shadow: none;
}
.gridOrderEntry__container tbody .table--cell-disabled {
  background-color: #0d0c0a;
}
.gridOrderEntry__container tbody .table--cell-delete {
  text-align: center;
}
.gridOrderEntry__container tbody .table--cell-group.table--cell {
  overflow: visible;
  padding-left: 0;
}
.gridOrderEntry__container tbody .table--cell-spread {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gridOrderEntry__container tbody .table--cell-spread.table--cell {
  padding-left: 0;
}
.gridOrderEntry__container tbody .table--cell-symbol {
  overflow: visible;
  width: 100%;
  padding-left: 0;
}
.gridOrderEntry__container tbody .table--cell-symbol .control {
  padding-left: 6px;
  width: calc(100% - 6px);
}
.gridOrderEntry__container tbody .table--cell-symbol .control--wrap div {
  background: transparent;
}
.gridOrderEntry__container tbody .table--cell-symbol input[type='text'] {
  padding-left: 6px;
}
.gridOrderEntry__container tbody .table--cell-symbol .table--controlPlaceholder {
  padding-left: 6px;
}
.gridOrderEntry__container tbody .table--cell-deleteLeg,
.gridOrderEntry__container tbody .table--cell-actions {
  box-shadow: none;
}
.gridOrderEntry__container tbody .table--cell-deleteLeg.table--cell-disabled,
.gridOrderEntry__container tbody .table--cell-actions.table--cell-disabled {
  box-shadow: -1px 0 #0d0c0a;
}
.gridOrderEntry__container tbody .table--cell-quantity,
.gridOrderEntry__container tbody .table--cell-limitPrice,
.gridOrderEntry__container tbody .table--cell-stopPrice {
  position: relative;
}
.gridOrderEntry__container tbody .table--cell-button {
  height: auto;
  overflow: visible;
}
.gridOrderEntry__container tbody .table--cell-durationDate {
  overflow: visible;
}
.gridOrderEntry__container tbody .table--cell-durationDate .control-selectBox {
  width: 65px;
}
.gridOrderEntry__container tbody .table--cell-strike {
  padding: 1px 10px 0;
  text-align: right;
  font-size: 14px;
}
.gridOrderEntry__container tbody .table--cell-error {
  color: $table-error-text-color;
}
.gridOrderEntry__container tbody .table--cell-error .selectBox--label {
  color: inherit;
}
.gridOrderEntry__container tbody .table--cell-error .control-selectBox:hover,
.gridOrderEntry__container tbody .table--cell-error .table--controlPlaceholder:hover,
.gridOrderEntry__container tbody .table--cell-error .control-selectBox.\:hover,
.gridOrderEntry__container tbody .table--cell-error .table--controlPlaceholder.\:hover {
  background: transparent;
}
.gridOrderEntry__container
tbody
.table--cell-error
.table--cell-control:hover:not(.table--cell-disabled):not(.table--cell-spreadSelector),
.gridOrderEntry__container
tbody
.table--cell-error
.table--cell-control.\:hover:not(.table--cell-disabled):not(.table--cell-spreadSelector) {
  background: transparent;
}
.gridOrderEntry__container
tbody
.table--cell-side
.button-side-swap__container
+ .control-selectBox
.selectBox--label {
  padding-right: 40px;
}
.gridOrderEntry__container tbody .orderEntryButtonRow td {
  box-shadow: none;
}
.gridOrderEntry__container tbody tr:not(.orderEntryButtonRow):hover,
.gridOrderEntry__container tbody tr:not(.orderEntryButtonRow).\:hover {
  background: #434659;
}
.gridOrderEntry__container tbody tr:not(.orderEntryButtonRow):hover .table--cell-error,
.gridOrderEntry__container tbody tr:not(.orderEntryButtonRow).\:hover .table--cell-error {
  background: $table-cell-error-bg;
}
.gridOrderEntry__container td {
  padding-right: 0;
}
.gridOrderEntry__container .table--col-group {
  width: 48px;
}
.gridOrderEntry__container .table--col-spread {
  width: 136px;
}
.gridOrderEntry__container .table--col-symbol {
  width: 138px;
}
.gridOrderEntry__container .table--col-stock {
  width: 120px;
}
.gridOrderEntry__container .table--col-side {
  width: 116px;
}
.gridOrderEntry__container .table--col-type {
  width: 110px;
}
.gridOrderEntry__container .table--col-strike {
  width: 72px;
}
.gridOrderEntry__container .table--col-quantity {
  width: 89px;
}
.gridOrderEntry__container .table--col-str {
  width: 80px;
}
.gridOrderEntry__container .table--col-orderType {
  width: 109px;
}
.gridOrderEntry__container .table--col-limitPrice,
.gridOrderEntry__container .table--col-stopPrice {
  width: 98px;
}
.gridOrderEntry__container .table--col-duration {
  width: 80px;
}
.gridOrderEntry__container .table--col-exchange {
  width: 84px;
}
.gridOrderEntry__container .table--col-account {
  width: 135px;
}
.gridOrderEntry__container .table--col-actions,
.gridOrderEntry__container .table--col-deleteLeg {
  width: 24px;
}
.gridOrderEntry__container .table--col-expiration {
  width: 130px;
}
.gridOrderEntry__container .table--body td:first-child,
.gridOrderEntry__container .table--body th:first-child {
  padding: 1px 0 0 0;
}
.gridOrderEntry__container .table--body .gridOrderEntry__sliderRow td,
.gridOrderEntry__container .table--body .gridOrderEntry__sliderRow td:first-child,
.gridOrderEntry__container .table--body .gridOrderEntry__sliderRow td:last-child,
.gridOrderEntry__container .table--body .gridOrderEntry__sliderRow .table--cell-empty,
.gridOrderEntry__container .table--body .gridOrderEntry__sliderRow .table--cell-slider {
  box-shadow: none;
  border: none;
}
.gridOrderEntry__container .table--body .gridOrderEntry__sliderRow .table--cell-filled {
  box-shadow:
    0 1px rgba(255, 255, 255, 0.08),
    -1px 0 rgba(255, 255, 255, 0.08);
}
.gridOrderEntry__container .table--body .gridOrderEntry__sliderRow .table--cell-preSlider {
  box-shadow: -1px 0 rgba(255, 255, 255, 0.08);
}
.gridOrderEntry__container .table--cell {
  padding: 0;
}
.gridOrderEntry__container .table--controlPlaceholder {
  padding: 0 25px 0 11px;
}
.gridOrderEntry__container .table--controlPlaceholder_locked {
  padding-right: 21px;
}
.gridOrderEntry__container .button-orderEntry__container {
  margin: 15px 13px;
}
.gridOrderEntry__container .grid--head {
  box-shadow:
    -1px 0 0 #303140,
    -1px 1px 3px #1d1d26;
  padding: 0;
}
.gridOrderEntry__container .grid--body:not(.scrollable-withVerticalScrollbar) {
  margin-right: 0;
}
.gridOrderEntry__container .grid--body .scrollable--wrapper .scrollable--container {
  padding-right: 0;
}
.gridOrderEntry__container .scrollbar-vertical,
.gridOrderEntry__container .scrollbar-horizontal {
  background-color: transparent;
}
.gridOrderEntry__container .scrollbar-vertical {
  top: 20px;
}
.gridOrderEntry__container_withDatePicker .table--col.table--col-duration,
.gridOrderEntry__container_withDatePicker .table--colAdapts.table--colAdapts-duration {
  width: 170px;
}
.gridOrderEntry__container_future .table--col-future {
  width: 78px;
}
.gridOrderEntry__container_future .table--col-expiration {
  width: 122px;
}
.gridOrderEntry__container_future .table--col-quantity {
  width: 89px;
}
.gridOrderEntry__container_future .table--col-limitPrice,
.gridOrderEntry__container_future .table--col-stopPrice {
  width: 96px;
}
.gridOrderEntry__container_future .table--col-duration {
  width: 71px;
}
.gridOrderEntry__container_future .table--col-account {
  width: 108px;
}
.gridOrderEntry__container_future .table--cell-future,
.gridOrderEntry__container_future .table--cell-expiration {
  font-size: 14px;
}
.gridOrderEntry__container_stock .table--cell-stock {
  font-size: 14px;
}
.gridOrderEntry__symbol {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}
.gridOrderEntry__symbolText {
  line-height: 25px;
  font-size: 14px;
}
.gridOrderEntry__symbol_oso {
  padding-left: 10px;
  background-color: #4e342b;
}
.gridOrderEntry__symbol_oso .gridOrderEntry__groupLink {
  top: 24px;
  left: 10px;
  background-color: #ffbb5c;
}
.gridOrderEntry__symbol_oso .control-textInput {
  width: calc(100% - 20px);
}
.gridOrderEntry__symbol_osoColored {
  padding-left: 10px;
  background-color: #564835;
}
.gridOrderEntry__symbol_osoColored .gridOrderEntry__groupLink {
  top: 24px;
  left: 10px;
  background-color: #ffbb5c;
}
.gridOrderEntry__symbol_osoColored .control-textInput {
  width: calc(100% - 20px);
}
.gridOrderEntry__symbol_osoChild {
  padding-left: 25px;
  background-color: #564835;
}
.gridOrderEntry__symbol_osoChild:not(.gridOrderEntry__symbol_single)
.gridOrderEntry__symbolIconWrap::before,
.gridOrderEntry__symbol_osoChild:not(.gridOrderEntry__symbol_single)
.gridOrderEntry__symbolIconWrap::after {
  content: '';
  position: absolute;
}
.gridOrderEntry__symbol_osoChild:not(.gridOrderEntry__symbol_single)
.gridOrderEntry__symbolIconWrap::before {
  top: 50%;
  left: -9px;
  width: 3px;
  height: 3px;
  margin-top: -1px;
  border-radius: 50%;
  background-color: #ff9500;
}
.gridOrderEntry__symbol_osoChild:not(.gridOrderEntry__symbol_single)
.gridOrderEntry__symbolIconWrap::after {
  top: 50%;
  left: -15px;
  width: 6px;
  height: 1px;
  background-color: #ffbb5c;
}
.gridOrderEntry__symbol_osoChild .gridOrderEntry__groupLink {
  background-color: #ffbb5c;
}
.gridOrderEntry__symbol_osoChild .control-textInput {
  width: calc(100% - 20px);
}
.gridOrderEntry__symbol_oco {
  padding-left: 25px;
  background-color: #223f4d;
}
.gridOrderEntry__symbol_oco:not(.gridOrderEntry__symbol_single)
.gridOrderEntry__symbolIconWrap::before,
.gridOrderEntry__symbol_oco:not(.gridOrderEntry__symbol_single)
.gridOrderEntry__symbolIconWrap::after {
  content: '';
  position: absolute;
}
.gridOrderEntry__symbol_oco:not(.gridOrderEntry__symbol_single)
.gridOrderEntry__symbolIconWrap::before {
  top: 50%;
  left: -9px;
  width: 3px;
  height: 3px;
  margin-top: -1px;
  border-radius: 50%;
  background-color: #00aeff;
}
.gridOrderEntry__symbol_oco:not(.gridOrderEntry__symbol_single)
.gridOrderEntry__symbolIconWrap::after {
  left: -15px;
  top: 50%;
  width: 6px;
  height: 1px;
  background-color: #80d7ff;
}
.gridOrderEntry__symbol_oco .gridOrderEntry__groupLink {
  left: 10px;
  background-color: #80d7ff;
}
.gridOrderEntry__symbol_oco .control-textInput {
  width: calc(100% - 20px);
}
.gridOrderEntry__symbol_bracket {
  padding-left: 25px;
  background-color: #2e2046;
}
.gridOrderEntry__symbol_bracket:not(.gridOrderEntry__symbol_single)
.gridOrderEntry__symbolIconWrap::before,
.gridOrderEntry__symbol_bracket:not(.gridOrderEntry__symbol_single)
.gridOrderEntry__symbolIconWrap::after {
  content: '';
  position: absolute;
}
.gridOrderEntry__symbol_bracket:not(.gridOrderEntry__symbol_single)
.gridOrderEntry__symbolIconWrap::before {
  top: 50%;
  left: -9px;
  width: 3px;
  height: 3px;
  margin-top: -1px;
  border-radius: 50%;
  background-color: #5e00ff;
}
.gridOrderEntry__symbol_bracket:not(.gridOrderEntry__symbol_single)
.gridOrderEntry__symbolIconWrap::after {
  top: 50%;
  left: -15px;
  width: 6px;
  height: 1px;
  background-color: #ae80ff;
}
.gridOrderEntry__symbol_bracket .gridOrderEntry__groupLink {
  left: 10px;
  background-color: #ae80ff;
}
.gridOrderEntry__symbol_bracket .control-textInput {
  width: calc(100% - 20px);
}
.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_oso .gridOrderEntry__groupLink,
.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_osoColored .gridOrderEntry__groupLink {
  background-color: #ae80ff;
}
.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_bracket {
  padding-left: 27px;
}
.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_bracket .gridOrderEntry__groupLink {
  left: 15px;
}
.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_bracket .gridOrderEntry__groupLink::after {
  position: absolute;
  content: '';
  width: 6px;
  height: 1px;
  top: 50%;
  left: -5px;
  background-color: #ae80ff;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_bracket
.gridOrderEntry__symbolIconWrap::before {
  left: -8px;
}
.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_bracket
.gridOrderEntry__symbolIconWrap::after {
  left: -12px;
}
.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_bracket .control-textInput {
  width: calc(100% - 20px);
}
.gridOrderEntry__symbol_single {
  background-color: transparent;
  padding-left: 10px;
}
.gridOrderEntry__symbol .control-textInput input {
  padding: 0 5px 0 10px;
}
.gridOrderEntry__symbol_disabled .control input[type='text'] {
  cursor: default;
  pointer-events: none;
  color: rgba(255, 255, 255, 0.3);
}
.gridOrderEntry__groupLink {
  width: 1px;
  z-index: 1;
  position: absolute;
  top: 50%;
}
.gridOrderEntry__symbolIconWrap {
  display: inline-block;
  height: 14px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.gridOrderEntry__symbolIconWrap::before {
  z-index: 1;
}
.gridOrderEntry__symbolIconWrap .icon {
  width: 18px;
  height: 14px;
}
.gridOrderEntry__symbolIconWrap + .gridOrderEntry__symbolText {
  margin-left: 25px;
}
.gridOrderEntry__actions_bracket .button-remove {
  height: 47px;
  background-color: #161412;
  z-index: 1;
}
.gridOrderEntry__spreadPlaceholder {
  padding-left: 12px;
  font-size: 14px;
}
.gridOrderEntry__row {
  position: relative;
}
.gridOrderEntry__row_delimiter {
  height: 10px;
}
.gridOrderEntry__row_buy .table--cell-spread,
.gridOrderEntry__row_buy .table--cell-symbol {
  background: $buy-order-cell-bg;
}
.gridOrderEntry__row_buy .table--cell-spread.table--cell-disabled,
.gridOrderEntry__row_buy .table--cell-symbol.table--cell-disabled {
  background: $buy-order-disabled-cell-bg;
}
.gridOrderEntry__row_sell .table--cell-spread,
.gridOrderEntry__row_sell .table--cell-symbol {
  background: $sell-order-cell-bg;
}
.gridOrderEntry__row_sell .table--cell-spread.table--cell-disabled,
.gridOrderEntry__row_sell .table--cell-symbol.table--cell-disabled {
  background: $sell-order-disabled-cell-bg;
}
.gridOrderEntry__symbolWrapper {
  position: relative;
}
.gridOrderEntry__symbolWrapper .gridOrderEntry__container_autofill {
  left: 12px;
  top: 3px;
}
.gridOrderEntry__sliderLabel {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  margin-top: 8px;
  margin-left: 16px;
  width: 38px;
  height: 100%;
}
.gridOrderEntry__sliderLabel_debit {
  color: #d64f58;
}
.gridOrderEntry__sliderLabel_credit {
  color: #299171;
}
.gridOrderEntry__lockContainer .gridOrderEntry__lockButtonContainer {
  right: 25px;
}

.button-add-leg__container {
  z-index: 11;
  position: relative;
  width: 48px;
  height: 15px;
  display: inline-block;
  margin-right: 7px;
}
button.button-add-leg__button {
  width: 15px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 9px;
  text-align: left;
  transition: all 300ms ease;
  background-color: $add-delete-icon-bg-color;
  opacity: 0.3;
}
button.button-add-leg__button:before {
  border: 1px solid $add-delete-icon-border-color;
  border-radius: 9px;
}
button.button-add-leg__button .icon {
  width: 7px;
  height: 7px;
  margin-right: 0;
  margin-left: 4px;
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  fill: $add-delete-icon-color;
}
button.button-add-leg__button span {
  opacity: 0;
  font-size: 12px;
  margin-bottom: 2px;
  margin-left: 6px;
  vertical-align: top;
  display: inline-block;
}
button.button-add-leg__button:hover,
button.button-add-leg__button.button-add-leg__--hover {
  width: 100%;
  opacity: 1;
  color: $add-delete-icon-color;
  background-color: $add-delete-icon-bg-color;
  right: -15px;
}
button.button-add-leg__button:hover .icon,
button.button-add-leg__button.button-add-leg__--hover .icon {
  margin-left: 8px;
  fill: $add-delete-icon-color;
}
button.button-add-leg__button:hover span,
button.button-add-leg__button.button-add-leg__--hover span {
  opacity: 1;
  transition: opacity 1s;
}
.gridOrderEntry__row:hover button.button-add-leg__button,
.gridOrderEntry__row.\:hover button.button-add-leg__button {
  opacity: 1;
}
.gridOrderEntry__row_highlight button.button-add-leg__button {
  opacity: 1;
}
.gridOrderEntry__symbolWrapper .button-add-leg__container {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7.5px;
}

.button-side-swap__container {
  z-index: 10;
  position: absolute;
  right: 23px;
  top: 3px;
}
.button-side-swap__container .icon {
  fill: #55aeee;
}

.button-delete-leg__button {
  width: 17px;
  height: 17px;
  opacity: 0.3;
  color: $add-delete-icon-color;
  margin-top: 3px;
  transition: opacity 300ms ease;
  border-radius: 50%;
  border: 1px solid $add-delete-icon-border-color;
  background-color: $add-delete-icon-bg-color;
}
.button-delete-leg__button:hover,
.button-delete-leg__button.button-delete-leg__--hover {
  opacity: 1;
  border-color: $delete-icon-hover-color;
  color: $delete-icon-hover-color;
  background-color: $delete-icon-hover-bg-color;
}
.button-delete-leg__button:active,
.button-delete-leg__button.button-delete-leg__--active {
  top: 1px;
}
.button-delete-leg__button:active .icon,
.button-delete-leg__button.button-delete-leg__--active .icon {
  top: 0;
}
.gridOrderEntry__row:hover .button-delete-leg__button,
.gridOrderEntry__row.\:hover .button-delete-leg__button {
  opacity: 1;
}
.gridOrderEntry__row_highlight .button-delete-leg__button {
  opacity: 1;
}
.gridOrderEntry__row_highlight .button-delete-leg__button .button-delete-leg__icon {
  fill: #ffc973;
}

.button-delete-order__button {
  opacity: 0.2;
  margin-top: 5px;
  transition: opacity 300ms ease;
}
.button-delete-order__button:hover,
.button-delete-order__button.button-delete-order__--hover {
  opacity: 1;
}
.button-delete-order__button:hover .icon,
.button-delete-order__button.button-delete-order__--hover .icon {
  fill: $delete-icon-hover-color;
}
.button-delete-order__button .icon {
  width: 9px;
  height: 9px;
  fill: #fff;
}
.gridOrderEntry__row:hover .button-delete-order__button,
.gridOrderEntry__row.\:hover .button-delete-order__button {
  opacity: 1;
}
.gridOrderEntry__row_highlight .button-delete-order__button {
  opacity: 1;
}
.gridOrderEntry__row_highlight .button-delete-order__button .button-delete-order__icon {
  fill: #ffc973;
}

.chart-popupTrade .chart--legend {
  top: auto;
  bottom: 5px;
}
.chart-popupTrade .chart--legend p {
  font-size: 0.9rem;
}
.chart-popupTrade.chart-bidAsk .chartLine-askQuote .chartLine--controlGroup {
  position: static;
}
.chart-popupTrade.chart-bidAsk .chartLine-askQuote .chartLine--quote {
  font-size: 1.1rem;
  position: absolute;
  left: 100%;
  top: -0.55rem;
  margin: 0 5px;
}
.chart-popupTrade.chart-bidAsk .chartLine-currentQuote:before {
  background: #1a8f6d;
}
.chart-popupTrade.chart-bidAsk .chartLine-askQuote:before {
  background: #d64f58;
}
.chart-popupTrade.chart-bidAsk .chartLine-askQuote .chartLine--quote {
  background: rgba(44, 45, 61, 0.8);
  color: #d64f58;
}
.chart-popupTrade.chart-bidAsk .last {
  color: #1a8f6d;
}
.chart-popupTrade.chart-bidAsk .last.last-1 {
  color: #d64f58;
}

.orderEntryChart {
  position: relative;
  height: 100%;
}
.orderEntryChart--wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
.orderEntryChart--container {
  height: 100%;
}
.orderEntryChart .chartLayout--cell-axis,
.orderEntryChart .chart--axisWrapper-y {
  width: 20px;
}
.orderEntryChart .chart {
  box-sizing: border-box;
  padding: 8px;
}

.linkedAlert__container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 21px;
  border-radius: 10px;
  box-sizing: border-box;
  background: #487aa7;
}
.linkedAlert__container_overflow .linkedAlert__message::after {
  z-index: 1;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 61px;
  height: 21px;
  pointer-events: none;
  background-image: linear-gradient(to left, #487aa7, $order-entry-alert-bubble-bg-color-grad-1);
}
.linkedAlert__container .button-delete {
  position: relative;
  z-index: 2;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 21px;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
}
.linkedAlert__container .button-delete:before {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  transition: background 220ms ease-in;
}
.linkedAlert__container .button-delete:hover:before,
.linkedAlert__container .button-delete.\:hover:before {
  background: rgba(255, 255, 255, 0.1);
}
.linkedAlert__container .button-delete:active > .icon,
.linkedAlert__container .button-delete.\:active > .icon {
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}
.linkedAlert__container .button-delete .icon-big-cross {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  fill: #f2f2f2;
  width: 7px;
  height: 7px;
}
.linkedAlert__container .button-edit {
  height: inherit;
  padding: 0 0 2px 9px;
  background: transparent;
}
.linkedAlert__container .button-edit:active > span,
.linkedAlert__container .button-edit.\:active > span {
  top: 0;
}
.linkedAlert__container .button-edit span {
  color: #fff;
  white-space: nowrap;
  font-size: 14px;
}
.linkedAlert__container .icon-list-item-tick {
  fill: rgba(255, 255, 255, 0.5);
  width: 10px;
  height: 9px;
  margin-right: 8px;
  margin-top: 6px;
}
.linkedAlert__container_triggered {
  background: #1a8f6d;
  padding-right: 9px;
  padding-left: 9px;
}
.linkedAlert__container_triggered .button-delete {
  display: none;
}
.linkedAlert__container_triggered .button-edit {
  padding: 0 0 2px 0;
}
.linkedAlert__container_triggered .button-edit[disabled] {
  cursor: default;
}
.linkedAlert__container_triggered.linkedAlert__container_overflow .linkedAlert__message::after {
  background-image: linear-gradient(
  to left,
  #1a8f6d,
  $order-entry-triggered-alert-bubble-bg-color-grad-1
  );
}
.linkedAlert__message {
  position: relative;
  display: inline-block;
  height: inherit;
}

.activationRuleButton__container {
  display: inline-block;
  font-size: 14px;
  position: relative;
}
.activationRuleButton__container .button {
  line-height: 18px;
  vertical-align: middle;
}
.activationRuleButton__container .button.button-link.button-disabled,
.activationRuleButton__container .button.button-link.button-disabled:hover,
.activationRuleButton__container .button.button-link.button-disabled:active,
.activationRuleButton__container .button.button-link.button-disabled.\:hover,
.activationRuleButton__container .button.button-link.button-disabled.\:active {
  color: rgba(85, 174, 238, 0.3);
}
.activationRuleButton__container .icon-alert-triggered-order {
  position: absolute;
  left: 0;
  top: 3px;
  width: 13px;
  height: 13px;
  fill: rgba(255, 255, 255, 0.55);
}
.activationRuleButton__container .tooltip {
  top: -25px;
  left: calc(100% - 55px);
  max-width: 348px;
  width: 100%;
  padding: 4px 10px 6px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.7);
  font-size: 14px;
  box-sizing: border-box;
}
.activationRuleButton__container .tooltip--pointer {
  display: none;
}
.activationRuleButton__container .tooltip--content {
  font-size: 14px;
  line-height: unset;
}
.activationRuleButton__ruleText {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
}
.activationRuleButton__ruleLabel {
  position: relative;
  display: inline-block;
  margin-right: 7px;
  padding-left: 20px;
  vertical-align: middle;
}
.activationRuleButton__currentRule {
  margin-left: 8px;
}

.orderEntry__container_chart .orderEntry__gridWrapper {
  width: 1200px;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.orderEntry__container_chart .orderEntry__chartWrapper {
  display: block;
}
.orderEntry__activationRule {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 50px;
}
.orderEntry__linkedAlert {
  overflow: hidden;
}
.orderEntry__main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 193px;
}
.orderEntry__gridWrapper {
  position: relative;
  z-index: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 50px;
}
.orderEntry__chartWrapper {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: none;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.orderEntry__footer {
  position: relative;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 5px 5px 5px 10px;
  background-color: #33312f;
  border-top: 2px solid rgba(255, 255, 255, 0.08);
}
.orderEntry__footer .button.button-link {
  font-weight: 500;
  line-height: 18px;
  vertical-align: middle;
}
.orderEntry__footer .icon-alert-triggered-order {
  position: absolute;
  left: 0;
  top: 3px;
  width: 13px;
  height: 13px;
  fill: rgba(255, 255, 255, 0.55);
}
.orderEntry__footer .linkedAlert__container {
  overflow: hidden;
  width: 100%;
}
.orderEntry__footer .linkedAlert__message {
  overflow: hidden;
}
.orderEntry__footer .activationRuleButton__container {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.orderEntry__footer .activationRuleButton__container .button-link {
  margin-right: 10px;
}
.orderEntry__footerButtons {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.orderEntry__footerButtons .button + .button {
  margin-left: 22px;
}
.orderEntry__footerButtons .button-planned .plannedMarker__container {
  margin-right: 6px;
  margin-top: 7px;
  line-height: 0.75;
  text-indent: 0;
  vertical-align: top;
}
.orderEntry__error {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: #992b30;
  vertical-align: middle;
}

.ordersClearedToastOE__container {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 4px 15px 5px;
  margin-right: 20px;
  background: #2c3447;
  border: 1px solid #557380;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.ordersClearedToastOE__container .button.button-link {
  font-weight: normal;
  vertical-align: top;
}
.ordersClearedToastOE__progressLine {
  background: rgba(255, 255, 255, 0.5);
}

.analyzeSwitcher__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.analyzeSwitcher__container span {
  margin-right: 7px;
  margin-top: -4px;
}
.analyzeSwitcher__container .switcher .switcher--input:checked + .switcher--label:first-of-type {
  background-color: $planned-marker-bg;
}
.analyzeSwitcher__container .switcher .switcher--input:focus + .switcher--label:first-of-type:after,
.analyzeSwitcher__container
.switcher
.switcher--input.\:focus
+ .switcher--label:first-of-type:after {
  border-color: transparent;
}
.analyzeSwitcher__container
.switcher:hover
.switcher--input:checked
+ label.switcher--label:first-of-type,
.analyzeSwitcher__container
.switcher.\:hover
.switcher--input:checked
+ label.switcher--label:first-of-type {
  background-color: $planned-marker-bg;
}
.analyzeSwitcher__container .switcher .switcher--button:after {
  box-shadow: 0 0 7px 0 $planned-marker-toggle-shadow;
}
.analyzeSwitcher__container .button-icon {
  margin-right: 2px;
  margin-left: 0;
  margin-top: 1px;
  border: 0;
  width: 13px;
  height: 13px;
}
.analyzeSwitcher__container .button-icon .icon-about-us {
  fill: rgba(255, 255, 255, 0.5);
}

.plannedLabel__container {
  display: inline-block;
  padding: 0 5px;
  border-radius: 2px;
  color: $planned-marker-text;
  background: $planned-marker-bg;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.79px;
}

.WidgetOrderEntry__container {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  z-index: 2;
  transition: height 1s ease;
}
.WidgetOrderEntry__container_expanded .WidgetOrderEntry__wrap {
  -ms-transform: translateY(40px) translateY(-100%);
  transform: translateY(40px) translateY(-100%);
}
.WidgetOrderEntry__wrap {
  position: absolute;
  width: 100%;
  transition: transform 0.6s ease;
}
.WidgetOrderEntry__headerInner {
  background-color: #33312f;
  color: #fff;
  font-size: 14px;
  height: 100%;
}
.WidgetOrderEntry__headerInner:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../../wl/dx/resources/img/oblique-lines.svg?23c3c18756de5ab3efc4e80532656281);
  opacity: 0.25;
  z-index: 1;
}
.WidgetOrderEntry__headerInner .plannedLabel__container {
  -ms-transform: translateY(1px);
  transform: translateY(1px);
  margin-right: 10px;
}
.WidgetOrderEntry__headerContent,
.WidgetOrderEntry__headerActions {
  z-index: 2;
}
.WidgetOrderEntry__contentWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-right: 10px;
  margin-left: 5px;
}
.WidgetOrderEntry__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.WidgetOrderEntry__buttonExpandWrap {
  width: 135px;
  color: #6cb5d9;
  font-weight: 500;
  position: relative;
}
.WidgetOrderEntry__buttonExpandWrap:active,
.WidgetOrderEntry__buttonExpandWrap.WidgetOrderEntry__--active {
  top: 1px;
}
.WidgetOrderEntry__properties {
  margin-right: 5px;
  font-weight: 600;
}
.WidgetOrderEntry__properties_sell {
  color: #d64f58;
}
.WidgetOrderEntry__properties_buy {
  color: #299171;
}
.WidgetOrderEntry__description {
  margin-right: 14px;
  display: -ms-flexbox;
  display: flex;
}
.WidgetOrderEntry__description > span {
  padding: 0 5px;
}
.WidgetOrderEntry__description > span:first-child {
  padding: 0 5px 0 0;
}
.WidgetOrderEntry__description .WidgetOrderEntry__separator {
  padding: 0 3px;
}
.WidgetOrderEntry__spread {
  font-weight: bold;
  margin-left: 1px;
  margin-right: 6px;
}
.WidgetOrderEntry__label {
  margin-right: 14px;
  margin-left: -7px;
  font-weight: 500;
}
.WidgetOrderEntry__label_positive {
  color: #299171;
}
.WidgetOrderEntry__label_negative {
  color: #d64f58;
}
.WidgetOrderEntry__indicator {
  display: inline-block;
  padding: 0 5px;
  margin-right: 10px;
  background-color: rgba(90, 102, 155, 0.9);
  color: #ccf1ff;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  border-radius: 2px;
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}
.WidgetOrderEntry__groupIcon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.WidgetOrderEntry__groupIcon .WidgetOrderEntry__iconWrapper {
  margin-right: 8px;
}
.WidgetOrderEntry__groupIcon .icon-order-entry-header-oco-colored,
.WidgetOrderEntry__groupIcon .icon-order-entry-header-bracket-colored {
  width: 34px;
  height: 22px;
}
.WidgetOrderEntry__groupIcon .icon-order-entry-symbol-oso-colored,
.WidgetOrderEntry__groupIcon .icon-order-entry-symbol-oso-child-colored,
.WidgetOrderEntry__groupIcon .icon-order-entry-symbol-oco-colored,
.WidgetOrderEntry__groupIcon .icon-order-entry-symbol-bracket-colored {
  width: 18px;
  height: 14px;
  vertical-align: bottom;
}
.WidgetOrderEntry__groupIcon .icon-order-entry-header-oso-child-colored {
  width: 28px;
  height: 14px;
  vertical-align: bottom;
}
.WidgetOrderEntry__groupIcon_child .WidgetOrderEntry__iconWrapper {
  position: relative;
  top: 1px;
  margin-right: 14px;
}
.WidgetOrderEntry__bracketAmount {
  margin-right: 5px;
  color: #ae80ff;
  font-size: 14px;
  font-weight: 500;
}
/* Global styles are here - in order not to litter the code above */
.WidgetOrderEntry__container .widgetNew__container {
  padding-top: 36px;
  border: none;
}
.WidgetOrderEntry__container .widgetNew__header {
  height: 36px;
  padding-left: 0;
  box-shadow:
    0 1px 0 0 rgba(51, 49, 47, 0),
    0 -5px 5px 0 rgba(0, 0, 0, 0.1);
}
.WidgetOrderEntry__container .widgetNew__header .icon {
  fill: #909099;
}
.WidgetOrderEntry__container .widgetNew__header .icon-alert-triggered-order {
  width: 13px;
  height: 13px;
  fill: #f2f2f2;
}
.WidgetOrderEntry__container .button-expand .icon {
  width: 11px;
  height: 6px;
  margin-top: 3px;
  margin-right: 5px;
  fill: #6cb5d9;
}
.WidgetOrderEntry__container .button-pin {
  margin-right: 15px;
}
.WidgetOrderEntry__container .button-pin .icon-order-entry-pinned,
.WidgetOrderEntry__container .button-pin .icon-order-entry-unpinned {
  width: 18px;
  height: 18px;
}
.WidgetOrderEntry__container .button-pin .icon-order-entry-pinned {
  margin-top: -1px;
  fill: #f2f2f2;
}
.WidgetOrderEntry__container .button-pin .icon-order-entry-unpinned {
  margin-top: -2px;
  fill: #f2f2f2;
}
.WidgetOrderEntry__container .button-alert .icon-alert {
  width: 13px;
  height: 13px;
  vertical-align: middle;
}
.WidgetOrderEntry__switchers {
  display: -ms-flexbox;
  display: flex;
}
.WidgetOrderEntry__switcher {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.WidgetOrderEntry__switcher + .WidgetOrderEntry__switcher {
  margin-left: 22px;
}
.WidgetOrderEntry__switcher span {
  margin-right: 7px;
  margin-top: -4px;
}
.WidgetOrderEntry__switcher
.switcher:hover
.switcher--input:checked
+ .switcher--label:first-of-type,
.WidgetOrderEntry__switcher
.switcher.\:hover
.switcher--input:checked
+ .switcher--label:first-of-type {
  background-color: #74c1e8;
}
.WidgetOrderEntry__switcher
.switcher:hover
.switcher--input:not(:checked)
+ .switcher--label:first-of-type,
.WidgetOrderEntry__switcher
.switcher.\:hover
.switcher--input:not(:checked)
+ .switcher--label:first-of-type {
  background-color: #737270;
}
.WidgetOrderEntry__switcher .switcher--input:not(:checked) + .switcher--label:first-of-type {
  background-color: #595857;
}
.WidgetOrderEntry__switcher .button-icon .icon-about-us {
  fill: #f2f2f2;
}
.WidgetOrderEntry__innerWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -1px;
}
.WidgetOrderEntry__innerWrapper .WidgetOrderEntry__groupIcon {
  margin-top: 2px;
}
.WidgetOrderEntry__innerWrapper
.WidgetOrderEntry__groupIcon
.icon-order-entry-header-oso-child-colored {
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.WidgetOrderEntry__iconWrapper {
  display: -ms-flexbox;
  display: flex;
}
.WidgetOrderEntry__separator,
.WidgetOrderEntry__slash {
  color: rgba(255, 255, 255, 0.5);
}

.clickTradingInfo {
  max-width: 568px;
}
.clickTradingInfo h2 {
  font-size: 14px;
  margin-bottom: 5px;
  text-align: center;
}
.clickTradingInfo strong {
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.clickTradingInfo ul {
  margin: 5px 0 11px;
}
.clickTradingInfo ul li + li {
  margin-top: 5px;
}
.clickTradingInfo p + p {
  margin-top: 5px;
}
.clickTradingInfo--activate {
  font-size: 14px;
  text-align: center;
}
.clickTradingInfo--list li:before {
  content: '—';
  display: inline-block;
  margin-right: 10px;
}
.clickTradingInfo--icon {
  box-sizing: border-box;
  float: left;
  width: 113px;
  height: 17px;
  margin-right: 14px;
  text-align: center;
  line-height: 16px;
  border-radius: 10px;
}
.clickTradingInfo--icon-regular {
  border: 1px solid;
}
.clickTradingInfo--description {
  overflow: hidden;
}
.clickTradingInfo--list {
  color: rgba(255, 255, 255, 0.7);
}
.clickTradingInfo p {
  color: rgba(255, 255, 255, 0.7);
}
.clickTradingInfo p.clickTradingInfo--activate {
  color: #fff;
}
.clickTradingInfo--icon-regular {
  color: rgba(255, 255, 255, 0.5);
  border-color: #3d4e66;
}
.clickTradingInfo--icon-oneClick {
  background: #55aeee;
}
.clickTradingInfo--icon-dblClick {
  background: #005998;
}

.popup-message .popup--content {
  font-size: 14px;
  line-height: 1.7;
  text-align: center;
  padding: 30px;
}

.popup-clickTrading .popup--content {
  box-sizing: border-box;
  min-width: 480px;
  padding: 30px;
  line-height: 1.5;
}
.popup-clickTrading .popup--footer .control-checkBox {
  position: absolute;
  top: 50%;
  left: 8px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.popup-termsConditions .popup--window {
  max-height: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.popup-termsConditions .popup--content {
  padding-left: 40px;
  overflow: auto;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.popup-termsConditions .popup--footer {
  text-align: right;
}
.popup-termsConditions .control-checkBox {
  margin-top: 10px;
}
.popup-termsConditions .control-checkBox .control--label {
  color: rgba(255, 255, 255, 0.7);
}

.simAccountDeposit__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.simAccountDeposit__container .control--label {
  display: inline-block;
  margin-bottom: 7px;
  color: rgba(255, 255, 255, 0.6);
}
.simAccountDeposit__container .control-selectBox {
  width: 126px;
}
.simAccountDeposit__container .control-textInput {
  width: 110px;
}
.simAccountDeposit__container .control input[type='text'] {
  font-size: 14px;
}
.simAccountDeposit__container .button-link {
  margin-bottom: 8px;
  vertical-align: bottom;
}
.simAccountDeposit__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.simAccountDeposit__block {
  margin-right: 30px;
}
.simAccountDeposit__block:nth-child(2) {
  min-width: 114px;
}
.simAccountDeposit__block:last-child {
  margin-right: 0;
}
.simAccountDeposit__label {
  display: block;
  margin-bottom: 13px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 12px;
}
.simAccountDeposit__value {
  font-size: 14px;
}

.popup-simAccountDeposit .popup--content {
  box-sizing: border-box;
  padding: 22px 30px 30px;
}
.popup-simAccountDeposit .popup--content .selectBox {
  width: 127px;
}
.popup-simAccountDeposit .popup--footer {
  text-align: right;
}

.popup-dateRange .popup--content {
  padding-bottom: 17px;
}
.popup-dateRange .popup--footer {
  text-align: right;
}
.popup-dateRange h3 {
  font-weight: normal;
}
.popup-dateRange .form--row {
  margin-top: 5px;
  padding: 0 8px;
}
.popup-dateRange .form--row .control {
  vertical-align: middle;
}
.popup-dateRange .form--row .control--label {
  display: inline-block;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 12px;
}
.popup-dateRange .form--row .control-selectBox {
  margin-left: 0;
}
.popup-dateRange .form--row .control-radioButton {
  margin-right: 0;
}
.popup-dateRange .form--row-help,
.popup-dateRange .form--row-dateRange {
  padding: 0 22px 0 30px;
}
.popup-dateRange .form--row-dateRange {
  margin-top: 8px;
}
.popup-dateRange .form--row-help {
  margin-top: 10px;
  font-size: 10px;
}
.popup-dateRange .datePicker--input {
  width: 110px;
}
.popup-dateRange .control-datePicker {
  width: auto;
}
.popup-dateRange .control-datePicker .control--label {
  margin-right: 7px;
}
.popup-dateRange .control-datePicker .control--label label {
  font-size: 12px;
}
.popup-dateRange .control-radioButton .radioButton--label label:before {
  position: relative;
  top: 1px;
}
.popup-dateRange .control-selectBox .selectBox {
  width: 127px;
}
.popup-accountStatement h3 {
  color: #fff;
}
.popup-accountStatement .form--row-help {
  color: rgba(255, 255, 255, 0.5);
}

.popup-aboutPlatform .popup--content {
  box-sizing: border-box;
  width: 335px;
  padding: 7px 20px 17px;
  text-align: center;
  font-size: 12px;
}
.popup-aboutPlatform .popup--content p {
  margin-bottom: 12px;
  line-height: 1.5;
}
.popup-aboutPlatform .popup--hint {
  margin-top: 42px;
  text-align: right;
}
.popup-aboutPlatform .logo--container {
  margin-bottom: 24px;
  position: relative;
}
.popup-aboutPlatform .logo--container .logo svg {
  color: $logo-brand-secondary-color;
}
.popup-aboutPlatform .popup--header {
  background: none;
  box-shadow: none;
}
.popup-aboutPlatform .popup--content a,
.popup-aboutPlatform .popup--content a:hover,
.popup-aboutPlatform .popup--content a.\:hover {
  color: inherit;
  text-decoration: none;
}
.popup-aboutPlatform .popup--hint {
  opacity: 1;
  color: rgba(255, 255, 255, 0.5);
}

.popup-aboutPlatform .popup--content {
  padding-top: 24px;
}

.popup-sessionExpired .popup--content {
  box-sizing: border-box;
  width: 351px;
  padding: 40px 10px 31px;
  font-size: 14px;
  text-align: center;
}
.popup-sessionExpired .popup--buttons {
  text-align: right;
}
.popup-sessionExpired .logo--container {
  margin-bottom: 21px;
  position: relative;
}
.popup-sessionExpired .logo--container .logo svg {
  color: $logo-brand-secondary-color;
}
.popup-sessionExpired .popup--content {
  color: rgba(255, 255, 255, 0.7);
}
.popup-sessionExpired.popup-modal.popup-visible:after {
  background: rgba(8, 13, 19, 0.5);
  opacity: 1;
}

.popup-warning .messagePanel-warning {
  max-height: 50px;
}
.popup-warning .popup--window {
  background-color: rgba(77, 28, 32, 0.9);
  border-color: #b0424a;
}

.popup-warning .popup--header {
  background: #4d1c20;
}

.confirmationInfo {
  display: table-row;
  margin-bottom: 8px;
  line-height: 2.5rem;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}
.confirmationInfo--label {
  display: table-cell;
  vertical-align: top;
  padding: 1px 8px 0 0;
}
.confirmationInfo--info {
  display: table-cell;
  padding-bottom: 8px;
  font-size: 1.4rem;
  text-align: center;
}
.confirmationInfo--label + .confirmationInfo--info {
  text-align: left;
}
.confirmationInfo--value {
  margin: 0 10px 0 0;
  color: #fff;
}
.confirmationInfo--value-positive {
  color: #299171;
}
.confirmationInfo--value-negative {
  color: #d64f58;
}
.confirmationInfo--value:before {
  content: '\200E';
}
.confirmationInfo--value-noMargin {
  margin: 0;
}
.confirmationInfo--value-modified {
  color: #ffc973;
}
.confirmationInfo--value-sell {
  color: #299171;
}
.confirmationInfo--value-side {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
}
.confirmationInfo--value-type,
.confirmationInfo--value--price,
.confirmationInfo--value--timeinforce,
.confirmationInfo--value--quantity {
  position: relative;
}
.confirmationInfo--value--price {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.confirmationInfo--value--price .confirmationInfo {
  margin-right: 6px;
}
.confirmationInfo--stopLoss .confirmationInfo--value,
.confirmationInfo--takeProfit .confirmationInfo--value {
  padding-left: 4px;
}
.confirmationInfo--pl {
  padding-left: 4px;
}
.confirmationInfo--pl-positive {
  color: #299171;
}
.confirmationInfo--pl-negative {
  color: #d64f58;
}

.mobile .confirmationInfo--value {
  display: inline-block;
  vertical-align: middle;
}
.mobile .confirmationInfo--value:before {
  content: normal;
}

.popup-confirmation .popup--content {
  width: 398px;
  padding: 20px 8px 17px;
  text-align: center;
  box-sizing: border-box;
}
.popup-confirmation .popup--inner {
  display: inline-block;
}
.popup-confirmation .popup--hint {
  float: left;
  margin-top: -41px;
  margin-left: 45px;
}
.popup-confirmation .popup--buttons {
  text-align: right;
}
.popup-confirmationNew .confirmationInfo--label {
  min-width: 48px;
}
.popup-confirmationNew .popup--content {
  width: 410px;
}
.popup-confirmationMessage .popup--content {
  width: 298px;
  font-size: 14px;
}
.popup-confirmationMessage .popup--inner {
  overflow: hidden;
  max-height: 550px;
}
.popup-confirmationMessage .popup--content {
  width: 295px;
}

.popup-closeByConfirmation .popup--content {
  width: 520px;
}
.popup-closeByConfirmation .confirmationInfo--label {
  width: 66px;
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 0;
  line-height: 15px;
}

.mobile .popup-closeByConfirmation .popup--inner {
  width: 100%;
}
.mobile .popup-closeByConfirmation .popup--subTitle {
  width: 100%;
}
.mobile .popup-closeByConfirmation .confirmationInfo {
  width: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mobile .popup-closeByConfirmation .confirmationInfo--label {
  width: 85px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.mobile .popup-closeByConfirmation .confirmationInfo--info {
  font-size: 1.8rem;
}
.mobile .popup-closeByConfirmation .confirmationInfo--info div {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mobile .popup-closeByConfirmation .confirmationInfo--value span {
  display: inline;
}

.tabPanel {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  line-height: 1;
  white-space: nowrap;
}
.tabPanel:before,
.tabPanel:after {
  content: '';
  display: table;
}
.tabPanel:after {
  clear: both;
}
.tabPanel-primary {
  font-size: 1.3rem;
  position: relative;
  width: 100%;
  padding-bottom: 4px;
  padding-left: 9px;
  padding-right: 9px;
  box-sizing: border-box;
}
.tabPanel-primary::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
}
.tabPanel-primary .tab:nth-child(1) {
  z-index: 9;
}
.tabPanel-primary .tab:nth-child(2) {
  z-index: 8;
}
.tabPanel-primary .tab:nth-child(3) {
  z-index: 7;
}
.tabPanel-primary .tab:nth-child(4) {
  z-index: 6;
}
.tabPanel-primary .tab:nth-child(5) {
  z-index: 5;
}
.tabPanel-primary .tab:nth-child(6) {
  z-index: 4;
}
.tabPanel-primary .tab:nth-child(7) {
  z-index: 3;
}
.tabPanel-primary .tab:nth-child(8) {
  z-index: 2;
}
.tabPanel-primary .tab:not(:last-of-type) {
  margin-right: 1px;
}
.tabPanel-primary .tab.tab-selected {
  z-index: 10;
  font-weight: bold;
}
.tabPanel-primary .tab-add {
  position: relative;
  width: 42px;
}
.tabPanel-primary .tab-add .link-pseudo {
  display: block;
  font-size: 20px;
  text-indent: 101%;
  white-space: nowrap;
  overflow: hidden;
}
.tabPanel-primary .tab-add .icon {
  position: absolute;
  top: 7px;
  left: 9px;
  width: 9px;
  height: 9px;
}
.tabPanel-primary .tab-selected .tab--inner::before {
  left: 0;
  top: auto;
  bottom: -4px;
  display: block;
  height: 3px;
  width: 100%;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.tabPanel-primary .tab--inner {
  position: relative;
  display: block;
  border-width: 1px 0 0;
  border-radius: 1px 1px 0 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 500;
}
.tabPanel-primary .tab--inner:before {
  content: '';
  width: 5px;
  height: 250%;
  position: absolute;
  left: -5px;
  top: 0;
  border-style: solid;
  border-width: 0 0 0 1px;
  -ms-transform: rotate(9deg);
  transform: rotate(9deg);
  display: none;
  transition: all 220ms ease-out;
}
.tabPanel-primary .tab .link-pseudo {
  z-index: 1;
  line-height: 24px;
}
.tabPanel--border {
  position: absolute;
  bottom: 0;
  left: 9px;
  width: 64px;
  height: 3px;
  z-index: 2;
}
.tabPanel-secondary {
  box-sizing: border-box;
  height: 24px;
  font-size: 1.2rem;
}
.tabPanel-secondary .tab {
  margin: 2px 0 0 1px;
  padding: 0 10px;
  height: 20px;
  border-radius: 2px 2px 0 0;
}
.tabPanel-secondary .tab:first-child {
  margin-left: 1px;
}
.tabPanel-secondary .tab-editMode {
  padding: 0;
}
.tabPanel-secondary .tab-editMode .control-textInput input {
  height: 20px;
  line-height: 20px;
}
.tabPanel-secondary .tab-editMode .tab--close {
  display: none;
}
.tabPanel-secondary .tab .link-pseudo {
  line-height: 20px;
}
.tabPanel .tab,
.tabPanel .tab--inner,
.tabPanel .tab--inner:after,
.tabPanel .tab--inner:before {
  transition: background-color 200ms;
}
.tabPanel .tab--close {
  visibility: hidden;
}
.tabPanel .tab--close .icon {
  fill: #232221;
  transition: fill 220ms ease-out;
}
.tabPanel .tab--close:hover .icon,
.tabPanel .tab--close.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.tabPanel .tab--close:active .icon,
.tabPanel .tab--close.\:active .icon {
  fill: #bf9756;
}
.tabPanel .tab-selected .tab--close {
  visibility: visible;
}
.tabPanel .tab-add .icon {
  fill: rgba(255, 255, 255, 0.5);
  transition: fill 220ms ease-out;
}
.tabPanel .tab-add:hover .icon,
.tabPanel .tab-add.\:hover .icon {
  fill: rgba(255, 255, 255, 0.75);
  transition: fill 220ms ease-in;
}
.tabPanel--border {
  background-color: #55aeee;
  transition:
    width 0.22s ease-in,
    left 0.22s ease-in;
}
.tabPanel-primary::after {
  background-color: rgba(255, 255, 255, 0.12);
}
.tabPanel-primary .tab:hover .tab--inner,
.tabPanel-primary .tab.\:hover .tab--inner {
  color: rgba(255, 255, 255, 0.75);
  transition:
    background-color 220ms ease-in,
    border-color 220ms ease-in,
    color 220ms ease-in;
}
.tabPanel-primary .tab:hover .tab--inner:before,
.tabPanel-primary .tab:hover .tab--inner:after,
.tabPanel-primary .tab.\:hover .tab--inner:before,
.tabPanel-primary .tab.\:hover .tab--inner:after {
  background-color:;
  border-color:;
}
.tabPanel-primary .tab:hover .tab--inner::before,
.tabPanel-primary .tab.\:hover .tab--inner::before {
  background-color: #55aeee;
}
.tabPanel-primary .tab-selected .tab--inner,
.tabPanel-primary .tab-selected:hover .tab--inner,
.tabPanel-primary .tab-selected.\:hover .tab--inner {
  color: #fff;
  transition:
    background-color 220ms ease-in,
    border-color 220ms ease-in,
    color 220ms ease-in;
}
.tabPanel-primary .tab-selected .tab--inner:before,
.tabPanel-primary .tab-selected:hover .tab--inner:before,
.tabPanel-primary .tab-selected .tab--inner:after,
.tabPanel-primary .tab-selected:hover .tab--inner:after,
.tabPanel-primary .tab-selected.\:hover .tab--inner:before,
.tabPanel-primary .tab-selected.\:hover .tab--inner:after {
  background-color:;
  border-color:;
}
.tabPanel-primary .tab-selected .tab--inner::before,
.tabPanel-primary .tab-selected:hover .tab--inner::before,
.tabPanel-primary .tab-selected.\:hover .tab--inner::before {
  border-color: transparent;
  background-color: #55aeee;
}
.tabPanel-primary .tab--inner {
  color: rgba(255, 255, 255, 0.5);
}
.tabPanel-primary .tab--inner:before,
.tabPanel-primary .tab--inner:after {
  background-color:;
  border-color:;
}
.tabPanel-primary .tab--inner:after {
  box-shadow: 2px 0 1px #000;
}
.tabPanel-secondary .tab {
  background-color: #303140;
  box-shadow:
    inset 1px 1px #232221,
    inset -1px 0 #232221;
  color: rgba(255, 255, 255, 0.5);
  transition: box-shadow 220ms ease-in;
}
.tabPanel-secondary .tab:hover,
.tabPanel-secondary .tab:active,
.tabPanel-secondary .tab.\:hover,
.tabPanel-secondary .tab.\:active {
  background-color: rgba(74, 72, 67, 0.55);
  color: rgba(255, 255, 255, 0.8);
  transition:
    background-color 220ms ease-in,
    color 220ms ease-in;
}
.tabPanel-secondary .tab-selected,
.tabPanel-secondary .tab-selected:hover,
.tabPanel-secondary .tab-selected:active,
.tabPanel-secondary .tab-selected.\:hover,
.tabPanel-secondary .tab-selected.\:active {
  background-color: #303140;
  box-shadow: none;
  color: #fff;
  transition:
    background-color 220ms ease-in,
    color 220ms ease-in;
}

.tab {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
.tab--close {
  display: inline-block;
  vertical-align: middle;
}
.tab--close.button-icon {
  width: auto;
  height: auto;
  margin-right: -4px;
  margin-left: 10px;
}
.tab--close .icon {
  margin-top: 4px;
  width: 9px;
  height: 9px;
}
.tab-selected,
.tab-selected .link-pseudo {
  cursor: default;
}
.tab-selected {
  font-weight: bold;
}
.tab .link-pseudo {
  text-decoration: none;
}
.tab .link-pseudo .icon {
  margin: 5px 0 5px 5px;
  width: 9px;
  height: 9px;
}
.tab .link-pseudo {
  color: inherit;
}
.tab .link-pseudo .icon {
  fill: rgba(255, 255, 255, 0.5);
}

.tabs {
  display: inline-block;
  vertical-align: bottom;
}

.tabContent {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.tabContent-visible {
  z-index: 1;
}
.tabContent-messages .messages--groupTitle {
  text-align: left;
}
.tabContent {
  transition: opacity 200ms;
  background-color: inherit;
  opacity: 0;
}
.tabContent-visible {
  opacity: 1;
}
.tabContent-fundamentals .plate--info,
.tabContent-marketInfo .plate--info,
.tabContent-fundamentals .plate--actions,
.tabContent-marketInfo .plate--actions {
  background-color: transparent;
}
.tabContent-iframe {
  background: #fff;
}

.columns {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  zoom: 1;
}
.columns:before,
.columns:after {
  content: '';
  display: table;
}
.columns:after {
  clear: both;
}
.columns--column {
  float: left;
  box-sizing: border-box;
  padding-left: 20px;
  width: 100%;
  height: 100%;
}
.columns--column:first-child {
  padding-left: 0;
}
.columns--column-hidden {
  display: none;
}
.columns--column-1_2 {
  width: 50%;
}
.columns--column-1_3 {
  width: 33.333333333333336%;
}
.columns--column-2_3 {
  width: 66.66666666666667%;
}
.columns--column-1_4 {
  width: 25%;
}
.columns--column-2_4 {
  width: 50%;
}
.columns--column-3_4 {
  width: 75%;
}
.columns--column-1_5 {
  width: 20%;
}
.columns--column-2_5 {
  width: 40%;
}
.columns--column-3_5 {
  width: 60%;
}
.columns--column-4_5 {
  width: 80%;
}
.columns--column-1_6 {
  width: 16.666666666666668%;
}
.columns--column-2_6 {
  width: 33.333333333333336%;
}
.columns--column-3_6 {
  width: 50%;
}
.columns--column-4_6 {
  width: 66.66666666666667%;
}
.columns--column-5_6 {
  width: 83.33333333333334%;
}
.columns--column-1_8 {
  width: 12.5%;
}
.columns--column-2_8 {
  width: 25%;
}
.columns--column-3_8 {
  width: 37.5%;
}
.columns--column-4_8 {
  width: 50%;
}
.columns--column-5_8 {
  width: 62.5%;
}
.columns--column-6_8 {
  width: 75%;
}
.columns--column-7_8 {
  width: 87.5%;
}
.columns--column-1_10 {
  width: 10%;
}
.columns--column-2_10 {
  width: 20%;
}
.columns--column-3_10 {
  width: 30%;
}
.columns--column-4_10 {
  width: 40%;
}
.columns--column-5_10 {
  width: 50%;
}
.columns--column-6_10 {
  width: 60%;
}
.columns--column-7_10 {
  width: 70%;
}
.columns--column-8_10 {
  width: 80%;
}
.columns--column-9_10 {
  width: 90%;
}
.columns--column-1_12 {
  width: 8.333333333333334%;
}
.columns--column-2_12 {
  width: 16.666666666666668%;
}
.columns--column-3_12 {
  width: 25%;
}
.columns--column-4_12 {
  width: 33.333333333333336%;
}
.columns--column-5_12 {
  width: 41.66666666666667%;
}
.columns--column-6_12 {
  width: 50%;
}
.columns--column-7_12 {
  width: 58.333333333333336%;
}
.columns--column-8_12 {
  width: 66.66666666666667%;
}
.columns--column-9_12 {
  width: 75%;
}
.columns--column-10_12 {
  width: 83.33333333333334%;
}
.columns--column-11_12 {
  width: 91.66666666666667%;
}
.columns--column-1_20 {
  width: 5%;
}
.columns--column-2_20 {
  width: 10%;
}
.columns--column-3_20 {
  width: 15%;
}
.columns--column-4_20 {
  width: 20%;
}
.columns--column-5_20 {
  width: 25%;
}
.columns--column-6_20 {
  width: 30%;
}
.columns--column-7_20 {
  width: 35%;
}
.columns--column-8_20 {
  width: 40%;
}
.columns--column-9_20 {
  width: 45%;
}
.columns--column-10_20 {
  width: 50%;
}
.columns--column-11_20 {
  width: 55%;
}
.columns--column-12_20 {
  width: 60%;
}
.columns--column-13_20 {
  width: 65%;
}
.columns--column-14_20 {
  width: 70%;
}
.columns--column-15_20 {
  width: 75%;
}
.columns--column-16_20 {
  width: 80%;
}
.columns--column-17_20 {
  width: 85%;
}
.columns--column-18_20 {
  width: 90%;
}
.columns--column-19_20 {
  width: 95%;
}
.columns-between .columns--column {
  padding: 0 10px;
}

/*! nouislider - 8.3.0 - 2016-02-14 17:37:20 */

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-stacking .noUi-handle {
  z-index: 10;
}
.noUi-state-tap .noUi-origin {
  transition:
    left 0.3s,
    top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-base,
.noUi-handle {
  transform: translate3d(0, 0, 0);
}
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
.noUi-background {
  background: #fafafa;
  box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
  background: #3fb8af;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  transition: background 450ms;
}
.noUi-origin {
  border-radius: 2px;
}
.noUi-target {
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  box-shadow:
    inset 0 1px 1px #f0f0f0,
    0 3px 6px -5px #bbb;
}
.noUi-target.noUi-connect {
  box-shadow:
    inset 0 0 3px rgba(51, 51, 51, 0.45),
    0 3px 6px -5px #bbb;
}
.noUi-draggable {
  cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}
.noUi-handle {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  cursor: default;
  box-shadow:
    inset 0 0 1px #fff,
    inset 0 1px 7px #ebebeb,
    0 3px 6px -3px #bbb;
}
.noUi-active {
  box-shadow:
    inset 0 0 1px #fff,
    inset 0 1px 7px #ddd,
    0 3px 6px -3px #bbb;
}
.noUi-handle:after,
.noUi-handle:before {
  content: '';
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
[disabled] .noUi-connect,
[disabled].noUi-connect {
  background: #b8b8b8;
}
[disabled] .noUi-handle,
[disabled].noUi-origin {
  cursor: not-allowed;
}
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
.noUi-value {
  width: 40px;
  position: absolute;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
.noUi-marker {
  position: absolute;
  background: #ccc;
}
.noUi-marker-large,
.noUi-marker-sub {
  background: #aaa;
}
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 50px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  margin-left: -20px;
  padding-top: 20px;
}
.noUi-value-horizontal.noUi-value-sub {
  padding-top: 15px;
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  width: 15px;
  margin-left: 20px;
  margin-top: -5px;
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  padding: 5px;
  text-align: center;
}
.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
  top: -32px;
}
.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
  bottom: -32px;
}
.noUi-vertical .noUi-handle-lower .noUi-tooltip {
  left: 120%;
}
.noUi-vertical .noUi-handle-upper .noUi-tooltip {
  right: 120%;
}
.control-range .control--wrap {
  display: inline-block;
  vertical-align: middle;
  padding: 4px 0;
  white-space: nowrap;
}
.control-range .control--postfix {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  margin-left: 5px;
  text-align: left;
}
.control-range .range {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  width: 122px;
}
.control-range .noUi-base {
  cursor: pointer;
}
.control-range .noUi-handle {
  border-style: solid;
  border-width: 4px;
  border-top: none;
  border-radius: 0;
  margin-left: -4px;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent transparent #ccc transparent;
}
.control-range .noUi-handle:after,
.control-range .noUi-handle:before {
  display: none;
}
.control-range .noUi-target {
  border: none;
  border-radius: 0;
}
.control-range .noUi-origin {
  border-radius: 0;
}
.control-range .noUi-connect {
  position: relative;
}
.control-range .noUi-connect:not([disabled]) {
  background: transparent;
}
.control-range .noUi-svgConnect {
  position: absolute;
  fill: #4a4540;
  left: 0;
  pointer-events: none;
  top: 0;
  width: 122px;
  height: 8px;
}
.control-range .noUi-horizontal {
  height: 8px;
}
.control-range .noUi-horizontal .noUi-handle {
  position: absolute;
  width: 0;
  top: 0;
  left: 0;
  height: calc(100% + 6px);
}
.control-range .noUi-background {
  box-shadow: none;
  background-color: transparent;
}
.control-range .noUi-handle,
.control-range .noUi-target,
.control-range .noUi-connect,
.control-range .noUi-target.noUi-connect {
  box-shadow: none;
}
[disabled] .noUi-base,
[disabled].noUi-base {
  cursor: not-allowed;
}
[disabled] .noUi-handle,
[disabled].noUi-handle {
  border-color: transparent transparent #666 transparent;
  cursor: not-allowed;
}
[disabled] .noUi-svgConnect,
[disabled].noUi-svgConnect {
  fill: #34302d;
}
[disabled] ~ .control--postfix {
  color: rgba(255, 255, 255, 0.3);
}

.dropDown-lineSample {
  padding: 5px;
}
.dropDown-lineSample .dropDown--group {
  display: inline-block;
  vertical-align: top;
}
.dropDown-lineSample .dropDown--groupTitle {
  display: none;
}
.dropDown-lineSample .dropDown--option {
  position: relative;
  width: 47px;
  height: 20px;
  margin: 0 1px;
  border-radius: 2px;
  text-indent: 101%;
  text-overflow: clip;
  padding: 0;
  border-width: 1px;
  border-style: solid;
}
.dropDown-lineSample .dropDown--option:after {
  content: '';
  width: 27px;
  position: absolute;
  top: 50%;
  left: 10%;
  height: 1px;
  margin-top: -1px;
}
.dropDown-lineSample .dropDown--option-thin:after {
  height: 1px;
  margin-top: -1px;
}
.dropDown-lineSample .dropDown--option-bold:after {
  height: 5px;
  margin-top: -2px;
}
.dropDown-lineSample .dropDown--option-normal:after {
  height: 3px;
  margin-top: -1px;
}
.dropDown-lineSample .dropDown--option:after {
  width: 26px;
  left: 10px;
}
.dropDown-lineSample .dropDown--option {
  background: none;
  border-color: transparent;
}
.dropDown-lineSample .dropDown--option-solid.dropDown--option:after {
  background-image: linear-gradient(to right, #b2b2b2 100%, transparent 100%);
  background-size: 100% 5px;
}
.dropDown-lineSample .dropDown--option-dashed.dropDown--option-thin:after {
  background-image: linear-gradient(to right, #b2b2b2 70%, transparent 70%);
  background-size: 7px 5px;
}
.dropDown-lineSample .dropDown--option-dashed.dropDown--option-normal:after {
  background-image: linear-gradient(to right, #b2b2b2 70%, transparent 70%);
  background-size: 10px 5px;
}
.dropDown-lineSample .dropDown--option-dashed.dropDown--option-bold:after {
  background-image: linear-gradient(to right, #b2b2b2 70%, transparent 70%);
  background-size: 16px 5px;
}
.dropDown-lineSample .dropDown--option-dotted.dropDown--option-thin:after {
  background-image: linear-gradient(to right, #b2b2b2 50%, transparent 50%);
  background-size: 4px 5px;
}
.dropDown-lineSample .dropDown--option-dotted.dropDown--option-normal:after {
  background-image: linear-gradient(to right, #b2b2b2 50%, transparent 50%);
  background-size: 6px 5px;
}
.dropDown-lineSample .dropDown--option-dotted.dropDown--option-bold:after {
  background-image: linear-gradient(to right, #b2b2b2 50%, transparent 50%);
  background-size: 10px 5px;
}
.dropDown-lineSample .dropDown--option:hover,
.dropDown-lineSample .dropDown--option.\:hover {
  border-color: #ffc973;
}
.dropDown-lineSample .dropDown--option-selected,
.dropDown-lineSample .dropDown--option-selected:hover,
.dropDown-lineSample .dropDown--option-selected.\:hover {
  border-color: rgba(255, 255, 255, 0.12);
}

.control-line .selectBox {
  width: 51px;
}
.control-line .selectBox .selectBox--label:after {
  content: '';
  width: 27px;
  position: absolute;
  top: 50%;
  left: 10%;
  height: 1px;
  margin-top: -1px;
}
.control-line .selectBox-thin .selectBox--label:after {
  height: 1px;
  margin-top: -1px;
}
.control-line .selectBox-bold .selectBox--label:after {
  height: 5px;
  margin-top: -2px;
}
.control-line .selectBox-normal .selectBox--label:after {
  height: 3px;
  margin-top: -1px;
}
.control-line .selectBox--label {
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 200%;
}
.control-line .selectBox--label:after {
  content: '';
}
.control-line .selectBox-solid.selectBox .selectBox--label:after {
  background-image: linear-gradient(to right, #b2b2b2 100%, transparent 100%);
  background-size: 100% 5px;
}
.control-line .selectBox-dashed.selectBox-thin .selectBox--label:after {
  background-image: linear-gradient(to right, #b2b2b2 70%, transparent 70%);
  background-size: 7px 5px;
}
.control-line .selectBox-dashed.selectBox-normal .selectBox--label:after {
  background-image: linear-gradient(to right, #b2b2b2 70%, transparent 70%);
  background-size: 10px 5px;
}
.control-line .selectBox-dashed.selectBox-bold .selectBox--label:after {
  background-image: linear-gradient(to right, #b2b2b2 70%, transparent 70%);
  background-size: 16px 5px;
}
.control-line .selectBox-dotted.selectBox-thin .selectBox--label:after {
  background-image: linear-gradient(to right, #b2b2b2 50%, transparent 50%);
  background-size: 4px 5px;
}
.control-line .selectBox-dotted.selectBox-normal .selectBox--label:after {
  background-image: linear-gradient(to right, #b2b2b2 50%, transparent 50%);
  background-size: 6px 5px;
}
.control-line .selectBox-dotted.selectBox-bold .selectBox--label:after {
  background-image: linear-gradient(to right, #b2b2b2 50%, transparent 50%);
  background-size: 10px 5px;
}

.chartSettings {
  width: 490px;
  padding-bottom: 5px;
}
.chartSettings h3 {
  padding: 10px 30px;
  font-weight: normal;
  font-size: 11px;
}
.chartSettings h3:first-child {
  padding-top: 8px;
  padding-bottom: 0;
}
.chartSettings h4 {
  margin-bottom: 7px;
  font-size: 1rem;
  font-weight: normal;
}
.chartSettings--content {
  position: relative;
  height: 390px;
}
.chartSettings .form--fieldset {
  padding: 0 30px 10px;
}
.chartSettings .control-numericStepper {
  width: auto;
}
.chartSettings .control-numericStepper .numericStepper {
  width: 100px;
}
.chartSettings .control-numericStepper .numericStepper--input input[type='text'] {
  min-width: auto;
}
.chartSettings .control-numericStepper .control--postfix {
  margin-left: 5px;
}
.chartSettings .control--postfix,
.chartSettings .control--label {
  font-size: 1.1rem;
}
.chartSettings .control-colorPicker .control--wrap {
  white-space: nowrap;
  -ms-flex-align: center;
  align-items: center;
}
.chartSettings .columns--column {
  padding-left: 5px;
}
.chartSettings .columns--column:first-child {
  padding-left: 0;
}
.chartSettings--colors li {
  margin-top: 0.8rem;
}
.chartSettings--colors li:first-child .control {
  margin-top: 0;
}
.chartSettings--switchers .control {
  line-height: 20px;
  display: block;
  font-size: 11px;
}
.chartSettings--switchers .control-radioButton {
  margin-left: 20px;
}
.chartSettings--switchers .columns--column {
  width: auto;
}
.chartSettings--switchers .columns--column + .columns--column {
  margin-left: 28px;
}
.chartSettings--switchers .columns--column:last-child .checkBox--label {
  -ms-flex-align: start;
  align-items: flex-start;
}
.chartSettings--switchers .columns--column:last-child .checkBox--view {
  margin-top: 4px;
}
.chartSettings .tabPanel {
  width: 100%;
  margin-top: 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.chartSettings .tab {
  width: 105px;
}
.chartSettings .tab .link-pseudo {
  font-size: 12px;
  line-height: 21px;
  font-weight: normal;
}
.chartSettings--sessionBreaks {
  margin-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.chartSettings--sessionBreaks.form--fieldset {
  padding-top: 10px;
}
.chartSettings--sessionBreaks .control--label {
  display: block;
  padding-bottom: 4px;
}
.chartSettings--sessionBreaks .chartSettings--controlListItem:nth-child(2) {
  margin-top: 10px;
  margin-left: 20px;
}
.chartSettings--sessionBreaks .chartSettings--controlListItem:nth-child(2) .control:first-child {
  margin-right: 8px;
}
.chartSettings--sessionBreaks .chartSettings--controlListItem:nth-child(2) .control:nth-child(2) {
  margin-right: 20px;
}
.chartSettings--extendedHours .control--label {
  display: block;
  padding-bottom: 4px;
}
.chartSettings--extendedHours .chartSettings--controlListItem:nth-child(2) {
  margin-top: 10px;
  margin-left: 20px;
}
.chartSettings--extendedHours .chartSettings--controlListItem:nth-child(2) .control:last-child {
  margin-left: 81px;
}
.chartSettings--paddings.form--fieldset {
  padding-top: 10px;
}
.chartSettings--paddings .control--label {
  display: block;
  padding-bottom: 4px;
}
.chartSettings--paddings .chartSettings--controlListItem:nth-child(n + 2) {
  margin-top: 10px;
  margin-left: 20px;
}
.chartSettings h3 {
  box-shadow: 0 -1px rgba(255, 255, 255, 0.08);
  color: #fff;
}
.chartSettings h3:first-child {
  box-shadow: none;
}
.chartSettings h4 {
  color: rgba(255, 255, 255, 0.5);
}
.chartSettings .radioButton--label,
.chartSettings .checkBox--label {
  color: rgba(255, 255, 255, 0.6);
}
.chartSettings .control--postfix,
.chartSettings .control--label {
  color: rgba(255, 255, 255, 0.6);
}
.chartSettings .control-colorPicker .control--postfix {
  color: rgba(255, 255, 255, 0.6);
}
.chartSettings .form--fieldset-secondary {
  box-shadow: none;
}
.chartSettings .tabPanel {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
.chartSettings--sessionBreaks {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.mobile .chartSettings {
  width: 100%;
  padding-bottom: 0;
}
.mobile .chartSettings--content {
  height: 340px;
}
.mobile .chartSettings--switchers .columns--column-1_3,
.mobile .chartSettings--switchers .columns--column-1_4 {
  width: 100%;
  margin-left: 0;
  padding-left: 0;
}
.mobile .chartSettings--colors {
  padding-right: 10px;
}
.mobile .chartSettings--colors .columns .columns--column-1_4 {
  width: 100%;
  margin-bottom: 10px;
}
.mobile .chartSettings--colors .columns .columns--column-1_4 ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mobile .chartSettings--colors .columns .columns--column-1_4 li {
  width: 50%;
}
.mobile .chartSettings--controlListItem .control + .control-range {
  margin-top: 10px;
}
.mobile
.chartSettings--extendedHours
.chartSettings--controlListItem:nth-child(2)
.control:last-child {
  margin-left: 0;
  width: 100%;
}
.mobile .chartSettings .tabContent {
  overflow: auto;
}

.popup-chartSettings .popup--content {
  padding: 0;
}
.popup-chartSettings .popup--footer {
  text-align: right;
}
.popup-chartSettings .popup--footer .settingButton__container {
  margin-left: 0;
}
.popup-chartSettings .popup--buttons {
  padding: 9px 8px 8px 30px;
}
.popup-chartSettings .contextMenuButton__container {
  margin-left: 0;
}

.mobile .popup-chartSettings .popup--buttons {
  white-space: nowrap;
}

.indicator__item {
  padding: 6px 7px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.indicator__item:hover,
.indicator__item.indicator__--hover {
  background-color: rgba(153, 211, 255, 0.1);
}
.indicator__item:hover .indicator__buttonRemove,
.indicator__item.indicator__--hover .indicator__buttonRemove {
  display: block;
}
.indicator__item_selected {
  background-color: rgba(153, 211, 255, 0.2);
}
.indicator__item_selected:hover,
.indicator__item_selected.indicator__--hover {
  background-color: rgba(153, 211, 255, 0.2);
}
.indicator__item_selected.indicator__item .indicator__buttonRemove {
  display: block;
}
.indicator__item .indicator__buttonRemove {
  display: none;
}
.indicator__iconWrap {
  margin-right: 7px;
}
.indicator__iconWrap .icon {
  width: 11px;
  height: 6px;
  fill: rgba(255, 255, 255, 0.5);
  vertical-align: middle;
}
.indicator__iconWrap .icon-indicator-up {
  margin-top: -2px;
}
.indicator__title {
  color: #fff;
}
.indicator__properties {
  margin-left: 10px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: rgba(255, 255, 255, 0.7);
}
.indicator__buttonRemove {
  width: 11px;
  height: 11px;
}
.indicator__buttonRemove .icon {
  fill: rgba(255, 255, 255, 0.5);
  pointer-events: all;
}
.indicator__buttonRemove .icon:hover,
.indicator__buttonRemove .icon.\:hover {
  fill: $hovered-icon-color-2;
}
.indicator__buttonRemove .icon:active,
.indicator__buttonRemove .icon.\:active {
  fill: #3d7399;
}
.indicator__item {
  position: relative;
}
.indicator__item.draggable--added {
  cursor: default;
}
.indicator__item.draggable--added,
.indicator__item.draggable--added:hover,
.indicator__item.draggable--added.\:hover {
  background: transparent;
}
.indicator__item.draggable--added .indicator__title {
  color: rgba(255, 255, 255, 0.3);
}
.indicator__item.draggable--dropTarget:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  bottom: -4px;
  border-top: 3px solid;
  border-bottom: 3px solid;
  background-clip: padding-box;
  border-color: rgba(85, 174, 238, 0.07);
  background-color: #55aeee;
}
.indicator__item.draggable--dragging {
  width: 257px;
  margin-bottom: 0;
  background-color: rgba(69, 71, 87, 0.9);
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 110;
}

.indicator__iconWrap .icon {
  fill: #55aeee;
}
.indicator__title {
  color: #fff;
}
.indicator__properties {
  color: rgba(255, 255, 255, 0.7);
}
.indicator__item.draggable--added .indicator__title {
  color: #fff;
}

.button-removeItem,
.button-addItem {
  border: none;
  transition: color 400ms;
  background: none;
  margin-top: 1px;
}
.button-removeItem:hover .icon,
.button-addItem:hover .icon,
.button-removeItem.\:hover .icon,
.button-addItem.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.button-removeItem:active .icon,
.button-addItem:active .icon,
.button-removeItem.\:active .icon,
.button-addItem.\:active .icon {
  position: relative;
  top: 1px;
  fill: #3d7399;
}
.button-removeItem[disabled] .icon,
.button-addItem[disabled] .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.button-removeItem:before,
.button-addItem:before {
  transition: opacity 400ms;
}
.button-removeItem .icon,
.button-addItem .icon {
  width: 25px;
  height: 25px;
  fill: #909099;
  transition: fill 220ms ease-out;
}

.indicatorSelector__container {
  display: -ms-flexbox;
  display: flex;
}
.indicatorSelector__column:first-child {
  padding-right: 30px;
  position: relative;
}
.indicatorSelector__column:first-child:after {
  background: rgba(255, 255, 255, 0.08);
  content: '';
  position: absolute;
  right: 0;
  top: -9px;
  bottom: -9px;
  width: 1px;
}
.indicatorSelector__column:last-child {
  padding-left: 30px;
}
.indicatorSelector__title {
  margin: 0 0 14px;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}
.indicatorSelector__listWrapper {
  width: 266px;
  margin-bottom: 10px;
  background-color: #222633;
  border: 1px solid #3d4e66;
}
.indicatorSelector__listWrapper .indicatorSelector__indicatorList {
  height: 375px;
}
.indicatorSelector__listWrapper .control-textInput {
  width: 100%;
}
.indicatorSelector__filter {
  display: block;
  margin: 14px 8px;
}
.indicatorSelector__buttonWrapper {
  width: 100%;
  text-align: center;
  position: relative;
}
.indicatorSelector__tip {
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 0;
  top: 4px;
}
.indicatorSelector__column .indicatorSelector__addedButton {
  color: #55aeee;
}
.indicatorSelector__column .indicatorSelector__addedButton:hover,
.indicatorSelector__column .indicatorSelector__addedButton.indicatorSelector__--hover {
  color: #ffc973;
}
.indicatorSelector__column .indicatorSelector__addedButton:active,
.indicatorSelector__column .indicatorSelector__addedButton.indicatorSelector__--active {
  color: #bf9756;
}
.indicatorSelector__addedHeader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
}
.indicatorSelector__addedButton {
  border: none;
  box-shadow: none;
}
.indicatorSelector__addedButton,
.indicatorSelector__addedButton:hover,
.indicatorSelector__addedButton:active,
.indicatorSelector__addedButton.indicatorSelector__--hover,
.indicatorSelector__addedButton.indicatorSelector__--active {
  background-color: transparent;
}
.indicatorSelector__addedContainer {
  width: 610px;
  height: 147px;
  position: relative;
  background-color: #222633;
  border: 1px solid #3d4e66;
  margin-bottom: 40px;
}
.indicatorSelector__addedContainer .scrollable--content {
  min-height: 100%;
}
.indicatorSelector__addedPlaceholder {
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.indicatorSelector__settings {
  position: relative;
}
.indicatorSelector__settings:after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  height: 1px;
  top: -20px;
  background-color: rgba(255, 255, 255, 0.08);
}
.indicatorSelector__settings:last-child {
  margin-bottom: 0;
}
.indicatorSelector__settingsBlock {
  margin-bottom: 5px;
}
.indicatorSelector__settingsTitle {
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0.7px;
  color: $form-hint-color;
  text-transform: uppercase;
}
.indicatorSelector__settingsRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 612px;
  margin-right: -35px;
}
.indicatorSelector__settingsRow:last-of-type {
  margin-bottom: 5px;
}
.indicatorSelector__settingsColorPickerWrap {
  position: relative;
}
.indicatorSelector__settingsColorPickerWrap_multi .control-colorPicker ~ .control-colorPicker {
  padding-top: 0;
}
.indicatorSelector__settingsControl {
  display: -ms-flexbox;
  display: flex;
  width: 110px;
  margin-right: 35px;
  margin-bottom: 10px;
}
.indicatorSelector__settingsControl_postfix {
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.indicatorSelector__settingsControl_postfix .control-numericStepper {
  width: auto;
}
.indicatorSelector__settingsControl_postfix .control-numericStepper .numericStepper {
  width: 72px;
}
.indicatorSelector__settingsControl_postfix
.control-numericStepper
.numericStepper--input
input[type='text'] {
  min-width: auto;
}
.indicatorSelector__settingsControl_postfix .control-numericStepper .control--postfix {
  left: calc(100% + 5px);
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.indicatorSelector__settingsControl_postfix .control-colorPicker {
  width: 45px;
  margin-bottom: 5px;
  margin-top: 1px;
}
.indicatorSelector__settingsControl_postfix .control-colorPicker .colorPicker--value {
  width: 17px;
  height: 17px;
  margin-left: 3px;
  top: -1px;
}
.indicatorSelector__settingsControl_postfix .control-colorPicker .colorPicker--label .button {
  height: 24px;
  width: 45px;
}
.indicatorSelector__settings .control {
  padding-top: 16px;
}
.indicatorSelector__settings .control--label {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.indicatorSelector__settings .control-colorPicker {
  margin-right: 5px;
}
.indicatorSelector__settings .control-numericStepper {
  width: auto;
}
.indicatorSelector__settings .control-numericStepper .numericStepper {
  width: 100%;
}
.indicatorSelector__settingsScrollableWrapper {
  height: 223px;
}
.indicatorSelector__entityLabel {
  position: absolute;
  left: 0;
  top: -2px;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.5);
}
.mobile .indicatorSelector__column:first-child {
  padding-right: 0;
}
.mobile .indicatorSelector__column:first-child:after {
  display: none;
}
.mobile .indicatorSelector__column:last-child {
  display: none;
}
.mobile .indicatorSelector__listWrapper .indicatorSelector__indicatorList {
  height: 240px;
}

.popup-chartEditStudies .popup--footer {
  text-align: right;
}
.popup-chartEditStudies .chartEditStudies {
  width: auto;
}
.popup-chartEditStudies .chartEditStudies .columns--column {
  padding-left: 0;
}
.popup-chartEditStudies .chartEditStudies h3 {
  margin: 0 0 7px;
  line-height: 21px;
  font-weight: normal;
}
.popup-chartEditStudies .chartEditStudies h4 {
  margin: 0 0 8px;
  font-size: 1.2rem;
  font-weight: normal;
}
.popup-chartEditStudies .chartEditStudies h4 .icon {
  width: 8px;
  height: 8px;
  margin: 4px 6px 0;
}
.popup-chartEditStudies .chartEditStudies h4 span {
  border-bottom: 1px dashed;
}
.popup-chartEditStudies .chartEditStudies .control-textInput {
  width: 100%;
}
.popup-chartEditStudies .chartEditStudies .control--label {
  display: inline-block;
}
.popup-chartEditStudies .chartEditStudies .control--label label {
  padding-bottom: 2px;
}
.popup-chartEditStudies .chartEditStudies .control--postfix {
  display: inline-block;
  margin-left: 5px;
}
.popup-chartEditStudies .studySettings {
  height: 200px;
  padding-top: 5px;
}
.popup-chartEditStudies .controlGroup-studySettings {
  padding-left: 20px;
  font-size: 1.1rem;
}
.popup-chartEditStudies .controlGroup-studySettings .controlGroup--item {
  margin: 0 9px 5px 0;
  display: inline-block;
}
.popup-chartEditStudies .controlGroup-studySettings .control--label label {
  width: 70px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.popup-chartEditStudies .controlGroup-studySettings .control--wrap .selectBox {
  display: inline-block;
  vertical-align: middle;
}

.mobile .popup-chartEditStudies .popup--content {
  padding: 8px 25px;
  box-sizing: border-box;
}

.languageList--item {
  position: relative;
  margin: 0 -8px;
  padding: 2px 10px;
  cursor: pointer;
}
.languageList--item strong {
  font-weight: normal;
}
.languageList--itemIcon {
  height: 14px;
  width: 16px;
  display: inline-block;
  vertical-align: baseline;
  margin-left: 10px;
}
.languageList--item {
  color: rgba(255, 255, 255, 0.5);
}
.languageList--item:hover,
.languageList--item.\:hover {
  color: #ffc973;
}
.languageList--item:hover strong,
.languageList--item.\:hover strong {
  color: #ffc973;
}
.languageList--item strong {
  color: #fff;
}
.languageList--itemIcon .icon {
  fill: #fff;
}
.languageList--item-current strong,
.languageList--item-current:hover strong,
.languageList--item-current.\:hover strong {
  color: #fff;
  cursor: default;
}

.positionInfo {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 15px;
  min-height: 91px;
}
.positionInfo--title {
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
}
.positionInfo--row {
  position: relative;
  margin-top: 9px;
}
.positionInfo li {
  margin-right: 9px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 14px;
  line-height: 18px;
}
.positionInfo li:first-child {
  margin-right: 6px;
}
.positionInfo li.positionInfo--separatorContainer {
  margin-right: 5px;
  margin-left: -4px;
}
.positionInfo--label {
  margin-right: 5px;
}
.positionInfo--value-side {
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.positionInfo .control .value {
  line-height: 18px;
}
.positionInfo .control-byOppositePosition {
  width: 120px;
  margin-right: 19px;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
}
.positionInfo .control-byOppositePosition .control--label,
.positionInfo .control-byOppositePosition .control--wrap {
  display: block;
}
.positionInfo .control-byOppositePosition .control--wrap {
  height: 18px;
}
.positionInfo .control-byOppositePosition .positionInfo--byOppositePositionValue {
  font-size: 14px;
}
.positionInfo .control-marginImpact {
  width: 120px;
}
.positionInfo .control-marginImpact label {
  font-size: 12px;
}
.positionInfo .control-marginImpact .control--label,
.positionInfo .control-marginImpact .control--wrap {
  display: block;
}
.positionInfo .control-marginImpact .control--label {
  display: block;
  line-height: 13px;
  vertical-align: middle;
  margin-bottom: 1px;
}
.positionInfo .control-marginImpact .control--wrap {
  height: 18px;
}
.positionInfo .control-marginImpact .price {
  font-size: 14px;
}
.positionInfo--title {
  color: #999;
}
.positionInfo--label,
.positionInfo--separator {
  color: rgba(255, 255, 255, 0.5);
}
.positionInfo--value-buy {
  color: #299171;
}
.positionInfo--value-sell {
  color: #b0424a;
}
.positionInfo .control .value-none span {
  color: #999;
}
.positionInfo .control-byOppositePosition label {
  color: #999;
}
.positionInfo .control-marginImpact label {
  color: #999;
}

.mobile .positionInfo--title {
  font-size: 16px;
  line-height: 18px;
}
.mobile .positionInfo li {
  font-size: 16px;
  line-height: 18px;
}
.mobile .positionInfo .control-byOppositePosition {
  font-size: 14px;
  width: 150px;
  line-height: 16px;
}
.mobile .positionInfo .control-byOppositePosition .positionInfo--byOppositePositionValue {
  font-size: 16px;
}
.mobile .positionInfo .control-marginImpact .price {
  font-size: 16px;
}

.grid-positionsCloseBy {
  height: 218px;
}
.grid-positionsCloseBy .grid--body {
  top: 18px;
}
.grid-positionsCloseBy .table--col-id {
  width: 115px;
}
.grid-positionsCloseBy .table--col-quantity,
.grid-positionsCloseBy .table--col-side {
  width: 60px;
}
.grid-positionsCloseBy .table th {
  height: 17px;
}
.grid-positionsCloseBy th:first-child,
.grid-positionsCloseBy td:first-child {
  text-align: left;
}
.grid-positionsCloseBy .position--stoploss,
.grid-positionsCloseBy .position--takeprofit,
.grid-positionsCloseBy .position--currentPrice {
  text-align: center;
}

.mobile .grid-positionsCloseBy {
  height: 140px;
}

.grid-positionsCloseBy .table--col-id {
  width: 105px;
}
.grid-positionsCloseBy .table--col-symbol {
  width: 90px;
}
.grid-positionsCloseBy .table--col-quantity {
  width: 100px;
}
.grid-positionsCloseBy .table--col-currentPrice,
.grid-positionsCloseBy .table--col-takeProfit,
.grid-positionsCloseBy .table--col-stopLoss {
  width: 92px;
}

.mobile .grid-positionsCloseBy {
  overflow: hidden;
}
.mobile
.grid-positionsCloseBy
.grid--body
.scrollable--wrapper
.scrollable--container
.scrollable--content {
  padding-top: 0;
}
.mobile .grid-positionsCloseBy .table--col-id {
  width: 135px;
}
.mobile .grid-positionsCloseBy .table--col-symbol {
  width: 100px;
}
.mobile .grid-positionsCloseBy .table--col-side {
  width: 60px;
}
.mobile .grid-positionsCloseBy .table--col-quantity {
  width: 140px;
}
.mobile .grid-positionsCloseBy .table--col-currentPrice,
.mobile .grid-positionsCloseBy .table--col-takeProfit,
.mobile .grid-positionsCloseBy .table--col-stopLoss {
  width: 125px;
}
.mobile .grid-positionsCloseBy .table--body .table--cell .price {
  width: 100%;
}

.popup-closeBy .popup--content {
  width: 635px;
}
.popup-closeBy .popup--subTitle {
  margin-top: 24px;
  margin-bottom: 9px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
}
.popup-closeBy .popup--footer {
  text-align: right;
}

.mobile .popup-closeBy .popup--content {
  width: 100%;
  box-sizing: border-box;
}
.mobile .popup-closeBy .popup--subTitle {
  font-size: 100%;
}

.messagePanel {
  max-height: 0;
  overflow: hidden;
  clear: both;
}
.messagePanel--content {
  padding: 8px 7px;
  text-align: center;
}
.messagePanel--content {
  color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
}
.messagePanel-error {
  background-color: #2c2d3d;
}
.messagePanel-warning {
  background-color: #393a4d;
}

.closePosition--main {
  padding: 15px 10px 15px;
}
.closePosition--main .closePosition--row .control--postfix {
  float: none;
}
.closePosition--main .closePosition--row .control:nth-child(2) .control--label {
  white-space: nowrap;
}
.closePosition--main .closePosition--row .control:first-child {
  width: 57px;
  margin-right: 45px;
}
.closePosition--main .closePosition--row .control:last-child {
  margin-left: 45px;
}
.closePosition--additional {
  padding: 5px 10px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.closePosition--additional .control {
  margin-right: 20px;
}
.closePosition--additional .control .value {
  font-size: 14px;
}
.closePosition--additional .control:last-child {
  margin-right: 0;
}
.closePosition--additional .control--label {
  margin-bottom: 4px;
}
.closePosition--lotsToClose {
  padding: 10px;
  position: relative;
}
.closePosition--summary {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
  margin-bottom: 1px;
}
.closePosition--row {
  margin-bottom: 10px;
}
.closePosition--row:last-child {
  margin-bottom: 0;
}
.closePosition .control--label {
  display: block;
  margin-bottom: 4px;
  font-size: 10px;
}
.closePosition .control--wrap {
  font-size: 12px;
}
.closePosition .control-marginImpact {
  margin-bottom: 3px;
}
.closePosition .control-marginImpact .control--wrap {
  height: 21px;
}
.closePosition--side {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.closePosition--quantity {
  font-size: 18px;
}
.closePosition--symbol {
  float: right;
  font-size: 18px;
  margin-left: 3px;
}
.closePosition--fillPrice {
  font-size: 18px;
}
.closePosition .price {
  font-size: 14px;
}
.closePosition .value strong {
  font-size: 18px;
}
.closePosition .comboBox {
  width: 90px;
  margin-right: 90px;
}
.closePosition--lots {
  font-size: 14px;
}
.closePosition--lots strong {
  font-size: 18px;
  font-weight: 400;
}
.closePosition--additional {
  border-top-color: rgba(255, 255, 255, 0.08);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
.closePosition .control--label {
  color: rgba(255, 255, 255, 0.5);
}
.closePosition .control--wrap {
  color: #fff;
}
.closePosition--side-positive {
  color: #299171;
}
.closePosition--side-negative {
  color: #d64f58;
}
.closePosition--quantity {
  color: #fff;
}
.closePosition--symbol {
  color: rgba(255, 255, 255, 0.5);
}
.closePosition--fillPrice {
  color: #fff;
}
.closePosition--lots {
  color: rgba(255, 255, 255, 0.5);
}
.closePosition--lots strong {
  color: #fff;
}

.mobile .closePosition .control--label {
  font-size: 14px;
}
.mobile .closePosition .control--wrap {
  font-size: 16px;
}
.mobile .closePosition--additional .control .value {
  font-size: 18px;
}
.mobile .closePosition--lots {
  font-size: 16px;
}
.mobile .closePosition--main .closePosition--row .control:first-child {
  width: 74px;
  margin-right: 30px;
}
.mobile .closePosition--main .closePosition--row .control:last-child {
  margin-left: 30px;
}

.popup-position .instrument--description {
  display: block;
  margin: 3px 0 0;
}
.popup-position .tradeForm--side {
  width: auto;
}
.popup-position .form--fieldset-info .instrument--symbol {
  vertical-align: top;
}
.popup-position .form--fieldset-info .form--row {
  width: 100%;
  min-width: 370px;
}
.popup-position .form--fieldset-info .control {
  margin-left: 25px;
  vertical-align: bottom;
}
.popup-position .form--fieldset-info .control:first-child {
  margin-left: 0;
}
.popup-position .form--fieldset-info .control .value {
  font-size: 1.8rem;
}
.popup-position .form--fieldset-info .control .value strong {
  font-size: 2.4rem;
}

.mobile .popup-position .popup--content {
  overflow: auto;
  height: 340px;
  margin-bottom: 0;
}
.mobile .popup-position .tradeForm {
  min-width: 0;
  padding-bottom: 0;
}
.mobile .popup-position .tradeForm .closePosition--row .control {
  margin-bottom: 10px;
  margin-right: 16px;
}
.mobile .popup-position .tradeForm .closePosition--row .control + .control {
  margin-left: 0;
  margin-right: 16px;
}
.mobile .popup-position .tradeForm .closePosition--summary {
  margin-left: 0;
  margin-top: 10px;
}

.list--item:before {
  content: '';
  position: absolute;
  display: none;
}
.list--item.draggable--dragging {
  position: absolute;
  left: 0;
  top: 0;
}
.list--item.draggable--dragged:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit;
  border-width: 1px;
  border-style: dashed;
}

.list.draggable--dropTarget .list--item:before {
  display: block;
}

.selector--itemGroup .list--itemGroupHeader {
  cursor: pointer;
  margin: 4px 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 4px;
}
.selector--itemGroup .list--itemGroupHeader:hover .selector--groupArrow .icon,
.selector--itemGroup .list--itemGroupHeader.\:hover .selector--groupArrow .icon {
  fill: #ffc973;
}
.selector--itemGroup .list--itemGroupHeader:hover .selector--groupText,
.selector--itemGroup .list--itemGroupHeader.\:hover .selector--groupText {
  color: #ffc973;
}
.selector--groupArrow {
  display: inline-block;
  margin-right: 4px;
  width: 8px;
  height: 8px;
  vertical-align: -25%;
  padding-left: 4px;
}
.selector--groupArrow .icon {
  width: 8px;
  height: 8px;
  fill: #fff;
}
.selector em {
  color: #55aeee;
  font-style: normal;
}

.selector {
  height: 100%;
  width: 612px;
}
.selector-columns .selector--bodyColumn {
  width: 55%;
}
.selector-columns .selector--bodyColumn:first-child {
  width: 45%;
}
.selector--body {
  display: block;
  width: 100%;
  height: 100%;
}
.selector--header {
  width: 100%;
  padding: 0;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  box-sizing: border-box;
}
.selector--bodyColumn {
  float: left;
  height: 100%;
  width: 50%;
  overflow: hidden;
  padding: 9px 8px 3px;
  box-sizing: border-box;
  border-left: 1px solid;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.selector--bodyColumn:first-child {
  border-left: none;
}
.selector--list {
  margin-top: 7px;
  line-height: 16px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: calc(100% - 60px); /*Only needed for safari*/
}
.selector--filter + .selector--list {
  height: calc(100% - 95px); /*Only needed for safari*/
}
.selector--filter:not(input) {
  margin-top: 8px;
  width: 100%;
}
.selector--filter:not(input) > .control--wrap {
  width: 100%;
}
.selector--control {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 40px;
  text-align: center;
  border-top: 1px solid;
}
.selector--control:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.selector--button {
  width: 39px;
  height: 23px;
}
.selector--item {
  position: relative;
  cursor: pointer;
  margin-top: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 29px;
}
.selector--item:before {
  left: 0;
  right: 0;
  top: -5px;
  height: 5px;
}
.selector--item-withControls .selector--itemText {
  max-width: 50%;
}
.selector--item-withControls .selector--itemControls {
  height: auto;
  display: block;
  position: absolute;
  top: 50%;
  right: 28px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.selector--item-withControls .selector--itemControls .control {
  margin-left: 5px;
}
.selector--item-withControls .selector--itemControls .control-truncate {
  max-width: 135px;
}
.selector--item-withControls .selector--itemControls .control:first-child {
  margin-left: 0;
}
.selector--item-withControls .selector--itemControls .selectBox--label {
  min-width: 0;
}
.selector--item.draggable--dragging {
  z-index: 100;
  background-color: rgba(69, 71, 87, 0.9);
  box-shadow: none;
  list-style-type: none;
}
.selector--itemIcon {
  position: absolute;
  right: 4px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
}
.selector--itemIcon .icon {
  width: 15px;
  height: 15px;
}
.selector--itemText {
  display: inline-block;
  padding-left: 4px;
}
.selector .selectBox--label {
  line-height: 19px;
}
.selector--bodyColumn,
.selector--control {
  border-color: rgba(255, 255, 255, 0.08);
}
.selector--control .button .icon {
  fill: #55aeee;
}
.selector--control .button:hover .icon,
.selector--control .button.\:hover .icon {
  fill: #ffc973;
}
.selector--control .button[disabled] .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.selector--list-chooseTo .draggable--dragged .selector--itemText,
.selector--list-chooseTo .draggable--dragged .selector--itemIcon {
  opacity: 0;
  visibility: hidden;
}
.selector--item.draggable--dropTarget:before {
  background: linear-gradient(
    to bottom,
    transparent 0,
    transparent 1px,
    rgba(85, 174, 238, 0.07) 1px,
    rgba(85, 174, 238, 0.07) 2px,
    #55aeee 2px,
    #55aeee 3px,
    rgba(85, 174, 238, 0.07) 3px,
    rgba(85, 174, 238, 0.07) 4px,
    transparent 4px,
    transparent 5px
  )
  no-repeat;
}
.selector--item:hover .selector--itemIcon,
.selector--item.\:hover .selector--itemIcon {
  fill: #fff;
}
.selector--item:hover .selector--itemIcon:hover,
.selector--item.\:hover .selector--itemIcon.\:hover {
  fill: #ffc973;
}
.selector--item:hover .selector--itemText,
.selector--item.\:hover .selector--itemText {
  color: #ffc973;
}
.selector--item-selected {
  background: rgba(153, 211, 255, 0.2);
}
.selector--item-selected .selector--itemIcon {
  fill: rgba(255, 255, 255, 0.5);
}
.selector--itemIcon {
  fill: rgba(255, 255, 255, 0.5);
}
.selector em {
  color: #55aeee;
  font-style: normal;
}

.mobile .selector {
  width: 100%;
}
.mobile .selector-columns .selector--bodyColumn {
  width: 100%;
}
.mobile .selector-columns .selector--bodyColumn:first-child {
  width: 100%;
}
.mobile .selector--bodyColumn {
  float: none;
  border-left: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  height: 50%;
}
.mobile .selector--bodyColumn:first-child {
  border-top: 0;
}
.mobile .selector--bodyColumn .control--wrap,
.mobile .selector--bodyColumn .control-textInput {
  width: 100%;
}

.popup-selector .popup--content {
  padding: 0;
  height: 500px;
  overflow: hidden;
}
.popup-selector .popup--footer {
  text-align: right;
}
.popup-selector .selector--bodyColumn {
  width: 50%;
}
.popup-selector .selector--bodyColumn:first-child {
  width: 50%;
}

.mobile .popup-selector .popup--buttons .button-restoreDefault {
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}
.mobile .popup-selector .selector--bodyColumn {
  width: 100%;
}
.mobile .popup-selector .selector--bodyColumn:first-child {
  width: 100%;
}
.mobile .popup-selector .popup--content {
  height: 338px;
}

.popup-saveWatchList .popup--window {
  width: 242px;
}
.popup-saveWatchList .popup--content {
  padding: 16px 20px 30px;
}
.popup-saveWatchList .popup--footer {
  text-align: right;
}
.popup-saveWatchList .control {
  width: 100%;
}
.popup-saveWatchList .control--label {
  padding-bottom: 3px;
  display: inline-block;
  vertical-align: middle;
}
.popup-saveWatchList .control--label label {
  font-size: 1rem;
}

.loginForm--row {
  box-sizing: border-box;
}
.loginForm--row-actions {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 30px;
  border-top-width: 1px;
  border-top-style: solid;
}
.loginForm--row-actions:after {
  content: '';
  display: table;
  clear: both;
}
.loginForm--row-actions .loginForm--wrap:after {
  content: '';
  display: table;
  clear: both;
}
.loginForm--info {
  box-sizing: border-box;
  width: 100%;
  display: none;
  font-size: 14px;
  text-align: center;
  position: absolute;
  top: calc(100% + 40px);
  left: 0;
}
.loginForm--link {
  display: inline-block;
  vertical-align: middle;
  line-height: 26px;
}
.loginForm--indicator {
  position: absolute;
  bottom: 13px;
  right: 12px;
}
.loginForm--fieldset {
  display: table;
  width: 100%;
}
.loginForm--fieldset .loginForm--row {
  display: table-row-group;
}
.loginForm--fieldset .loginForm--row .control {
  display: table-row;
}
.loginForm--fieldset .loginForm--row .control--label,
.loginForm--fieldset .loginForm--row .control--wrap {
  display: table-cell;
  padding-top: 10px;
  vertical-align: top;
}
.loginForm--fieldset .loginForm--row .control--label {
  box-sizing: border-box;
  padding-left: 40px;
  width: 67px;
  padding-top: 16px;
  padding-right: 10px;
  white-space: nowrap;
}
.loginForm--fieldset .loginForm--row .control--wrap {
  padding-right: 40px;
}
.loginForm--fieldset .loginForm--row .control--errorMessage {
  display: block;
  line-height: 18px;
  margin-top: 9px;
}
.loginForm--actionButton {
  float: right;
}
.loginForm--hint {
  padding-left: 40px;
  padding-right: 40px;
  line-height: 18px;
  margin-top: 16px;
}
.loginForm-main .loginForm--link {
  margin-left: 0;
}
.loginForm-pending .loginForm--indicator {
  display: block;
}
.loginForm--subtitle {
  margin-left: 40px;
  margin-top: 34px;
}
.loginForm--error {
  box-sizing: border-box;
  min-height: 42px;
  padding: 12px;
  font-size: 14px;
  text-align: center;
}
.loginForm--errorCode {
  text-align: left;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5;
}
.loginForm .control-toggleButtons .control--wrap {
  display: block;
  width: 120px;
}
.loginForm div:nth-last-child(3) .loginForm--row:last-child .control {
  height: 60px;
}
.loginForm--link {
  text-decoration: none;
}
.loginForm--row-actions {
  border-color: rgba(255, 255, 255, 0.08);
}
.loginForm--hint {
  color: #999;
}
.loginForm--subtitle {
  color: #fff;
  font-weight: bold;
}
.loginForm--error {
  color: #fff;
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
  background-color: #80262c;
}
.loginForm .button-live.button-active {
  background: #993b39;
}
.loginForm .button-live.button-active:hover,
.loginForm .button-live.button-active.\:hover {
  background: #993b39;
}
.loginForm .button-demo.button-active {
  background: #397c99;
}
.loginForm .button-demo.button-active:hover,
.loginForm .button-demo.button-active.\:hover {
  background: #397c99;
}

.passwordinput__passwordInput___third-party-legacy-password-input-src-styl- {
  display: inline-block;
  position: relative;
}
.passwordinput__passwordInput--passwordInput___third-party-legacy-password-input-src-styl-,
.passwordinput__passwordInput--textInput___third-party-legacy-password-input-src-styl- {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-right: 27px;
}
.passwordinput__passwordInput--passwordInput___third-party-legacy-password-input-src-styl- {
  display: block;
}
.passwordinput__passwordInput--textInput___third-party-legacy-password-input-src-styl- {
  display: none;
}
.passwordinput__passwordInput--icon___third-party-legacy-password-input-src-styl- {
  display: none;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 17px;
  height: 17px;
  margin-top: -8.5px;
  cursor: pointer;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
  background-repeat: no-repeat;
  background-position: 0 0;
}
.passwordinput__passwordInput--icon-shown___third-party-legacy-password-input-src-styl- {
  display: block;
}
.passwordinput__passwordInput-revealed___third-party-legacy-password-input-src-styl-
.passwordinput__passwordInput--passwordInput___third-party-legacy-password-input-src-styl- {
  display: none;
}
.passwordinput__passwordInput-revealed___third-party-legacy-password-input-src-styl-
.passwordinput__passwordInput--textInput___third-party-legacy-password-input-src-styl- {
  display: block;
}
.passwordinput__passwordInput-revealed___third-party-legacy-password-input-src-styl-
.passwordinput__passwordInput--icon___third-party-legacy-password-input-src-styl- {
  background-position: -50px 0;
}

.passwordInput {
  display: block;
  position: relative;
  width: 100%;
}
.passwordInput--passwordInput,
.passwordInput--textInput {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.passwordInput .passwordInput--passwordInput[type='password'],
.passwordInput .passwordInput--textInput[type='text'] {
  padding-right: 27px;
}
.passwordInput--passwordInput {
  display: block;
}
.passwordInput--textInput {
  display: none;
}
.passwordInput--icon {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 17px;
  height: 17px;
  margin-top: -8.5px;
  cursor: pointer;
}
.passwordInput-revealed .passwordInput--passwordInput {
  display: none;
}
.passwordInput-revealed .passwordInput--textInput {
  display: block;
}
.passwordInput input[type='password']::-ms-reveal {
  display: none;
}
.passwordInput--icon .icon {
  fill: #fff;
}

.loginForm--row .control--postfix {
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;
  line-height: 18px;
}
.loginForm--row .control--postfixLink {
  text-decoration: none;
}
.loginForm--row .control--wrap {
  width: 195px;
}
.loginForm--row .control--wrap-username {
  line-height: 23px;
}
.loginForm--row:last-child .control {
  height: 60px;
}
.loginForm--actionButton .button-secondary {
  margin-right: 10px;
}
.control--wrap-username {
  line-height: 23px;
}
.control--wrap-username {
  color: #fff;
}

.popup-changePassword .popup--content {
  padding: 30px 0 8px 0;
}
.popup-changePassword .popup--content .control--label {
  width: 170px;
}
.popup-changePassword .popup--content .control--errorMessage {
  margin-top: 0;
  left: calc(100% - 10px);
}
.popup-changePassword .popup--buttons {
  text-align: right;
}

.descriptionList {
  display: table;
  width: 100%;
}
.descriptionList--item {
  display: table-row;
}
.descriptionList--label {
  display: table-cell;
  padding-bottom: 5px;
  padding-right: 10px;
  text-align: right;
  width: 50%;
}
.descriptionList--value {
  display: table-cell;
  padding-bottom: 5px;
  width: 50%;
}
.descriptionList--value > * {
  width: 100%;
}
.descriptionList .selectBox--label {
  line-height: 19px;
}

.popup-settings .popup--content {
  padding: 30px 40px;
  min-width: 200px;
}
.popup-settings .popup--footer {
  text-align: right;
}

.popup-rename .popup--header {
  padding: 4px 8px;
  box-sizing: border-box;
}
.popup-rename .popup--content {
  width: auto;
  padding: 24px 31px 30px 30px;
}
.popup-rename .popup--content .control--wrap input {
  width: 211px;
}
.popup-rename .popup--buttons {
  padding: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.layoutList-noData .layoutList--list {
  display: none;
}
.layoutList-noData .layoutList--placeholder {
  display: block;
}
.layoutList--label {
  display: inline-block;
  margin-top: 7px;
  margin-right: 10px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  vertical-align: top;
}
.layoutList--container {
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #3d4e66;
}
.layoutList--placeholder {
  box-sizing: border-box;
  display: none;
  padding: 7px 3px 3px 4px;
  text-align: left;
  background: #222633;
  color: rgba(255, 255, 255, 0.3);
}
.layoutList .scrollable--content {
  display: block;
  min-height: 134px;
}
.layoutList--list {
  text-align: left;
  background: #222633;
}
.layoutList--listItem {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 4px 3px 2px 4px;
  font-size: 12px;
  background: #222633;
}
.layoutList--listItem:hover,
.layoutList--listItem.\:hover {
  background: rgba(153, 211, 255, 0.1);
}
.layoutList--listItem-selected {
  background: rgba(153, 211, 255, 0.2);
}
.layoutList--listItem-selected:hover,
.layoutList--listItem-selected.\:hover {
  background: rgba(153, 211, 255, 0.2);
}
.layoutList--listItem span {
  display: inline-block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.layoutList .button-icon {
  float: right;
}
.layoutList .button-icon .icon {
  width: 11px;
  height: 11px;
  fill: #fff;
  vertical-align: middle;
}
.layoutList .button-icon .icon:hover,
.layoutList .button-icon .icon.\:hover {
  fill: $hovered-icon-color-2;
}

.popup-saveLayoutAs .popup--content {
  padding: 25px 30px 30px;
  text-align: right;
}
.popup-saveLayoutAs .popup--footer {
  text-align: right;
}
.popup-saveLayoutAs .control {
  width: 100%;
  margin-bottom: 10px;
}
.popup-saveLayoutAs .control--label {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.popup-saveLayoutAs .control--label label {
  font-size: 12px;
}
.popup-saveLayoutAs .control--wrap {
  display: inline-block;
}
.popup-saveLayoutAs .control input {
  width: 210px;
}
.popup-saveLayoutAs .layoutList--placeholder {
  height: 130px;
}
.popup-saveLayoutAs .layoutList--container {
  width: 210px;
}
.popup-saveLayoutAs .layoutList--list {
  min-height: 130px;
  max-height: 265px;
}

.orderEntryConfirmation__container {
  color: #fff;
  font-size: 14px;
}
.orderEntryConfirmation__intro {
  display: block;
  margin: 0 20px 4px 30px;
}
.orderEntryConfirmation__inner {
  max-height: 450px;
}
.orderEntryConfirmation__order {
  display: -ms-flexbox;
  display: flex;
  padding: 10px 30px 0;
}
.orderEntryConfirmation__order:last-child .orderEntryConfirmation__description:after,
.orderEntryConfirmation__order:last-child .orderEntryConfirmation__wrapper:after {
  content: none;
}
.orderEntryConfirmation__order_parent {
  padding-left: 55px;
}
.orderEntryConfirmation__order_parent .orderEntryConfirmation__wrapper:after {
  height: calc(100% - 5px);
  left: -16px;
  top: 25px;
}
.orderEntryConfirmation__order_child {
  padding: 0;
  margin-top: 10px;
}
.orderEntryConfirmation__order_child .orderEntryConfirmation__wrapper:after {
  height: calc(100% + 10px);
  left: -41px;
  top: 9px;
}
.orderEntryConfirmation__order_child .orderEntryConfirmation__symbolIcon:before {
  position: absolute;
  content: '';
  width: 3px;
  height: 3px;
  margin-top: -1px;
  border-radius: 50%;
  top: 50%;
  left: -8px;
  background-color: #ae80ff;
}
.orderEntryConfirmation__order_child .orderEntryConfirmation__symbolIcon:after {
  position: absolute;
  content: '';
  width: 8px;
  height: 1px;
  top: 50%;
  left: -16px;
  border-top: 1px solid;
  border-color: #ae80ff;
  border-left: none;
}
.orderEntryConfirmation__order_osoChild .orderEntryConfirmation__symbolIcon:after,
.orderEntryConfirmation__order_osoChild .orderEntryConfirmation__wrapper:after {
  border-color: #ffbb5c;
}
.orderEntryConfirmation__order_osoChild .orderEntryConfirmation__symbolIcon:before {
  background-color: #ffbb5c;
}
.orderEntryConfirmation__order_bracket .orderEntryConfirmation__order_child,
.orderEntryConfirmation__order_oco .orderEntryConfirmation__order_child {
  margin-left: 25px;
}
.orderEntryConfirmation__order_bracket .orderEntryConfirmation__order_child:first-child,
.orderEntryConfirmation__order_oco .orderEntryConfirmation__order_child:first-child {
  margin-top: 0;
}
.orderEntryConfirmation__order_bracket .orderEntryConfirmation__symbolIcon_parent svg,
.orderEntryConfirmation__order_oco .orderEntryConfirmation__symbolIcon_parent svg {
  display: none;
}
.orderEntryConfirmation__order_oco .orderEntryConfirmation__symbolIcon:after,
.orderEntryConfirmation__order_oco .orderEntryConfirmation__wrapper:after {
  border-color: #80d7ff;
}
.orderEntryConfirmation__order_oco .orderEntryConfirmation__symbolIcon:before {
  background-color: #80d7ff;
}
.orderEntryConfirmation__symbolIcon {
  display: inline-block;
  width: 18px;
  height: 14px;
  margin-top: 2px;
  margin-right: 7px;
  position: relative;
}
.orderEntryConfirmation__symbolIcon_parent {
  position: absolute;
  left: 30px;
}
.orderEntryConfirmation__symbolIcon .icon {
  width: 18px;
  height: 14px;
}
.orderEntryConfirmation__summary {
  display: block;
  margin-bottom: 3px;
  font-weight: bold;
}
.orderEntryConfirmation__wrapper {
  position: relative;
}
.orderEntryConfirmation__wrapper:after {
  position: absolute;
  content: '';
  width: 1px;
  border-left: 1px solid;
  border-color: #ae80ff;
}
.orderEntryConfirmation__description {
  margin-left: 10px;
  line-height: 1.43;
}
.orderEntryConfirmation__title {
  color: rgba(255, 255, 255, 0.55);
  margin-right: 4px;
}
.orderEntryConfirmation__value_positive {
  color: #299171;
}
.orderEntryConfirmation__value_negative {
  color: #d64f58;
}
.mobile .orderEntryConfirmation__container {
  font-size: 18px;
}
.mobile .orderEntryConfirmation__inner {
  max-height: 325px;
}
.orderEntryConfirmation__delimeter {
  color: rgba(255, 255, 255, 0.5);
}

.popup-orderEntryConfirmation .popup--content {
  box-sizing: border-box;
  width: 350px;
  padding: 20px 0 16px;
}
.popup-orderEntryConfirmation .popup--footer {
  text-align: right;
}

.mobile .popup-orderEntryConfirmation .popup--content {
  width: 100%;
}

.popup-security p {
  text-align: left;
}
.popup-security h2 {
  font-weight: bold;
}
.popup-security h2 + p {
  margin-top: 10px;
}
.popup-security .popup--content {
  padding: 0;
}
.popup-security .popup--footer {
  text-align: right;
}
.popup-securityNotification .popup--buttons {
  text-align: right;
}

.button-restoreDefault,
.popup-backupCodes .button-generateCodes {
  float: left;
  padding: 0;
  border: none;
  line-height: 25px;
}
.button-restoreDefault .icon,
.popup-backupCodes .button-generateCodes .icon {
  margin-right: 5px;
  vertical-align: text-bottom;
  width: 15px;
  height: 15px;
}
.button-restoreDefault,
.popup-backupCodes .button-generateCodes {
  transition: color 400ms;
  background: none;
}
.button-restoreDefault:hover span,
.popup-backupCodes .button-generateCodes:hover span,
.button-restoreDefault.\:hover span,
.popup-backupCodes .button-generateCodes.\:hover span {
  color: #ffc973;
  transition: color 220ms ease-in;
}
.button-restoreDefault:hover .icon,
.popup-backupCodes .button-generateCodes:hover .icon,
.button-restoreDefault.\:hover .icon,
.popup-backupCodes .button-generateCodes.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.button-restoreDefault:active span,
.popup-backupCodes .button-generateCodes:active span,
.button-restoreDefault.\:active span,
.popup-backupCodes .button-generateCodes.\:active span {
  color: #bf9756;
}
.button-restoreDefault:before,
.popup-backupCodes .button-generateCodes:before {
  transition: opacity 400ms;
}
.button-restoreDefault span,
.popup-backupCodes .button-generateCodes span {
  color: #55aeee;
  transition: color 220ms ease-out;
}
.button-restoreDefault .icon,
.popup-backupCodes .button-generateCodes .icon {
  fill: #fff;
  transition: fill 220ms ease-out;
}
.button-restoreDefault:disabled,
.popup-backupCodes .button-generateCodes:disabled,
.button-restoreDefault[disabled],
.popup-backupCodes .button-generateCodes[disabled],
.button-restoreDefault:disabled:hover,
.popup-backupCodes .button-generateCodes:disabled:hover,
.button-restoreDefault:disabled:active,
.popup-backupCodes .button-generateCodes:disabled:active,
.button-restoreDefault:disabled.\:hover,
.popup-backupCodes .button-generateCodes:disabled.\:hover,
.button-restoreDefault:disabled.\:active,
.popup-backupCodes .button-generateCodes:disabled.\:active {
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
}
.button-restoreDefault:disabled .icon,
.popup-backupCodes .button-generateCodes:disabled .icon,
.button-restoreDefault[disabled] .icon,
.popup-backupCodes .button-generateCodes[disabled] .icon,
.button-restoreDefault:disabled:hover .icon,
.popup-backupCodes .button-generateCodes:disabled:hover .icon,
.button-restoreDefault:disabled:active .icon,
.popup-backupCodes .button-generateCodes:disabled:active .icon,
.button-restoreDefault:disabled.\:hover .icon,
.popup-backupCodes .button-generateCodes:disabled.\:hover .icon,
.button-restoreDefault:disabled.\:active .icon,
.popup-backupCodes .button-generateCodes:disabled.\:active .icon {
  fill: rgba(255, 255, 255, 0.3);
}
.popup-backupCodes .popup--footer {
  padding: 0 57px;
}
.popup-backupCodes .popup--buttons {
  text-align: right;
}

.securityMessage {
  padding: 29px 65px 25px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  box-sizing: border-box;
}
.securityMessage-confirmation {
  width: 468px;
}
.securityMessage-notification {
  width: 548px;
}
.securityMessage-backupCodes {
  width: 450px;
}

.backupCodes p {
  text-align: center;
}
.backupCodes--list {
  margin: 20px 0 13px;
  display: inline-block;
  list-style: decimal;
  vertical-align: top;
  text-align: left;
  list-style-position: inside;
}
.backupCodes--list li span {
  margin-left: 5px;
  font-weight: bold;
}
.backupCodes--list + ol {
  margin-left: 80px;
}
.backupCodes .button-backupCodes {
  text-align: center;
  font-size: 12px;
  float: none;
  line-height: 1;
  border: 0;
}
.button-restoreDefault,
.button-backupCodes {
  float: left;
  padding: 0;
  border: none;
  line-height: 25px;
}
.button-restoreDefault .icon,
.button-backupCodes .icon {
  margin-right: 5px;
  vertical-align: text-bottom;
  width: 15px;
  height: 15px;
}
.button-restoreDefault,
.button-backupCodes {
  transition: color 400ms;
  background: none;
}
.button-restoreDefault:hover span,
.button-backupCodes:hover span,
.button-restoreDefault.\:hover span,
.button-backupCodes.\:hover span {
  color: #ffc973;
  transition: color 220ms ease-in;
}
.button-restoreDefault:hover .icon,
.button-backupCodes:hover .icon,
.button-restoreDefault.\:hover .icon,
.button-backupCodes.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.button-restoreDefault:active span,
.button-backupCodes:active span,
.button-restoreDefault.\:active span,
.button-backupCodes.\:active span {
  color: #bf9756;
}
.button-restoreDefault:before,
.button-backupCodes:before {
  transition: opacity 400ms;
}
.button-restoreDefault span,
.button-backupCodes span {
  color: #55aeee;
  transition: color 220ms ease-out;
}
.button-restoreDefault .icon,
.button-backupCodes .icon {
  fill: #fff;
  transition: fill 220ms ease-out;
}
.button-restoreDefault:disabled,
.button-backupCodes:disabled,
.button-restoreDefault[disabled],
.button-backupCodes[disabled],
.button-restoreDefault:disabled:hover,
.button-backupCodes:disabled:hover,
.button-restoreDefault:disabled:active,
.button-backupCodes:disabled:active,
.button-restoreDefault:disabled.\:hover,
.button-backupCodes:disabled.\:hover,
.button-restoreDefault:disabled.\:active,
.button-backupCodes:disabled.\:active {
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
}
.button-restoreDefault:disabled .icon,
.button-backupCodes:disabled .icon,
.button-restoreDefault[disabled] .icon,
.button-backupCodes[disabled] .icon,
.button-restoreDefault:disabled:hover .icon,
.button-backupCodes:disabled:hover .icon,
.button-restoreDefault:disabled:active .icon,
.button-backupCodes:disabled:active .icon,
.button-restoreDefault:disabled.\:hover .icon,
.button-backupCodes:disabled.\:hover .icon,
.button-restoreDefault:disabled.\:active .icon,
.button-backupCodes:disabled.\:active .icon {
  fill: rgba(255, 255, 255, 0.3);
}

.mobile .popup-confirmation .popup--content {
  width: 100%;
  max-height: 340px;
  overflow: auto;
}
.mobile .popup-confirmation .confirmationInfo--info {
  font-size: 1.6rem;
}
.mobile .popup-confirmationNew .popup--content {
  width: 100%;
}
.mobile .popup-confirmationMessage .popup--content {
  font-size: 18px;
}

.deletePosition {
  box-sizing: border-box;
  width: 100%;
}
.deletePosition--row {
  margin-bottom: 15px;
  width: 100%;
}
.deletePosition--row:nth-child(2) {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin-top: 20px;
  padding-top: 15px;
}
.deletePosition--row:last-child {
  margin: 0;
}
.deletePosition--modal {
  max-width: 260px;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
  line-height: 1.43;
  text-align: center;
}
.deletePosition--info {
  margin-left: 10px;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.5px;
  vertical-align: middle;
}
.deletePosition--text {
  display: table-cell;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  letter-spacing: normal;
}
.deletePosition--text-sell {
  color: #d64f58;
  letter-spacing: 0.5px;
}
.deletePosition--text-buy {
  color: #299171;
  letter-spacing: 0.5px;
}
.deletePosition--instrument {
  display: block;
}
.deletePosition--instrument span {
  letter-spacing: 0.5px;
}
.deletePosition--barrier {
  display: inline-block;
  padding-top: 3px;
  line-height: 18px;
}
.deletePosition--line {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  margin-top: 10px;
  margin-bottom: 16px;
}
.deletePosition-multiple .deletePosition--modal {
  max-width: 226px;
  padding-bottom: 5px;
}
.deletePosition .control {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.deletePosition .control--label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 84px;
}
.deletePosition .control--wrap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-width: 0;
}
.deletePosition .control--wrap .value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 14px;
}
.popup-confirmationDeleteSinglePosition .confirmationInfo--info {
  display: inline-block;
  width: 100%;
}
.popup-confirmationDeleteSinglePosition .popup--inner {
  width: 100%;
}

.mobile .deletePosition--modal {
  font-size: 18px;
}
.mobile .deletePosition--info {
  font-size: 15px;
}
.mobile .deletePosition--text {
  font-size: 15px;
}
.mobile .deletePosition .control--label {
  width: 101px;
}
.mobile .deletePosition .control--wrap .value {
  min-height: 18px;
  height: auto;
}

.popup-creationAlert {
  display: inline-block;
  vertical-align: top;
}
.popup-creationAlert .popup--title {
  font-weight: bold;
}
.popup-creationAlert .popup--content {
  padding: 10px 18px 27px;
}
.popup-creationAlert .popup--footer {
  text-align: right;
  padding-top: 1px;
}
.popup-creationAlert .popup--buttons {
  padding: 9px 17px 8px;
}
.popup-creationAlert .popup--buttons .button {
  min-width: 75px;
}
.popup-creationAlert .switcherMode--tip {
  color: #999;
}
.popup-creationAlert .switcherMode--tip {
  color: #999;
}

.textareaAutoSize__elementWrapper {
  height: 25px;
  max-height: 75px;
  transition:
    border-color 200ms,
    background-color 200ms linear;
  border: 1px solid #3d4e66;
  background-color: #222633;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0);
  cursor: text;
  overflow: hidden;
}
.textareaAutoSize__elementWrapper:not(.textareaAutoSize__elementWrapper_focus):hover,
.textareaAutoSize__elementWrapper:not(
    .textareaAutoSize__elementWrapper_focus
  ).textareaAutoSize__--hover {
  border-color: #73a9e1;
}
.textareaAutoSize__elementWrapper:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.textareaAutoSize__elementWrapper .scrollable {
  height: 100%;
}
.textareaAutoSize__elementWrapper .scrollable--wrapper {
  height: 75px;
}
.textareaAutoSize__elementWrapper .textareaAutoSize__element {
  width: 100%;
  line-height: 1.57;
  padding: 0 4px;
  background-color: transparent;
  border: none;
  color: #fff;
  border-color: transparent;
  resize: none;
}
.textareaAutoSize__elementWrapper_focus {
  color: #fff;
  border-color: #55aeee;
  background-color: #222633;
}

.control-textarea {
  width: 100%;
}
.control-textarea .control--wrap {
  display: block;
  height: 100%;
}
.control-textarea textarea {
  height: 100%;
  resize: none;
}
.control-textarea .control--charCounter {
  position: relative;
  float: right;
  bottom: 15px;
  right: 5px;
  font-size: 9px;
}
.control-textarea textarea {
  transition:
    border-color 200ms,
    background-color 200ms linear;
  border-color: #3d4e66;
  background-color: #222633;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0);
  color: #fff;
}
.control-textarea textarea.corrected {
  animation: correction 750ms linear;
}
.control-textarea textarea:hover,
.control-textarea textarea.\:hover {
  border-color: #73a9e1;
}
.control-textarea textarea:focus,
.control-textarea textarea.\:focus {
  color: #fff;
  border-color: #55aeee;
  background-color: #222633;
}
.control-textarea textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.control-error.control-textarea textarea {
  border-color: #3d4e66;
  background: #7f0d0d;
}
.control-textarea .control--charCounter {
  color: rgba(255, 255, 255, 0.5);
}

.triggerCondition__container_createAlert .triggerCondition__col_comparison {
  width: 104px;
}
.triggerCondition__container_createAlert .triggerCondition__col_value {
  width: 100px;
}
.triggerCondition__container .button-disabled.creationAlertForm__deleteLeg {
  opacity: 0.3;
}
.triggerCondition__container .selectBox,
.triggerCondition__container .control,
.triggerCondition__container .control--wrap {
  width: 100%;
}
.triggerCondition__titleWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
}
.triggerCondition__titleWrapper .selectBox {
  width: 165px;
}
.triggerCondition__title {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 10px;
  text-transform: none;
  white-space: nowrap;
}
.triggerCondition__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 17px;
  margin: 0 -17px;
  background: $alerts-create-alert-on-bg-color;
}
.triggerCondition__row:not(:last-of-type) {
  margin-bottom: 1px;
}
.triggerCondition__col:not(:last-of-type) {
  margin-right: 12px;
}
.triggerCondition__col .control input[type='text'],
.triggerCondition__col .control input[type='password'],
.triggerCondition__col .control input[type='email'] {
  font-size: 14px;
}
.triggerCondition__col_symbol {
  width: 135px;
}
.triggerCondition__col_field {
  width: 100px;
}
.triggerCondition__col_side {
  width: 76px;
}
.triggerCondition__col_comparison {
  width: 134px;
}
.triggerCondition__col_value {
  width: 119px;
}
.triggerCondition__col_trigger {
  width: 265px;
}
.triggerCondition__optionsContainer {
  display: -ms-flexbox;
  display: flex;
  margin-top: 29px;
}
.triggerCondition__buttonDeleteRow {
  width: 17px;
  height: 17px;
  color: $add-delete-icon-color;
  border-radius: 50%;
  border: 1px solid $add-delete-icon-border-color;
  background-color: $add-delete-icon-bg-color;
}
.triggerCondition__buttonDeleteRow:not([disabled]):active,
.triggerCondition__buttonDeleteRow:not([disabled]).triggerCondition__--active {
  top: 1px;
}
.triggerCondition__buttonDeleteRow:not([disabled]):active .icon,
.triggerCondition__buttonDeleteRow:not([disabled]).triggerCondition__--active .icon {
  top: 0;
}
.triggerCondition__addContainer {
  margin-top: 9px;
  margin-left: -6px;
}
.triggerCondition__addButton {
  color: #55aeee;
  background-color: transparent;
}
.triggerCondition__addButton .icon {
  margin-right: 3px;
  width: 11px;
  height: 11px;
  fill: #55aeee;
}

.creationAlertForm__container {
  font-size: 14px;
}
.creationAlertForm__container .TimeInput__inner {
  font-size: 14px;
}
.creationAlertForm__titleWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.creationAlertForm__title {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.8px;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 10px;
  text-transform: uppercase;
}
.creationAlertForm__optionsContainer {
  display: -ms-flexbox;
  display: flex;
  margin-top: 29px;
}
.creationAlertForm__optionsCol:first-child {
  width: 172px;
}
.creationAlertForm__optionsCol:last-child {
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.creationAlertForm__optionsCol .switcher {
  margin-left: 4px;
}
.creationAlertForm__expirationRow {
  width: 152px;
  margin-top: 8px;
}
.creationAlertForm__expirationRow .control-datePicker {
  width: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.creationAlertForm__expirationRow .control-datePicker .control--wrap {
  width: 112px;
}
.creationAlertForm__expirationRow .control-datePicker .control--wrap input {
  width: 100%;
}
.creationAlertForm__expirationRow .control-datePicker .control--label > label {
  color: #fff;
}
.creationAlertForm__notifyRow {
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
.creationAlertForm__notifyRow:first-of-type {
  margin-top: 14px;
}
.creationAlertForm__notifyRow .control-checkBox {
  margin-right: 8px;
}
.creationAlertForm__descriptionContainer {
  margin-top: 23px;
}
.creationAlertForm__descriptionContainer .control--wrap {
  margin-top: 5px;
}
.creationAlertForm__descriptionContainer .creationAlertForm__textarea {
  width: 100%;
  font-size: 14px;
  line-height: 1.8;
  overflow: hidden;
}
.creationAlertForm__expirationTime {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.creationAlertForm__expirationLabel {
  color: #fff;
}
.creationAlertForm__timeInputContainer {
  width: 76px;
}
.creationAlertForm__inputContainer {
  width: 110px;
}

.popup-drawings .popup--window {
  min-width: 358px;
}
.popup-drawings .popup--content {
  padding: 24px 0 30px 29px;
}
.popup-drawings .popup--footer {
  text-align: right;
}
.popup-drawings .scrollable--content {
  padding-left: 1px;
  box-sizing: border-box;
}
.popup-drawings .icon-restore {
  visibility: hidden;
}
.popup-drawings .settingPanel__container {
  padding: 15px 29px 20px;
  margin-top: 0;
}
.popup-drawings .settingPanel__container .settingPanel__col {
  width: 100%;
}

.mobile .popup-drawings .popup--window {
  min-width: 0;
}
.mobile .popup-drawings .popup--content {
  box-sizing: border-box;
  padding-left: 10px;
}
.mobile .popup-drawings .popup--buttons {
  white-space: nowrap;
}

.button-controlGroup {
  min-width: 79px;
  height: 21px;
  font-size: 1.2rem;
  padding: 0 6px;
}
.button-controlGroup span {
  line-height: 20px;
}

.drawingProperties {
  width: auto;
  max-height: 578px;
  padding-right: 29px;
}
.drawingProperties h3 {
  margin-bottom: 16px;
  color: #55aeee;
  font-weight: 500;
  letter-spacing: 0.8px;
  text-align: left;
  text-transform: uppercase;
}
.drawingProperties--labels .control-checkBox {
  min-width: 90px;
}
.drawingProperties--extendWrap {
  display: -ms-flexbox;
  display: flex;
}
.drawingProperties--extendWrap .controlGroup {
  margin-right: 20px;
}
.drawingProperties--extendWrap .controlGroup:last-child {
  margin-right: 0;
}
.drawingProperties--extendWrap .controlGroup .controlGroup--item {
  display: block;
  margin-bottom: 15px;
}
.drawingProperties--extendWrap .controlGroup .controlGroup--item:last-child {
  margin-bottom: 0;
}
.drawingProperties--extendWrap .controlGroup .controlGroup--item + .controlGroup--item {
  margin-left: 0;
}
.drawingProperties--extendWrap .controlGroup .controlGroup--item .control-checkBox {
  margin-bottom: 0;
}
.drawingProperties .checkBox--label {
  color: #fff;
  font-size: 14px;
}
.drawingProperties .form--fieldset {
  padding: 0;
  margin-bottom: 24px;
}
.drawingProperties .form--fieldset:last-child {
  margin-bottom: 0;
}
.drawingProperties .controlGroup {
  margin-bottom: 16px;
}
.drawingProperties .controlGroup:last-child {
  margin-bottom: 0;
}
.drawingProperties .controlGroup--item {
  margin-bottom: 10px;
}
.drawingProperties .controlGroup--item:last-child {
  margin-bottom: 0;
}
.drawingProperties .control {
  margin-right: 16px;
}
.drawingProperties .control:last-child {
  margin-right: 0;
}
.drawingProperties .control-labelsPrice .selectBox,
.drawingProperties .control-labelsCoefficient .selectBox {
  width: auto;
}
.drawingProperties .control-line .selectBox {
  width: 60px;
}
.drawingProperties .control-checkBox.control-noLabel label:before {
  margin-right: 0;
}
.drawingProperties .control-datePicker label,
.drawingProperties .control-numericStepper label,
.drawingProperties .control-colorPicker label {
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1;
}
.drawingProperties .control-datePicker {
  margin-right: 10px;
}
.drawingProperties .control-datePicker label {
  font-size: 12px;
}
.drawingProperties .control-numericStepper {
  width: 110px;
}
.drawingProperties .control-colorPicker {
  display: inline-block;
  vertical-align: baseline;
}
.drawingProperties .control-dateTime {
  width: 113px;
}
.drawingProperties .control-price {
  width: 127px;
  margin-right: 20px;
}
.drawingProperties .control-price + .control-checkBox {
  margin-bottom: -23px;
}
.drawingProperties .button-controlGroup {
  color: #55aeee;
  background: none;
  border: none;
  box-shadow: none;
  vertical-align: unset;
}
.drawingProperties .button-controlGroup:before {
  content: none;
}
.drawingProperties .button-controlGroup span {
  line-height: unset;
  padding: 2px;
}

.mobile .drawingProperties {
  padding-right: 10px;
  height: 325px;
}
.mobile .drawingProperties .control-price {
  margin-right: 8px;
}
.mobile .drawingProperties .control-datePicker label {
  font-size: 14px;
}
.mobile .drawingProperties .control {
  margin-bottom: 10px;
  vertical-align: baseline;
}
.mobile .drawingProperties .control-checkBox {
  margin-bottom: 0;
  vertical-align: middle;
}

.popup-passwordRequest .popup--content {
  padding: 0;
}
.popup-passwordRequest .popup--content-text {
  padding: 30px 40px 0 40px;
  font-size: 14px;
}
.popup-passwordRequest .popup--footer {
  text-align: right;
}
.popup-passwordRequest .control-passwordInput .control--wrap {
  width: 230px;
}
.popup-passwordRequest .control-passwordInput .control--postfix {
  position: absolute;
  left: -2px;
  bottom: -20px;
}
.popup-passwordRequest .control-passwordInput .control--errorMessage {
  margin-bottom: 8px;
}
.popup-passwordRequest p {
  color: #fff;
}
.popup-passwordRequest .control-passwordInput .control--label {
  color: rgba(255, 255, 255, 0.7);
}

.popup-twoStepAuthSetup .popup--header .popup--close {
  right: 5px;
}
.popup-twoStepAuthSetup .popup--content {
  width: 456px;
  padding: 0;
}
.popup-twoStepAuthSetup .popup--content h2 {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 14px;
  margin-left: 40px;
  margin-top: 26px;
  margin-right: 40px;
}
.popup-twoStepAuthSetup .popup--content ol {
  margin-left: 40px;
  margin-right: 36px;
  padding-left: 13px;
  margin-bottom: 26px;
}
.popup-twoStepAuthSetup .popup--content li {
  list-style-type: decimal;
  line-height: 18px;
  margin-bottom: 6px;
}
.popup-twoStepAuthSetup .popup--content .barcode {
  text-align: center;
  margin-bottom: 26px;
}
.popup-twoStepAuthSetup .popup--content .barcode--wrapper {
  display: inline-block;
}
.popup-twoStepAuthSetup .popup--content .barcode--image {
  display: block;
}
.popup-twoStepAuthSetup .popup--content .secretKey {
  margin-top: 10px;
  margin-bottom: 6px;
  padding-left: 21px;
  padding-right: 21px;
  padding-top: 13px;
  padding-bottom: 13px;
  display: inline-block;
}
.popup-twoStepAuthSetup .popup--content .secretKey strong {
  font-size: 14px;
  line-height: 1;
  display: block;
  margin-bottom: 12px;
}
.popup-twoStepAuthSetup .popup--content .secretKey small {
  display: block;
  font-size: 12px;
  line-height: 1;
}
.popup-twoStepAuthSetup .popup--content p {
  margin-left: 40px;
  margin-right: 40px;
  line-height: 18px;
  margin-bottom: 13px;
}
.popup-twoStepAuthSetup .popup--content form {
  margin-left: 40px;
  margin-bottom: 10px;
}
.popup-twoStepAuthSetup .popup--content form label {
  margin-right: 7px;
}
.popup-twoStepAuthSetup .popup--content form .control-textInput {
  display: block;
  width: auto;
}
.popup-twoStepAuthSetup .popup--content form .control .control--label {
  display: inline-block;
  vertical-align: baseline;
}
.popup-twoStepAuthSetup .popup--content form .control .control--wrap {
  display: inline-block;
  vertical-align: baseline;
  width: 94px;
  height: 41px;
}
.popup-twoStepAuthSetup .popup--content form .control .control--wrap input {
  vertical-align: inherit;
}
.popup-twoStepAuthSetup .popup--content form .control .control--errorMessage {
  margin-top: 8px;
  white-space: nowrap;
}
.popup-twoStepAuthSetup .popup--buttons {
  text-align: right;
}
.popup-twoStepAuthSetup .button-barcode {
  float: left;
  padding: 0;
  border: none;
  line-height: 3.05rem;
}
.popup-twoStepAuthSetup .popup--content li {
  color: rgba(255, 255, 255, 0.7);
}
.popup-twoStepAuthSetup .popup--content h2 {
  color: #fff;
}
.popup-twoStepAuthSetup .popup--content strong {
  color: #fff;
}
.popup-twoStepAuthSetup .popup--content p {
  color: rgba(255, 255, 255, 0.7);
}
.popup-twoStepAuthSetup .popup--content label {
  color: rgba(255, 255, 255, 0.7);
}
.popup-twoStepAuthSetup .popup--content a {
  text-decoration: none;
}
.popup-twoStepAuthSetup .popup--content .secretKey {
  background-color: #2c2d3d;
}
.popup-twoStepAuthSetup .popup--content .secretKey strong {
  color: #fff;
}
.popup-twoStepAuthSetup .popup--content .secretKey small {
  color: #999;
}
.popup-twoStepAuthSetup .button-barcode {
  background: none;
  color: #55aeee;
}
.popup-twoStepAuthSetup .button-barcode:hover,
.popup-twoStepAuthSetup .button-barcode.\:hover {
  color: #ffc973;
}
.popup-twoStepAuthSetup .button-barcode:active,
.popup-twoStepAuthSetup .button-barcode.\:active {
  color: #bf9756;
}

.popup-alertTriggered__container {
  position: relative;
  padding: 10px 17px;
  box-sizing: border-box;
}
.popup-alertTriggered__wrapper {
  position: relative;
}
.popup-alertTriggered .popup--content {
  padding: 0;
}
.popup-alertTriggered .popup--buttons {
  padding-right: 15px;
  text-align: right;
}
.dropDown--option:first-of-type .dropDown--alertTriggered-wrappper {
  margin-top: 5px;
}
.dropDown--option .dropDown--alertTriggered-wrappper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 264px;
  padding-left: 10px;
  margin-bottom: 9px;
  white-space: normal;
}
.dropDown--option .dropDown--alertTriggered-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.86;
}
.dropDown--option .dropDown--alertTriggered-description {
  line-height: 1.42;
}

.popup-orderConfirmation .popup--content {
  width: 400px;
  padding: 32px 64px 27px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  box-sizing: border-box;
}
.popup-orderConfirmation .orderConfirmation--label {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 700;
}
.popup-orderConfirmation .orderConfirmation--text {
  margin-bottom: 18px;
  height: 94px;
  font-size: 13px;
  line-height: 1.4;
  background: #2c2d3d;
}
.popup-orderConfirmation .orderConfirmation--text .scrollable--container {
  padding-top: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
}
.popup-orderConfirmation .orderConfirmation--hint {
  margin-bottom: 10px;
  color: #8ebcd4;
  font-size: 14px;
  line-height: 1.71;
}
.popup-orderConfirmation .orderConfirmation--textarea {
  height: 42px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.67;
}
.popup-orderConfirmation .orderConfirmation--error {
  margin-bottom: -12px;
  color: #99222a;
  font-size: 12px;
  line-height: 1;
}

.dropDown-multiSelectBox .dropDown--option {
  padding: 2px 10px 1px 25px;
}
.dropDown-multiSelectBox .dropDown--option-selected {
  background-position: left center;
}

.control-multiSelectBox .control--wrap select {
  display: none;
}
.control-multiSelectBox .control-value {
  height: 21px;
  line-height: 21px;
}
.control-multiSelectBox .link-pseudo {
  color: #55aeee;
  text-decoration: none;
}

.popup-extendedFilterSettings .popup--content {
  padding-bottom: 1px;
  font-size: 11px;
}
.popup-extendedFilterSettings .popup--buttons {
  text-align: right;
}
.popup-extendedFilterSettings .extendedFilterSettings {
  width: 310px;
}
.popup-extendedFilterSettings .form--legend {
  float: left;
  width: 100%;
  margin-bottom: 8px;
  line-height: 14px;
}
.popup-extendedFilterSettings .form--fieldset {
  padding: 0;
}
.popup-extendedFilterSettings .form--fieldset-secondary {
  padding-top: 10px;
}
.popup-extendedFilterSettings .form--fieldset-secondary .form--row + .form--row {
  padding-top: 3px;
}
.popup-extendedFilterSettings .form--fieldset-secondary .form--legend {
  margin-bottom: 9px;
}
.popup-extendedFilterSettings .form--fieldset-secondary .form--row .control + .control {
  margin-left: 24px;
}
.popup-extendedFilterSettings .form--row {
  padding-bottom: 9px;
}
.popup-extendedFilterSettings .form--row .control--label:not(.checkBox--label) {
  font-size: 9px;
}
.popup-extendedFilterSettings .control-filterInterval,
.popup-extendedFilterSettings .control-numericStepper {
  width: 92px;
}
.popup-extendedFilterSettings .control-filterTrend,
.popup-extendedFilterSettings .control-filterEndTime {
  width: 100px;
}
.popup-extendedFilterSettings .control-checkBox {
  min-width: 130px;
}
.popup-extendedFilterSettings .control-checkBox .control--label {
  color: inherit;
}
.popup-extendedFilterSettings .control-noTimeDate {
  margin-left: 100px;
  margin-top: 2px;
  margin-bottom: 4px;
}
.popup-extendedFilterSettings .form--fieldset-secondary {
  background: transparent;
}

.popup-guest .popup--content {
  width: 358px;
  padding: 24px 30px 30px;
  text-align: center;
  box-sizing: border-box;
}
.popup-guest .popup--content .text {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 21px;
}
.popup-guest .popup--content .button {
  margin: 0 5px;
  padding: 0 10px;
  width: 100px;
}
.popup-guest .popup--header {
  background: transparent;
}
.popup-guest .popup--window {
  box-shadow: 0 6px 25px rgba(10, 11, 26, 0.4);
}

.orderEntrySettings__container {
  position: relative;
  padding-top: 5px;
}
.orderEntrySettings__header {
  margin-bottom: 20px;
}
.orderEntrySettings__content {
  position: relative;
  height: 227px;
}
.orderEntrySettings__tabContent {
  padding-left: 30px;
}
.orderEntrySettings__tabContent .control-numericStepper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 309px;
}
.orderEntrySettings__tabContent .control-numericStepper .control--label {
  font-size: 14px;
  color: #fff;
}
.orderEntrySettings__tabContent .control-numericStepper .control--wrap {
  width: 135px;
}

.popup-orderEntrySettings .popup--content {
  width: 556px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}
.popup-orderEntrySettings .popup--footer {
  text-align: right;
}

.button-clearFilter {
  padding-left: 0;
  padding-right: 0;
}
.button-clearFilter .icon {
  width: 10px;
  height: 13px;
  margin-right: 5px;
  vertical-align: middle;
}
.button-clearFilter span {
  vertical-align: top;
  line-height: 16px;
}
.button-clearFilter {
  background: transparent;
  border: none;
  color: #55aeee;
}
.button-clearFilter .icon {
  fill: rgba(255, 255, 255, 0.5);
  transition: fill 220ms ease-out;
}
.button-clearFilter:hover .icon,
.button-clearFilter.\:hover .icon {
  fill: $hovered-icon-color-2;
  transition: fill 220ms ease-in;
}
.button-clearFilter :active .icon,
.button-clearFilter .\:active .icon {
  fill: #3d7399;
}

.contextMenu-selector.contextMenu {
  padding: 5px 0;
}
.contextMenu-selector .contextMenu--optionList {
  min-width: 0;
}
.contextMenu-selector .contextMenu--item-delimiter {
  padding: 0;
  margin: 2px 9px;
}
.contextMenu-selector .contextMenu--item-last {
  height: 16px;
  line-height: 0;
  padding: 4px 9px 2px 9px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.contextMenu-selector .contextMenu--item-last .button-clearFilter,
.contextMenu-selector .contextMenu--item-last .filter-description {
  margin-left: auto;
}
.contextMenu-selector .contextMenu--item .link-pseudo {
  color: #fff;
}

.calendar__container___third-party-legacy-react-kit-components-calendar-theme- {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  white-space: nowrap;
  margin-bottom: 4px;
  background-color: #33312f;
}
.calendar__arrows___third-party-legacy-react-kit-components-calendar-theme- {
  position: relative;
  width: 21px;
  height: 18px;
}
.calendar__calendar___third-party-legacy-react-kit-components-calendar-theme- {
  display: inline-block;
  vertical-align: top;
  padding-top: 9px;
}
.calendar__calendar__header___third-party-legacy-react-kit-components-calendar-theme- {
  color: #999;
  font-size: 10px;
  margin-bottom: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.calendar__calendar__header___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day___third-party-legacy-react-kit-components-calendar-theme- {
  height: 19px;
  width: 27px;
}
.calendar__calendar__day___third-party-legacy-react-kit-components-calendar-theme- {
  width: 27px;
  height: 23px;
  font-size: 10px;
  min-width: 0;
  text-align: center;
  border-color: transparent;
}
.calendar__calendar__day___third-party-legacy-react-kit-components-calendar-theme-:not(
    :last-child
  ) {
  margin-right: 2px;
}
.calendar__calendar__day_isSelected___third-party-legacy-react-kit-components-calendar-theme- {
  border-style: solid;
  border-width: 1px;
}
.calendar__calendar__row___third-party-legacy-react-kit-components-calendar-theme- {
  display: -ms-flexbox;
  display: flex;
  padding-right: 3px;
}
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme- {
  font-size: 12px;
}
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar___third-party-legacy-react-kit-components-calendar-theme- {
  position: relative;
}
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day___third-party-legacy-react-kit-components-calendar-theme- {
  line-height: 1;
  padding-left: 0;
  font-size: 12px;
  padding-right: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 1px;
  transition: none;
}
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day___third-party-legacy-react-kit-components-calendar-theme-:hover,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day___third-party-legacy-react-kit-components-calendar-theme-.calendar__--hover___third-party-legacy-react-kit-components-calendar-theme- {
  background-color: rgba(153, 211, 255, 0.1);
}
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day___third-party-legacy-react-kit-components-calendar-theme-:active,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day___third-party-legacy-react-kit-components-calendar-theme-.calendar__--active___third-party-legacy-react-kit-components-calendar-theme- {
  background-color: rgba(85, 174, 238, 0.2);
  padding-top: 0;
  padding-bottom: 0;
}
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isSelected___third-party-legacy-react-kit-components-calendar-theme- {
  color: #55aeee;
}
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day___third-party-legacy-react-kit-components-calendar-theme-[disabled],
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day___third-party-legacy-react-kit-components-calendar-theme-[disabled]:hover,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day___third-party-legacy-react-kit-components-calendar-theme-[disabled]:active,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day___third-party-legacy-react-kit-components-calendar-theme-[disabled].calendar__--hover___third-party-legacy-react-kit-components-calendar-theme-,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day___third-party-legacy-react-kit-components-calendar-theme-[disabled].calendar__--active___third-party-legacy-react-kit-components-calendar-theme- {
  color: #666;
  border-color: transparent;
  background-color: transparent;
}
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isHidden___third-party-legacy-react-kit-components-calendar-theme-,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isHidden___third-party-legacy-react-kit-components-calendar-theme-[disabled],
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isHidden___third-party-legacy-react-kit-components-calendar-theme-:hover,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isHidden___third-party-legacy-react-kit-components-calendar-theme-[disabled]:hover,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isHidden___third-party-legacy-react-kit-components-calendar-theme-:active,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isHidden___third-party-legacy-react-kit-components-calendar-theme-[disabled]:active,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isHidden___third-party-legacy-react-kit-components-calendar-theme-.calendar__--hover___third-party-legacy-react-kit-components-calendar-theme-,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isHidden___third-party-legacy-react-kit-components-calendar-theme-[disabled].calendar__--hover___third-party-legacy-react-kit-components-calendar-theme-,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isHidden___third-party-legacy-react-kit-components-calendar-theme-.calendar__--active___third-party-legacy-react-kit-components-calendar-theme-,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isHidden___third-party-legacy-react-kit-components-calendar-theme-[disabled].calendar__--active___third-party-legacy-react-kit-components-calendar-theme- {
  color: transparent;
  border-color: transparent;
  background-color: transparent;
}
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isCurrent___third-party-legacy-react-kit-components-calendar-theme- {
  border-color: #666;
}
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isCurrent___third-party-legacy-react-kit-components-calendar-theme-,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isCurrent___third-party-legacy-react-kit-components-calendar-theme-[disabled],
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isCurrent___third-party-legacy-react-kit-components-calendar-theme-:hover,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isCurrent___third-party-legacy-react-kit-components-calendar-theme-[disabled]:hover,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isCurrent___third-party-legacy-react-kit-components-calendar-theme-:active,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isCurrent___third-party-legacy-react-kit-components-calendar-theme-[disabled]:active,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isCurrent___third-party-legacy-react-kit-components-calendar-theme-.calendar__--hover___third-party-legacy-react-kit-components-calendar-theme-,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isCurrent___third-party-legacy-react-kit-components-calendar-theme-[disabled].calendar__--hover___third-party-legacy-react-kit-components-calendar-theme-,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isCurrent___third-party-legacy-react-kit-components-calendar-theme-.calendar__--active___third-party-legacy-react-kit-components-calendar-theme-,
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isCurrent___third-party-legacy-react-kit-components-calendar-theme-[disabled].calendar__--active___third-party-legacy-react-kit-components-calendar-theme- {
  border-color: #666;
}
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isAvailable___third-party-legacy-react-kit-components-calendar-theme- {
  color: #55aeee;
}
.calendar__calendar__monthName___third-party-legacy-react-kit-components-calendar-theme- {
  color: #fff;
  font-weight: bold;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 7px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 9px;
  margin-bottom: 4px;
}
.calendar__calendar__monthName_singeLine___third-party-legacy-react-kit-components-calendar-theme- {
  position: relative;
  top: 22px;
}
.calendar__selector___third-party-legacy-react-kit-components-calendar-theme- {
  display: inline-block;
  vertical-align: top;
}
.calendar__selector__years___third-party-legacy-react-kit-components-calendar-theme- {
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
}
.calendar__selector__yearsText___third-party-legacy-react-kit-components-calendar-theme- {
  margin: 2px 7px 0;
  font-size: 12px;
  color: #ccc;
}
.calendar__selector__months___third-party-legacy-react-kit-components-calendar-theme- {
  display: -ms-flexbox;
  display: flex;
}
.calendar__selector__separator___third-party-legacy-react-kit-components-calendar-theme- {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  margin-left: 4px;
  margin-top: 10px;
  margin-bottom: 5px;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}
.calendar__selector__monthList___third-party-legacy-react-kit-components-calendar-theme- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 7px 0 0 8px;
}
.calendar__selector__month___third-party-legacy-react-kit-components-calendar-theme- {
  color: #999;
  margin-left: 7px;
  font-size: 12px;
  max-width: 85px;
  border-radius: 1px;
  padding-left: 7px;
  padding-right: 5px;
  box-sizing: border-box;
  padding-top: 7px;
  padding-bottom: 7px;
  transition:
    color 0.1s ease,
    border-color 0.1s ease;
  background-color: transparent;
  cursor: pointer;
}
.calendar__selector__month___third-party-legacy-react-kit-components-calendar-theme-:not(
    :last-child
  ) {
  margin-bottom: 4px;
}
.calendar__selector__month___third-party-legacy-react-kit-components-calendar-theme-:hover,
.calendar__selector__month___third-party-legacy-react-kit-components-calendar-theme-.calendar__--hover___third-party-legacy-react-kit-components-calendar-theme- {
  background-color: $calendar-month-hover-bg-color;
  color: #ffc973;
}
.calendar__selector__month_isSelected___third-party-legacy-react-kit-components-calendar-theme- {
  color: #ff9e58;
  background: rgba(153, 211, 255, 0.1);
}

.menu-h-child__item___third-party-legacy-react-kit-components-calendar-theme- {
  padding: 0;
  line-height: 26px;
  padding-left: 9px;
  margin-right: -9px;
}

.year-selector-button__container___third-party-legacy-react-kit-components-calendar-theme- {
  fill: #fff;
  background: #393a4d;
  border-color: transparent;
  width: 21px;
  transition: height 0.2s;
  height: 9px;
  padding: 0;
  position: absolute;
  top: auto;
  bottom: 9px;
}
.year-selector-button__container___third-party-legacy-react-kit-components-calendar-theme-:last-child {
  bottom: auto;
  top: 9px;
}
.year-selector-button__container___third-party-legacy-react-kit-components-calendar-theme-:hover,
.year-selector-button__container___third-party-legacy-react-kit-components-calendar-theme-.year-selector-button__--hover___third-party-legacy-react-kit-components-calendar-theme- {
  fill: #ffc973;
}
.year-selector-button__container___third-party-legacy-react-kit-components-calendar-theme-:active,
.year-selector-button__container___third-party-legacy-react-kit-components-calendar-theme-.year-selector-button__--active___third-party-legacy-react-kit-components-calendar-theme- {
  fill: #3d7399;
}
.year-selector-button__container___third-party-legacy-react-kit-components-calendar-theme-:not(
    [disabled]
  ):hover,
.year-selector-button__container___third-party-legacy-react-kit-components-calendar-theme-:not(
    [disabled]
  ).year-selector-button__--hover___third-party-legacy-react-kit-components-calendar-theme- {
  height: 20px;
}
.year-selector-button__container___third-party-legacy-react-kit-components-calendar-theme-:not(
    [disabled]
  ):hover::before,
.year-selector-button__container___third-party-legacy-react-kit-components-calendar-theme-:not(
    [disabled]
  ).year-selector-button__--hover___third-party-legacy-react-kit-components-calendar-theme-::before {
  background: transparent;
}
.year-selector-button__icon___third-party-legacy-react-kit-components-calendar-theme- {
  width: 9px;
  height: 6px;
}

.monthButton-h-child__container___third-party-legacy-react-kit-components-calendar-theme- {
  color: #fff;
  font-size: 12px;
  width: 100%;
  height: 23px;
  box-shadow: none;
  border-radius: 1px;
  padding-left: 7px;
  padding-right: 5px;
  text-align: left;
  box-sizing: border-box;
  padding-top: 4px;
  padding-bottom: 5px;
  line-height: 1;
  transition:
    color 0.1s ease,
    border-color 0.1s ease;
  background-color: transparent;
  cursor: pointer;
  margin-bottom: 3px;
}
.monthButton-h-child__container_flat___third-party-legacy-react-kit-components-calendar-theme- {
  color: #55aeee;
}
.monthButton-h-child__container___third-party-legacy-react-kit-components-calendar-theme-:before {
  content: none;
}
.monthButton-h-child__container___third-party-legacy-react-kit-components-calendar-theme-:hover,
.monthButton-h-child__container___third-party-legacy-react-kit-components-calendar-theme-.monthButton-h-child__--hover___third-party-legacy-react-kit-components-calendar-theme- {
  background-color: rgba(209, 199, 188, 0.12);
  color: #ffc973;
}
.monthButton-h-child__container___third-party-legacy-react-kit-components-calendar-theme-:focus,
.monthButton-h-child__container___third-party-legacy-react-kit-components-calendar-theme-.monthButton-h-child__--focus___third-party-legacy-react-kit-components-calendar-theme- {
  padding-left: 7px;
}
.monthButton-h-child__container___third-party-legacy-react-kit-components-calendar-theme-:disabled {
  color: rgba(255, 255, 255, 0.3);
  background: none;
  box-shadow: none;
}
.monthButton-h-child__container___third-party-legacy-react-kit-components-calendar-theme-:disabled:hover,
.monthButton-h-child__container___third-party-legacy-react-kit-components-calendar-theme-:disabled.monthButton-h-child__--hover___third-party-legacy-react-kit-components-calendar-theme- {
  color: rgba(255, 255, 255, 0.3);
}

.year-selectbox__container__popover___third-party-legacy-react-kit-components-calendar-theme- {
  border: 0;
}
.year-selectbox__container__anchor___third-party-legacy-react-kit-components-calendar-theme- {
  text-align: left;
  background: none;
  border: none;
  color: #55aeee;
  min-width: 54px;
  box-shadow: none;
  border-radius: 0;
  margin-left: 13px;
  z-index: 20;
}
.year-selectbox__container__anchor___third-party-legacy-react-kit-components-calendar-theme-:before {
  content: '';
  display: none;
}
.year-selectbox__container__anchor___third-party-legacy-react-kit-components-calendar-theme-:focus,
.year-selectbox__container__anchor___third-party-legacy-react-kit-components-calendar-theme-.year-selectbox__--focus___third-party-legacy-react-kit-components-calendar-theme- {
  box-shadow: none;
}
.year-selectbox__container__anchor__caret___third-party-legacy-react-kit-components-calendar-theme- {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 7px;
  height: 12px;
  left: 38px;
  top: 50%;
  margin-top: -6px;
}

.scrollable__container___third-party-legacy-react-kit-components-calendar-theme- {
  height: 321px;
  padding: 0;
}

.popover__container___third-party-legacy-react-kit-components-calendar-theme- {
  position: relative;
}

.DateTimeFilter__form {
  background-color: #303142;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
}
.DateTimeFilter__dateTime {
  display: -ms-flexbox;
  display: flex;
}
.DateTimeFilter__fieldset {
  margin-bottom: 5px;
}
.DateTimeFilter__label {
  color: rgba(255, 255, 255, 0.5);
  width: 100%;
  margin-bottom: 3px;
}
.DateTimeFilter__actions {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 10px;
  text-align: right;
  padding-top: 7px;
}

.DateInputSteppableInput__container {
  width: 129px;
}

.TimeInputSteppableInput__container {
  width: 102px;
  margin-left: 5px;
}

.Today__container {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.contextMenu-dateTimeFilter {
  padding-top: 8px;
}
.contextMenu-dateTimeFilter .contextMenu--content {
  padding: 0 10px;
}
.contextMenu-dateTimeFilter .button-clearFilter {
  float: right;
  padding: 0;
}
.contextMenu-dateTimeFilter .control-datePicker {
  width: 121px;
  font-size: 12px;
}
.contextMenu-dateTimeFilter .control-datePicker .control--label > label {
  padding-bottom: 6px;
}
.contextMenu-dateTimeFilter
.control-datePicker.control-hasData
.datePicker--input
input[type='text'] {
  padding-right: 45px;
}
.contextMenu-dateTimeFilter .control-numericStepper {
  margin-top: 7px;
  margin-left: 3px;
}
.contextMenu-dateTimeFilter .contextMenu--item-delimiter {
  margin-top: 0;
}
.contextMenu-dateTimeFilter li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 9px;
}
.contextMenu-dateTimeFilter .contextMenu--item-delimiter {
  margin-bottom: 2px;
}
.contextMenu-dateTimeFilter .contextMenu--footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.contextMenu-dateTimeFilter .datePicker .button:hover icon-calendar,
.contextMenu-dateTimeFilter .datePicker .button.\:hover icon-calendar {
  fill: $hovered-icon-color-2;
}
.contextMenu-dateTimeFilter .datePicker .icon-calendar {
  fill: rgba(255, 255, 255, 0.5);
}

.optionFilters__container {
  text-align: left;
}
.optionFilters__container .selectBox--inner {
  box-sizing: border-box;
  width: 155px;
}
.optionFilters__container .control-selectBox + .button-link {
  margin-top: 6px;
}
.optionFilters__container .control-numericStepper {
  width: 48px;
}
.optionFilters__container .numericStepper--input input[type='text'] {
  min-width: 48px;
}
.optionFilters__container .switcher {
  margin-left: 10px;
}
.optionFilters__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  min-height: 25px;
  margin-bottom: 17px;
}
.optionFilters__row:last-child {
  margin-bottom: 0;
}
.optionFilters__row_delimiter {
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.optionFilters__row_expiration {
  -ms-flex-align: start;
  align-items: flex-start;
}
.optionFilters__row_expiration .optionFilters__label {
  margin-top: 5px;
}
.optionFilters__row_frontMonth {
  min-height: 0;
  margin-top: 13px;
  padding-bottom: 14px;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.optionFilters__row_frontMonth .optionFilters__label {
  margin-top: 0;
}
.optionFilters__columnRight {
  width: 155px;
  position: relative;
}
.optionFilters__columnRight .contextMenu-selector {
  min-width: 133px;
  top: 21px;
  left: -4px;
}
.optionFilters__columnRight .contextMenu-selector .button-clearFilter {
  color: #55aeee;
}
.optionFilters__columnRight .contextMenu-selector .button-clearFilter:hover,
.optionFilters__columnRight .contextMenu-selector .button-clearFilter.\:hover {
  color: #ffc973;
}
.optionFilters__columnRight .contextMenu-selector .button-clearFilter .icon-clear-filter {
  display: none;
}
.optionFilters__columnRight .contextMenu-selector .contextMenu--pointer:before {
  background: #303142;
}
.optionFilters__columnRight .contextMenu-selector .loadingWheel {
  display: none;
}
.optionFilters__columnRight .button-link {
  max-width: 180px;
  text-align: left;
}
.optionFilters__label {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.optionFilters__stepperBlock {
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.optionFilters__stepperBlock .optionFilters__label {
  width: 68px;
  margin-top: 0;
  font-size: 12px;
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.optionFilters__dateRangeSelector {
  position: relative;
  margin-top: 6px;
}
.optionFilters__dateRangeSelector .contextMenu-dateTimeFilter {
  margin-top: 12px;
  padding-bottom: 0;
}
.optionFilters__dateRangeSelector
.contextMenu-dateTimeFilter
.control-datePicker
.control--label
> label {
  padding-bottom: 3px;
}
.optionFilters__dateRangeSelector .contextMenu-dateTimeFilter .button-clearFilter {
  display: none;
}
.optionFilters__dateRangeSelector .contextMenu-dateTimeFilter .contextMenu--item-delimiter {
  display: none;
}
.optionFilters__dateRangeSelector .contextMenu-dateTimeFilter .contextMenu--pointer:before {
  background: #303142;
}
.optionFilters__dateRangeSelector .contextMenu-dateTimeFilter .control-datePicker {
  width: 135px;
}
.optionFilters__dateRangeSelector
.contextMenu-dateTimeFilter
.control-datePicker
input[type='text'] {
  font-size: 14px;
}

.popup-optionFilters .popup--content {
  padding: 20px 40px;
  width: 280px;
}
.popup-optionFilters .popup--footer {
  text-align: right;
}
.popup-optionFilters .popup--buttons {
  padding-left: 40px;
}
.popup-optionFilters .popup--buttons .button-restoreDefault {
  margin-right: 10px;
}
.popup-optionFilters .popup--buttons .button {
  min-width: 84px;
}

.button-widgetSettings .icon {
  margin-top: 1px;
  width: 10px;
  height: 10px;
}
.button-widgetSettings .icon {
  fill: rgba(255, 255, 255, 0.8);
  transition: fill 220ms ease-out;
}
.button-widgetSettings.button-active .icon,
.button-widgetSettings:hover .icon,
.button-widgetSettings.\:hover .icon {
  fill: #3d7399;
  transition: fill 220ms ease-in;
}

.control-foldButton {
  display: inline-block;
  width: 8px;
  vertical-align: middle;
}
.control-foldButton .icon {
  width: 8px;
  height: 8px;
}
.control-foldButton .button {
  padding-top: 1px;
}
.control-foldButton.control-folded .icon-group-opened {
  display: none;
}
.control-foldButton.control-open .icon-group-closed {
  display: none;
}

.multiAsset__container {
  display: -ms-flexbox;
  display: flex;
}
.multiAsset__column {
  box-sizing: border-box;
  min-width: 216px;
}
.multiAsset__column:first-child {
  padding-right: 30px;
  position: relative;
}
.multiAsset__column:first-child:after {
  position: absolute;
  content: '';
  top: -25px;
  right: 0;
  width: 1px;
  height: calc(100% + 45px);
  background-color: rgba(255, 255, 255, 0.08);
}
.multiAsset__column:last-child {
  padding-left: 30px;
}
.multiAsset__header {
  margin-bottom: 16px;
  font-size: 10px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.5);
}
.multiAsset__availableFields .multiAsset__list .draggable--dragged {
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.2);
  cursor: grabbing;
}
.multiAsset__availableFields .multiAsset__list .draggable--dragged:hover,
.multiAsset__availableFields .multiAsset__list .draggable--dragged.\:hover {
  background-color: transparent;
}
.multiAsset__availableFields .multiAsset__list .draggable--dragged .icon {
  display: none;
}
.multiAsset__availableFields .multiAsset__list .draggable--dragged .multiAsset__itemName,
.multiAsset__availableFields .multiAsset__list .draggable--dragged .multiAsset__itemWrap {
  display: none;
}
.multiAsset__list {
  width: 216px;
}
.multiAsset__list .draggable--dropTarget:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #f00;
  z-index: 11;
  background-color: rgba(85, 174, 238, 0.07);
  box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, 0.7);
  background-image: linear-gradient(to right, #55aeee 50%, transparent 50%),
  linear-gradient(to right, #55aeee 50%, transparent 50%),
  linear-gradient(to top, #55aeee 50%, transparent 50%),
  linear-gradient(to top, #55aeee 50%, transparent 50%);
  background-size:
    11px 1px,
    11px 1px,
    1px 11px,
    1px 11px;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-position:
    0 0,
    left bottom,
    0 0,
    right 0;
}
.multiAsset__item {
  box-sizing: border-box;
  width: 100%;
  min-height: 25px;
  margin-bottom: 1px;
  border-radius: 1px;
  position: relative;
  cursor: grab;
}
.multiAsset__item:last-child {
  margin-bottom: 0;
}
.multiAsset__item_isDisabled {
  color: #ccc;
  background-color: rgba(255, 255, 255, 0.1);
  cursor: default;
}
.multiAsset__item_isDisabled:hover:after,
.multiAsset__item_isDisabled.multiAsset__--hover:after {
  width: 0;
}
.multiAsset__item_isDisabled .icon-drag {
  fill: $icon-disabled;
}
.multiAsset__itemName {
  position: relative;
  z-index: 2;
}
.multiAsset__itemWrap {
  padding: 5px 8px;
  background-color: #2c2d3d;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.multiAsset__itemWrap:hover:after,
.multiAsset__itemWrap.multiAsset__--hover:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 1;
}
.multiAsset__itemExpanded {
  padding: 10px 15px;
  background-color: rgba(28, 32, 46, 0.6);
  width: 100%;
  box-sizing: border-box;
}
.multiAsset__itemExpanded .control-checkBox {
  display: block;
  margin-bottom: 8px;
}
.multiAsset__itemExpanded .control-checkBox:first-child {
  position: relative;
  padding-bottom: 8px;
}
.multiAsset__itemExpanded .control-checkBox:first-child:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.08);
}
.multiAsset__itemExpanded .control-checkBox:last-child {
  margin-bottom: 0;
}
.multiAsset__item .icon-group-closed,
.multiAsset__item .icon-group-opened,
.multiAsset__item .icon-drag,
.multiAsset__item .icon-about-us {
  fill: rgba(255, 255, 255, 0.5);
}
.multiAsset__item .icon-group-closed:hover,
.multiAsset__item .icon-group-opened:hover,
.multiAsset__item .icon-about-us:hover,
.multiAsset__item .icon-group-closed.\:hover,
.multiAsset__item .icon-group-opened.\:hover,
.multiAsset__item .icon-about-us.\:hover {
  fill: $hovered-icon-color-2;
}
.multiAsset__item .icon-drag {
  width: 2px;
  height: 10px;
  margin-right: 8px;
  z-index: 2;
  position: relative;
  vertical-align: baseline;
}
.multiAsset__item .icon-about-us {
  width: 11px;
  height: 11px;
  margin-top: 2px;
}
.multiAsset__item .button-sort {
  float: right;
  margin-top: -2px;
  z-index: 2;
}
.multiAsset__item .control-foldButton {
  margin: 0 6px 0 -4px;
  vertical-align: baseline;
  z-index: 2;
}
.multiAsset__target {
  width: 175px;
  min-height: 25px;
  margin-bottom: 10px;
  border-radius: 1px;
  background-color: #fff;
  position: relative;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, transparent 50%),
  linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, transparent 50%),
  linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, transparent 50%),
  linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, transparent 50%);
  background-size:
    11px 1px,
    11px 1px,
    1px 11px,
    1px 11px;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-position:
    0 0,
    left bottom,
    0 0,
    right 0;
}
.multiAsset__target:before {
  content: '';
  height: 21px;
  width: 13px;
  position: absolute;
  left: -13px;
  top: -10px;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.multiAsset__target:first-child:before {
  height: 0;
  width: 0;
}
.multiAsset__target:nth-child(2) {
  margin-left: 20px;
}
.multiAsset__target:last-child {
  margin-left: 40px;
  margin-bottom: 0;
}
.multiAsset__checkBoxWrap {
  padding-top: 10px;
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.multiAsset__iconWrap {
  position: relative;
  float: right;
  z-index: 2;
}
.multiAsset__iconWrap:hover .multiAsset__hint,
.multiAsset__iconWrap.multiAsset__--hover .multiAsset__hint {
  display: block;
}
.multiAsset__hint {
  display: none;
  width: 224px;
  padding: 2px 4px;
  position: absolute;
  left: 0;
  bottom: -35px;
  background-color: #2c3447;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
  border: solid 1px rgba(255, 255, 255, 0.06);
  color: #fff;
  z-index: 101;
}
.draggable--dragging.multiAsset__item {
  width: 216px;
  height: 25px;
  margin-bottom: 0;
  background-color: rgba(69, 71, 87, 0.9);
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 110;
}
.draggable--dragging.multiAsset__item,
.draggable--dragging.multiAsset__target {
  cursor: grabbing;
}

.popup-multiAsset .popup--content {
  padding: 24px 30px 20px;
}
.popup-multiAsset .popup--footer {
  text-align: right;
}

.PLCalendar__footer___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  height: 30px;
}
.PLCalendar__container__anchor___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  font-size: 14px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  color: #55aeee;
  transition: color 200ms;
}
.PLCalendar__container__anchor___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:hover,
.PLCalendar__container__anchor___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-.PLCalendar__--hover___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  color: #ffc973;
}
.PLCalendar__container__anchor___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:before {
  content: none;
}
.PLCalendar__link_container___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  cursor: pointer;
  color: #55aeee;
  font-size: 14px;
  transition: color 200ms;
}
.PLCalendar__link_container___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:hover,
.PLCalendar__link_container___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-.PLCalendar__--hover___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  color: #ffc973;
}

.PlLinesCrossTool__container___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  padding: 12px 10px 5px 10px;
  border-radius: 2px;
  background-color: rgba(28, 29, 33, 0.85);
  box-sizing: border-box;
  transition: all 0.2s;
}
.PlLinesCrossTool__container_editbale___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  position: relative;
  padding-right: 33px;
}
.PlLinesCrossTool__container___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:hover
.PlLinesCrossTool__item_disable___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-,
.PlLinesCrossTool__container___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-.PlLinesCrossTool__--hover___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-
.PlLinesCrossTool__item_disable___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.PlLinesCrossTool__item___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 7px;
  font-size: 12px;
}
.PlLinesCrossTool__item_resetWrapper___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  margin-left: auto;
}
.PlLinesCrossTool__item_disable___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  display: none;
}
.PlLinesCrossTool__item__visible___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  fill: #909099;
  width: 14px;
  height: 12px;
  cursor: pointer;
}
.PlLinesCrossTool__item__visible___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:hover,
.PlLinesCrossTool__item__visible___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-.PlLinesCrossTool__--hover___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  fill: #ffc973;
}
.PlLinesCrossTool__item__visible_hidden___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  visibility: hidden;
}
.PlLinesCrossTool__item__date___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  width: 100%;
  margin: 0 11px 0 11px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.3);
}
.PlLinesCrossTool__item__date___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:hover,
.PlLinesCrossTool__item__date___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-.PlLinesCrossTool__--hover___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  color: #ffc973 !important;
}
.PlLinesCrossTool__item__value___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  color: #fff;
  text-align: right;
}
.PlLinesCrossTool__item__value_disabled___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  color: rgba(255, 255, 255, 0.3);
}
.PlLinesCrossTool__contentWrapper___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.PlLinesCrossTool__contentWrapper_editbale___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  visibility: hidden;
}
.PlLinesCrossTool__iconWrapper___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  width: 14px;
  height: 12px;
}
.PlLinesCrossTool__dateBoxInnerWrapper___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  position: absolute;
  left: 23px;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.PlLinesCrossTool__steppableInput_inner___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  padding: 0 4px;
}
.PlLinesCrossTool__dateInput_inner___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  padding: 0 6px 0 0;
}
.PlLinesCrossTool__dateBoxInner___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  width: 96px;
  height: 21px;
  margin: 0 8px 0 4px;
  left: -5px;
}
.PlLinesCrossTool__calendarButtonIcon___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  padding: 0;
  margin: 0;
  width: 17px;
  height: 9px;
}
.PlLinesCrossTool__calendarButtonIcon___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:focus,
.PlLinesCrossTool__calendarButtonIcon___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-.PlLinesCrossTool__--focus___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  outline: none;
}
.PlLinesCrossTool__calendarButtonIcon_icon___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  fill: #fff;
}
.PlLinesCrossTool__calendarButtonIcon_icon___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-
:hover,
.PlLinesCrossTool__calendarButtonIcon_icon___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-
.PlLinesCrossTool__--hover___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  fill: #ffc973;
}
.PlLinesCrossTool__calendarButtonIcon_icon___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-
:active,
.PlLinesCrossTool__calendarButtonIcon_icon___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-
.PlLinesCrossTool__--active___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  fill: #3d7399;
}
.PlLinesCrossTool__clearButton___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  display: none;
}
.PlLinesCrossTool__popover___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  background-color: $calendar-widget-bottom-bg-color;
  border: none;
}
.PlLinesCrossTool__popover__content___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  border: none;
}
.PLDatabox-wrapper {
  position: absolute;
  z-index: 4;
  left: 7px;
  top: 11px;
}

.demo-card__container___third-party-legacy-react-kit-components-demo-card- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow: hidden;
  margin: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  border: 1px solid rgba(51, 77, 102, 0.01);
}
.demo-card__header___third-party-legacy-react-kit-components-demo-card- {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  background: rgba(8, 13, 19, 0.5);
  background: linear-gradient(
  88deg,
  $modal-window-header-bg-color-1,
  $modal-window-header-bg-color-2
  );
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) inset;
}
.demo-card__title___third-party-legacy-react-kit-components-demo-card- {
  font-size: 14px;
  font-weight: 300;
}
.demo-card__body___third-party-legacy-react-kit-components-demo-card- {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 10px;
  background: #262626;
}
body {
  background-color: #252630;
}
h2 {
  font-weight: 300;
}

.loginPanelWrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: rgba(8, 13, 19, 0.5);
}
.loginPanelWrapper--footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  box-sizing: border-box;
  margin: auto;
  width: 420px;
  height: 100%;
  padding: 620px 40px 10px;
  z-index: 1;
}
.loginPanelWrapper--buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.loginPanelWrapper--copyright {
  display: block;
  margin-top: 27px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}

.loginForm--title {
  padding: 0 10px;
  font-family: DINPro;
  font-size: 15px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}

.authNotification__container {
  position: absolute;
  top: -103px;
  width: 100%;
  text-align: center;
}
.authNotification__content {
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  padding: 7px 10px;
  text-align: center;
  border-radius: 2px;
  font-size: 14px;
  background-color: $email-verification-container-bg-color;
  border: solid 1px $email-verification-container-border-color;
}
.authNotification__content .icon {
  width: 20px;
  height: 18px;
  margin-right: 10px;
  fill: #1a8f6d;
}

.loginPanel {
  position: absolute;
  top: 47%;
  left: 50%;
  width: 353px;
  height: 201px;
  margin: -100.5px 0 0 -176.5px;
  transform: translateX(0) rotateY(0);
  -ms-transform-origin: right center;
  transform-origin: right center;
  transform-style: preserve-3d;
}
.loginPanel--side {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 0;
  border-width: 1px;
  border-style: solid;
}
.loginPanel--side-custom {
  padding-bottom: 0;
}
.loginPanel-main .loginPanel--side-main {
  position: relative;
}
.loginPanel-main .loginPanel--side-backup,
.loginPanel-main .loginPanel--side-pwchange,
.loginPanel-main .loginPanel--side-security {
  display: none;
}
.loginPanel-security .loginPanel--side-security {
  position: relative;
}
.loginPanel-security .loginPanel--side-backup,
.loginPanel-security .loginPanel--side-pwchange {
  display: none;
}
.loginPanel-pwchange .loginPanel--side-pwchange {
  position: relative;
  width: 388px;
  left: -25px;
}
.loginPanel-pwchange .loginPanel--side-security,
.loginPanel-pwchange .loginPanel--side-backup {
  display: none;
}
.loginPanel-backup .loginPanel--side-main,
.loginPanel-backup .loginPanel--side-pwchange,
.loginPanel-backup .loginPanel--side-security {
  display: none;
}
.loginPanel-backup .loginPanel--side-backup {
  position: relative;
}
.loginPanel--header {
  margin: 0 0 34px 0;
  padding-top: 24px;
  padding-left: 40px;
}
.loginPanel--logo {
  display: inline-block;
  margin-right: 28px;
}
.loginPanel--logo:only-child {
  margin-left: 67px;
  margin-top: 5px;
}
.loginPanel--title {
  display: inline-block;
  font-size: 14px;
  vertical-align: -5px;
  font-weight: bold;
}
.loginPanel {
  transition: transform 500ms;
}
.loginPanel-security {
  transform: translateX(-100%) rotateY(180deg);
}
.loginPanel-pwchange {
  transform: translateX(-100%) rotateY(180deg);
}
.loginPanel-backup {
  transform: translateX(0) rotateY(0deg);
}
.loginPanel--side {
  border-color: rgba(51, 77, 102, 0.01);
  box-shadow: 0 7px 15px rgba(10, 11, 26, 0.4);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-image: linear-gradient(to bottom, #1e212d, #1e212d);
}
.loginPanel--side-main {
  transform: rotateY(0deg);
}
.loginPanel--side-security {
  transform: rotateY(-180deg);
}
.loginPanel--side-pwchange {
  transform: rotateY(-180deg);
}
.loginPanel--side-backup {
  transform: rotateY(0deg);
}
.loginPanel--title {
  color: rgba(255, 255, 255, 0.7);
}

.loginPanel--header {
  margin: 0;
}

.tooltipInstrumentDescription__container {
  border: 1px solid $trade-builder-step-hint-tooltip-border-color;
  font-size: 14px;
  padding: 8px 20px 10px;
}
.tooltipInstrumentDescription__content {
  font-size: 14px;
}
.tooltip--pointer-arrowBottomLeft.tooltipInstrumentDescription__pointer {
  left: 17px;
}
.tooltip--pointer-arrowBottomLeft.tooltipInstrumentDescription__pointer:before {
  width: 10px;
  height: 10px;
  border: 1px solid $trade-builder-step-hint-tooltip-border-color;
  top: -6px;
  left: 2px;
}

.contextMenu-magnet {
  padding: 8px;
}
.contextMenu-magnet .control-checkBox {
  display: block;
}
.contextMenu-magnet .control-radioButton:first-child {
  display: block;
  margin-bottom: 10px;
}
.contextMenu-magnet .control-radioButton input {
  margin-right: 10px;
}
.contextMenu-magnet .magnetProperties {
  margin-top: 10px;
  margin-left: 20px;
}
.contextMenu-magnet .control label {
  color: #fff;
}

.control-chartTypeToggler {
  width: 100%;
}
.control-chartTypeToggler .button .icon {
  width: 13px;
  height: 100%;
}
.control-chartTypeToggler .button .icon {
  fill: #fff;
}

.contextMenu-chartSettings .contextMenu--group-visibilityToggler .contextMenu--item {
  padding-left: 25px;
}
.contextMenu-chartSettings
.contextMenu--item-current:not(.contextMenu--item-multiSelectItem)
.contextMenu--subIcon {
  display: inline-block;
  position: absolute;
  right: 5px;
}

.mobile .contextMenu-chartSettings {
  width: 220px;
  height: 300px;
  overflow: auto;
}
.mobile .contextMenu-chartSettings .contextMenu--item-withSubMenu {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mobile .contextMenu-chartSettings .contextMenu--item-withSubMenu:hover,
.mobile .contextMenu-chartSettings .contextMenu--item-withSubMenu.\:hover {
  background-color: transparent;
}
.mobile .contextMenu-chartSettings .contextMenu--item-withSubMenu > .contextMenu--subIcon {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  top: 10px;
  right: 8px;
}
.mobile .contextMenu-chartSettings .contextMenu--item-withSubMenu > .link-pseudo {
  pointer-events: none;
}
.mobile .contextMenu-chartSettings .contextMenu--item-withSubMenu .contextMenu--optionList {
  position: static;
  visibility: visible;
}
.mobile .contextMenu-chartSettings .contextMenu--item-withSubMenu .contextMenu--optionList-subMenu {
  border: 0;
  background-color: transparent;
  box-shadow: none;
  top: 0;
  left: 0;
}

.contextMenu-chartOrder .contextMenu--icon {
  width: 23px;
  margin-right: 2px;
}
.contextMenu-chartOrder .contextMenu--item {
  padding-right: 6px;
}
.contextMenu-chartOrder .contextMenu--item-icon .link-pseudo {
  margin-right: 5px;
}

.contextMenu-alert {
  padding: 0;
  font-weight: 500;
}
.contextMenu-alert .contextMenu--item {
  padding: 0 10px;
}
.contextMenu-alert .contextMenu--item-analyze .plannedMarker__container {
  vertical-align: top;
}
.contextMenu-alert .contextMenu--item .link-pseudo {
  -ms-flex-order: 2;
  order: 2;
}
.contextMenu-alert .contextMenu--item .contextMenu--subIcon {
  -ms-flex-order: 1;
  order: 1;
  margin-left: 0;
  margin-right: 11px;
  width: 10px;
  height: 10px;
}
.contextMenu-alert .contextMenu--item .contextMenu--subIcon .icon {
  fill: #909099;
}
.contextMenu-alert .contextMenu--optionList {
  min-width: 128px;
  padding: 3px 0;
}
.contextMenu-alert .icon-duplicate-order,
.contextMenu-alert .icon-duplicate-order-group {
  width: 23px;
  height: 17px;
  margin-top: -3px;
  margin-left: -5px;
}

.contextMenu-analyze {
  border: 0;
}
.contextMenu-analyze .contextMenu--item-analyze .plannedMarker__container {
  vertical-align: top;
}
.contextMenu-analyze .contextMenu--item-removeOrder .contextMenu--icon {
  height: 9px;
}
.contextMenu-analyze .contextMenu--item-delimiter {
  margin-top: 1px;
  margin-bottom: 0;
}
.contextMenu-analyze .contextMenu--item .link-pseudo:hover,
.contextMenu-analyze .contextMenu--item .link-pseudo.\:hover {
  color: #fff;
}

.contextMenu-analyzeOptionChain {
  padding: 0;
}
.contextMenu-analyzeOptionChain .contextMenu--item {
  padding: 0 10px;
  font-size: 14px;
  font-weight: normal;
}
.contextMenu-analyzeOptionChain .contextMenu--item-planned .plannedMarker__container {
  vertical-align: top;
  margin-top: 2px;
}
.contextMenu-analyzeOptionChain .contextMenu--item-delimiter {
  margin-top: 1px;
  margin-bottom: 0;
}
.contextMenu-analyzeOptionChain .contextMenu--item .link-pseudo {
  margin-right: 0;
}
.contextMenu-analyzeOptionChain .contextMenu--item .link-pseudo:hover,
.contextMenu-analyzeOptionChain .contextMenu--item .link-pseudo.\:hover {
  color: #fff;
}
.contextMenu-analyzeOptionChain .contextMenu--optionList {
  min-width: 113px;
  padding: 1px 0;
}

.contextMenu-marketDepthSettings {
  padding: 4px 0 1px;
}
.contextMenu-marketDepthSettings .contextMenu--title {
  font-size: 11px;
  padding-bottom: 7px;
}
.contextMenu-marketDepthSettings .contextMenu--item {
  padding: 0 10px;
  font-size: 12px;
}
.contextMenu-marketDepthSettings .contextMenu--item .link-pseudo {
  margin-right: 30px;
}
.contextMenu-marketDepthSettings .contextMenu--item:hover .contextMenu--icon .icon,
.contextMenu-marketDepthSettings .contextMenu--item.\:hover .contextMenu--icon .icon {
  fill: #ffc973;
}
.contextMenu-marketDepthSettings .contextMenu--item:hover .link-pseudo,
.contextMenu-marketDepthSettings .contextMenu--item.\:hover .link-pseudo {
  color: #ffc973;
}
.contextMenu-marketDepthSettings .contextMenu--item-icon .contextMenu--icon {
  margin-right: 10px;
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.contextMenu-marketDepthSettings .contextMenu--item-current .contextMenu--icon .icon {
  fill: #55aeee;
}
.contextMenu-marketDepthSettings .contextMenu--item-current:hover .contextMenu--icon .icon,
.contextMenu-marketDepthSettings .contextMenu--item-current.\:hover .contextMenu--icon .icon {
  fill: #55aeee;
}
.contextMenu-marketDepthSettings .contextMenu--item-current:hover .link-pseudo,
.contextMenu-marketDepthSettings .contextMenu--item-current.\:hover .link-pseudo {
  color: #55aeee;
}
.contextMenu-marketDepthSettings
.contextMenu--item-current:not(.contextMenu--item-multiSelectItem)
.contextMenu--subIcon {
  display: inline-block;
  position: absolute;
  right: 5px;
}

.contextMenu-twoStepAuthSetupApps {
  max-width: inherit;
  width: 272px;
  padding-top: 6px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}
.contextMenu-twoStepAuthSetupApps .contextMenu--item {
  font-size: 12px;
  line-height: 18px;
  padding-left: 4px;
  padding-right: 4px;
}
.contextMenu-twoStepAuthSetupApps ul {
  list-style: none;
}
.contextMenu-twoStepAuthSetupApps li {
  font-size: 12px;
  line-height: 18px;
}
.contextMenu-twoStepAuthSetupApps li:not(:last-child) {
  margin-bottom: 6px;
}
.contextMenu-twoStepAuthSetupApps strong {
  font-weight: bold;
  color: #fff;
}
.contextMenu-twoStepAuthSetupApps small {
  color: #999;
}

.contextMenu-marketDepthModes {
  padding: 3px 0 3px;
}
.contextMenu-marketDepthModes .contextMenu--item {
  padding: 0 10px;
  font-size: 12px;
}
.contextMenu-marketDepthModes .contextMenu--item .link-pseudo {
  margin-right: 30px;
}
.contextMenu-marketDepthModes .contextMenu--item:hover .link-pseudo,
.contextMenu-marketDepthModes .contextMenu--item.\:hover .link-pseudo {
  color: #fff;
}
.contextMenu-marketDepthModes .contextMenu--item-current .link-pseudo {
  color: #55aeee;
}
.contextMenu-marketDepthModes .contextMenu--item-current:hover .link-pseudo,
.contextMenu-marketDepthModes .contextMenu--item-current.\:hover .link-pseudo {
  color: #55aeee;
}
.contextMenu-marketDepthModes .contextMenu--item-current .contextMenu--subIcon {
  display: inline-block;
  position: absolute;
  right: 5px;
}

.contextMenu-stockScreenerSettings .contextMenu--optionList {
  width: 148px;
}
.contextMenu-stockScreenerSettings .contextMenu--icon {
  margin-right: 7px;
}

.contextMenu-numberFilter {
  padding-top: 7px;
  padding-bottom: 4px;
}
.contextMenu-numberFilter .contextMenu--item-delimiter {
  margin: 0 0 4px;
}
.contextMenu-numberFilter .contextMenu--content {
  padding: 0 7px;
}
.contextMenu-numberFilter .contextMenu--footer {
  display: -ms-flexbox;
  display: flex;
}
.contextMenu-numberFilter .contextMenu--footer .button-clearFilter,
.contextMenu-numberFilter .contextMenu--footer .filter-description {
  margin-left: auto;
}
.contextMenu-numberFilter .numericStepper.numericStepper-hasData .numericStepper--clearInput {
  right: 48px;
  left: auto;
}
.contextMenu-numberFilter .control-numericStepper {
  padding-bottom: 9px;
  width: 153px;
  font-size: 12px;
}
.contextMenu-numberFilter .control-numericStepper .control--label > label {
  padding-bottom: 4px;
}
.contextMenu-numberFilter .control-numericStepper .numericStepper--input input[type='text'] {
  padding-right: 67px;
}

.button-markItems {
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  border: none;
  color: #55aeee;
}
.button-markItems .icon {
  position: relative;
  top: 4px;
  width: 10px;
  height: 9px;
  margin-right: 4px;
  fill: #55aeee;
  transition: fill 220ms ease-out;
}
.button-markItems span {
  vertical-align: top;
  line-height: 16px;
  color: #55aeee;
  transition: color 220ms ease-out;
}
.button-markItems:hover span,
.button-markItems.\:hover span {
  color: #ffc973;
  transition: color 220ms ease-in;
}
.button-markItems:hover .icon,
.button-markItems.\:hover .icon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.button-markItems:active span,
.button-markItems.\:active span {
  color: #bf9756;
}
.button-markItems:active .icon,
.button-markItems.\:active .icon {
  fill: #bf9756;
  position: relative;
  top: 3px;
}

.contextMenu-symbolFilter {
  width: 192px;
}
.contextMenu-symbolFilter .contextMenu--content {
  padding: 7px 9px 4px;
}
.contextMenu-symbolFilter .contextMenu--item {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.contextMenu-symbolFilter .contextMenu--item-delimiter {
  margin: 2px 0;
}
.contextMenu-symbolFilter .contextMenu--item .link-pseudo {
  display: inline-block;
  width: 85px;
  max-width: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contextMenu-symbolFilter .contextMenu--item .symbol-platform {
  display: inline-block;
  max-width: 63px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contextMenu-symbolFilter .contextMenu--item .contextMenu--subIcon {
  right: 0;
}
.contextMenu-symbolFilter .contextMenu--item-multiSelectItem .contextMenu--subIcon {
  width: 10px;
  height: 10px;
  left: 2px;
  top: 7px;
}
.contextMenu-symbolFilter .contextMenu--item-multiSelectItem:not(.contextMenu--item-current) {
  padding-left: 14px;
}
.contextMenu-symbolFilter .contextMenu--optionList {
  padding: 0;
}
.contextMenu-symbolFilter .contextMenu--footer {
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}
.contextMenu-symbolFilter .contextMenu--footer .filter-selectedInfo {
  position: relative;
  margin-left: 5px;
}
.contextMenu-symbolFilter .contextMenu--footer .filter-description {
  margin-left: auto;
}
.contextMenu-symbolFilter .contextMenu--footer .button-clearFilter {
  margin-left: auto;
}
.contextMenu-symbolFilter .filter-subsidiary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 4px;
}
.contextMenu-symbolFilter .filter-subsidiary--searchInfo {
  margin-left: 14px;
}
.contextMenu-symbolFilter .control-textInput {
  width: 100%;
  margin-bottom: 5px;
}
.contextMenu-symbolFilter .contextMenu--item .link-pseudo {
  color: #fff;
  transition: color 220ms ease-out;
}
.contextMenu-symbolFilter .contextMenu--item .symbol-platform {
  color: $dropdown-list-text-color-2;
}
.contextMenu-symbolFilter .contextMenu--item .match-text {
  color: #55aeee;
  transition: color 220ms ease-out;
}
.contextMenu-symbolFilter .contextMenu--item-multiSelectItem .contextMenu--subIcon {
  fill: #ccc;
  transition: fill 220ms ease-out;
}
.contextMenu-symbolFilter .contextMenu--item-multiSelectItem:hover .contextMenu--subIcon,
.contextMenu-symbolFilter .contextMenu--item-multiSelectItem.\:hover .contextMenu--subIcon {
  fill: #ffc973;
  transition: fill 220ms ease-in;
}
.contextMenu-symbolFilter .contextMenu--item-multiSelectItem:hover .link-pseudo,
.contextMenu-symbolFilter .contextMenu--item-multiSelectItem.\:hover .link-pseudo {
  color: #ffc973;
  transition: color 220ms ease-in;
}
.contextMenu-symbolFilter .contextMenu--item-multiSelectItem:hover .match-text,
.contextMenu-symbolFilter .contextMenu--item-multiSelectItem.\:hover .match-text {
  color: #ffc973;
  transition: color 220ms ease-in;
}
.contextMenu-symbolFilter .contextMenu--item:hover,
.contextMenu-symbolFilter .contextMenu--item.\:hover {
  background: transparent;
  transition: background 220ms ease-in;
}
.contextMenu-symbolFilter .contextMenu--footer {
  color: rgba(255, 255, 255, 0.5);
}
.contextMenu-symbolFilter .filter-searchInfo {
  color: #fff;
}
.contextMenu-symbolFilter .filter-selectedInfo,
.contextMenu-symbolFilter .filter-description {
  color: rgba(255, 255, 255, 0.5);
}

.contextMenu-textFilter {
  padding: 9px 8px 6px;
}
.contextMenu-textFilter .contextMenu--item-delimiter {
  margin: 2px 0;
}
.contextMenu-textFilter .contextMenu--footer {
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.5);
}
.contextMenu-textFilter .contextMenu--footer .filter-description {
  margin-left: auto;
}
.contextMenu-textFilter .contextMenu--footer .button-clearFilter {
  margin-left: auto;
}
.contextMenu-textFilter .icon-clear-filter {
  fill: rgba(255, 255, 255, 0.5);
}
.contextMenu-textFilter .control-textInput {
  width: 164px;
  margin-bottom: 5px;
}

.contextMenu-separateActions .contextMenu--item-withSubMenu .contextMenu--item .link-pseudo {
  width: calc(100% - 32px);
  margin-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mobile .contextMenu-separateActions .contextMenu--optionList {
  max-height: 160px;
}
.mobile .contextMenu-separateActions .contextMenu--optionList .contextMenu--optionList {
  max-height: none;
}
@media screen and (orientation: landscape) {
  .mobile .contextMenu-separateActions .contextMenu--optionList {
    max-height: 80px;
  }
  .mobile .contextMenu-separateActions .contextMenu--optionList .contextMenu--optionList {
    max-height: 80px;
  }
}

.contextMenu-loadLayout {
  width: 144px;
  padding: 0;
  background-color: #1f222d;
  box-shadow: 0 3px 10px 0 rgba(33, 34, 46, 0.2);
  opacity: 0.9;
}
.contextMenu-loadLayout .contextMenu--item:hover,
.contextMenu-loadLayout .contextMenu--item.\:hover {
  background-color: rgba(209, 199, 188, 0.12);
}
.contextMenu-loadLayout .contextMenu--item-delimiter {
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.04);
}
.contextMenu-loadLayout .contextMenu--item .link-pseudo {
  margin-right: 30px;
  color: #fff;
}
.contextMenu-loadLayout .contextMenu--actions {
  background-image: none;
}
.contextMenu-loadLayout .contextMenu--actions .icon {
  fill: rgba(255, 255, 255, 0.5);
}
.contextMenu-loadLayout .scrollable--content {
  width: 100%;
}

.contextMenu-orderStatusHint {
  padding: 0;
  border: 0;
  box-shadow: none;
}
.contextMenu-orderStatusHint .text {
  display: block;
  box-sizing: border-box;
  padding: 10px 15px;
  color: #fff;
  font-size: 14px;
  background: #2c3447;
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.5);
  overflow: hidden;
  white-space: nowrap;
}

.contextMenu-positions {
  padding: 0;
  font-weight: 500;
}
.contextMenu-positions .contextMenu--item {
  padding: 0 0 0 6px;
}
.contextMenu-positions .contextMenu--item-delimiter {
  margin-top: 6px;
  margin-bottom: 3px;
}
.contextMenu-positions .contextMenu--item-icon .contextMenu--icon {
  width: 23px;
  height: 17px;
  margin-right: 3px;
}
.contextMenu-positions .contextMenu--item .link-pseudo {
  margin-right: 15px;
}
.contextMenu-positions .contextMenu--optionList {
  padding: 2px 0;
}

.contextMenu-positions .contextMenu--item-icon .contextMenu--icon {
  width: 13px;
  height: 13px;
  margin-right: 6px;
}

.contextMenu-riskProfile .contextMenu--icon {
  width: 23px;
  height: 17px;
}
.contextMenu-riskProfile .contextMenu--item-tradePosition .contextMenu--icon {
  fill: transparent;
  stroke: #666;
}
.contextMenu-riskProfile
.contextMenu--item-tradePosition.contextMenu--item-disabled
.contextMenu--icon {
  stroke: #737a80;
}

.contextMenu-orderHistory {
  padding: 0;
  font-weight: 500;
}
.contextMenu-orderHistory .contextMenu--item {
  padding: 0 10px;
}
.contextMenu-orderHistory .contextMenu--item-analyze .plannedMarker__container {
  vertical-align: top;
}
.contextMenu-orderHistory .contextMenu--optionList {
  min-width: 128px;
  padding: 3px 0;
}
.contextMenu-orderHistory .contextMenu--optionList .contextMenu--icon {
  margin-right: 8px;
}
.contextMenu-orderHistory .icon-duplicate-order,
.contextMenu-orderHistory .icon-history {
  width: 23px;
  height: 17px;
  margin-top: -3px;
  margin-left: -5px;
}

.chartArea--header {
  background: #2c2d3d;
}
.chartArea--toolbar {
  background: transparent;
}
.chartArea--toolbar .button-setting .icon {
  margin-top: 2px;
}
.chartArea--toolbar .control-comboBox {
  width: 115px;
}
.chartArea--buttons {
  display: inline-block;
}
.chartArea--buttons > .control {
  vertical-align: top;
  margin-right: 10px;
}
.chartArea--buttons > .button {
  margin-right: 10px;
}
.chartArea--buttons > .button:last-child {
  margin-right: 0;
}
.chartArea--drawingTools .button .icon,
.chartArea--tradingFromChart .button .icon {
  margin-top: 2px;
}
.chartArea .button-filledIcon:before {
  border-color: $button-inside-border-side-color;
}

.multiselect__container {
  display: inline-block;
}
.multiselect__container .control-multiselect {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-weight: normal;
}
.multiselect__container .control--label {
  margin-right: 5px;
}
.multiselect__container .control--wrap {
  min-width: 130px;
}

.selectbox-h-child__container__anchor___8c02d {
  height: 17px;
  border-radius: 1px;
  background-color: #393a4d;
  border-top-color: rgba(255, 255, 255, 0.02);
  border-bottom-color: rgba(255, 255, 255, 0.02);
  border-left-color: rgba(255, 255, 255, 0.02);
  border-right-color: rgba(255, 255, 255, 0.02);
  box-shadow: 0 0 0 1px #3d4e66;
}

.tag-selector-anchor__container {
  height: 20px;
  color: #55aeee;
  text-align: left;
}

.tag-selector__container {
  display: inline-block;
}
.tag-selector__container .control-multiselect {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-weight: normal;
}
.tag-selector__option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 22px;
}
.tag-selector__optionIcon {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid transparent;
}
.tag-selector__optionIcon_type_news {
  background-color: #063480;
}
.tag-selector__optionIcon_type_impulse {
  background-color: #6e1980;
}
.tag-selector__optionIcon_type_strategy {
  background-color: #174d17;
}
.tag-selector__optionIcon_type_marketEvent {
  background-color: #b36312;
}
.tag-selector__optionIcon_type_error {
  background-color: #992525;
}
.tag-selector__optionIcon_selected {
  border-color: #ff974d;
}
.tag-selector__optionLabel {
  margin-left: 6px;
  line-height: 1;
}
.tag-selector__optionLabel_selected {
  color: #55aeee;
}
.tag-selector__anchor .tag-selector__optionIcon {
  width: 7px;
  height: 7px;
  border: 1px solid #2c2d3d;
}
.tag-selector__anchor .tag-selector__optionIcon:not(:first-child) {
  margin-left: -3px;
}

.selectbox-h__container__popover,
.selectbox-h__container__popover__content {
  border: none;
}

.widgets-demo__container {
  height: 400px;
}

.dropDown-suggest {
  border: none;
  min-width: 206px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.dropDown-suggest .dropDown--container {
  max-height: 200px;
}
.dropDown-suggest .table {
  table-layout: auto;
  width: auto;
}
.dropDown-suggest .table td {
  padding-left: 0;
  padding-right: 10px;
  padding-top: 0;
  line-height: 20px;
  text-align: left;
  box-shadow: none;
}
.dropDown-suggest .table td:first-child {
  padding-left: 5px;
  box-shadow: none;
}
.dropDown-suggest .table td:last-child {
  padding-right: 5px;
}
.dropDown-suggest .searchResult {
  cursor: pointer;
  white-space: nowrap;
}
.dropDown-suggest .searchResult.dropDown--option-highlight em {
  color: #ffc973;
}
.dropDown-suggest .searchResult.dropDown--option-highlight .searchResult--name,
.dropDown-suggest .searchResult.dropDown--option-highlight .searchResult--instrumentTree {
  color: #55aeee;
}
.dropDown-suggest .searchResult em {
  font-style: normal;
  color: #55aeee;
}
.dropDown-suggest .searchResult--equity {
  font-size: 1rem;
}
.dropDown-suggest .searchResult--equity:empty {
  padding: 0;
}
.dropDown-suggest .searchResult--name,
.dropDown-suggest .searchResult--instrumentTree {
  color: #999;
}
.dropDown-suggest.dropDown-shown .dropDown--groupTitle,
.dropDown-suggest.dropDown-shown .dropDown--option {
  animation: none;
}
.dropDown-suggest .dropDown--option:hover > .searchResult--symbol,
.dropDown-suggest .dropDown--option:hover > .searchResult--name,
.dropDown-suggest .dropDown--option:hover > .searchResult--instrumentTree,
.dropDown-suggest .dropDown--option.\:hover > .searchResult--symbol,
.dropDown-suggest .dropDown--option.\:hover > .searchResult--name,
.dropDown-suggest .dropDown--option.\:hover > .searchResult--instrumentTree {
  color: #ffc973;
  transition: color 220ms ease-in;
}
.dropDown-suggest .dropDown--additional {
  display: block;
  margin: 7px 5px 0;
  padding: 5px 0;
  box-sizing: border-box;
  border-top: 1px solid;
  text-align: center;
  border-top-color: rgba(255, 255, 255, 0.12);
  color: #999;
}
.dropDown-suggest
.scrollable-withHorizontalScrollbar
> .scrollable--wrapper
> .scrollable--container
> .scrollable--content {
  padding-bottom: 0;
}
.dropDown-suggest
.scrollable-withHorizontalScrollbar
> .scrollable--wrapper
> .scrollbar-horizontal {
  display: none;
}

.gridInstrumentPositionInfo__container {
  background-color: $depth-of-market-market-order-row-bg-color;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.gridInstrumentPositionInfo__container thead {
  box-shadow: 0 1px rgba(255, 255, 255, 0.08);
}
.gridInstrumentPositionInfo__container thead th {
  font-size: 12px;
  font-weight: 500;
}
.gridInstrumentPositionInfo__container thead th .table--sortBy {
  cursor: default;
}
.gridInstrumentPositionInfo__container thead th .table--sortBy .icon {
  display: none;
}
.gridInstrumentPositionInfo__container tbody .table--cell {
  height: 23px;
  font-size: 14px;
  padding-top: 2px;
}
.gridInstrumentPositionInfo__container tbody tr:last-child td {
  box-shadow: none;
}
.gridInstrumentPositionInfo__container thead .table--cell,
.gridInstrumentPositionInfo__container tbody .table--cell {
  padding-left: 6px;
  padding-right: 6px;
}
.gridInstrumentPositionInfo__container .table {
  width: calc(100% - 1px);
}
.gridInstrumentPositionInfo__container .table--colAdapts-last {
  width: 100px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-netChange {
  width: 100px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-positionQty {
  width: 170px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-openPl {
  width: 170px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-avg {
  width: 184px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-symbol {
  width: 118px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-bid,
.gridInstrumentPositionInfo__container .table--colAdapts-ask,
.gridInstrumentPositionInfo__container .table--colAdapts-open,
.gridInstrumentPositionInfo__container .table--colAdapts-high,
.gridInstrumentPositionInfo__container .table--colAdapts-low,
.gridInstrumentPositionInfo__container .table--colAdapts-lotSize,
.gridInstrumentPositionInfo__container .table--colAdapts-price,
.gridInstrumentPositionInfo__container .table--colAdapts-stopLoss,
.gridInstrumentPositionInfo__container .table--colAdapts-takeProfit,
.gridInstrumentPositionInfo__container .table--colAdapts-fillPrice,
.gridInstrumentPositionInfo__container .table--colAdapts-triggerPrice,
.gridInstrumentPositionInfo__container .table--colAdapts-quantity,
.gridInstrumentPositionInfo__container .table--colAdapts-size {
  width: 81px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-volume {
  width: 85px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-spread {
  width: 90px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-change {
  width: 95px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-close {
  width: 105px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-description {
  width: 244px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-avgFillPrice {
  width: 90px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-dayOpenPl {
  width: 90px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-dayClosedPl {
  width: 100px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-expirationDate,
.gridInstrumentPositionInfo__container .table--colAdapts-lastTradeDate,
.gridInstrumentPositionInfo__container .table--colAdapts-firstNoticeDate {
  width: 105px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-maintenanceMargin {
  width: 130px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-initialMargin {
  width: 95px;
}
.gridInstrumentPositionInfo__container .table--colAdapts-tradingHalt,
.gridInstrumentPositionInfo__container .table--colAdapts-dayToExpiration,
.gridInstrumentPositionInfo__container .table--colAdapts-tickValue,
.gridInstrumentPositionInfo__container .table--colAdapts-limitUp,
.gridInstrumentPositionInfo__container .table--colAdapts-limitDown {
  width: 85px;
}
.gridInstrumentPositionInfo__container .grid--body {
  position: static;
}
.gridInstrumentPositionInfo__lastPositive {
  color: #299171;
}
.gridInstrumentPositionInfo__lastNegative {
  color: #d64f58;
}

span.table--cell.table--cell-connectorCell {
  overflow: visible;
  width: 100%;
  padding: 0;
}
.connectorCell__symbol {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
  /* styles for SymbolSuggest - in case it is present (e.g. in OrderEntry)

    :global {
      .control-textInput {
        input {
          padding: 0 5px 0 12px;
        }
      }
    }

    &_oso,
    &_osoColored,
    &_osoChild,
    &_oco,
    &_bracket {
      :global {
        .control-textInput {
          width: calc(100% - 20px);
        }
      }
    }*/
  /* styles for SymbolSuggest - in case it is present

    &_disabled {
      :global {
        .control input[type="text"] {
          cursor: default;
          pointer-events: none;
          color: $input-disabled-text-color;
        }
      }
    }*/
}
.connectorCell__symbol_oso,
.connectorCell__symbol_osoColored {
  padding-left: 7px;
}
.connectorCell__symbol_oso .connectorCell__groupLink,
.connectorCell__symbol_osoColored .connectorCell__groupLink {
  background-color: #ffbb5c;
}
.connectorCell__symbol_oso {
  background-color: #4e342b;
}
.connectorCell__symbol_osoColored {
  background-color: #564835;
}
.connectorCell__symbol_osoChild,
.connectorCell__symbol_oco,
.connectorCell__symbol_bracket {
  padding-left: 22px;
}
.connectorCell__symbol_osoChild:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::before,
.connectorCell__symbol_oco:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::before,
.connectorCell__symbol_bracket:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::before,
.connectorCell__symbol_osoChild:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::after,
.connectorCell__symbol_oco:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::after,
.connectorCell__symbol_bracket:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::after {
  content: '';
  position: absolute;
  top: 50%;
}
.connectorCell__symbol_osoChild:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::before,
.connectorCell__symbol_oco:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::before,
.connectorCell__symbol_bracket:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::before {
  width: 3px;
  height: 3px;
  margin-top: -1px;
  left: -9px;
  z-index: 1;
  border-radius: 50%;
}
.connectorCell__symbol_osoChild:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::after,
.connectorCell__symbol_oco:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::after,
.connectorCell__symbol_bracket:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::after {
  left: -15px;
  width: 6px;
  height: 1px;
}
.connectorCell__symbol_osoChild {
  background-color: #564835;
}
.connectorCell__symbol_osoChild:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::before,
.connectorCell__symbol_osoChild:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::after {
  background-color: #ffbb5c;
}
.connectorCell__symbol_osoChild .connectorCell__groupLink {
  left: 0;
  background-color: #ffbb5c;
}
.connectorCell__symbol_oco {
  background-color: #223f4d;
}
.connectorCell__symbol_oco:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::before,
.connectorCell__symbol_oco:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::after {
  background-color: #80d7ff;
}
.connectorCell__symbol_oco .connectorCell__groupLink {
  background-color: #80d7ff;
}
.connectorCell__symbol_bracket {
  background-color: #2e2046;
}
.connectorCell__symbol_bracket:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::before,
.connectorCell__symbol_bracket:not(.connectorCell__symbol_single)
.connectorCell__symbolIconWrap::after {
  background-color: #ae80ff;
}
.connectorCell__symbol_bracket .connectorCell__groupLink {
  background-color: #ae80ff;
}
.connectorCell__symbol_multi.connectorCell__symbol_oso .connectorCell__groupLink,
.connectorCell__symbol_multi.connectorCell__symbol_osoColored .connectorCell__groupLink {
  background-color: #ae80ff;
}
.connectorCell__symbol_multi.connectorCell__symbol_bracket {
  padding-left: 24px;
}
.connectorCell__symbol_multi.connectorCell__symbol_bracket .connectorCell__groupLink {
  left: 12px;
}
.connectorCell__symbol_multi.connectorCell__symbol_bracket .connectorCell__groupLink::after {
  position: absolute;
  content: '';
  width: 6px;
  height: 1px;
  top: 50%;
  left: -5px;
  background-color: #ae80ff;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.connectorCell__symbol_multi.connectorCell__symbol_bracket .connectorCell__symbolIconWrap::before {
  left: -8px;
}
.connectorCell__symbol_multi.connectorCell__symbol_bracket .connectorCell__symbolIconWrap::after {
  left: -12px;
}
.connectorCell__symbol_single {
  background-color: transparent;
  padding-left: 7px;
}
.connectorCell__groupLink {
  width: 1px;
  z-index: 1;
  position: absolute;
  left: 7px;
  margin-top: -1px;
}
.connectorCell__symbolIconWrap {
  display: inline-block;
  height: 14px;
  vertical-align: middle;
  position: relative;
  margin-top: -1px;
}
.connectorCell__symbolIconWrap .icon {
  width: 18px;
  height: 14px;
}
.connectorCell__groupTypeText {
  font-size: 14px;
  margin-left: 7px;
  margin-top: 2px;
  display: inline-block;
}
.connectorCell__orderGroupInfoNumber {
  display: inline-block;
  padding-right: 2px;
  vertical-align: middle;
  position: relative;
  height: 14px;
  margin-top: -1px;
}
.connectorCell__orderGroupInfoNumber_oco {
  background: #ff00d0;
}
.connectorCell__orderGroupInfoNumber_bracket {
  background: #ff00d0;
}
.connectorCell__counter {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 12px;
}

.gridTradeParameter__container .grid {
  position: relative;
  height: auto;
}
.gridTradeParameter__container .grid--head {
  padding: 0;
}
.gridTradeParameter__container .grid--body {
  position: relative;
  top: 0;
  margin-right: 0;
}
.gridTradeParameter__container thead {
  box-shadow: 0 1px rgba(255, 255, 255, 0.08);
}
.gridTradeParameter__container thead th {
  padding-left: 12px;
  padding-right: 0;
  font-size: 12px;
}
.gridTradeParameter__container thead th:last-child {
  padding-right: 3px;
}
.gridTradeParameter__container thead th .table--sortBy {
  cursor: default;
}
.gridTradeParameter__container thead th .table--sortBy .icon {
  display: none;
}
.gridTradeParameter__container tbody .table--cell {
  box-shadow: -1px 0 rgba(255, 255, 255, 0.08);
  text-align: initial;
}
.gridTradeParameter__container tbody .table--cell-connectorCell.table--cell {
  padding: 0;
}
.gridTradeParameter__container tbody .table--cell-disabled {
  background-color: #0d0c0a;
  color: rgba(255, 255, 255, 0.3);
}
.gridTradeParameter__container tbody .table--cell-quantity,
.gridTradeParameter__container tbody .table--cell-distance {
  padding-right: 0;
}
.gridTradeParameter__container tbody .table--cell-durationDate {
  overflow: visible;
}
.gridTradeParameter__container tbody .table--cell-durationDate .control-selectBox {
  width: 58px;
}
.gridTradeParameter__container tbody td:first-child {
  box-shadow: 0 1px rgba(255, 255, 255, 0.08);
}
.gridTradeParameter__container tbody td:first-child .table--cell {
  box-shadow: none;
}
.gridTradeParameter__container tbody td:last-child .table--cell {
  box-shadow:
    -1px 0 rgba(255, 255, 255, 0.08),
    -1px 0 rgba(255, 255, 255, 0.08) inset;
}
.gridTradeParameter__container td {
  padding-right: 0;
  padding-left: 0;
}
.gridTradeParameter__container .table--col-symbol,
.gridTradeParameter__container .table--colAdapts-symbol {
  width: 73px;
}
.gridTradeParameter__container .table--col-orderType,
.gridTradeParameter__container .table--colAdapts-orderType {
  width: 96px;
}
.gridTradeParameter__container .table--col-quantity,
.gridTradeParameter__container .table--colAdapts-quantity {
  width: 89px;
}
.gridTradeParameter__container .table--col-duration,
.gridTradeParameter__container .table--colAdapts-duration {
  width: 65px;
}
.gridTradeParameter__container .table--col-exchange,
.gridTradeParameter__container .table--colAdapts-exchange {
  width: 86px;
}
.gridTradeParameter__container .table--col-distance,
.gridTradeParameter__container .table--colAdapts-distance {
  width: 95px;
}
.gridTradeParameter__container .table--cell {
  padding: 0;
}
.gridTradeParameter__container .table--body td:first-child,
.gridTradeParameter__container .table--body th:first-child {
  padding: 1px 0 0 0;
}
.gridTradeParameter__container .selectBox::before {
  display: none;
}
.gridTradeParameter__container .selectBox-active:before,
.gridTradeParameter__container .selectBox-active:hover:before,
.gridTradeParameter__container .selectBox:active:before,
.gridTradeParameter__container .selectBox-active.\:hover:before,
.gridTradeParameter__container .selectBox.\:active:before {
  background: transparent;
}
.gridTradeParameter__container .selectBox--arrow {
  display: none;
}
.gridTradeParameter__container .datePicker .button .icon {
  fill: #fff;
}
.gridTradeParameter__container .gridOrderEntry__selectBoxPlaceholder {
  padding: 0 6px 0 12px;
}
.gridTradeParameter__container_withDatePicker .table--col.table--col-duration,
.gridTradeParameter__container_withDatePicker .table--colAdapts.table--colAdapts-duration {
  width: 170px;
}
.gridTradeParameter__orderType {
  font-size: 14px;
  line-height: 20px;
  padding: 0 6px 0 12px;
}
.gridTradeParameter__groupTypeText {
  font-size: 14px;
  margin-left: 12px;
  display: inline-block;
}
.gridTradeParameter__groupTypeText:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.08);
}
.gridTradeParameter__selectBoxPlaceholder {
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 0 6px 0 12px;
  color: #fff;
  font-size: 14px;
  line-height: 23px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
}
.gridTradeParameter__selectBoxPlaceholder:not(
    .gridTradeParameter__selectBoxPlaceholder_disabled
  ).gridTradeParameter__selectBoxPlaceholder_sell {
  color: #d64f58;
}
.gridTradeParameter__selectBoxPlaceholder:not(
    .gridTradeParameter__selectBoxPlaceholder_disabled
  ).gridTradeParameter__selectBoxPlaceholder_buy {
  color: #299171;
}
.gridTradeParameter__selectBoxPlaceholder_disabled {
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
}
.dropDown-selectBox-gridTradeParameter {
  font-size: 14px;
}
.dropDown-selectBox-gridTradeParameter .dropDown--option {
  padding: 0 6px 0 12px;
}

.tradeParameter__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 21px;
  padding: 10px 18px 10px 16px;
  box-shadow: 0 1px 0 0 rgba(9, 9, 15, 0.5);
  z-index: 1;
}
.tradeParameter__container .button-expand .icon {
  width: 11px;
  height: 6px;
  margin-top: 3px;
  margin-right: 5px;
  fill: #fff;
}
.tradeParameter__container .activationRuleButton__ruleText {
  font-weight: normal;
}
.tradeParameter__container .activationRuleButton__ruleLabel {
  margin-right: 4px;
}
.tradeParameter__container .gridTradeParameter__container {
  visibility: hidden;
}
.tradeParameter__container_expanded {
  height: unset;
  padding-bottom: 28px;
}
.tradeParameter__container_expanded .tradeParameter__gridTitle {
  visibility: visible;
}
.tradeParameter__container_expanded .tradeParameter__orderTemplate .control-selectBox {
  visibility: visible;
}
.tradeParameter__container_expanded .gridTradeParameter__container {
  visibility: visible;
}
.tradeParameter__orderTemplate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.tradeParameter__orderTemplate .control-selectBox {
  visibility: hidden;
}
.tradeParameter__orderTemplate .selectBox {
  width: 150px;
}
.tradeParameter__title,
.tradeParameter__gridTitle {
  display: inline-block;
  margin-bottom: 11px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}
.tradeParameter__gridTitle {
  visibility: hidden;
}
.tradeParameter__buttonExpandWrap {
  margin-right: 15px;
  color: #6cb5d9;
  font-weight: 500;
  position: relative;
}
.tradeParameter__buttonExpandWrap:active,
.tradeParameter__buttonExpandWrap.tradeParameter__--active {
  top: 1px;
}
.tradeParameter__leftColumn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-right: 20px;
}
.tradeParameter__rightColumn {
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.tradeParameter__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.groupInfo__container {
  margin-right: 7px;
  -ms-flex-order: 0;
  order: 0;
  box-sizing: border-box;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1px;
  display: -ms-flexbox;
  display: flex;
}
.groupInfo__containerBracket .groupInfo__inner {
  background: #ff00d0;
}
.groupInfo__containerOco .groupInfo__inner {
  background: #ff00d0;
}
.groupInfo__containerOso .groupInfo__inner {
  background: #ff00d0;
}
.groupInfo__containerOsoChild .groupInfo__inner {
  background: #ff00d0;
}
.groupInfo__containerChild {
  padding-left: 10px;
}
.groupInfo__inner {
  display: -ms-flexbox;
  display: flex;
  height: 14px;
}
.groupInfo__icon {
  position: relative;
  width: 18px;
  height: 14px;
  margin: 0;
}
.groupInfo__icon + .groupInfo__number {
  margin-left: 2px;
  margin-right: 2px;
}
.groupInfo__iconOco:before {
  border-left-color: #80d7ff;
  border-bottom-color: #80d7ff;
}
.groupInfo__iconOco:after {
  background: #00aeff;
}
.groupInfo__iconBracket:before {
  border-left-color: #ae80ff;
  border-bottom-color: #ae80ff;
}
.groupInfo__iconBracket:after {
  background: #5e00ff;
}
.groupInfo__iconOso:before {
  border-left-color: #ffbb5c;
  border-bottom-color: #ffbb5c;
}
.groupInfo__iconOso:after {
  background: #ff9500;
}
.groupInfo__iconChild:after,
.groupInfo__iconChild:before {
  content: '';
  display: block;
  position: absolute;
}
.groupInfo__iconChild:before {
  height: 6px;
  width: 6px;
  box-sizing: border-box;
  left: -10px;
  top: 50%;
  margin-top: -3px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
}
.groupInfo__iconChild:after {
  height: 3px;
  width: 3px;
  border-radius: 50%;
  left: -6px;
  bottom: 3px;
}
.groupInfo__number {
  font-size: 14px;
  font-weight: 500;
  color: #ff00d0;
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  line-height: 1;
}

.multiAssetOrder__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  box-sizing: border-box;
  height: 24px;
  border-radius: 2px;
  padding: 0 5px;
  font-size: 14px;
  line-height: 1;
  border: 1px solid transparent;
  background-image: linear-gradient(77deg, #ff00d0, #ff00d0);
}
.multiAssetOrder__containerInactive {
  opacity: 0.7;
  border: 0;
}
.multiAssetOrder__containerLocked > * {
  opacity: 0.5;
}
.multiAssetOrder__containerSelected.multiAssetOrder__container {
  border-color: #ff00d0;
}
.multiAssetOrder__containerSelected.multiAssetOrder__containerBracket {
  border-color: #ff00d0;
}
.multiAssetOrder__containerSelected.multiAssetOrder__containerOco {
  border-color: #ff00d0;
}
.multiAssetOrder__containerSelected.multiAssetOrder__containerOso {
  border-color: #ff00d0;
}
.multiAssetOrder__containerSelected.multiAssetOrder__containerOsoChild {
  border-color: #ff00d0;
}
.multiAssetOrder__orderType {
  position: relative;
}
.multiAssetOrder__orderTypeIcon {
  width: 26px;
  height: 11px;
  margin-top: 1px;
}
.multiAssetOrder__orderTypeIconBuy {
  fill: #ff00d0;
}
.multiAssetOrder__orderTypeIconSell {
  fill: #ff00d0;
}
.multiAssetOrder__activationRuleIcon {
  width: 13px;
  height: 13px;
  margin-right: 1px;
  margin-top: -1px;
  fill: rgba(255, 255, 255, 0.55);
}
.multiAssetOrder__delimeter {
  color: rgba(255, 255, 255, 0.5);
  margin-right: 7px;
}
.multiAssetOrder__quantity {
  text-align: right;
  margin: 0 8px 0 7px;
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.multiAssetOrder__priceList {
  display: -ms-flexbox;
  display: flex;
  margin-right: 7px;
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.multiAssetOrder__priceItem {
  position: relative;
}

.childGroupInfo__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.childGroupInfo__container .icon-order-entry-header-oso-child-colored {
  width: 28px;
  height: 14px;
}
.childGroupInfo__container .icon-order-entry-header-bracket-child-colored {
  width: 34px;
  height: 22px;
  margin-top: 4px;
}
.childGroupInfo__number {
  margin-right: 5px;
  color: #ff00d0;
}

.aggregatedOrders__container {
  height: 22px;
  padding: 0 7px;
  background: linear-gradient(
  74deg,
  $chart-drawing-management-panel-bg-color-1,
  $chart-drawing-management-panel-bg-color-2 98%
  );
  border: solid 1px $depth-of-market-collapse-box-border-color;
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.aggregatedOrders__containerInactive {
  opacity: 0.7;
  border: 0;
}
.aggregatedOrders__item {
  position: relative;
}
.aggregatedOrders__item:hover,
.aggregatedOrders__item.aggregatedOrders__--hover {
  background-color: rgba(153, 211, 255, 0.1);
}
.aggregatedOrders__item_hasChild {
  padding-left: 11px;
  padding-right: 11px;
}
.aggregatedOrders__quantity {
  position: relative;
}
.aggregatedOrders__icon {
  width: 11px;
  height: 11px;
  margin-left: 5px;
  -ms-transform: translateY(1px);
  transform: translateY(1px);
  position: relative;
}
.aggregatedOrders__iconBuy:after,
.aggregatedOrders__iconSell:after {
  content: '';
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
}
.aggregatedOrders__iconBuy:after {
  background-color: #1a8f6d;
}
.aggregatedOrders__iconSell:after {
  background-color: #b0424a;
}
.aggregatedOrders__iconBoth {
  position: relative;
}
.aggregatedOrders__order {
  border: 0;
  background: transparent;
}
.aggregatedOrders__orderGroupInfo {
  width: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ordersCellPopover__content:not(:empty) {
  padding: 0;
  background-color: #303142;
  box-shadow: 0 3px 12px 0 $depth-of-market-collapse-box-shadow-color;
}

.ordersCell__container {
  position: relative;
}

.WidgetMarketDepth__contentWrap {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.WidgetMarketDepth__contentWrap .button-info {
  margin-left: 6px;
}
.WidgetMarketDepth__contentWrap .button-linking-wrapper .button-linking {
  margin-right: 0;
}
.WidgetMarketDepth__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.WidgetMarketDepth__content .scrollable.scrollable-withHorizontalScrollbar .scrollable--content {
  padding-top: 0;
  padding-bottom: 9px;
}
.WidgetMarketDepth__content
.scrollable:not(.scrollable-withHorizontalScrollbar)
.scrollable--content {
  padding-top: 0;
  padding-bottom: 0;
}
.WidgetMarketDepth__content .scrollable--wrapper {
  overflow: hidden;
}
.WidgetMarketDepth__grids {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  background-color: $depth-of-market-order-template-bg-color;
}
.WidgetMarketDepth__footer {
  position: relative;
}
.WidgetMarketDepth__footerContent {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  height: 35px;
  width: 100%;
  padding: 0 8px;
}
.WidgetMarketDepth__footer .button-placeOrder {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.WidgetMarketDepth__footer .button-placeOrder span {
  white-space: nowrap;
}
.WidgetMarketDepth__footer .button-expand {
  position: absolute;
  top: -50px;
  right: 20px;
  width: 26px;
  height: 26px;
  min-width: 0;
  border-radius: 50%;
  z-index: 10;
}
.WidgetMarketDepth__footer .button-expand:before {
  border-radius: 50%;
}
.WidgetMarketDepth__footer .button-expand .icon {
  width: 10px;
  height: 16px;
  fill: #fff;
  vertical-align: unset;
}
.WidgetMarketDepth__warning {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 8px 10px 10px;
  background-color: #ff00d0;
  border: solid 1px rgba(255, 255, 255, 0.06);
  font-size: 14px;
  text-align: center;
  color: #fff;
}
.WidgetMarketDepth__switcherWrap {
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px 0 auto;
}
.WidgetMarketDepth__switcher {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.WidgetMarketDepth__switcher:nth-child(2) {
  margin-left: 24px;
}
.WidgetMarketDepth__switcher span {
  margin-left: 7px;
  font-size: 12px;
}
.WidgetMarketDepth__tooltipAnchor {
  font-size: 18px;
  position: relative;
}
.WidgetMarketDepth__tooltipAnchor .WidgetMarketDepth__switcher span {
  margin-top: -3px;
}
.WidgetMarketDepth__tooltipAnchor .tooltip {
  width: 195px;
  top: -25px;
}
.WidgetMarketDepth__tooltipAnchor .tooltip--pointer {
  top: 100%;
  left: 5px;
}
.WidgetMarketDepth__tooltipAnchor .tooltip--pointer-arrowTop:before {
  top: -4px;
  left: 2px;
}
.WidgetMarketDepth__tooltipAnchor .tooltip .WidgetMarketDepth__switcher {
  margin: 0;
}
.WidgetMarketDepth__notification {
  position: absolute;
  right: 220px;
  z-index: 10;
  cursor: default;
}
.WidgetMarketDepth__notification:before,
.WidgetMarketDepth__notification:after {
  content: '';
  position: absolute;
  left: 10px;
  -ms-transform: scaleY(0.8) translateX(-50%);
  transform: scaleY(0.8) translateX(-50%);
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
}
.WidgetMarketDepth__notification_top {
  top: 62px;
  box-shadow: 0 -4px 10px 0 #000;
}
.WidgetMarketDepth__notification_top:before,
.WidgetMarketDepth__notification_top:after {
  bottom: calc(100% - 2px);
}
.WidgetMarketDepth__notification_top:before {
  border-width: 10px 0 0 10px;
  border-color: transparent transparent transparent $depth-of-market-collapse-box-border-color;
}
.WidgetMarketDepth__notification_top:after {
  border-width: 8px 0 0 8px;
  border-color: transparent transparent transparent $chart-drawing-management-panel-bg-color-1;
}
.WidgetMarketDepth__notification_bottom {
  bottom: 20px;
  box-shadow: 0 4px 10px 0 #000;
}
.WidgetMarketDepth__notification_bottom:before,
.WidgetMarketDepth__notification_bottom:after {
  top: calc(100% - 2px);
}
.WidgetMarketDepth__notification_bottom:before {
  border-width: 10px 10px 0 0;
  border-color: $depth-of-market-collapse-box-border-color transparent transparent transparent;
}
.WidgetMarketDepth__notification_bottom:after {
  border-width: 8px 8px 0 0;
  border-color: $chart-drawing-management-panel-bg-color-1 transparent transparent transparent;
}
.WidgetMarketDepth__notification .ordersCell__container {
  cursor: default;
}
.WidgetMarketDepth__notification .aggregationBox__container {
  box-sizing: border-box;
  height: 28px;
  padding-bottom: 2px;
}

.gridMarketDepth__container {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px;
  position: relative;
  z-index: 1;
}
.gridMarketDepth__container
.scrollable-withVerticalScrollbar
> .scrollable--wrapper
> .scrollable--container {
  padding-right: 0;
}
.gridMarketDepth__container .scrollable .scrollbar {
  background-color: transparent;
}
.gridMarketDepth__container .grid {
  display: contents;
}
.gridMarketDepth__container .grid--head {
  padding: 0;
}
.gridMarketDepth__container .grid--head .gridMarketDepth__actions .gridMarketDepth__hcell {
  box-shadow: 0 1px 0 0 $depth-of-market-market-order-row-divider-color;
}
.gridMarketDepth__container .grid--body {
  top: 51px;
  background: $depth-of-market-market-order-row-bg-color;
}
.gridMarketDepth__container .grid--body .table--body td:first-of-type {
  padding-left: 6px;
}
.gridMarketDepth__container .table--head tr:first-child th {
  box-shadow: 0 1px 0 0 #1d1d26;
}
.gridMarketDepth__container .table--head .table--cell-bid,
.gridMarketDepth__container .table--head .table--cell-ask {
  padding: 0;
}
.gridMarketDepth__container .table--colAdapts-volume {
  width: 134px;
}
.gridMarketDepth__container .table--colAdapts-openPl {
  width: 95px;
}
.gridMarketDepth__container .table--colAdapts-bid {
  width: 75px;
}
.gridMarketDepth__container .table--colAdapts-price {
  width: 80px;
}
.gridMarketDepth__container .table--colAdapts-ask {
  width: 75px;
}
.gridMarketDepth__container .table--colAdapts-orders {
  width: 380px;
}
.gridMarketDepth__container .table--columnTitle {
  font-size: 12px;
}
.gridMarketDepth__container .table--body tr:hover td,
.gridMarketDepth__container .table--body tr.\:hover td {
  background: #434659;
}
.gridMarketDepth__container .table--body tr:hover .button:before,
.gridMarketDepth__container .table--body tr.\:hover .button:before {
  background: #393a4d;
  border-top-color: $button-inside-border-top-color;
}
.gridMarketDepth__container .table--body .table--cell {
  height: 31px;
  line-height: 32px;
}
.gridMarketDepth__container .table--body .table--cell-bid,
.gridMarketDepth__container .table--body .table--cell-ask {
  padding: 0;
  position: relative;
  overflow: initial;
  line-height: normal;
}
.gridMarketDepth__container .table--body .table--cell-bid .button,
.gridMarketDepth__container .table--body .table--cell-ask .button {
  width: 60px;
  height: 100%;
  text-align: inherit;
  color: inherit;
  background: transparent;
  padding: 0 14px 0 10px;
}
.gridMarketDepth__container .table--body .table--cell-bid .button:before,
.gridMarketDepth__container .table--body .table--cell-ask .button:before {
  top: 1px;
  left: 0;
  right: 0;
  bottom: -1px;
  background: $table-tading-button-bg-color;
  border-color: $table-tading-button-inside-border-top-color;
  border-bottom-color: $table-tading-button-inside-border-bottom-color;
}
.gridMarketDepth__container .table td {
  padding: 0;
}
.gridMarketDepth__container .table--cell-thOrders {
  margin-left: 25px;
}
.gridMarketDepth__container .table--cell-openPl.table--cell-positive {
  background: $depth-of-market-open-pl-positive-bg-color;
}
.gridMarketDepth__container .table--cell-openPl.table--cell-negative {
  background: $depth-of-market-open-pl-negative-bg-color;
}
.gridMarketDepth__container .table--cell-bid {
  color: #299171;
}
.gridMarketDepth__container .table--cell-price {
  text-align: center;
}
.gridMarketDepth__container .table--cell-price.table--cell-inactive {
  color: $depth-of-market-table-inactive-price-text-color;
}
.gridMarketDepth__container .table--cell-price.table--cell-additional {
  color: $depth-of-market-table-additional-text-color;
}
.gridMarketDepth__container .table--cell-price.table--cell-marked {
  font-weight: bold;
  color: #fff;
}
.gridMarketDepth__container .table--cell-price.table--cell-highlighted {
  background: $depth-of-market-price-additional-bg-color;
}
.gridMarketDepth__container .table--cell-ask {
  color: #d64f58;
}
.gridMarketDepth__container .table--cell-orders.table--cell {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-top: 1px;
  overflow: visible;
}
.gridMarketDepth__container .table--cell-orders .button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin-left: 7px;
  margin-right: 6px;
  border-radius: 1px;
  background: #393a4d;
  box-shadow: 0 0 0 1px $button-outside-border-color;
}
.gridMarketDepth__container .table--cell-orders .button:before {
  border-top-color: $button-inside-border-top-color;
  border-bottom-color: $button-inside-border-bot-color;
  border-left-color: $button-inside-border-side-color;
  border-right-color: $button-inside-border-side-color;
  background: transparent;
  transition: background 220ms ease-in;
  border-radius: 1px;
}
.gridMarketDepth__container .table--cell-orders .button .icon {
  width: 12px;
  height: 12px;
  fill: #fff;
  vertical-align: bottom;
}
.gridMarketDepth__container .WidgetMarketDepth__notification_bottom {
  bottom: 10px;
}
.gridMarketDepth__container .gridMarketDepth__orderWrapper {
  margin-left: 25px;
}
.gridMarketDepth__volumeScale {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
  80deg,
  $depth-of-market-volume-bg-color-1,
  $depth-of-market-volume-bg-color-2
  );
}
.gridMarketDepth__volumeValue {
  position: relative;
  z-index: 1;
}
.gridMarketDepth__group {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  height: 22px;
}
.gridMarketDepth__orderWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px;
  position: relative;
}
.gridMarketDepth__orderWrapper_single .gridMarketDepth__order::before {
  display: none;
}
.gridMarketDepth__orderContent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.gridMarketDepth__orderCells__wrapper + .gridMarketDepth__orderCells__wrapper {
  margin-left: 7px;
}
.gridMarketDepth__order .icon-alert-triggered-order {
  width: 13px;
  height: 13px;
  fill: rgba(255, 255, 255, 0.55);
}
.gridMarketDepth__order .button {
  display: none;
}
.gridMarketDepth__order::before {
  content: '';
}
.gridMarketDepth__order::before,
.gridMarketDepth__order .gridMarketDepth__groupWick {
  position: absolute;
  top: 50%;
}
.gridMarketDepth__order::before {
  width: 3px;
  height: 3px;
  margin-top: -1px;
  border-radius: 50%;
  left: 3px;
}
.gridMarketDepth__order_selected.gridMarketDepth__order
+ .gridMarketDepth__orderContent
.ordersCell__container,
.gridMarketDepth__order_selected.gridMarketDepth__order
+ .gridMarketDepth__orderContent
.multiAssetOrder__container {
  opacity: 1;
}
.gridMarketDepth__order .gridMarketDepth__groupWick {
  height: 1px;
  right: calc(100% - 3px);
}
.gridMarketDepth__order .gridMarketDepth__groupLevel {
  width: 6px;
  height: 1px;
  left: 0;
}
.gridMarketDepth__order_oso::before,
.gridMarketDepth__order_oso .gridMarketDepth__groupWick,
.gridMarketDepth__order_oso .gridMarketDepth__groupLink {
  background-color: rgba(255, 187, 92, 0.4);
}
.gridMarketDepth__order_oso .gridMarketDepth__counter {
  background: #ff00d0;
}
.gridMarketDepth__order_osoChild::before,
.gridMarketDepth__order_osoChild .gridMarketDepth__groupWick,
.gridMarketDepth__order_osoChild .gridMarketDepth__groupLink {
  background-color: rgba(255, 187, 92, 0.4);
}
.gridMarketDepth__order_osoChild .gridMarketDepth__counter {
  background: #ff00d0;
}
.gridMarketDepth__order_osoChild .gridMarketDepth__symbol .icon {
  width: 28px;
}
.gridMarketDepth__order_oco::before,
.gridMarketDepth__order_oco .gridMarketDepth__groupWick,
.gridMarketDepth__order_oco .gridMarketDepth__groupLink {
  background-color: rgba(128, 215, 255, 0.4);
}
.gridMarketDepth__order_oco .gridMarketDepth__counter {
  background: #ff00d0;
}
.gridMarketDepth__order_bracket::before,
.gridMarketDepth__order_bracket .gridMarketDepth__groupWick,
.gridMarketDepth__order_bracket .gridMarketDepth__groupLink {
  background-color: rgba(174, 128, 255, 0.4);
}
.gridMarketDepth__order_bracket .gridMarketDepth__counter {
  background: #ff00d0;
}
.gridMarketDepth__amount {
  margin-right: 7px;
}
.gridMarketDepth__group {
  padding: 0 7px;
  background: linear-gradient(
  74deg,
  $chart-drawing-management-panel-bg-color-1,
  $chart-drawing-management-panel-bg-color-2 98%
  );
  border: solid 1px $depth-of-market-collapse-box-border-color;
  border-radius: 1px;
}
.gridMarketDepth__iconOrdersWrap {
  height: 14px;
  line-height: 12px;
}
.gridMarketDepth__iconOrdersWrap {
  margin-right: 10px;
}
.gridMarketDepth__iconOrdersWrap .icon {
  width: 9px;
  height: 9px;
  margin-left: 4px;
  vertical-align: baseline;
}
.gridMarketDepth__groupLink {
  width: 1px;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 0;
}
.gridMarketDepth__groupLink_invert {
  top: auto;
  bottom: 11px;
}
.gridMarketDepth__actions {
  color: #fff;
  background: $depth-of-market-market-order-row-bg-color;
}
.gridMarketDepth__actions .table--cell {
  height: 30px;
  line-height: 26px;
  font-size: 14px;
  font-weight: normal;
}
.gridMarketDepth__actions .button {
  height: 25px;
  border-radius: 2px;
  width: 60px;
}
.gridMarketDepth__actions .button-buy {
  background-color: #1a8f6d;
  border: solid 1px rgba(0, 0, 0, 0);
}
.gridMarketDepth__actions .button-sell {
  background-color: #b0424a;
  border: solid 1px rgba(0, 0, 0, 0);
}
.gridMarketDepth__actions .button-buy[disabled],
.gridMarketDepth__actions .button-sell[disabled] {
  background-color: #31323d;
  border: solid 1px $button-outside-border-color;
  color: rgba(255, 255, 255, 0.3);
}
.gridMarketDepth__tooltip {
  position: absolute;
  z-index: 2;
  background: #2c3447;
  color: #fff;
  box-shadow: 0 1px 10px 0 $trade-builder-step-hint-tooltip-shadow-color;
  padding: 2px 10px 6px;
  line-height: normal;
  white-space: nowrap;
  font-size: 14px;
}
.gridMarketDepth__highlighted td {
  background: #434659;
  cursor: pointer;
}

.grid-exchangeMarketDepth .grid--head {
  z-index: 2;
}
.grid-exchangeMarketDepth .table--body .table--cell-bidPrice {
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.grid-exchangeMarketDepth .table--body .button {
  height: 17px;
  line-height: 1.2;
  top: -2px;
}
.grid-exchangeMarketDepth .table--body td {
  line-height: normal;
}
.grid-exchangeMarketDepth .table--body .table--cell {
  height: 21px;
  line-height: 21px;
}
.grid-exchangeMarketDepth .table--body .table--cell-color1 {
  background-color: #001919;
}
.grid-exchangeMarketDepth .table--body .table--cell-color2 {
  background-color: #032424;
}
.grid-exchangeMarketDepth .table--body .table--cell-color3 {
  background-color: #013435;
}
.grid-exchangeMarketDepth .table--body .table--cell-color4 {
  background-color: #00494a;
}
.grid-exchangeMarketDepth .table--body .table--cell-color5 {
  background-color: #005b5c;
}
.grid-exchangeMarketDepth .table--body .table--cell-color6 {
  background-color: #006e70;
}
.grid-exchangeMarketDepth .table--body .table--cell-color7 {
  background-color: #008688;
}
.grid-exchangeMarketDepth .table--body .table--cell-color8 {
  background-color: #009c9f;
}
.grid-exchangeMarketDepth .table--cell-limit {
  background-color: rgba(179, 167, 161, 0.2) !important;
}
.grid-exchangeMarketDepth .table--cell-position {
  background-color: #665c47 !important;
}

.grid-exchangeMarketDepth .table--colAdapts-askExchange,
.grid-exchangeMarketDepth .table--colAdapts-bidExchange {
  width: 100px;
}
.grid-exchangeMarketDepth .table--colAdapts-bidSize,
.grid-exchangeMarketDepth .table--colAdapts-askSize {
  width: 70px;
}
.grid-exchangeMarketDepth .table--colAdapts-askPrice,
.grid-exchangeMarketDepth .table--colAdapts-bidPrice {
  width: 82px;
}
.grid-exchangeMarketDepth .table--colAdapts-askCumulativeSize,
.grid-exchangeMarketDepth .table--colAdapts-bidCumulativeSize {
  width: 115px;
}
.grid-exchangeMarketDepth .table--colAdapts-bidTime,
.grid-exchangeMarketDepth .table--colAdapts-askTime {
  width: 80px;
}

.grid-exchangeMarketDepth .table--cell-bidCumulativeSize,
.grid-exchangeMarketDepth .table--cell-askCumulativeSize,
.grid-exchangeMarketDepth .table--cell-bidSize,
.grid-exchangeMarketDepth .table--cell-askSize {
  position: relative;
}
.grid-exchangeMarketDepth .table--cell-bidCumulativeSize .grid-exchangeMarketDepth__scale,
.grid-exchangeMarketDepth .table--cell-askCumulativeSize .grid-exchangeMarketDepth__scale,
.grid-exchangeMarketDepth .table--cell-bidSize .grid-exchangeMarketDepth__scale,
.grid-exchangeMarketDepth .table--cell-askSize .grid-exchangeMarketDepth__scale {
  position: absolute;
  background: rgba(102, 255, 255, 0.3);
  top: 0;
  width: 31px;
  z-index: 1;
  pointer-events: none;
  bottom: 0;
}
.grid-exchangeMarketDepth .table--cell-askCumulativeSize .grid-exchangeMarketDepth__scale,
.grid-exchangeMarketDepth .table--cell-askSize .grid-exchangeMarketDepth__scale {
  left: 0;
  border-left: 1px solid rgba(102, 255, 255, 0.1);
}
.grid-exchangeMarketDepth .table--cell-bidCumulativeSize .grid-exchangeMarketDepth__scale,
.grid-exchangeMarketDepth .table--cell-bidSize .grid-exchangeMarketDepth__scale {
  right: 0;
  border-right: 1px solid rgba(102, 255, 255, 0.1);
}

.grid-instrument-info .table--colAdapts-last {
  width: 100px;
}
.grid-instrument-info .table--colAdapts-netChange {
  width: 100px;
}
.grid-instrument-info .table--colAdapts-positionQty {
  width: 170px;
}
.grid-instrument-info .table--colAdapts-openPl {
  width: 170px;
}
.grid-instrument-info .table--colAdapts-avg {
  width: 184px;
}
.grid-instrument-info .table--colAdapts-symbol {
  width: 118px;
}
.grid-instrument-info .table--colAdapts-bid,
.grid-instrument-info .table--colAdapts-ask,
.grid-instrument-info .table--colAdapts-open,
.grid-instrument-info .table--colAdapts-high,
.grid-instrument-info .table--colAdapts-low,
.grid-instrument-info .table--colAdapts-lotSize,
.grid-instrument-info .table--colAdapts-price,
.grid-instrument-info .table--colAdapts-stopLoss,
.grid-instrument-info .table--colAdapts-takeProfit,
.grid-instrument-info .table--colAdapts-fillPrice,
.grid-instrument-info .table--colAdapts-triggerPrice,
.grid-instrument-info .table--colAdapts-quantity,
.grid-instrument-info .table--colAdapts-size {
  width: 81px;
}
.grid-instrument-info .table--colAdapts-volume {
  width: 85px;
}
.grid-instrument-info .table--colAdapts-spread {
  width: 90px;
}
.grid-instrument-info .table--colAdapts-change {
  width: 95px;
}
.grid-instrument-info .table--colAdapts-close {
  width: 105px;
}
.grid-instrument-info .table--colAdapts-description {
  width: 244px;
}
.grid-instrument-info .table--colAdapts-avgFillPrice {
  width: 95px;
}
.grid-instrument-info .table--colAdapts-dayOpenPl {
  width: 100px;
}
.grid-instrument-info .table--colAdapts-dayClosedPl {
  width: 110px;
}
.grid-instrument-info .table--colAdapts-expirationDate,
.grid-instrument-info .table--colAdapts-lastTradeDate,
.grid-instrument-info .table--colAdapts-firstNoticeDate {
  width: 110px;
}
.grid-instrument-info .table--colAdapts-maintenanceMargin {
  width: 145px;
}
.grid-instrument-info .table--colAdapts-initialMargin {
  width: 100px;
}
.grid-instrument-info .table--colAdapts-tradingHalt,
.grid-instrument-info .table--colAdapts-dayToExpiration,
.grid-instrument-info .table--colAdapts-tickValue,
.grid-instrument-info .table--colAdapts-limitUp,
.grid-instrument-info .table--colAdapts-limitDown {
  width: 100px;
}
.grid-instrument-info .table--colAdapts-openInterest {
  width: 50px;
}

.grid-instrument-info {
  height: auto;
}
.grid-instrument-info .grid--body {
  position: static;
}
.grid-instrument-info .grid--body .scrollable--wrapper .scrollable--container .scrollable--content {
  padding-top: 0;
}
.grid-instrument-info
.grid--body.scrollable.scrollable-withHorizontalScrollbar
.scrollable--content {
  padding-bottom: 9px;
}

.WidgetExchangeMarketDepth__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.WidgetExchangeMarketDepth__view-modes-selector {
  margin-left: 20px;
}

.widget-symbolSearch .button-collapseAllPositions {
  margin-right: 0;
}

.guestOverlay__container {
  position: absolute;
  bottom: 0;
  top: 23px;
  right: 0;
  left: 0;
  height: auto;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
}
.guestOverlay__inner {
  position: relative;
  z-index: 2;
  text-align: center;
}
.guestOverlay__message {
  margin-bottom: 13px;
  font-size: 12px;
  line-height: 1.5;
}
.guestOverlay__controls > span {
  margin: 0 15px;
  vertical-align: baseline;
}
.guestOverlay__controls .button {
  vertical-align: baseline;
  width: 100px;
  height: 26px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: normal;
}
.guestOverlay__container + .grid .grid--body td {
  box-shadow: 0 3px $button-inside-border-bot-color;
}
@supports (filter: blur(15px)) {
  .guestOverlay__container + .grid .grid--body td {
    box-shadow: 0 1px rgba(255, 255, 255, 0.08);
  }
}
.guestOverlay__container + .grid .grid--body .table--cell {
  filter: blur(4px);
  overflow: visible;
}
@supports (filter: blur(15px)) {
  .guestOverlay__container + .grid .grid--body .table--cell {
    overflow: hidden;
  }
}
.guestOverlay__container + .grid .grid--body .position--symbol,
.guestOverlay__container + .grid .grid--body .position--quantity,
.guestOverlay__container + .grid .grid--body .position--fillPrice,
.guestOverlay__container + .grid .grid--body .position--totalFinancing,
.guestOverlay__container + .grid .grid--body .position--totalCommissions,
.guestOverlay__container + .grid .grid--body .position--stoploss,
.guestOverlay__container + .grid .grid--body .position--takeprofit,
.guestOverlay__container + .grid .grid--body .position--id,
.guestOverlay__container + .grid .grid--body .position--timedate,
.guestOverlay__container + .grid .grid--body .position--bid,
.guestOverlay__container + .grid .grid--body .position--ask,
.guestOverlay__container + .grid .grid--body .position--currentPrice {
  text-shadow:
    0 0 5px #fff,
    0 0 5px #fff,
    0 0 5px #fff,
    0 0 5px #fff,
    0 0 5px #fff,
    0 0 5px #fff,
    0 0 5px #fff;
  opacity: 0.2;
}
@supports (filter: blur(15px)) {
  .guestOverlay__container + .grid .grid--body .position--symbol,
  .guestOverlay__container + .grid .grid--body .position--quantity,
  .guestOverlay__container + .grid .grid--body .position--fillPrice,
  .guestOverlay__container + .grid .grid--body .position--totalFinancing,
  .guestOverlay__container + .grid .grid--body .position--totalCommissions,
  .guestOverlay__container + .grid .grid--body .position--stoploss,
  .guestOverlay__container + .grid .grid--body .position--takeprofit,
  .guestOverlay__container + .grid .grid--body .position--id,
  .guestOverlay__container + .grid .grid--body .position--timedate,
  .guestOverlay__container + .grid .grid--body .position--bid,
  .guestOverlay__container + .grid .grid--body .position--ask,
  .guestOverlay__container + .grid .grid--body .position--currentPrice {
    text-shadow: none;
    opacity: 1;
  }
}
.guestOverlay__container + .grid .grid--body .position--side-buy,
.guestOverlay__container + .grid .grid--body .position--pl-positive {
  text-shadow:
    0 0 5px #299171,
    0 0 5px #299171,
    0 0 5px #299171,
    0 0 5px #299171,
    0 0 5px #299171,
    0 0 5px #299171,
    0 0 5px #299171;
  opacity: 0.3;
}
@supports (filter: blur(15px)) {
  .guestOverlay__container + .grid .grid--body .position--side-buy,
  .guestOverlay__container + .grid .grid--body .position--pl-positive {
    text-shadow: none;
    opacity: 1;
  }
}
.guestOverlay__container + .grid .grid--body .position--side-sell,
.guestOverlay__container + .grid .grid--body .position--pl-negative {
  text-shadow:
    0 0 5px #d64f58,
    0 0 5px #d64f58,
    0 0 5px #d64f58,
    0 0 5px #d64f58,
    0 0 5px #d64f58,
    0 0 5px #d64f58,
    0 0 5px #d64f58;
  opacity: 0.3;
}
@supports (filter: blur(15px)) {
  .guestOverlay__container + .grid .grid--body .position--side-sell,
  .guestOverlay__container + .grid .grid--body .position--pl-negative {
    text-shadow: none;
    opacity: 1;
  }
}
.guestOverlay__container + .grid .grid--body .position--timedate small,
.guestOverlay__container + .grid .grid--body .position--id small {
  text-shadow:
    0 0 5px #808080,
    0 0 5px #808080,
    0 0 5px #808080,
    0 0 5px #808080,
    0 0 5px #808080,
    0 0 5px #808080,
    0 0 5px #808080;
  opacity: 1;
}
@supports (filter: blur(15px)) {
  .guestOverlay__container + .grid .grid--body .position--timedate small,
  .guestOverlay__container + .grid .grid--body .position--id small {
    text-shadow: none;
    opacity: 1;
  }
}
.guestOverlay__container + .grid .grid--body .icon {
  display: none;
}
@supports (filter: blur(15px)) {
  .guestOverlay__container + .grid .grid--body .icon {
    display: inline-block;
  }
}

.gridTimeSales__container {
  height: 100%;
}
.gridTimeSales__container .table--colAdapts-timeDate {
  width: 150px;
}
.gridTimeSales__container .table--colAdapts-time {
  width: 85px;
}
.gridTimeSales__container .table--colAdapts-pd {
  width: 45px;
}
.gridTimeSales__container .table--colAdapts-price,
.gridTimeSales__container .table--colAdapts-bid,
.gridTimeSales__container .table--colAdapts-ask {
  width: 115px;
}
.gridTimeSales__container .table--colAdapts-size {
  width: 89px;
}
.gridTimeSales__container .table--colAdapts-type {
  width: 60px;
}
.gridTimeSales__container .table--colAdapts-exchange {
  width: 115px;
}
.gridTimeSales__container .table--colAdapts-conditions {
  width: 110px;
}
.gridTimeSales__container .table--colAdapts-attributes {
  width: 110px;
}
.gridTimeSales__container .table--colAdapts-sequence {
  width: 108px;
}
.gridTimeSales__row_priceUp {
  animation: gridTimeSales__timeSaleBlinkPriceUp 2000ms 0ms ease 1 alternate forwards;
}
.gridTimeSales__row_priceDown {
  animation: gridTimeSales__timeSaleBlinkPriceDown 2000ms 0ms ease 1 alternate forwards;
}
.gridTimeSales__row_neutral {
  animation: none;
}
.gridTimeSales__row_delimiter td:not(.noneUnderLine) {
  box-shadow: 0 1px rgba(61, 78, 102, 0.8);
}
.gridTimeSales__row_delimiter td:not(.noneUnderLine):first-child {
  box-shadow:
    5px 0 0 #2c2d3d inset,
    0 1px rgba(61, 78, 102, 0.8);
}
.gridTimeSales__row_delimiter td:not(.noneUnderLine):last-child {
  box-shadow:
    -2px 0 0 #2c2d3d inset,
    0 1px rgba(61, 78, 102, 0.8);
}
.gridTimeSales__price_down {
  color: #d64f58;
}
.gridTimeSales__price_up {
  color: #299171;
}
.gridTimeSales__price strong {
  font-weight: normal;
  font-size: 16px;
}
.gridTimeSales__greyedOut {
  color: rgba(255, 255, 255, 0.55);
}
@keyframes gridTimeSales__timeSaleBlinkPriceUp {
  0% {
    background: rgba(26, 143, 109, 0.5);
  }
}
@keyframes gridTimeSales__timeSaleBlinkPriceDown {
  0% {
    background: rgba(216, 0, 63, 0.5);
  }
}

.WidgetTimeSales__container_frozen {
  border: 1px solid #8ebcd4;
  transition: border 220ms ease-in;
}
.WidgetTimeSales__contentWrap {
  width: 100%;
  height: 19px;
}
.WidgetTimeSales__contentWrap .control-textInput {
  height: 100%;
  width: 120px;
  margin-right: 10px;
}
.WidgetTimeSales__contentWrap .control input[type='text'] {
  height: 19px;
  line-height: 19px;
}

.optionChainNew__container {
  position: relative;
  height: inherit;
  overflow: hidden;
  font-size: 14px;
}
.optionChainNew__container .optionChainNew__list--item-level_0 {
  padding-left: 0px;
}
.optionChainNew__container
.optionChainNew__list--itemGroup-level_0
.optionChainNew__list--itemGroupHeader {
  padding-left: 0px;
}
.optionChainNew__container .optionChainNew__list--item-level_1 {
  padding-left: 1px;
}
.optionChainNew__container
.optionChainNew__list--itemGroup-level_1
.optionChainNew__list--itemGroupHeader {
  padding-left: 1px;
}
.optionChainNew__container .optionChainNew__list--item-level_2 {
  padding-left: 2px;
}
.optionChainNew__container
.optionChainNew__list--itemGroup-level_2
.optionChainNew__list--itemGroupHeader {
  padding-left: 2px;
}
.optionChainNew__container .optionChainNew__list--item-level_3 {
  padding-left: 3px;
}
.optionChainNew__container
.optionChainNew__list--itemGroup-level_3
.optionChainNew__list--itemGroupHeader {
  padding-left: 3px;
}
.optionChainNew__container .optionChainNew__list--item-level_4 {
  padding-left: 4px;
}
.optionChainNew__container
.optionChainNew__list--itemGroup-level_4
.optionChainNew__list--itemGroupHeader {
  padding-left: 4px;
}
.optionChainNew__container .optionChainNew__list--item-level_5 {
  padding-left: 5px;
}
.optionChainNew__container
.optionChainNew__list--itemGroup-level_5
.optionChainNew__list--itemGroupHeader {
  padding-left: 5px;
}
.optionChainNew__container .optionChainNew__list--item-level_6 {
  padding-left: 6px;
}
.optionChainNew__container
.optionChainNew__list--itemGroup-level_6
.optionChainNew__list--itemGroupHeader {
  padding-left: 6px;
}
.optionChainNew__container .optionChainNew__list--item-level_7 {
  padding-left: 7px;
}
.optionChainNew__container
.optionChainNew__list--itemGroup-level_7
.optionChainNew__list--itemGroupHeader {
  padding-left: 7px;
}
.optionChainNew__container .optionChainNew__list--item-level_8 {
  padding-left: 8px;
}
.optionChainNew__container
.optionChainNew__list--itemGroup-level_8
.optionChainNew__list--itemGroupHeader {
  padding-left: 8px;
}
.optionChainNew__container .optionChainNew__list--item-level_9 {
  padding-left: 9px;
}
.optionChainNew__container
.optionChainNew__list--itemGroup-level_9
.optionChainNew__list--itemGroupHeader {
  padding-left: 9px;
}
.optionChainNew__container .optionChainNew__list--item-level_10 {
  padding-left: 10px;
}
.optionChainNew__container
.optionChainNew__list--itemGroup-level_10
.optionChainNew__list--itemGroupHeader {
  padding-left: 10px;
}
.optionChainNew__container_pending .optionChain--expirations {
  display: none;
}
.optionChainNew__container_singleTable .optionChainNew__grid_calls,
.optionChainNew__container_singleTable .optionChainNew__grid_puts {
  width: calc(100% - 236px);
}
.optionChainNew__container
.scrollable-withVerticalScrollbar
> .scrollable--wrapper
> .scrollable--container {
  padding-right: 11px;
}
.optionChainNew__container .scrollbar-vertical {
  right: 1px;
}
.optionChainNew__container .list--item {
  background: $option-chain-strategies-support-bg-color;
}
.optionChainNew__container .list--item-level_1 {
  padding-left: 0;
}
.optionChainNew__container .grid-lowerHeader,
.optionChainNew__container .grid-upperHeader {
  height: 20px;
}
.optionChainNew__container .grid-lowerHeader .grid--head,
.optionChainNew__container .grid-upperHeader .grid--head {
  box-shadow: none;
}
.optionChainNew__container .grid-lowerHeader .table--cell,
.optionChainNew__container .grid-upperHeader .table--cell {
  height: 18px;
  padding: 1px 10px 0;
}
.optionChainNew__container .grid-upperHeader thead th {
  letter-spacing: 0.9px;
  text-transform: uppercase;
}
.optionChainNew__container .grid-upperHeader thead th:first-child .table--columnHeader {
  -ms-flex-pack: center;
  justify-content: center;
}
.optionChainNew__container .grid--body {
  position: relative;
  top: 0;
}
.optionChainNew__container .grid--body:not(.scrollable-withVerticalScrollbar) {
  margin-right: 0;
}
.optionChainNew__container .table--col {
  width: 79px;
}
.optionChainNew__container .table--col-calls,
.optionChainNew__container .table--col-puts {
  width: calc((100% - 236px) / 2);
}
.optionChainNew__container .table--col-strike {
  width: 236px;
}
.optionChainNew__container .table--col-theoPrice {
  width: 82px;
}
.optionChainNew__container .table--col-bid,
.optionChainNew__container .table--col-ask {
  width: 98px;
}
.optionChainNew__container .table--col-annualizedRoR {
  width: 110px;
}
.optionChainNew__container .table--sortBy {
  cursor: default;
}
.optionChainNew__container .table--cell {
  padding: 0 10px;
  z-index: 2;
}
.optionChainNew__container .table--cell .icon-sort,
.optionChainNew__container .table--cell .icon-sorted-asc,
.optionChainNew__container .table--cell .icon-sorted-desc,
.optionChainNew__container .table--cell .icon-filter {
  display: none;
}
.optionChainNew__container .table thead th {
  font-size: 12px;
  font-weight: 500;
}
.optionChainNew__container .table tbody .table--cell {
  height: 24px;
}
.optionChainNew__container .list--itemGroup-opened .optionChain--expirationHeaderArrow .icon {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.optionChainNew__wrapper {
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 95px);
  position: relative;
}
.optionChainNew__wrapper .list--itemGroup {
  border-bottom: 1px solid #1d1d26;
}
.optionChainNew__wrapper .list--itemGroup-opened {
  border-bottom: 0;
}
.optionChainNew__wrapper .list--itemGroup:last-of-type {
  border-bottom: 0;
}
.optionChainNew__gridsContainer {
  display: -ms-flexbox;
  display: flex;
}
.optionChainNew__grid_head.optionChainNew__grid_puts {
  margin-left: -5px;
}
.optionChainNew__grid_strike {
  width: 236px;
}
.optionChainNew__grid_strike .grid-upperHeader {
  border-left: 1px solid #1d1d26;
  border-right: 1px solid #1d1d26;
  z-index: 2;
}
.optionChainNew__grid_strike .grid-upperHeader .table--columnTitle {
  color: transparent;
}
.optionChainNew__grid_strike .table th:first-child .table--columnHeader {
  -ms-flex-pack: center;
  justify-content: center;
}
.optionChainNew__grid_strike tbody td:first-of-type .table--cell:not(.table--cell-symbol) {
  padding-left: 10px;
}
.optionChainNew__grid_calls tbody .table--cell-bid,
.optionChainNew__grid_puts tbody .table--cell-bid,
.optionChainNew__grid_calls tbody .table--cell-ask,
.optionChainNew__grid_puts tbody .table--cell-ask {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-radius: 1px;
  box-shadow: 0 0 0 1px #3d4e66 inset;
  line-height: 1;
}
.optionChainNew__grid_calls tbody .table--cell-bid:after,
.optionChainNew__grid_puts tbody .table--cell-bid:after,
.optionChainNew__grid_calls tbody .table--cell-ask:after,
.optionChainNew__grid_puts tbody .table--cell-ask:after {
  content: '';
  position: absolute;
  left: 1px;
  top: 1px;
  right: 1px;
  bottom: 1px;
  background-color: #393a4d;
  opacity: 0.3;
  z-index: 1;
  border-top-color: rgba(255, 255, 255, 0.02);
  border-bottom-color: rgba(255, 255, 255, 0.02);
  border-left-color: rgba(255, 255, 255, 0.02);
  border-right-color: rgba(255, 255, 255, 0.02);
  border-width: 1px;
  border-style: solid;
}
.optionChainNew__grid_calls tbody .table--cell-bid:hover:after,
.optionChainNew__grid_puts tbody .table--cell-bid:hover:after,
.optionChainNew__grid_calls tbody .table--cell-ask:hover:after,
.optionChainNew__grid_puts tbody .table--cell-ask:hover:after,
.optionChainNew__grid_calls tbody .table--cell-bid.\:hover:after,
.optionChainNew__grid_puts tbody .table--cell-bid.\:hover:after,
.optionChainNew__grid_calls tbody .table--cell-ask.\:hover:after,
.optionChainNew__grid_puts tbody .table--cell-ask.\:hover:after {
  opacity: 1;
  background-color: #393a4d;
}
.optionChainNew__grid_calls tbody .table--cell-bid:hover .optionChainNew__spreadButton .icon,
.optionChainNew__grid_puts tbody .table--cell-bid:hover .optionChainNew__spreadButton .icon,
.optionChainNew__grid_calls tbody .table--cell-ask:hover .optionChainNew__spreadButton .icon,
.optionChainNew__grid_puts tbody .table--cell-ask:hover .optionChainNew__spreadButton .icon,
.optionChainNew__grid_calls tbody .table--cell-bid.\:hover .optionChainNew__spreadButton .icon,
.optionChainNew__grid_puts tbody .table--cell-bid.\:hover .optionChainNew__spreadButton .icon,
.optionChainNew__grid_calls tbody .table--cell-ask.\:hover .optionChainNew__spreadButton .icon,
.optionChainNew__grid_puts tbody .table--cell-ask.\:hover .optionChainNew__spreadButton .icon {
  fill: #fff;
}
.optionChainNew__grid_calls tbody .table--cell-bid span,
.optionChainNew__grid_puts tbody .table--cell-bid span,
.optionChainNew__grid_calls tbody .table--cell-ask span,
.optionChainNew__grid_puts tbody .table--cell-ask span {
  position: relative;
  z-index: 2;
}
.optionChainNew__grid_calls tbody .table--cell-bid span:first-child,
.optionChainNew__grid_puts tbody .table--cell-bid span:first-child,
.optionChainNew__grid_calls tbody .table--cell-ask span:first-child,
.optionChainNew__grid_puts tbody .table--cell-ask span:first-child {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-order: 2;
  order: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px 8px 0;
  margin: 1px 0 1px 0;
}
.optionChainNew__grid_calls tbody .table--cell-bid span:first-child:hover,
.optionChainNew__grid_puts tbody .table--cell-bid span:first-child:hover,
.optionChainNew__grid_calls tbody .table--cell-ask span:first-child:hover,
.optionChainNew__grid_puts tbody .table--cell-ask span:first-child:hover,
.optionChainNew__grid_calls tbody .table--cell-bid span:first-child.\:hover,
.optionChainNew__grid_puts tbody .table--cell-bid span:first-child.\:hover,
.optionChainNew__grid_calls tbody .table--cell-ask span:first-child.\:hover,
.optionChainNew__grid_puts tbody .table--cell-ask span:first-child.\:hover {
  background: rgba(255, 255, 255, 0.1);
}
.optionChainNew__grid_calls tbody .table--cell-bid span:first-child:active,
.optionChainNew__grid_puts tbody .table--cell-bid span:first-child:active,
.optionChainNew__grid_calls tbody .table--cell-ask span:first-child:active,
.optionChainNew__grid_puts tbody .table--cell-ask span:first-child:active,
.optionChainNew__grid_calls tbody .table--cell-bid span:first-child.\:active,
.optionChainNew__grid_puts tbody .table--cell-bid span:first-child.\:active,
.optionChainNew__grid_calls tbody .table--cell-ask span:first-child.\:active,
.optionChainNew__grid_puts tbody .table--cell-ask span:first-child.\:active {
  background: rgba(0, 0, 0, 0.15);
}
.optionChainNew__grid_calls tbody .table--cell-bid .optionChainNew__spreadButton,
.optionChainNew__grid_puts tbody .table--cell-bid .optionChainNew__spreadButton {
  border-right: 1px solid #3d4e66;
}
.optionChainNew__grid_calls tbody .table--cell-ask .optionChainNew__spreadButton,
.optionChainNew__grid_puts tbody .table--cell-ask .optionChainNew__spreadButton {
  border-left: 1px solid #3d4e66;
  -ms-flex-order: 3;
  order: 3;
}
.optionChainNew__grid_calls .optionChainNew__row_moneyness td:first-child:before {
  content: '';
  width: 100%;
  height: 24px;
  position: absolute;
  left: 0;
  background: linear-gradient(
  to left,
  $option-chain-in-the-money-table-area-bg-color-1,
  $option-chain-in-the-money-table-area-bg-color-2
  );
}
.optionChainNew__grid_calls .table--cell {
  text-align: right;
}
.optionChainNew__grid_calls .table--columnHeader {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.optionChainNew__grid_puts .optionChainNew__row_moneyness td:first-child:before {
  z-index: 1;
  content: '';
  width: 100%;
  height: 24px;
  position: absolute;
  left: 0;
  background: linear-gradient(
  to right,
  $option-chain-in-the-money-table-area-bg-color-1,
  $option-chain-in-the-money-table-area-bg-color-2
  );
}
.optionChainNew__grid_puts .table--cell {
  text-align: left;
}
.optionChainNew__grid_puts .table--columnHeader {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.optionChainNew__grid_puts .table td:first-child .table--cell {
  padding-left: 0;
}
.optionChainNew__headers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.optionChainNew__headers .scrollbar-horizontal {
  display: none;
}
.optionChainNew__expirations {
  width: 100%;
  height: calc(100% - 38px);
  top: 40px;
}
.optionChainNew__expirations .scrollable--content {
  width: 100%;
}
.optionChainNew__expirations .scrollable--content .scrollable--content {
  width: auto;
}
.optionChainNew__cell_positive {
  color: #299171;
}
.optionChainNew__cell_negative {
  color: #d64f58;
}
.optionChainNew__cell_strike {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.optionChainNew__loader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 100%;
  margin-top: 40px;
}
.optionChainNew__loader .loadingWheel {
  position: relative;
}
.optionChainNew__loader .loadingWheel-small {
  height: 30px;
  width: 30px;
}
.optionChainNew__wrapper .list--itemGroup .optionChainNew__loader {
  margin-top: 0;
  height: 90px;
}
.optionChainNew__upperTable {
  height: 48px;
}
.optionChainNew__upperTable .grid--head {
  padding: 0;
}
.optionChainNew__upperTable .grid--head .table--cell {
  padding-top: 0;
  padding-bottom: 0;
}
.optionChainNew__upperTable .grid--body {
  position: absolute;
}
.optionChainNew__upperTable .table--col {
  width: 75px;
}
.optionChainNew__upperTable .table--col-positionQty {
  width: 84px;
}
.optionChainNew__upperTable .table--colAdapts-dayClosedPl {
  width: 7.5em;
}
.optionChainNew__upperTable .table--colAdapts-dayOpenPl {
  width: 7em;
}
.optionChainNew__upperTable .table--colAdapts-expirationDate {
  width: 7.5em;
}
.optionChainNew__upperTable .table--colAdapts-dayToExpiration {
  width: 8.5em;
}
.optionChainNew__upperTable .table--colAdapts-firstNoticeDate {
  width: 8em;
}
.optionChainNew__upperTable .table--colAdapts-lastTradeDate {
  width: 7.5em;
}
.optionChainNew__upperTable .table--colAdapts-initialMargin {
  width: 8em;
}
.optionChainNew__upperTable .table--colAdapts-maintenanceMargin {
  width: 9.5em;
}
.optionChainNew__upperTable .table--cell {
  text-align: right;
}
.optionChainNew__subHeader {
  position: relative;
  box-sizing: border-box;
  padding: 10px 7px;
}
.optionChainNew__subHeader .control-selectBox {
  display: -ms-flexbox;
  display: flex;
}
.optionChainNew__subHeader .control-selectBox label {
  margin-top: 6px;
  margin-right: 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.optionChainNew__subHeader .toolbar__item {
  margin-left: 16px;
}
.optionChainNew__subHeader .toolbar__item .optionChainNew__label {
  margin-left: -11px;
}
.optionChainNew__subHeader .toolbar__item:first-child {
  margin-left: 0;
}
.optionChainNew__subHeader .toolbar__item:first-child .optionChainNew__label {
  margin-left: 0;
}
.optionChainNew__subHeader .selectBox-spread {
  width: 127px;
}
.optionChainNew__subHeader .selectBox-strikes {
  width: 59px;
}
.optionChainNew__subHeader .button-link {
  margin-right: 16px;
}
.optionChainNew__subHeader .button-collapseAllPositions,
.optionChainNew__subHeader .button-expandAllPositions {
  width: 25px;
  height: 25px;
}
.optionChainNew__subHeader .button-expandAllPositions {
  margin-left: 9px;
}
.optionChainNew__subHeader .control-numericStepper {
  display: -ms-flexbox;
  display: flex;
  width: auto;
}
.optionChainNew__subHeader .control-numericStepper label {
  margin-top: 7px;
  margin-right: 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
}
.optionChainNew__subHeader .control-numericStepper .numericStepper--input input[type='text'] {
  min-width: 51px;
  width: 51px;
  padding-right: 28px;
  line-height: 27px;
}
.optionChainNew__options {
  margin-right: 270px;
}
.optionChainNew__options .plannedLabel__container {
  margin-bottom: 3px;
  visibility: hidden;
  opacity: 0;
  transition:
    visibility 0s 0.5s,
    opacity 0.6s ease-out;
}
.optionChainNew__options_withPlannedLabel .plannedLabel__container {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s ease-in;
}
.optionChainNew__callsCol,
.optionChainNew__putsCol {
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.optionChainNew__label {
  display: inline-block;
  margin-bottom: 3px;
}
.optionChainNew__filters {
  position: absolute;
  top: 11px;
  right: 7px;
}
.optionChainNew__filters .analyzeSwitcher__container {
  position: relative;
  top: 1px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 21px;
}
.optionChainNew__spreadButton {
  font-size: 18px;
  padding: 0 7px 0;
  margin: 1px 0 1px 1px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.optionChainNew__spreadButton:hover,
.optionChainNew__spreadButton.optionChainNew__--hover {
  background: rgba(255, 255, 255, 0.1);
}
.optionChainNew__spreadButton:active,
.optionChainNew__spreadButton.optionChainNew__--active {
  background: rgba(0, 0, 0, 0.15);
}
.optionChainNew__spreadButton .icon {
  width: 9px;
  height: 8px;
  fill: rgba(255, 255, 255, 0.3);
}
.dropDown-selectBox-strikes .dropDown--option {
  padding-right: 20px;
}

.optionChainNewHeadline__container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 10px 5px 20px;
  background: #3b3c4d;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.optionChainNewHeadline__container:hover,
.optionChainNewHeadline__container.optionChainNewHeadline__--hover {
  background: #4f5066;
}
.optionChainNewHeadline__container_nonStandard {
  background: $option-chain-non-standard-option-group-bg-color;
}
.optionChainNewHeadline__container_open .optionChainNewHeadline__openIcon {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.optionChainNewHeadline__openIcon {
  position: absolute;
  left: 9px;
  top: 9px;
  display: block;
  width: 4px;
  height: 7px;
}
.optionChainNewHeadline__openIcon .icon-move-right {
  fill: #fff;
}
.optionChainNewHeadline__multiplier,
.optionChainNewHeadline__sharesContract,
.optionChainNewHeadline__additionalUnderlyings {
  color: $option-chain-aggregation-multiplier-text-color;
}
.optionChainNewHeadline__expiration {
  color: $option-chain-aggregation-deliverable-text-color;
}
.optionChainNewHeadline__text,
.optionChainNewHeadline__multiplier,
.optionChainNewHeadline__dates,
.optionChainNewHeadline__additionalUnderlyings,
.optionChainNewHeadline__lastTrade,
.optionChainNewHeadline__symbol {
  margin-right: 17px;
}
.optionChainNewHeadline__symbol {
  min-width: 16px;
}
.optionChainNewHeadline__lastTrade {
  min-width: 35px;
}
.optionChainNewHeadline__lastTrade_double {
  min-width: 75px;
}
.optionChainNewHeadline__dates {
  min-width: 70px;
}
.optionChainNewHeadline__dates_double {
  min-width: 145px;
}
.optionChainNewHeadline__sharesContract {
  margin-right: 4px;
}
.optionChainNewHeadline__sharesContract:hover,
.optionChainNewHeadline__additionalUnderlyings:hover,
.optionChainNewHeadline__sharesContract.optionChainNewHeadline__--hover,
.optionChainNewHeadline__additionalUnderlyings.optionChainNewHeadline__--hover {
  text-decoration: underline;
}

.WidgetOptionChainNew__contentWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.WidgetOptionChainNew__contentWrap .control--label {
  color: #fff;
}

.grid-multiCurrencyAccount .table--col-currency,
.grid-multiCurrencyAccount .table--colAdapts-currency {
  width: 50px;
}
.grid-multiCurrencyAccount .table--col-balance,
.grid-multiCurrencyAccount .table--colAdapts-balance {
  width: 131px;
}
.grid-multiCurrencyAccount .table--col-allocatedFunds,
.grid-multiCurrencyAccount .table--colAdapts-allocatedFunds {
  width: 118px;
}
.grid-multiCurrencyAccount .table--col-availableFunds,
.grid-multiCurrencyAccount .table--colAdapts-availableFunds {
  width: 123px;
}
.grid-multiCurrencyAccount .table--col-availableForWithdrawal,
.grid-multiCurrencyAccount .table--colAdapts-availableForWithdrawal {
  width: 165px;
}

.widgetGroupControls__switches {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.widgetGroupControls__switches .button {
  color: rgba(255, 255, 255, 0.7);
  background-color: #4a5566;
  transition: all 250ms ease-in-out;
}
.widgetGroupControls__switches .button:not(:last-of-type) {
  margin-right: 1px;
}
.widgetGroupControls__switches .button:active,
.widgetGroupControls__switches .button:focus,
.widgetGroupControls__switches .button:hover,
.widgetGroupControls__switches .button-active,
.widgetGroupControls__switches .button.\:active,
.widgetGroupControls__switches .button.\:focus,
.widgetGroupControls__switches .button.\:hover {
  color: #fff;
}
.widgetGroupControls__switches .button:active,
.widgetGroupControls__switches .button.\:active {
  background-color: #15191f;
}
.widgetGroupControls__switches .button-active::before {
  background-color: rgba(16, 1, 0, 0.42);
}
.widgetGroupControls__switches .button:focus::before,
.widgetGroupControls__switches .button.\:focus::before {
  background-color: rgba(16, 1, 0, 0.42);
  border-color: #212121;
}
.widgetGroupControls__switches .button:hover::before,
.widgetGroupControls__switches .button.\:hover::before {
  background-color: rgba(191, 212, 255, 0.15);
}
.widgetGroupControls__positionControls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.widgetGroupControls__positionControls .button-expandAllPositions,
.widgetGroupControls__positionControls .button-closeAllPositions {
  margin-right: 7px;
}
.widgetGroupControls__positionControls .buttonAddPosition {
  height: 18px;
  min-width: unset;
  padding: 0 6px;
  margin-left: 7px;
  font-size: 12px;
}
.widgetGroupControls__positionControls .buttonAddPosition span {
  line-height: 8px;
}
.widgetGroupControls__ordersControls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.widgetGroupControls__wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.pieChart--pie {
  display: inline-block;
  vertical-align: middle;
  height: 146px;
  width: 146px;
}
.pieChart--pie svg {
  width: 100%;
  height: 100%;
}
.pieChart--legend {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
  margin-left: 18px;
}
.pieChart--legendEntry {
  margin-bottom: 8px;
  font-size: 12px;
}
.pieChart--legendEntryThumbnail {
  display: inline-block;
  vertical-align: baseline;
  width: 9px;
  height: 9px;
  margin-right: 6px;
}
.pieChart--legendEntryName:after {
  content: ' ';
}
.pieChart--legendEntry:last-child {
  margin-bottom: 0;
}
.pieChart--pie svg path {
  stroke: none;
}
.pieChart--pie svg path:nth-child(odd) {
  fill: #b9cd96;
}
.pieChart--pie svg path:nth-child(even) {
  fill: #89a54e;
}
.pieChart--legendEntry {
  color: rgba(255, 255, 255, 0.5);
}
.pieChart--legendEntry:nth-child(odd) .pieChart--legendEntryThumbnail {
  background-color: #b9cd96;
}
.pieChart--legendEntry:nth-child(even) .pieChart--legendEntryThumbnail {
  background-color: #89a54e;
}

.crossToolPluginView--axis {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.crossToolPluginView--axis-x {
  width: 100%;
  height: 1px;
  background: #fff;
}
.crossToolPluginView--axis-y {
  width: 1px;
  height: 100%;
  background: #fff;
}
.crossToolPluginView--chartInfo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: none;
}
.crossToolPluginView--chartInfo-fixed {
  display: block;
}
.crossToolPluginView--chartInfo-alignedRight > * {
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.crossToolPluginView--axisLabel {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.crossToolPluginView--axisLabel-visible {
  display: block;
}
.crossToolPluginView--axisLabel-y .crossToolPluginView--axisLabelValue {
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.crossToolPluginView--axisLabel-x .crossToolPluginView--axisLabelValue {
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.crossToolPluginView--axisLabel .crossToolPluginView--axis {
  display: block;
}
.crossToolPluginView-visible .crossToolPluginView--axis-y {
  display: block;
}
.crossToolPluginView-visible .crossToolPluginView--axis-visible {
  display: block;
}
.crossToolPluginView-visible .crossToolPluginView--chartInfo {
  display: block;
}
.crossToolPluginView-disabled .crossToolPluginView--axis {
  display: none;
}
.crossToolPluginView-disabled .crossToolPluginView--axisLabel {
  display: none;
}
.crossToolPluginView-disabled .crossToolPluginView--chartInfo {
  display: none;
}
.chart--graph {
  position: relative;
}
.chart--axisWrapper {
  display: table-cell;
}
.chart--axisWrapper-x,
.chart--axisWrapper-y {
  position: relative;
}
.chart--axis-x {
  border: none;
}
.crossTool {
  display: none;
}
.crossToolPluginView--axis {
  background-color: rgba(142, 188, 212, 0.5);
}
.crossToolPluginView--axisLabelValue {
  color: rgba(255, 255, 255, 0.8);
  background-color: #3b3b3b;
}

.crossToolPluginView--axisLabel {
  z-index: 6;
}
.crossToolPluginView--axisLabel-x .crossToolPluginView--axisLabelValue {
  margin-top: 3px;
}
.crossToolPluginView--axisLabelValue {
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 1px;
  white-space: nowrap;
}
.crossToolPluginView--chartInfo {
  z-index: 30;
  height: 100%;
  margin-left: 15px;
  padding-right: 15px;
}
.crossToolPluginView--chartInfo .chartInfo--toggle {
  display: none;
}
.crossToolPluginView--chartInfo-fixed {
  margin-left: 0;
  padding-right: 0;
  width: 0;
}
.crossToolPluginView--chartInfo-fixed .chartInfo {
  margin-left: 7px;
}
.crossToolPluginView--chartInfo-fixed .chartInfo--toggle {
  display: block;
}
.crossToolPluginView--chartInfo-alignedRight .chartInfo {
  -ms-transform: translateX(calc(-100% - 30px));
  transform: translateX(calc(-100% - 30px));
}

.HighlightSection__container___third-party-legacy-chart-plugins-2-src-plugins-HighlightsPlugin-components- {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
}
.HighlightSection__container-hidden___third-party-legacy-chart-plugins-2-src-plugins-HighlightsPlugin-components- {
  display: none;
}
.HighlightSection__title___third-party-legacy-chart-plugins-2-src-plugins-HighlightsPlugin-components- {
  white-space: nowrap;
  padding: 1px 5px;
  display: inline-block;
}
.HighlightSection__title_short___third-party-legacy-chart-plugins-2-src-plugins-HighlightsPlugin-components- {
  overflow: hidden;
  text-overflow: ellipsis;
}

.Highlights__container___third-party-legacy-chart-plugins-2-src-plugins-HighlightsPlugin-components- {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  right: 0;
}
.Highlights__container-disabled___third-party-legacy-chart-plugins-2-src-plugins-HighlightsPlugin-components- {
  display: none;
}

.HighlightSection__container {
  color: #666;
  pointer-events: none;
}
.HighlightSection__title {
  font-size: 12px;
  color: inherit;
  padding: 5px;
  background: #2e3939;
}
.HighlightSection__title:empty {
  display: none;
}

.chartInfo {
  box-sizing: border-box;
  min-width: 111px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  font-size: 10px;
  line-height: 12px;
  font-weight: normal;
}
.chartInfo--header {
  width: 100%;
  height: 23px;
  line-height: 23px;
  white-space: nowrap;
  padding-right: 24px;
  box-sizing: border-box;
}
.chartInfo--title {
  padding-left: 8px;
  box-sizing: border-box;
  height: 100%;
  display: block;
}
.chartInfo--toggle {
  position: absolute;
  top: -1px;
  right: 0;
  display: inline-block;
  vertical-align: top;
  border: none;
  height: 23px;
  width: 24px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 7px;
  padding-right: 7px;
}
.chartInfo--toggle .icon {
  width: 9px;
  height: 9px;
}
.chartInfo--content {
  overflow: hidden;
  height: calc(100% - 23px);
}
.chartInfo--group {
  box-sizing: border-box;
  display: table;
  min-width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 9px;
}
.chartInfo--group:first-child {
  padding-top: 2px;
}
.chartInfo--group-volume {
  margin-bottom: 4px;
}
.chartInfo--group-volume + .chartInfo--studies:not(:empty) {
  padding-top: 6px;
  border-top-width: 1px;
  border-top-style: solid;
}
.chartInfo--groupTitle {
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
  display: table-caption;
  padding-bottom: 3px;
}
.chartInfo--parameter {
  box-sizing: border-box;
  display: table-row;
}
.chartInfo--label {
  box-sizing: border-box;
  display: table-cell;
  padding-right: 10px;
  min-width: 30px;
}
.chartInfo--label:not(:last-child) {
  padding-bottom: 1px;
}
.chartInfo--value {
  display: table-cell;
  font-size: 10px;
  text-align: right;
}
.chartInfo--delimeter {
  height: 1px;
  margin-bottom: 6px;
}
.chartInfo--line-vertical,
.chartInfo--line-horizontal {
  border-style: solid;
}
.chartInfo-collapsed {
  width: auto;
  min-width: 0;
  height: auto;
  padding-top: 0;
}
.chartInfo-collapsed .chartInfo--header {
  position: relative;
  padding-right: 0;
}
.chartInfo-collapsed .chartInfo--title {
  display: none;
}
.chartInfo-collapsed .chartInfo--content {
  display: none;
}
.chartInfo-collapsed .chartInfo--toggle {
  position: relative;
}
.chartInfo-overlay {
  margin-top: 20px;
  max-height: calc(100% - 40px);
}
.chartInfo {
  background-color: rgba(28, 29, 33, 0.85);
  border-radius: 2px;
}
.chartInfo--title {
  color: rgba(255, 255, 255, 0.8);
}
.chartInfo--toggle {
  background-color: transparent;
  fill: #909099;
  transition:
    background-color 100ms ease-in,
    transform 100ms ease-in;
}
.chartInfo--toggle:hover,
.chartInfo--toggle.\:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.chartInfo--group-candle .chartInfo--value {
  color: #fff;
}
.chartInfo--group-volume .chartInfo--value {
  color: #fff;
}
.chartInfo--group-up .chartInfo--value {
  color: #1a8f6d;
}
.chartInfo--group-down .chartInfo--value {
  color: #d64f58;
}
.chartInfo--groupTitle {
  color: rgba(255, 255, 255, 0.8);
}
.chartInfo--label {
  color: rgba(255, 255, 255, 0.5);
}
.chartInfo--value {
  color: rgba(255, 255, 255, 0.8);
}
.chartInfo--studies {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.chartInfo--line {
  opacity: 0.8;
  border-color: rgba(142, 188, 212, 0.65);
}
.chartInfo--label span {
  background-color: rgba(28, 29, 33, 0.85);
  color: #fff;
}
.chartInfo-collapsed .chartInfo--toggle {
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
_::-webkit-full-page-media,
_:future,
:root .chartInfo {
  background-color: rgba(28, 29, 33, 0.83);
}

.chartInfo-pl .chartInfo--group {
  margin-bottom: 0;
  padding-bottom: 6px;
  padding-top: 6px;
}

.multilineTextTool__container {
  display: inline-block;
  font-size: 12px;
  line-height: 1.33;
  border-radius: 1px;
  background-color: #222633;
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0);
  border: solid 1px #3d4e66;
  transition:
    border 250ms,
    box-shadow 250ms;
}
.multilineTextTool__container .react-resizable {
  position: relative;
}
.multilineTextTool__container .react-resizable-handle {
  position: absolute;
  z-index: 1;
  right: 1px;
  bottom: 1px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  box-sizing: border-box;
}
.multilineTextTool__container .react-resizable-handle::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 5px;
  height: 5px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
}
.multilineTextTool__container .scrollable {
  height: 100%;
}
.multilineTextTool__container .scrollbar--bar:before {
  background-color: rgba(255, 255, 255, 0.12);
}
.multilineTextTool__wrapperContent {
  position: relative;
  z-index: 0;
  height: calc(100% - 35px);
  padding: 2px 0 2px 5px;
  border: 1px solid transparent;
  transition:
    border 250ms,
    box-shadow 250ms;
}
.multilineTextTool__text {
  width: 100%;
  line-height: 1.33;
  color: #fff;
  outline: none;
  border: none;
  background-color: transparent;
  resize: none;
}
.multilineTextTool__hint {
  margin-top: 10px;
  padding-left: 7px;
  font-size: 10px;
  line-height: 1.2;
  color: #bbc8df;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.multilineTextTool__textAreaWrapper {
  height: 100%;
}
.multilineTextTool__form {
  height: 100%;
}

/* ===== end of original content ====== */
/* ===== end of original content ====== */
/* ===== end of original content ====== */
/* ===== end of original content ====== */
/* ===== end of original content ====== */
/* ===== end of original content ====== */
/* ===== end of original content ====== */

.cursor--quote {
  background-color: var(--theme-800);
}

.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme- {
  background: var(--theme-800);
}

.headerNew--menuItemControls {
  background: var(--theme-800);
}
.headerNew--top {
  background: var(--theme-800);
}
.loader-main {
  background-color: var(--theme-800);
}

.chart--axis-x-label {
  background-color: var(--theme-800);
}
.chart--axis-y-label {
  background-color: var(--theme-800);
}
.chart {
  background: var(--theme-800);
}

.chart--axis-x-label {
  background-color: var(--theme-800);
}
.chart--axis-y-label {
  background-color: var(--theme-800);
}
.chart {
  background: var(--theme-800);
}

.grid-positions .table-totals .position--total td {
  box-shadow: 0 1px var(--theme-800);
}

.grid-positions.grid-aggregation .grid--body .position-open:not(:first-child) td,
.grid-positions.grid-aggregation .grid--body .position-closed:not(:first-child) td {
  box-shadow: inset 0 1px var(--theme-800);
}

.grid-positions.grid-aggregation .grid--body .position-child.position-selected td {
  box-shadow: inset 0 1px var(--theme-800);
}

.grid-positions.grid-aggregation .grid--body .position-child.position-selected:hover td,
.grid-positions.grid-aggregation .grid--body .position-child.position-selected.\:hover td {
  box-shadow: inset 0 1px var(--theme-800);
}

.grid-positionBook .table-totals .position--total td {
  box-shadow: 0 1px var(--theme-800);
}

.numericStepper .numericStepper--control {
  background-color: var(--theme-800);
}

.chartLine-sending .chartLine--controlGroup:before,
.chartLine-pending .chartLine--controlGroup:before {
  background-color: var(--theme-800);
}
.chartLine-sending .chartLine--controlGroup:before,
.chartLine-pending .chartLine--controlGroup:before {
  background-color: var(--theme-800);
}
.depth--bar:after {
  background: var(--theme-800);
}
.orderEntrySlider__rail:after {
  background: var(--theme-800);
}
.messagePanel-error {
  background-color: var(--theme-800);
}

.popup-twoStepAuthSetup .popup--content .secretKey {
  background-color: var(--theme-800);
}

.popup-orderConfirmation .orderConfirmation--text {
  background: var(--theme-800);
}
.multiAsset__itemWrap {
  background-color: var(--theme-800);
}
.chartArea--header {
  background: var(--theme-800);
}

.tag-selector__anchor .tag-selector__optionIcon {
  border: 1px solid var(--theme-800);
}

/* ........ 2 ....... */

.headerNew--bottom {
  background: var(--theme-800);
  box-shadow: inset 0 1px 0 0 #21222e;
}
.headerNew--menuItem-selected {
  background-color: var(--theme-800);
}
.headerNew--bottom {
  background: var(--theme-800);
  box-shadow: inset 0 1px 0 0 #21222e;
}
.grid--head {
  background: var(--theme-800);
  box-shadow: -1px 1px 3px #1d1d26;
}
.plate--heading {
  background-color: var(--theme-800);
}
.plate--heading .button-close {
  background-color: var(--theme-800);
}
.plate--heading .button-close:hover,
.plate--heading .button-close.\:hover {
  background-color: var(--theme-800);
}
.news__header {
  box-shadow: 0 1px 0 0 #1d1d26;
  background-color: var(--theme-800);
}
.tabPanel-secondary .tab {
  background-color: var(--theme-800);
}
.tabPanel-secondary .tab-selected,
.tabPanel-secondary .tab-selected:hover,
.tabPanel-secondary .tab-selected:active,
.tabPanel-secondary .tab-selected.\:hover,
.tabPanel-secondary .tab-selected.\:active {
  background-color: var(--theme-800);
}

.widget__header___third-party-legacy-react-kit-components-widget-theme- {
  background-image: linear-gradient(to right, var(--theme-800), var(--theme-800));
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
}

.emptyView__container {
  background: linear-gradient(to bottom, var(--theme-800), var(--theme-800));
}

.widget__container___third-party-legacy-react-kit-components-widget-theme-,
.filterPanel {
  background: linear-gradient(to bottom, var(--theme-800), var(--theme-800));
}

/* --- 3---- */
:root {
  --theme-200: #9D9D9D;
  --theme-500: #2A2A2A;
  --theme-600: #222222;
  --theme-700: #1D1D1D;
  --theme-800: #151515;
  --theme-900: #0c0c0c;
  --theme-1000: #060606;

  --green-300: #3BD180;
  --green-500: #1DA050;

  --red-300: #FF5159;
  --red-500: #D43045;

  --brand-300: #51ABFF;
  --brand-500: #2575D2;

  --backdrop-color: rgba(0,0,0,0.9);

  --default-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.25);
  --select-border-color: var(--theme-600);
  --select-panel: var(--theme-700);

  --icon-text-color: var(--theme-200);
  --accent-text-color: #fff;
}


.app {
  background: var(--theme-900);
}


.ToastTradingLog__header__text_positive {
  color: var(--green-300);
}
.MessageValue__container_positive .MessageValue__status {
  color: var(--green-300);
}
.order-sending.order-buy .order--side,
.order-pending.order-buy .order--side,
.order-working.order-buy .order--side {
  color: var(--green-300);
}
.ToastOrderHandling__textStatus_buy {
  color: var(--green-300);
}
.ToastBasic__container_created .ToastBasic__header__text {
  color: var(--green-300);
}
.ToastBasic__item_buy {
  color: var(--green-300);
}
.table--cell .control-buy .selectBox .selectBox--label {
  color: var(--green-300);
}
.table--controlPlaceholder-buy {
  color: var(--green-300);
}
.table-accountInfo .accountItem--value-positive {
  color: var(--green-300);
}
.accountItem--value-positive {
  color: var(--green-300);
}
.grid-account .account--value-positive {
  color: var(--green-300);
}
.changebleValue-up {
  color: var(--green-300);
}
.changebleValue-alternate.changebleValue-up {
  color: var(--green-300);
}
.order-sending.order-buy .order--side,
.order-pending.order-buy .order--side,
.order-working.order-buy .order--side {
  color: var(--green-300);
}
.position--side-buy {
  color: var(--green-300);
}
.position--pl-positive {
  color: var(--green-300);
}
.AggregationCell__side_positive {
  color: var(--green-300);
}
.price-up {
  color: var(--green-300);
}
.order-sending.order-buy .order--side,
.order-pending.order-buy .order--side,
.order-working.order-buy .order--side {
  color: var(--green-300);
}
.instrument--change-positive,
.instrument--netChange-positive,
.instrument--spread-positive {
  color: var(--green-300);
}
.tradeForm--side-positive,
.tradeForm--side-buy {
  color: var(--green-300);
}
.tradeForm--openPl-positive {
  color: var(--green-300);
}
.tradeForm--side_positive {
  color: var(--green-300);
}
.plateGrid--info {
  display: block;
  color: var(--green-300);
}
.treemapTooltipContent__change_up,
.treemapTooltipContent__last_up {
  color: var(--green-300);
}
.chartLine--labelAxis-ask {
  background-color: var(--green-300);
}
.grid-history .order-buy .order--side {
  color: var(--green-300);
}
.depth--change-positive {
  color: var(--green-300);
}
.grid-priceSlices tbody .table--cell-positive {
  color: var(--green-300);
}
.simulatedPositionStrategy__side_buy {
  color: var(--green-300);
}
.messageNew__label_positive {
  color: var(--green-300);
}
.messageNew__action_positive {
  color: var(--green-300);
}
.messageNew__status_positive {
  color: var(--green-300);
}
.grid-trades__container tbody .table--cell-positive {
  color: var(--green-300);
}
.gridOrderEntry__sliderLabel_credit {
  color: var(--green-300);
}
.WidgetOrderEntry__properties_buy {
  color: var(--green-300);
}
.WidgetOrderEntry__label_positive {
  color: var(--green-300);
}
.confirmationInfo--value-positive {
  color: var(--green-300);
}
.confirmationInfo--value-sell {
  color: var(--green-300);
}
.confirmationInfo--pl-positive {
  color: var(--green-300);
}
.positionInfo--value-buy {
  color: var(--green-300);
}
.closePosition--side-positive {
  color: var(--green-300);
}
.orderEntryConfirmation__value_positive {
  color: var(--green-300);
}
.deletePosition--text-buy {
  color: var(--green-300);
}
.gridInstrumentPositionInfo__lastPositive {
  color: var(--green-300);
}
.gridTradeParameter__selectBoxPlaceholder:not(
    .gridTradeParameter__selectBoxPlaceholder_disabled
  ).gridTradeParameter__selectBoxPlaceholder_buy {
  color: var(--green-300);
}
.gridMarketDepth__container .table--cell-bid {
  color: var(--green-300);
}
.guestOverlay__container + .grid .grid--body .position--side-buy,
.guestOverlay__container + .grid .grid--body .position--pl-positive {
  text-shadow:
    0 0 5px var(--green-300),
    0 0 5px var(--green-300),
    0 0 5px var(--green-300),
    0 0 5px var(--green-300),
    0 0 5px var(--green-300),
    0 0 5px var(--green-300),
    0 0 5px var(--green-300);
}
.gridTimeSales__price_up {
  color: var(--green-300);
}
.optionChainNew__cell_positive {
  color: var(--green-300);
}


/*   4   */

.ToastTradingLog__header__text_negative {
  color: var(--red-300);
}
.order-sending.order-sell .order--side,
.order-pending.order-sell .order--side,
.order-working.order-sell .order--side {
  color: var(--red-300);
}
.ToastOrderHandling__textStatus_sell {
  color: var(--red-300);
}
.ToastBasic__container_critical .ToastBasic__header__text {
  color: var(--red-300);
}
.ToastBasic__container_failed .ToastBasic__header__text {
  color: var(--red-300);
}
.ToastBasic__item_sell {
  color: var(--red-300);
}
.ToastCritical__header__text {
  color: var(--red-300);
}
.table--cell .control-sell .selectBox .selectBox--label {
  color: var(--red-300);
}
.table--controlPlaceholder-sell {
  color: var(--red-300);
}
.table-accountInfo .accountItem--value-negative {
  color: var(--red-300);
}
.accountItem--value-negative {
  color: var(--red-300);
}
.grid-account .account--value-negative {
  color: var(--red-300);
}
.changebleValue-down {
  color: var(--red-300);
}
.changebleValue-alternate.changebleValue-down {
  color: var(--red-300);
}
.order-sending.order-sell .order--side,
.order-pending.order-sell .order--side,
.order-working.order-sell .order--side {
  color: var(--red-300);
}
.position--side-sell {
  color: var(--red-300);
}
.position--pl-negative {
  color: var(--red-300);
}
.AggregationCell__side_negative {
  color: var(--red-300);
}
.price-down {
  color: var(--red-300);
}
.order-sending.order-sell .order--side,
.order-pending.order-sell .order--side,
.order-working.order-sell .order--side {
  color: var(--red-300);
}
.instrument--change-negative,
.instrument--netChange-negative,
.instrument--spread-negative {
  color: var(--red-300);
}
.tradeForm--side-negative,
.tradeForm--side-sell {
  color: var(--red-300);
}
.tradeForm--openPl-negative {
  color: var(--red-300);
}
.tradeForm--side_negative {
  color: var(--red-300);
}
.treemapTooltipContent__change_down,
.treemapTooltipContent__last_down {
  color: var(--red-300);
}
.grid-history .order-sell .order--side {
  color: var(--red-300);
}
.depth--change-negative {
  color: var(--red-300);
}
.grid-priceSlices tbody .table--cell-negative {
  color: var(--red-300);
}
.simulatedPositionStrategy__side_sell {
  color: var(--red-300);
}
.messageNew__label_negative {
  color: var(--red-300);
}
.messageNew__action_negative {
  color: var(--red-300);
}
.messageNew__status_negative {
  color: var(--red-300);
}
.grid-trades__container tbody .table--cell-negative {
  color: var(--red-300);
}
.gridOrderEntry__sliderLabel_debit {
  color: var(--red-300);
}
.chart-popupTrade.chart-bidAsk .chartLine-askQuote:before {
  background: var(--red-300);
}
.chart-popupTrade.chart-bidAsk .chartLine-askQuote .chartLine--quote {
  color: var(--red-300);
}
.chart-popupTrade.chart-bidAsk .last.last-1 {
  color: var(--red-300);
}
.WidgetOrderEntry__properties_sell {
  color: var(--red-300);
}
.WidgetOrderEntry__label_negative {
  color: var(--red-300);
}
.confirmationInfo--value-negative {
  color: var(--red-300);
}
.confirmationInfo--pl-negative {
  color: var(--red-300);
}
.closePosition--side-negative {
  color: var(--red-300);
}
.orderEntryConfirmation__value_negative {
  color: var(--red-300);
}
.deletePosition--text-sell {
  color: var(--red-300);
}
.gridInstrumentPositionInfo__lastNegative {
  color: var(--red-300);
}
.gridTradeParameter__selectBoxPlaceholder:not(
    .gridTradeParameter__selectBoxPlaceholder_disabled
  ).gridTradeParameter__selectBoxPlaceholder_sell {
  color: var(--red-300);
}
.gridMarketDepth__container .table--cell-ask {
  color: var(--red-300);
}
.guestOverlay__container + .grid .grid--body .position--side-sell,
.guestOverlay__container + .grid .grid--body .position--pl-negative {
  text-shadow:
    0 0 5px var(--red-300),
    0 0 5px var(--red-300),
    0 0 5px var(--red-300),
    0 0 5px var(--red-300),
    0 0 5px var(--red-300),
    0 0 5px var(--red-300),
    0 0 5px var(--red-300);
}
.gridTimeSales__price_down {
  color: var(--red-300);
}
.optionChainNew__cell_negative {
  color: var(--red-300);
}
.chartInfo--group-down .chartInfo--value {
  color: var(--red-300);
}

/* ---- 5---- */

.chart--canvasWrapper {
  background: var(--theme-1000);
}

.button-sell {
  background: var(--red-500);
}
.button-buy {
  background: var(--green-500);
}
.chartArea--loader {
  background: rgba(0,0,0,0.8);
}

/* --- 6 --- */
.button__container_primary___third-party-legacy-react-kit-components-button- {
  background-color: var(--brand-500);
}
.date-input__section_isActive___third-party-legacy-react-kit-components-date-input-theme- {
  background-color: var(--brand-500);
}
.highlight__mark___third-party-legacy-react-kit-components-highlight-theme- {
  color: var(--brand-500);
}
.input__container___third-party-legacy-react-kit-components-input-:active:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ),
.input__container___third-party-legacy-react-kit-components-input-.input__--active___third-party-legacy-react-kit-components-input-:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ) {
  border-color: var(--brand-500);
}
.input__input___third-party-legacy-react-kit-components-input-::-moz-selection {
  background: var(--brand-500);
}
.input__input___third-party-legacy-react-kit-components-input-::selection {
  background: var(--brand-500);
}
.input__input___third-party-legacy-react-kit-components-input-::-moz-selection {
  background: var(--brand-500);
}
.menu__item_active___third-party-legacy-react-kit-components-menu- {
  color: var(--brand-500);
}
.layout__placeholder_fits___third-party-legacy-react-kit-components-layout-theme- {
  border: 1px dashed var(--brand-500);
}
.time-input__section_isActive___third-party-legacy-react-kit-components-time-input-theme- {
  background-color: var(--brand-500);
}
.combobutton__container___third-party-legacy-react-kit-components-combobutton-theme-
.combobutton__container_active___third-party-legacy-react-kit-components-combobutton-theme- {
  background-color: var(--brand-500);
}
.selectbox-h-child__container__anchor___third-party-legacy-react-kit-components-combobutton-theme-:focus
+ button,
.selectbox-h-child__container__anchor___third-party-legacy-react-kit-components-combobutton-theme-.selectbox-h-child__--focus___third-party-legacy-react-kit-components-combobutton-theme-
+ button {
  border-right-color: var(--brand-500);
}
.switcher__container_checked___third-party-legacy-react-kit-components-switcher-theme-
.switcher__control___third-party-legacy-react-kit-components-switcher-theme- {
  background-color: var(--brand-500);
}
.toggle-buttons__container__item_active___third-party-legacy-react-kit-components-toggle-buttons-theme- {
  background-color: var(--brand-500);
}
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:focus,
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-.toggle-buttons__--focus___third-party-legacy-react-kit-components-toggle-buttons-theme- {
  box-shadow: 0 0 0 1px var(--brand-500);
}
a {
  transition: color 200ms;
  color: var(--brand-500);
}
a {
  transition: color 200ms;
  color: var(--brand-500);
}
a {
  transition: color 200ms;
  color: var(--brand-500);
}
.button-primary,
.button-trade,
.button-apply {
  background-color: var(--brand-500);
}
.button__container___third-party-legacy-react-kit-components-button-:focus,
.button__container___third-party-legacy-react-kit-components-button-.\:focus {
  box-shadow: 0 0 0 1px var(--brand-500);
}
.button-primary:focus,
.button-trade:focus,
.button-apply:focus,
.button-primary.\:focus,
.button-trade.\:focus,
.button-apply.\:focus {
  box-shadow: 0 0 0 1px var(--brand-500);
}
.button-secondary:focus,
.button-secondary.\:focus {
  box-shadow: 0 0 0 1px var(--brand-500);
}
.button-tertiary:focus,
.button-tertiary.\:focus {
  box-shadow: 0 0 0 1px var(--brand-500);
}
.button-buy:focus,
.button-buy.\:focus {
  box-shadow: 0 0 0 1px var(--brand-500);
}
.button-sell:focus,
.button-sell.\:focus {
  box-shadow: 0 0 0 1px var(--brand-500);
}
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:focus,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:focus {
  box-shadow: 0 0 0 1px var(--brand-500);
}
.grid-positionBook .table--body .table--cell-spread .lockButton:focus,
.grid-positionBook .table--body .table--cell-spread .lockButton.\:focus {
  box-shadow: 0 0 0 1px var(--brand-500);
}
.button-price.button-buy:focus,
.button-price.button-sell:focus,
.button-price.button-buy.\:focus,
.button-price.button-sell.\:focus {
  box-shadow: 0 0 0 1px var(--brand-500);
}
.control input[type='text']:focus,
.control input[type='password']:focus,
.control input[type='email']:focus,
.control input[type='text'].\:focus,
.control input[type='password'].\:focus,
.control input[type='email'].\:focus{
  border-color: var(--brand-500);
}
.control input[type='text']::-moz-selection,
.control input[type='password']::-moz-selection,
.control input[type='email']::-moz-selection {
  background-color: var(--brand-500);
}
.control input[type='text']::selection,
.control input[type='password']::selection,
.control input[type='email']::selection {
  background-color: var(--brand-500);
}
.control-toggleButtons .button-active.button,
.control-toggleButtons .button-active.button-disabled,
.control-toggleButtons .button-active.button:disabled,
.control-toggleButtons .button-active.button[disabled] {
  background-color: var(--brand-500);
}

.link-pseudo {
  color: var(--brand-500);
}
.contextMenu-contextMenuButton .contextMenu--item .link-pseudo {
  color: var(--brand-300);
}
.contextMenu--item-current:not(.contextMenu--item-multiSelectItem) .link-pseudo {
  color: var(--brand-500);
}
.contextMenu--item-matched .contextMenu--text,
.contextMenu--item-matched .link-pseudo {
  color: var(--brand-500);
}
.contextMenu--item-matched .contextMenu--text:hover,
.contextMenu--item-matched .link-pseudo:hover,
.contextMenu--item-matched .contextMenu--text.\:hover,
.contextMenu--item-matched .link-pseudo.\:hover {
  color: var(--brand-500);
}
.contextMenu--item-matched .contextMenu--subIcon,
.contextMenu--item-matched .contextMenu--icon {
  fill: var(--brand-500);
}
.contextMenuButton__container .button {
  color: var(--brand-300);
}
.contextMenuButton__container .button .icon-dropdown-arrow{
  fill: var(--brand-300);
}
button.button-link {
  color: var(--brand-500);
}
button.button-link .icon {
  fill: var(--brand-500);
}
.widgetsMenu--buttons .button-link {
  color: var(--brand-500);
}
.dropDown-tradingType.dropDown-selectBox .dropDown--option-selected {
  color: var(--brand-500);
}
.dropDown--option:hover.searchResult em,
.dropDown--option-highlight.searchResult em {
  color: var(--brand-500);
}
.dropDown--option-selected,
.dropDown--option-selected:hover,
.dropDown--option-selected.\:hover {
  color: var(--brand-500);
}
.dropDown--option-selected .dropDown--optionIcon svg,
.dropDown--option-selected:hover .dropDown--optionIcon svg,
.dropDown--option-selected.\:hover .dropDown--optionIcon svg {
  fill: var(--brand-500);
}
.dropDown--list:hover .dropDown--option-highlight:hover,
.dropDown--list.\:hover .dropDown--option-highlight.\:hover {
  color: var(--brand-500);
}
.dropDown--list:hover .dropDown--option-highlight:hover.searchResult em,
.dropDown--list.\:hover .dropDown--option-highlight:hover.searchResult em {
  color: var(--brand-500);
}
.tradingType.selectBox-oneClickTrading,
.tradingType.selectBox-oneClickTrading:hover,
.tradingType.selectBox-oneClickTrading:active,
.tradingType.selectBox-oneClickTrading.\:hover,
.tradingType.selectBox-oneClickTrading.\:active {
  background-color: var(--brand-500);
}
.dropDown-selectBox-accountInfo .dropDown--option-selected {
  color: var(--brand-500);
}
.dropDown-selectBox-accountInfo .dropDown--option-selected .accountParams--type-fx {
  color: var(--brand-500);
}
.headerNew--menuItem-selected:after,
.headerNew--menuItem-selected:hover:after,
.headerNew--menuItem-selected.\:hover:after {
  background: var(--brand-500);
}
.switcher:active .switcher--input:checked + .switcher--label:first-of-type,
.switcher.\:active .switcher--input:checked + .switcher--label:first-of-type {
  background-color: var(--brand-500);
}
.switcher--input:checked + .switcher--label:first-of-type {
  background-color: var(--brand-500);
}
.checkBox--icon {
  fill: var(--brand-500);
}
.checkBox--label:active .checkBox--view,
.checkBox--label.\:active .checkBox--view {
  border-color: var(--brand-500);
}
.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo {
  color: var(--brand-500);
}
.contextMenu-accountInfo .contextMenu--icon .icon {
  fill: var(--brand-500);
}

.link-pseudo {
  transition: color 200ms;
  text-decoration: underline;
  cursor: pointer;
  color: var(--brand-500);
}
.filterPanel--clear {
  color: var(--brand-500);
}
.tab-h-child__tab_active___f5cc5:before {
  background: var(--brand-500);
}
.button-price.button-buy:focus,
.button-price.button-sell:focus,
.button-price.button-buy.\:focus,
.button-price.button-sell.\:focus {
  box-shadow: 0 0 0 1px var(--brand-500);
}
.button-price.button-buy:focus,
.button-price.button-sell:focus,
.button-price.button-buy.\:focus,
.button-price.button-sell.\:focus {
  box-shadow: 0 0 0 1px var(--brand-500);
}
.link {
  color: var(--brand-500);
}
.listSelector--option-active:before {
  background: var(--brand-500);
}
.button-restoreDefault span {
  color: var(--brand-500);
}
.button-discardChanges span {
  color: var(--brand-500);
}
.comboBox .selectBox-active + .comboBox--input input {
  border-color: var(--brand-500);
}
.popup-order.popup-creation.popup-sell .popup--footer .button-primary {
  background-color: var(--brand-500);
}
.popup-order.popup-creation.popup-buy .popup--footer .button-primary {
  background-color: var(--brand-500);
}

.button__container___third-party-legacy-react-kit-components-button-:focus,
.button__container___third-party-legacy-react-kit-components-button-.\:focus {
  box-shadow: 0 0 0 1px var(--brand-500);
}
.watchlist-item__isOver:before {
  background-color: var(--brand-500);
}
.button-icon.button-linking.button-active {
  background-color: var(--brand-500);
}
.WidgetWatchlist__widgetWatchlistHeaderTitle_opened {
  color: var(--brand-500);
}
.WidgetWatchlist__widgetWatchlistHeaderTitle_opened .icon {
  fill: var(--brand-500);
}
.radioButton--icon {
  background: var(--brand-500);
}
.radioButton--label:active .radioButton--view,
.radioButton--label.\:active .radioButton--view {
  border-color: var(--brand-500);
}
.chartArea--tradingFromChart-active .button {
  background-color: var(--brand-500);
}
.symbolLibrary--row em {
  color: var(--brand-500);
}
.suggestTabs__tab_active___third-party-legacy-react-kit-components-suggest-theme-:before{
  background-color: var(--brand-500);
}
.footer__hint_link___third-party-legacy-react-kit-components-suggest-theme- {
  color: var(--brand-500);
}
.calendar--dates .calendar--day-today {
  color: var(--brand-500);
}
.calendar--switcher .icon {
  fill: var(--brand-500);
}
.datePicker input[readonly],
.datePicker input[readonly]:active,
.datePicker input[readonly]:focus,
.datePicker input[readonly]:hover,
.datePicker input[readonly].\:active,
.datePicker input[readonly].\:focus,
.datePicker input[readonly].\:hover {
  color: var(--brand-500);
}
.datePicker .button .icon {
  fill: var(--brand-500);
}
.button-side-swap__container .icon {
  fill: var(--brand-500);
}
.clickTradingInfo--icon-oneClick {
  background: var(--brand-500);
}
.tabPanel--border {
  background-color: var(--brand-500);
}
.tabPanel-primary .tab:hover .tab--inner::before,
.tabPanel-primary .tab.\:hover .tab--inner::before {
  background-color: var(--brand-500);
}
.tabPanel-primary .tab-selected .tab--inner::before,
.tabPanel-primary .tab-selected:hover .tab--inner::before,
.tabPanel-primary .tab-selected.\:hover .tab--inner::before {
  background-color: var(--brand-500);
}
.indicator__item.draggable--dropTarget:before {
  background-color: var(--brand-500);
}
.indicator__iconWrap .icon {
  fill: var(--brand-300);
}
.indicatorSelector__column .indicatorSelector__addedButton {
  color: var(--brand-300);
}
.selector em {
  color: var(--brand-500);
}
.selector--control .button .icon {
  fill: var(--brand-300);
}
.selector--control .button:hover .icon,
.selector--control .button.\:hover .icon {
  fill: #fff;
}
.selector--item.draggable--dropTarget:before {
  background: linear-gradient(
    to bottom,
    transparent 0,
    transparent 1px,
    rgba(85, 174, 238, 0.07) 1px,
    rgba(85, 174, 238, 0.07) 2px,
    var(--brand-500) 2px,
    var(--brand-500) 3px,
    rgba(85, 174, 238, 0.07) 3px,
    rgba(85, 174, 238, 0.07) 4px,
    transparent 4px,
    transparent 5px
  )
  no-repeat;
}
.selector em {
  color: var(--brand-500);
}
.button-restoreDefault span,
.popup-backupCodes .button-generateCodes span {
  color: var(--brand-300);
}
.button-restoreDefault span,
.button-backupCodes span {
  color: var(--brand-300);
}
.control input[type='text']:focus,
.control input[type='password']:focus,
.control input[type='email']:focus,
.control input[type='text'].\:focus,
.control input[type='password'].\:focus,
.control input[type='email'].\:focus{
  border-color: var(--brand-500);
}
.control input[type='text']:focus,
.control input[type='password']:focus,
.control input[type='email']:focus,
.control input[type='text'].\:focus,
.control input[type='password'].\:focus,
.control input[type='email'].\:focus{
  border-color: var(--brand-500);
}
.triggerCondition__addButton {
  color: var(--brand-500);
}
.triggerCondition__addButton .icon {
  fill: var(--brand-500);
}
.drawingProperties h3 {
  color: var(--brand-500);
}
.drawingProperties .button-controlGroup {
  color: var(--brand-500);
}
.popup-twoStepAuthSetup .button-barcode {
  color: var(--brand-500);
}
.control-multiSelectBox .link-pseudo {
  color: var(--brand-500);
}
.button-clearFilter {
  color: var(--brand-500);
}
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isSelected___third-party-legacy-react-kit-components-calendar-theme- {
  color: var(--brand-500);
}
.calendar__calendar__body___third-party-legacy-react-kit-components-calendar-theme-
.calendar__calendar__day_isAvailable___third-party-legacy-react-kit-components-calendar-theme- {
  color: var(--brand-500);
}
.monthButton-h-child__container_flat___third-party-legacy-react-kit-components-calendar-theme- {
  color: var(--brand-500);
}
.year-selectbox__container__anchor___third-party-legacy-react-kit-components-calendar-theme- {
  color: var(--brand-500);
}
.optionFilters__columnRight .contextMenu-selector .button-clearFilter {
  color: var(--brand-500);
}
.multiAsset__list .draggable--dropTarget:after {
  background-image: linear-gradient(to right, var(--brand-500) 50%, transparent 50%),
  linear-gradient(to right, var(--brand-500) 50%, transparent 50%),
  linear-gradient(to top, var(--brand-500) 50%, transparent 50%),
  linear-gradient(to top, var(--brand-500) 50%, transparent 50%);
}
.PLCalendar__container__anchor___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  color: var(--brand-500);
}
.PLCalendar__link_container___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  color: var(--brand-500);
}
.contextMenu-marketDepthSettings .contextMenu--item-current .contextMenu--icon .icon {
  fill: var(--brand-500);
}
.contextMenu-marketDepthSettings .contextMenu--item-current:hover .contextMenu--icon .icon,
.contextMenu-marketDepthSettings .contextMenu--item-current.\:hover .contextMenu--icon .icon {
  fill: var(--brand-500);
}
.contextMenu-marketDepthSettings .contextMenu--item-current:hover .link-pseudo,
.contextMenu-marketDepthSettings .contextMenu--item-current.\:hover .link-pseudo {
  color: var(--brand-500);
}
.contextMenu-marketDepthModes .contextMenu--item-current .link-pseudo {
  color: var(--brand-500);
}
.contextMenu-marketDepthModes .contextMenu--item-current:hover .link-pseudo,
.contextMenu-marketDepthModes .contextMenu--item-current.\:hover .link-pseudo {
  color: var(--brand-500);
}
.button-markItems {
  color: var(--brand-500);
}
.button-markItems .icon {
  fill: var(--brand-500);
}
.button-markItems span {
  color: var(--brand-500);
}
.contextMenu-symbolFilter .contextMenu--item .match-text {
  color: var(--brand-500);
}
.tag-selector-anchor__container {
  color: var(--brand-500);
}
.tag-selector__optionLabel_selected {
  color: var(--brand-500);
}
.dropDown-suggest .searchResult.dropDown--option-highlight .searchResult--name,
.dropDown-suggest .searchResult.dropDown--option-highlight .searchResult--instrumentTree {
  color: var(--brand-500);
}
.dropDown-suggest .searchResult em {
  color: var(--brand-500);
}

/*   7    */

.cursor-limit.cursor-below .cursor--quote:before {
  background-color: var(--green-500);
}
.cursor-stop.cursor-above .cursor--quote:before {
  background-color: var(--green-500);
}
.order--typeIcon-buy i {
  background-color: var(--green-500);
}
.ToastOrder__icon_orderFilled {
  fill: var(--green-500);
}
.ToastAlert__icon_alertTriggered {
  fill: var(--green-500);
}
.button-buy {
  background-color: var(--green-500);
}
.control-toggleButtons .button-active.button-buy,
.control-toggleButtons .button-active.button-buy-disabled,
.control-toggleButtons .button-active.button-buy:disabled,
.control-toggleButtons .button-active.button-buy[disabled] {
  background-color: var(--green-500);
}
.order--typeIcon-buy i {
  background-color: var(--green-500);
}
.order--typeIcon-buy i {
  background-color: var(--green-500);
}
.instrument-up .button-price:after {
  background-color: var(--green-500);
}
.instrument-up .button-price:not([disabled]).button-buy,
.instrument-up .button-price:not([disabled]).button-sell {
  background-color: var(--green-500);
}
.popup-order.popup-creation.popup-buy .popup--footer .button-primary {
  background-color: var(--green-500);
}
.button-buy {
  background-color: var(--green-500);
}
.button-price.button-up {
  background-color: var(--green-500);
}
.treemapTooltipContent__body .icon-move-up-2 {
  background-color: var(--green-500);
}
.chartLine-buy .chartLine--label:before {
  background-color: var(--green-500);
}
.chartLine-order.chartLine-tp.chartLine-order.chartLine-sell .chartLine--line,
.chartLine-order.chartLine-sl.chartLine-order.chartLine-sell .chartLine--line {
  background-image: linear-gradient(to right, var(--green-500) 100%, transparent 100%);
  background-size: 100% 5px;
}
.chartLine-order.chartLine-tp.chartLine-order.chartLine-sell .chartLine--line,
.chartLine-order.chartLine-sl.chartLine-order.chartLine-sell .chartLine--line {
  background-image: linear-gradient(to right, var(--green-500) 100%, transparent 100%);
  background-size: 100% 5px;
}
.chartLine-group .chartLine--icon-buy:before {
  background-color: var(--green-500);
}
.chartLine.chartLine-ask .chartLine--line {
  background-color: var(--green-500);
}
.chartLine-multiAssetOrderCreation.chartLine-buy .chartLine--orderType .selectBox--labelIcon .icon {
  fill: var(--green-500);
}
.chartLine-multiAssetPosition.chartLine-buy .chartLine--orderType,
.chartLine-multiAssetOrder.chartLine-buy .chartLine--orderType {
  fill: var(--green-500);
}
.chartLine-multiAssetPosition.chartLine-buy .chartLine--label:before {
  background: var(--green-500);
}
.chartLine-group .chartLine--icon-position.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-both .icon {
  fill: var(--green-500);
}
.chartLine-group .chartLine--icon-position.chartLine--icon-buy .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon-buy .icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-buy .icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy .icon {
  color: var(--green-500);
  fill: var(--green-500);
}
.chartLine-group .chartLine--icon-position.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-order.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy:after {
  background: var(--green-500);
}
.chartLine-buy .chartLine--label:before {
  background-color: var(--green-500);
}
.chartLine-position.chartLine-buy .chartLine--line {
  background-image: linear-gradient(to right, var(--green-500) 70%, transparent 70%);
}
.chartLine-order.chartLine-buy .chartLine--line {
  background-image: linear-gradient(to right, var(--green-500) 50%, transparent 50%);
}
.chartLine-order.chartLine-tp.chartLine-order.chartLine-sell .chartLine--line,
.chartLine-order.chartLine-sl.chartLine-order.chartLine-sell .chartLine--line {
  background-image: linear-gradient(to right, var(--green-500) 100%, transparent 100%);
}
.chartLine-group .chartLine--icon-buy:before {
  background-color: var(--green-500);
}
.chartLine.chartLine-ask .chartLine--line {
  background-color: var(--green-500);
}
.chartLine-multiAssetOrderCreation.chartLine-buy .chartLine--orderType .selectBox--labelIcon .icon {
  fill: var(--green-500);
}
.chartLine-multiAssetPosition.chartLine-buy .chartLine--orderType,
.chartLine-multiAssetOrder.chartLine-buy .chartLine--orderType {
  fill: var(--green-500);
}
.chartLine-multiAssetPosition.chartLine-buy .chartLine--label:before {
  background: var(--green-500);
}
.chartLine-group .chartLine--icon-position.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-both .icon {
  color: #b0424a;
  fill: var(--green-500);
}
.chartLine-group .chartLine--icon-position.chartLine--icon-buy .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon-buy .icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-buy .icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy .icon {
  color: var(--green-500);
  fill: var(--green-500);
}
.chartLine-group .chartLine--icon-position.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-order.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-buy:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy:after {
  background: var(--green-500);
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetPosition.dropDown--option-buy
.chartLine--label:before {
  background: var(--green-500);
}
.dropDown-chartLineGroup .dropDown--option-buy:before {
  background-color: var(--green-500);
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder.dropDown--option-buy
.chartLine--orderType
.icon {
  fill: var(--green-500);
}
.depth--bid .depth--bar {
  background: var(--green-500);
}
.chart-popupTrade.chart-bidAsk .chartLine-currentQuote:before {
  background: var(--green-500);
}
.chart-popupTrade.chart-bidAsk .last {
  color: var(--green-500);
}
.linkedAlert__container_triggered {
  background: var(--green-500);
}
.authNotification__content .icon {
  fill: var(--green-500);
}
.aggregatedOrders__iconBuy:after {
  background-color: var(--green-500);
}
.gridMarketDepth__actions .button-buy {
  background-color: var(--green-500);
}
.chartInfo--group-up .chartInfo--value {
  color: var(--green-500);
}


/* -- --- 8 -- --- --- */

.cursor-limit.cursor-above .cursor--quote:before {
  background-color: var(--red-500);
}
.cursor-stop.cursor-below .cursor--quote:before {
  background-color: var(--red-500);
}
.order--typeIcon-sell i {
  background-color: var(--red-500);
}
.button-sell {
  background-color: var(--red-500);
}
.control-toggleButtons .button-active.button-sell,
.control-toggleButtons .button-active.button-sell-disabled,
.control-toggleButtons .button-active.button-sell:disabled,
.control-toggleButtons .button-active.button-sell[disabled] {
  background-color: var(--red-500);
}
.order--typeIcon-sell i {
  background-color: var(--red-500);
}
.order--typeIcon-sell i {
  background-color: var(--red-500);
}
.instrument-down .button-price:after {
  background-color: var(--red-500);
}
.instrument-down .button-price:not([disabled]).button-buy,
.instrument-down .button-price:not([disabled]).button-sell {
  background-color: var(--red-500);
}
.popup-order.popup-creation.popup-sell .popup--footer .button-primary {
  background-color: var(--red-500);
}
.button-sell {
  background-color: var(--red-500);
}
.button-price.button-down {
  background-color: var(--red-500);
}
.treemapTooltipContent__body .icon-move-down-2 {
  background-color: var(--red-500);
}
.chartLine-sell .chartLine--label:before {
  background-color: var(--red-500);
}
.chartLine-group .chartLine--icon-sell:before {
  background-color: var(--red-500);
}
.chartLine.chartLine-bid .chartLine--line {
  background-color: var(--red-500);
}
.chartLine-multiAssetOrderCreation.chartLine-sell
.chartLine--orderType
.selectBox--labelIcon
.icon {
  fill: var(--red-500);
}
.chartLine-multiAssetPosition.chartLine-sell .chartLine--orderType,
.chartLine-multiAssetOrder.chartLine-sell .chartLine--orderType {
  fill: var(--red-500);
}
.chartLine-multiAssetPosition.chartLine-sell .chartLine--label:before {
  background: var(--red-500);
}
.chartLine-group .chartLine--icon-position.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-both .icon {
  color: var(--red-500);
}
.chartLine-group .chartLine--icon-position.chartLine--icon-sell .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon-sell .icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-sell .icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell .icon {
  color: var(--red-500);
  fill: var(--red-500);
}
.chartLine-group .chartLine--icon-position.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-order.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell:after {
  background: var(--red-500);
}
.chartLine--labelAxis-bid {
  background-color: var(--red-500);
}
.chartLine--labelAxis-bid {
  background-color: var(--red-500);
}
.chartLine-sell .chartLine--label:before {
  background-color: var(--red-500);
}
.chartLine-position.chartLine-sell .chartLine--line {
  background-image: linear-gradient(to right, var(--red-500) 70%, transparent 70%);
}
.chartLine-position.chartLine-sell .chartLine--line {
  background-image: linear-gradient(to right, var(--red-500) 70%, transparent 70%);
}
.chartLine-order.chartLine-sell .chartLine--line {
  background-image: linear-gradient(to right, var(--red-500) 50%, transparent 50%);
}
.chartLine-order.chartLine-sell .chartLine--line {
  background-image: linear-gradient(to right, var(--red-500) 50%, transparent 50%);
}
.chartLine-order.chartLine-tp.chartLine-order.chartLine-buy .chartLine--line,
.chartLine-order.chartLine-sl.chartLine-order.chartLine-buy .chartLine--line {
  background-image: linear-gradient(to right, var(--red-500) 100%, transparent 100%);
}
.chartLine-order.chartLine-tp.chartLine-order.chartLine-buy .chartLine--line,
.chartLine-order.chartLine-sl.chartLine-order.chartLine-buy .chartLine--line {
  background-image: linear-gradient(to right, var(--red-500) 100%, transparent 100%);
}
.chartLine-group .chartLine--icon-sell:before {
  background-color: var(--red-500);
}
.chartLine.chartLine-bid .chartLine--line {
  background-color: var(--red-500);
}
.chartLine-multiAssetOrderCreation.chartLine-sell
.chartLine--orderType
.selectBox--labelIcon
.icon {
  fill: var(--red-500);
}
.chartLine-multiAssetPosition.chartLine-sell .chartLine--orderType,
.chartLine-multiAssetOrder.chartLine-sell .chartLine--orderType {
  fill: var(--red-500);
}
.chartLine-multiAssetPosition.chartLine-sell .chartLine--label:before {
  background: var(--red-500);
}
.chartLine-group .chartLine--icon-position.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-both .icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-both .icon {
  color: var(--red-500);
}
.chartLine-group .chartLine--icon-position.chartLine--icon-sell .icon,
.chartLine-group .chartLine--icon-order.chartLine--icon-sell .icon,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-sell .icon,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell .icon {
  color: var(--red-500);
  fill: var(--red-500);
}
.chartLine-group .chartLine--icon-position.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-order.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-sell:after,
.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell:after {
  background: var(--red-500);
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetPosition.dropDown--option-sell
.chartLine--label:before {
  background: var(--red-500);
}
.dropDown-chartLineGroup .dropDown--option-sell:before {
  background-color: var(--red-500);
}
.dropDown-chartLineGroup
.dropDown--option-multiAssetOrder.dropDown--option-sell
.chartLine--orderType
.icon {
  fill: var(--red-500);
}
.depth--ask .depth--bar {
  background: var(--red-500);
}
.depth--ask .depth--bar {
  background-image: linear-gradient(to left, rgba(176, 66, 74, 0.6), var(--red-500));
}
.popup-warning .popup--window {
  border-color: var(--red-500);
}
.positionInfo--value-sell {
  color: var(--red-500);
}
.aggregatedOrders__iconSell:after {
  background-color: var(--red-500);
}
.gridMarketDepth__actions .button-sell {
  background-color: var(--red-500);
}


/* ----- 9 ----- */
.table--row-details {
  background: var(--theme-700);
}
.filterPanel {
  background: linear-gradient(to right, var(--theme-700), var(--theme-700));
}
.watchlistChart .chart {
  background-color: var(--theme-700);
}
.watchlistChart .chart {
  background-color: var(--theme-700);
}
.grid-account .account--row-chart td {
  background: var(--theme-700);
}
.instrument--spread-dashboard:before {
  background-color: var(--theme-700);
}
.plate--info,
.plate--actions {
  background-color: var(--theme-700);
}
.instrumentInfo--wrapper {
  background: var(--theme-700);
}
.instrumentInfo .instrument-ladder .instrument--quantity,
.instrumentInfo .instrument-ladder .price {
  background: var(--theme-700);
}
.depth--info {
  background: var(--theme-700);
}



/* ---- 10 ----- */

.button__container___third-party-legacy-react-kit-components-button-:disabled,
.button__container___third-party-legacy-react-kit-components-button-[disabled] {
  background-color: var(--theme-500);
}
.button__container___third-party-legacy-react-kit-components-button-:disabled::before,
.button__container___third-party-legacy-react-kit-components-button-[disabled]::before {
  border-top-color: var(--theme-500);
  border-bottom-color: var(--theme-500);
  border-left-color: var(--theme-500);
  border-right-color: var(--theme-500);
}
.control-disabled .button-primary,
.control-disabled .button-trade,
.control-disabled .button-apply,
.button-primary:disabled,
.button-trade:disabled,
.button-apply:disabled,
.button-primary[disabled],
.button-trade[disabled],
.button-apply[disabled],
.control-disabled .button-primary:hover,
.control-disabled .button-trade:hover,
.control-disabled .button-apply:hover,
.button-primary:disabled:hover,
.button-trade:disabled:hover,
.button-apply:disabled:hover,
.button-primary[disabled]:hover,
.button-trade[disabled]:hover,
.button-apply[disabled]:hover,
.control-disabled .button-primary:active,
.control-disabled .button-trade:active,
.control-disabled .button-apply:active,
.button-primary:disabled:active,
.button-trade:disabled:active,
.button-apply:disabled:active,
.button-primary[disabled]:active,
.button-trade[disabled]:active,
.button-apply[disabled]:active,
.control-disabled .button-primary.\:hover,
.control-disabled .button-trade.\:hover,
.control-disabled .button-apply.\:hover,
.button-primary:disabled.\:hover,
.button-trade:disabled.\:hover,
.button-apply:disabled.\:hover,
.button-primary[disabled].\:hover,
.button-trade[disabled].\:hover,
.button-apply[disabled].\:hover,
.control-disabled .button-primary.\:active,
.control-disabled .button-trade.\:active,
.control-disabled .button-apply.\:active,
.button-primary:disabled.\:active,
.button-trade:disabled.\:active,
.button-apply:disabled.\:active,
.button-primary[disabled].\:active,
.button-trade[disabled].\:active,
.button-apply[disabled].\:active {
  background-color: var(--theme-500);
}
.control-disabled .button-secondary,
.button-secondary:disabled,
.button-secondary[disabled],
.control-disabled .button-secondary:hover,
.button-secondary:disabled:hover,
.button-secondary[disabled]:hover,
.control-disabled .button-secondary:active,
.button-secondary:disabled:active,
.button-secondary[disabled]:active,
.control-disabled .button-secondary.\:hover,
.button-secondary:disabled.\:hover,
.button-secondary[disabled].\:hover,
.control-disabled .button-secondary.\:active,
.button-secondary:disabled.\:active,
.button-secondary[disabled].\:active {
  background-color: var(--theme-500);
}
.control-disabled .button-tertiary,
.button-tertiary:disabled,
.button-tertiary[disabled],
.control-disabled .button-tertiary:hover,
.button-tertiary:disabled:hover,
.button-tertiary[disabled]:hover,
.control-disabled .button-tertiary:active,
.button-tertiary:disabled:active,
.button-tertiary[disabled]:active,
.control-disabled .button-tertiary.\:hover,
.button-tertiary:disabled.\:hover,
.button-tertiary[disabled].\:hover,
.control-disabled .button-tertiary.\:active,
.button-tertiary:disabled.\:active,
.button-tertiary[disabled].\:active {
  background-color: var(--theme-500);
}
.control-disabled .button-buy,
.button-buy:disabled,
.button-buy[disabled],
.control-disabled .button-buy:hover,
.button-buy:disabled:hover,
.button-buy[disabled]:hover,
.control-disabled .button-buy:active,
.button-buy:disabled:active,
.button-buy[disabled]:active,
.control-disabled .button-buy.\:hover,
.button-buy:disabled.\:hover,
.button-buy[disabled].\:hover,
.control-disabled .button-buy.\:active,
.button-buy:disabled.\:active,
.button-buy[disabled].\:active {
  background-color: var(--theme-500);
}
.control-disabled .button-sell,
.button-sell:disabled,
.button-sell[disabled],
.control-disabled .button-sell:hover,
.button-sell:disabled:hover,
.button-sell[disabled]:hover,
.control-disabled .button-sell:active,
.button-sell:disabled:active,
.button-sell[disabled]:active,
.control-disabled .button-sell.\:hover,
.button-sell:disabled.\:hover,
.button-sell[disabled].\:hover,
.control-disabled .button-sell.\:active,
.button-sell:disabled.\:active,
.button-sell[disabled].\:active {
  background-color: var(--theme-500);
}
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled],
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:hover,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled:hover,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled]:hover,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:active,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled:active,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled]:active,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:hover,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled.\:hover,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled].\:hover,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:active,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled.\:active,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled].\:active {
  background-color: var(--theme-500);
}
.control-disabled .button-price.button-buy,
.control-disabled .button-price.button-sell,
.button-price.button-buy:disabled,
.button-price.button-sell:disabled,
.button-price.button-buy[disabled],
.button-price.button-sell[disabled],
.control-disabled .button-price.button-buy:hover,
.control-disabled .button-price.button-sell:hover,
.button-price.button-buy:disabled:hover,
.button-price.button-sell:disabled:hover,
.button-price.button-buy[disabled]:hover,
.button-price.button-sell[disabled]:hover,
.control-disabled .button-price.button-buy:active,
.control-disabled .button-price.button-sell:active,
.button-price.button-buy:disabled:active,
.button-price.button-sell:disabled:active,
.button-price.button-buy[disabled]:active,
.button-price.button-sell[disabled]:active,
.control-disabled .button-price.button-buy.\:hover,
.control-disabled .button-price.button-sell.\:hover,
.button-price.button-buy:disabled.\:hover,
.button-price.button-sell:disabled.\:hover,
.button-price.button-buy[disabled].\:hover,
.button-price.button-sell[disabled].\:hover,
.control-disabled .button-price.button-buy.\:active,
.control-disabled .button-price.button-sell.\:active,
.button-price.button-buy:disabled.\:active,
.button-price.button-sell:disabled.\:active,
.button-price.button-buy[disabled].\:active,
.button-price.button-sell[disabled].\:active {
  background-color: var(--theme-500);
}
.control-colorPicker.control-disabled .colorPicker--label .button,
.control-colorPicker.control-disabled .colorPicker--label .button:hover,
.control-colorPicker.control-disabled .colorPicker--label .button:active,
.control-colorPicker.control-disabled .colorPicker--label .button.\:hover,
.control-colorPicker.control-disabled .colorPicker--label .button.\:active {
  background-color: var(--theme-500);
}
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable,
.button-orderEntry__container .button-expandable:disabled,
.button-orderEntry__container .button-expandable[disabled],
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable:hover,
.button-orderEntry__container .button-expandable:disabled:hover,
.button-orderEntry__container .button-expandable[disabled]:hover,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable:active,
.button-orderEntry__container .button-expandable:disabled:active,
.button-orderEntry__container .button-expandable[disabled]:active,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable.\:hover,
.button-orderEntry__container .button-expandable:disabled.\:hover,
.button-orderEntry__container .button-expandable[disabled].\:hover,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable.\:active,
.button-orderEntry__container .button-expandable:disabled.\:active,
.button-orderEntry__container .button-expandable[disabled].\:active {
  background-color: var(--theme-500);
}
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button,
.button-orderEntry__dropDownPanel .button:disabled,
.button-orderEntry__dropDownPanel .button[disabled],
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button:hover,
.button-orderEntry__dropDownPanel .button:disabled:hover,
.button-orderEntry__dropDownPanel .button[disabled]:hover,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button:active,
.button-orderEntry__dropDownPanel .button:disabled:active,
.button-orderEntry__dropDownPanel .button[disabled]:active,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button.\:hover,
.button-orderEntry__dropDownPanel .button:disabled.\:hover,
.button-orderEntry__dropDownPanel .button[disabled].\:hover,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button.\:active,
.button-orderEntry__dropDownPanel .button:disabled.\:active,
.button-orderEntry__dropDownPanel .button[disabled].\:active {
  background-color: var(--theme-500);
}
.gridMarketDepth__actions .button-buy[disabled],
.gridMarketDepth__actions .button-sell[disabled] {
  background-color: var(--theme-500);
}

/* ---- 11 ----- */


.headerNew {
  background: var(--theme-800);
}
.accountInfo--wrap-data:before {
  background: linear-gradient(to left, rgba(37, 38, 48, 0), var(--theme-800));
}
.accountInfo--wrap-data:after {
  background: linear-gradient(to right, rgba(37, 38, 48, 0), var(--theme-800));
}
body {
  background-color: var(--theme-800);
}

/* --- --12--- ------ */

.cursor--quote {
  background-color: var(--theme-800);
}

.emptyView__container {
  background: linear-gradient(to bottom, var(--theme-800), var(--theme-800));
}
.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme- {
  background: var(--theme-800);
}

.headerNew--menuItemControls {
  background: var(--theme-800);
}

.headerNew--menuItemControls:before {
  background-image: linear-gradient(to right, rgba(44, 45, 61, 0), var(--theme-800) 100%);
}

.headerNew--top {
  background: var(--theme-800);
}
.widget__container___third-party-legacy-react-kit-components-widget-theme- {
  background: linear-gradient(to bottom, var(--theme-800), var(--theme-800));
}
.loader-main {
  background-color: var(--theme-800);
}
.chart--axis-y-label {
  background-color: var(--theme-800);
}
.chart {
  background: var(--theme-800);
}
.chart--axis-x-label {
  background-color: var(--theme-800);
}
.chart--axis-y-label {
  background-color: var(--theme-800);
}
.chart {
  background: var(--theme-800);
}
.grid-positionBook .table-totals .position--total td {
  box-shadow: 0 1px var(--theme-800);
}
.grid-positions.grid-aggregation .grid--body .position-child.position-selected:hover td,
.grid-positions.grid-aggregation .grid--body .position-child.position-selected.\:hover td {
  box-shadow: inset 0 1px var(--theme-800);
}
.grid-positions.grid-aggregation
.grid--body
.position-child.position-highlighted:not(.position-selected)
td,
.grid-positions.grid-aggregation
.grid--body
.position-child.position-highlighted:not(.position-selected)
td:first-child,
.grid-positions.grid-aggregation
.grid--body
.position-child.position-highlighted:not(.position-selected)
td:last-child {
  box-shadow: 0 -1px var(--theme-800) inset;
}
.grid-positions.grid-aggregation .grid--body .position-child.position-selected td {
  box-shadow: inset 0 1px var(--theme-800);
}
.grid-positions .table-totals .position--total td {
  box-shadow: 0 1px var(--theme-800);
}
.grid-positionBook .table-totals .position--total td {
  box-shadow: 0 1px var(--theme-800);
}
.numericStepper .numericStepper--control {
  background-color: var(--theme-800);
}
.chartLine-sending .chartLine--controlGroup:before,
.chartLine-pending .chartLine--controlGroup:before {
  background-color: var(--theme-800);
}
.chartLine-sending .chartLine--controlGroup:before,
.chartLine-pending .chartLine--controlGroup:before {
  background-color: var(--theme-800);
}
.depth--bar:after {
  background: var(--theme-800);
}
.orderEntrySlider__rail:after {
  background: var(--theme-800);
}
.messagePanel-error {
  background-color: var(--theme-800);
}
.popup-twoStepAuthSetup .popup--content .secretKey {
  background-color: var(--theme-800);
}

.popup-orderConfirmation .orderConfirmation--text {
  background: var(--theme-800);
}

.multiAsset__itemWrap {
  background-color: var(--theme-800);
}
.chartArea--header {
  background: var(--theme-800);
}
.tag-selector__anchor .tag-selector__optionIcon {
  border: 1px solid var(--theme-800);
}
.gridTimeSales__row_delimiter td:not(.noneUnderLine):first-child {
  box-shadow:
    5px 0 0 var(--theme-800) inset,
    0 1px rgba(61, 78, 102, 0.8);
}
.gridTimeSales__row_delimiter td:not(.noneUnderLine):last-child {
  box-shadow:
    -2px 0 0 var(--theme-800) inset,
    0 1px rgba(61, 78, 102, 0.8);
}

/* ---- 13----- */
.input__container___third-party-legacy-react-kit-components-input- {
  background-color: var(--theme-800);
}
.input__container___third-party-legacy-react-kit-components-input-:active:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ),
.input__container___third-party-legacy-react-kit-components-input-.input__--active___third-party-legacy-react-kit-components-input-:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ) {
  background-color: var(--theme-800);
}
.input__container___third-party-legacy-react-kit-components-input-:focus:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ),
.input__container_isFocused___third-party-legacy-react-kit-components-input-:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ),
.input__container___third-party-legacy-react-kit-components-input-.input__--focus___third-party-legacy-react-kit-components-input-:not(
    .input__container_isDisabled___third-party-legacy-react-kit-components-input-
  ) {
  background-color: var(--theme-800);
}
.control input[type='text'],
.control input[type='password'],
.control input[type='email'] {
  background: var(--theme-800);
}
.control input[type='text']:focus,
.control input[type='password']:focus,
.control input[type='email']:focus,
.control input[type='text'].\:focus,
.control input[type='password'].\:focus,
.control input[type='email'].\:focus {
  background-color: var(--theme-800);
}
.checkBox--view {
  background: var(--theme-800);
}
.checkBox--label .checkBox--view {
  background: var(--theme-800);
}
.checkBox--label:active .checkBox--view,
.checkBox--label.\:active .checkBox--view {
  background: var(--theme-800);
}
.chartMap--button,
.chartMap--knob {
  background: var(--theme-800);
}


@keyframes correction {
  0% {
    background-color: #7f0d0d;
  }
  25% {
    background-color: var(--theme-800);
  }
  50% {
    background-color: #7f0d0d;
  }
  100% {
    background-color: var(--theme-800);
  }
}

.comboBox .selectBox-active + .comboBox--input input {
  background-color: var(--theme-800);
}
.radioButton--view {
  background: var(--theme-800);
}
.radioButton--label .radioButton--view {
  background: var(--theme-800);
}
.radioButton--label:active .radioButton--view,
.radioButton--label.\:active .radioButton--view {
  background: var(--theme-800);
}
.indicatorSelector__listWrapper {
  background-color: var(--theme-800);
}
.indicatorSelector__addedContainer {
  background-color: var(--theme-800);
}
.layoutList--placeholder {
  background: var(--theme-800);
}
.layoutList--list {
  background: var(--theme-800);
}
.layoutList--listItem {
  background: var(--theme-800);
}
.textareaAutoSize__elementWrapper {
  background-color: var(--theme-800);
}
.textareaAutoSize__elementWrapper_focus {
  background-color: var(--theme-800);
}
.control-textarea textarea {
  background-color: var(--theme-800);
}
.control-textarea textarea:focus,
.control-textarea textarea.\:focus {
  background-color: var(--theme-800);
}
.multilineTextTool__container {
  background-color: var(--theme-800);
}

/* ---  16 ---- */
.order-expanded .table--cell,
.order-expanded .table--cell:first-child,
.order-expanded .table--cell:last-child {
  background-color: var(--theme-900);
}

.table--row-selected th .table--cell,
.table--row-selected td .table--cell,
.table--row-selected th:first-child .table--cell,
.table--row-selected td:first-child .table--cell,
.table--row-selected th:last-child .table--cell,
.table--row-selected td:last-child .table--cell {
  background-color: var(--theme-900);
}

.loader-main .loader--text {
  color: var(--accent-text-color);
}

.order-expanded .table--cell,
.position-expanded .table--cell,
.position-selected .table--cell,
.order-expanded .table--cell:first-child,
.position-expanded .table--cell:first-child,
.position-selected .table--cell:first-child,
.order-expanded .table--cell:last-child,
.position-expanded .table--cell:last-child,
.position-selected .table--cell:last-child {
  background-color: var(--theme-900);
}

.position-selected.highlighted td,
.position-selected.highlighted td:first-child,
.position-selected.highlighted td:last-child {
  background-color: var(--theme-900);
}

.grid-positions.grid-aggregation .grid--body .position-child.position-selected td .table--cell {
  background-color: var(--theme-900);
}

.grid-positions.grid-aggregation
.grid--body
.position-child.position-selected:hover
td
.table--cell,
.grid-positions.grid-aggregation
.grid--body
.position-child.position-selected.\:hover
td
.table--cell {
  background-color: var(--theme-900);
}

.grid-alertsBook .table--row-selected.table--row .table--cell {
  background-color: var(--theme-900);
}

.grid-alertsBook .table--row-selected.table--row:hover .table--cell,
.grid-alertsBook .table--row-selected.table--row.\:hover .table--cell {
  background-color: var(--theme-900);
}

.order-expanded .table--cell,
.instrument-expanded .table--cell,
.order-expanded .table--cell:first-child,
.instrument-expanded .table--cell:first-child,
.order-expanded .table--cell:last-child,
.instrument-expanded .table--cell:last-child {
  background-color: var(--theme-900);
}

.grid-watchlist .table tbody .table--row.instrument-expanded td,
.grid-watchlist .table tbody .table--row.instrument-selected td,
.grid-watchlist .table tbody .table--row.instrument-expanded td:last-child,
.grid-watchlist .table tbody .table--row.instrument-selected td:last-child,
.grid-watchlist .table tbody .table--row.instrument-expanded td:first-child,
.grid-watchlist .table tbody .table--row.instrument-selected td:first-child {
  box-shadow: 0 1px var(--theme-900);
  background: var(--theme-900);
}
.grid-orderBook .table--row-selected.table--row td,
.grid-orderHistory .table--row-selected.table--row td {
  background-color: var(--theme-900);
}

.grid-orderBook .table--row-selected.table--row:hover td,
.grid-orderHistory .table--row-selected.table--row:hover td,
.grid-orderBook .table--row-selected.table--row.\:hover td,
.grid-orderHistory .table--row-selected.table--row.\:hover td {
  background-color: var(--theme-900);
}

.opportunity-selected td,
.opportunity-selected td:first-child,
.opportunity-selected td:last-child {
  background-color: var(--theme-900);
  box-shadow: 0 1px var(--theme-900);
}

.grid-riskProfilePosition .table--body tr.position-selected .table--cell-highlighted {
  box-shadow: 0 0 0 15px var(--theme-900) inset;
}


/* ---- 19 ----- */
.button__container___third-party-legacy-react-kit-components-button- {
  background-color: var(--theme-500);
}
.button__container_extra___third-party-legacy-react-kit-components-button- {
  background-color: var(--theme-500);
}

.widget__header___third-party-legacy-react-kit-components-widget-theme- {
  background-image: linear-gradient(to right, var(--theme-700), var(--theme-700));
}

.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-.popover__container_placementTop___third-party-legacy-react-kit-components-popover-
.popover__arrow___third-party-legacy-react-kit-components-popover- {
  border-color: var(--theme-700) transparent transparent transparent;
}
{
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent var(--theme-700) transparent;
}
{
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent var(--theme-700);
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-.popover__container_placementRight___third-party-legacy-react-kit-components-popover-
.popover__arrow___third-party-legacy-react-kit-components-popover- {
  border-color: transparent var(--theme-700) transparent transparent;
}
.selectbox__container__anchor___third-party-legacy-react-kit-components-selectbox- {
  background-color: var(--theme-700);
}
.button-h-child__container___third-party-legacy-react-kit-components-combobutton-theme- {
  background-color: var(--theme-500);
}
.button-secondary {
  background: var(--theme-500);
}
.button-tertiary {
  background-color: var(--theme-500);
}

.button-filledIcon {
  background-color: var(--theme-500);
}
.control-toggleButtons .button {
  background-color: var(--theme-500);
}

.control-toggleButtons .button-buy,
.control-toggleButtons .button-sell {
  background-color: var(--theme-500);
}

.selectBox {
  background-color: var(--theme-700);
}

.selectBox-widgetHeader {
  background-color: var(--theme-700);
}

.selectBox-widgetHeader:active,
.selectBox-widgetHeader.selectBox-active,
.selectBox-widgetHeader.selectBox-active:hover,
.selectBox-widgetHeader.\:active,
.selectBox-widgetHeader.selectBox-active.\:hover {
  border-color: var(--theme-700);
}

.switcher--button:after {
  background: var(--theme-500);
}

.button-autoresize {
  background-color: var(--theme-500);
}
.button-customizeColumns {
  background-color: var(--theme-500);
}
.widgetNew--header__headerInfo:not(:last-child) .widgetNew--header__loadingIndicatorWrapper {
  background: var(--theme-700);
}
.widgetNew--header__headerInfo:not(:last-child) .widgetNew--header__loadingIndicatorWrapper:after {
  background: linear-gradient(to left, var(--theme-700), rgba(57, 58, 77, 0));
}
.widgetNew--header__headerInfo:not(:last-child) .widgetNew--header__loadingIndicatorWrapper:before {
  background: var(--theme-700);
}
.button-expandAllPositions {
  background-color: var(--theme-500);
}
.button-collapseAllPositions {
  background-color: var(--theme-500);
}
.button-closeAllPositions {
  background-color: var(--theme-500);
}
.showDataTooltip *[data-helpkey]::after {
  background-color: var(--theme-700);
}
.WidgetAlerts__contentWrap .button-createAlert {
  background-color: var(--theme-500);
}
.button-sort {
  background-color: var(--theme-500);
}

.button-price {
  background-color: var(--theme-500);
}

.grid-watchlist .table tbody .table--cell-actions .button {
  border: 1px solid transparent;
  background-color: var(--theme-500);
}
.button-icon.button-linking {
  background-color: var(--theme-500);
}

.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded {
  background-color: var(--theme-700);
}

.drawingToolbar .button:not(.button-secondary) {
  background-color: var(--theme-500);
}

.colorPicker--label .button {
  background-color: var(--theme-500);
}
.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded {
  background-color: var(--theme-700);
}

.chartArea--toolbar .button-filledIcon {
  background-color: var(--theme-500);
}
.opportunities--filter .button-primary {
  background-color: var(--theme-500);
}

.messagePanel-warning {
  background-color: var(--theme-700);
}

.year-selector-button__container___third-party-legacy-react-kit-components-calendar-theme- {
  background: var(--theme-500);
}
.selectbox-h-child__container__anchor___8c02d {
  background-color: var(--theme-700);
}
.gridMarketDepth__container .table--body tr:hover .button:before,
.gridMarketDepth__container .table--body tr.\:hover .button:before {
  background: var(--theme-500);
}

.gridMarketDepth__container .table--cell-orders .button {
  background: var(--theme-500);
}
.optionChainNew__grid_calls tbody .table--cell-bid:after,
.optionChainNew__grid_puts tbody .table--cell-bid:after,
.optionChainNew__grid_calls tbody .table--cell-ask:after,
.optionChainNew__grid_puts tbody .table--cell-ask:after {
  background-color: var(--theme-700);
}
.optionChainNew__grid_calls tbody .table--cell-bid:hover:after,
.optionChainNew__grid_puts tbody .table--cell-bid:hover:after,
.optionChainNew__grid_calls tbody .table--cell-ask:hover:after,
.optionChainNew__grid_puts tbody .table--cell-ask:hover:after,
.optionChainNew__grid_calls tbody .table--cell-bid.\:hover:after,
.optionChainNew__grid_puts tbody .table--cell-bid.\:hover:after,
.optionChainNew__grid_calls tbody .table--cell-ask.\:hover:after,
.optionChainNew__grid_puts tbody .table--cell-ask.\:hover:after {
  background-color: var(--theme-700);
}


/* ---- --- --- -- 19 ------ */
.popover__container___third-party-legacy-react-kit-components-popover- {
  background-color: var(--theme-700);
  border-color: var(--theme-600);
}
.contextMenu {
  background-color: var(--theme-700);
  border-color: var(--theme-600);
}
.contextMenu--pointer:before {
  background: var(--theme-700);
  border-color: var(--theme-600);
}
.contextMenu--optionList-subMenu {
  background-color: var(--theme-700);
  border-color: var(--theme-600);
}
.dropDown {
  background-color: var(--theme-700);
  border-color: var(--theme-600);
}
.dropDown-selectBox-trigger .dropDown--container::before {
  background-color: var(--theme-700);
  border-color: var(--theme-600);
}

.dropDown-selectBox-accountInfo .dropDown--option[data-email='true']:hover,
.dropDown-selectBox-accountInfo .dropDown--option[data-email='true'].\:hover {
  background-color: var(--theme-700);
  border-color: var(--theme-600);
}

.contextMenu-accountInfo {
  background-color: var(--theme-700);
  border-color: var(--theme-600);
}
.contextMenu-accountInfo .contextMenu--pointer:before {
  background: var(--theme-700);
  border-color: var(--theme-600);
}

.filterPanel--details {
  background: var(--theme-700);
  border-color: var(--theme-600);
}

.treemapTooltipContent__body {
  background: var(--theme-700);
  border-color: var(--theme-600);
}

.Popover-h-child__container___0abfa {
  background-color: var(--theme-700);
  border-color: var(--theme-600);
}
.DateTimeFilter__form {
  background-color: var(--theme-700);
  border-color: var(--theme-600);
}

.optionFilters__columnRight .contextMenu-selector .contextMenu--pointer:before {
  background: var(--theme-700);
  border-color: var(--theme-600);
}

.optionFilters__dateRangeSelector .contextMenu-dateTimeFilter .contextMenu--pointer:before {
  background: var(--theme-700);
  border-color: var(--theme-600);
}

.ordersCellPopover__content:not(:empty) {
  background-color: var(--theme-700);
  border-color: var(--theme-600);
}

/* ---- -- - -- 20 - - -- */

.headerNew--menuItem:not(.headerNew--menuItem-selected):hover,
.headerNew--menuItem:not(.headerNew--menuItem-selected).\:hover {
  background-color: var(--theme-700);
}
.tabPanel-secondary .tab:hover,
.tabPanel-secondary .tab:active,
.tabPanel-secondary .tab.\:hover,
.tabPanel-secondary .tab.\:active {
  background-color: var(--theme-700);
}


/* ---- -- - -- 21 - - -- */
.button__container___third-party-legacy-react-kit-components-button- {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.button__container_extra___third-party-legacy-react-kit-components-button- {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.input__container___third-party-legacy-react-kit-components-input- {
  border-color: var(--theme-500);
}
.selectbox__container__anchor___third-party-legacy-react-kit-components-selectbox- {
  border-color: var(--theme-500);
}
.button-h-child__container___third-party-legacy-react-kit-components-combobutton-theme- {
  border-color: var(--theme-500);
}
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme- {
  box-shadow:
    -1px 0 0 0 transparent,
    0 0 0 1px var(--theme-500);
}
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:last-child {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.button-secondary {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.drawingToolbar .button:not(.button-secondary) {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.control input[type='text'],
.control input[type='password'],
.control input[type='email'] {
  border-color: var(--theme-500);
}
.selectBox-widgetHeader {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.selectBox-widgetHeader.selectBox-disabled,
.selectBox-widgetHeader.selectBox-disabled:hover,
.selectBox-widgetHeader.selectBox-disabled:focus,
.selectBox-widgetHeader.selectBox-disabled:active,
.selectBox-widgetHeader.selectBox-disabled.\:hover,
.selectBox-widgetHeader.selectBox-disabled.\:focus,
.selectBox-widgetHeader.selectBox-disabled.\:active {
  box-shadow: 0 0 0 1px var(--theme-500);
}

.tradingType.selectBox-regularTrading,
.tradingType.selectBox-regularTrading:hover,
.tradingType.selectBox-regularTrading:active,
.tradingType.selectBox-regularTrading.\:hover,
.tradingType.selectBox-regularTrading.\:active  {
  box-shadow: inset 0 0 0 1px var(--theme-500);
}
.checkBox--view {
  border-color: var(--theme-500);
}

.checkBox--label .checkBox--view {
  border-color: var(--theme-500);
}

.accountItem .hint .button-icon:hover .icon-about-us,
.accountItem .hint .button-icon.\:hover .icon-about-us {
  fill: var(--theme-500);
}

.chartMap--button-toLeft {
  box-shadow:
    inset 0 1px 0 rgba(61, 78, 102, 0),
    inset -1px 0 0 var(--theme-500),
    inset 0 -1px 0 rgba(61, 78, 102, 0),
    inset 1px 0 0 rgba(61, 78, 102, 0);
}
.chartMap--button-toRight {
  box-shadow:
    inset 0 1px 0 rgba(61, 78, 102, 0),
    inset -1px 0 0 rgba(61, 78, 102, 0),
    inset 0 -1px 0 rgba(61, 78, 102, 0),
    inset 1px 0 0 var(--theme-500);
}

.chartMap--knob {
  box-shadow:
    inset 0 1px 0 var(--theme-500),
    inset -1px 0 0 var(--theme-500),
    inset 0 -1px 0 var(--theme-500),
    inset 1px 0 0 var(--theme-500);
}
.WidgetAlerts__contentWrap .button-createAlert {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.form--fieldset-oco .form--row-connected {
  box-shadow: inset 1px 0 var(--theme-500);
}
.form--fieldset-oco .form--row-connected:first-child:after {
  box-shadow: inset 0 -1px var(--theme-500);
}
.form--fieldset-oco .form--row-connected:nth-child(2):after {
  box-shadow: inset 0 1px var(--theme-500);
}
.form--fieldset-oco .form--row-connected:nth-child(2):after {
  border-color: var(--theme-500);
}

.grid-watchlist .table tbody .table--cell-actions .button {
  border: 1px solid var(--theme-500);
}
.chartLine-editable .numericStepper--control .icon {
  stroke: var(--theme-500);
}
.selectBox {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.button-icon.button-linking {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.button-tertiary {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.colorPicker--label .button {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.radioButton--view {
  border-color: var(--theme-500);
}

.radioButton--label .radioButton--view {
  border-color: var(--theme-500);
}

.chartLine-editable .numericStepper--control .icon {
  stroke: var(--theme-500);
}
.opportunities--filter .button-primary {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.chartArea--toolbar .button-filledIcon {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.clickTradingInfo--icon-regular {
  border-color: var(--theme-500);
}
.indicatorSelector__listWrapper {
  border: 1px solid var(--theme-500);
}
.indicatorSelector__addedContainer {
  border: 1px solid var(--theme-500);
}
.authNotification__content {
  border: 1px solid var(--theme-500);
}
.textareaAutoSize__elementWrapper {
  border: 1px solid var(--theme-500);
}
.control-textarea textarea {
  border-color: var(--theme-500);
}
.control-error.control-textarea textarea {
  border-color: var(--theme-500);
}

.selectbox-h-child__container__anchor___8c02d {
  box-shadow: 0 0 0 1px var(--theme-500);
}
.optionChainNew__grid_calls tbody .table--cell-bid,
.optionChainNew__grid_puts tbody .table--cell-bid,
.optionChainNew__grid_calls tbody .table--cell-ask,
.optionChainNew__grid_puts tbody .table--cell-ask {
  box-shadow: 0 0 0 1px var(--theme-500) inset;
}
.optionChainNew__grid_calls tbody .table--cell-bid .optionChainNew__spreadButton,
.optionChainNew__grid_puts tbody .table--cell-bid .optionChainNew__spreadButton {
  border-right: 1px solid var(--theme-500);
}
.optionChainNew__grid_calls tbody .table--cell-ask .optionChainNew__spreadButton,
.optionChainNew__grid_puts tbody .table--cell-ask .optionChainNew__spreadButton {
  border-left: 1px solid var(--theme-500);
}
.multilineTextTool__container {
  border: solid 1px var(--theme-500);
}

/* ----- 21 -------- */
.order-sending .order--statusIcon .icon {
  fill: var(--accent-text-color); /*#8ebcd4*/
}

.order-sending .order--status {
  color: var(--accent-text-color); /*#8ebcd4*/
}

.control--tooltipText {
  color: var(--accent-text-color); /*#8ebcd4*/
}

.chart--axis-y .last {
  color: var(--accent-text-color); /*#8ebcd4*/
}

.chart--axis-y .last {
  color: var(--accent-text-color); /*#8ebcd4*/
}

.order-sending .order--statusIcon .icon {
  fill: var(--accent-text-color); /*#8ebcd4*/
}

.order-sending .order--status {
  color: var(--accent-text-color); /*#8ebcd4*/
}

.order-sending .order--statusIcon .icon {
  fill: var(--accent-text-color); /*#8ebcd4*/
}

.order-sending .order--status {
  color: var(--accent-text-color); /*#8ebcd4*/
}

.plate--heading .instrument--symbol {
  color: var(--accent-text-color); /*#8ebcd4*/
}

.popup-orderConfirmation .orderConfirmation--hint {
  color: var(--accent-text-color); /*#8ebcd4*/
}
.WidgetTimeSales__container_frozen {
  border: 1px solid var(--accent-text-color); /*#8ebcd4*/
}
/***** 22 *****/
.popup--header {
  background: var(--theme-800);
}
.popup .popup--window {
  background: var(--theme-800);
  box-shadow: var(--default-box-shadow);
}
.popup.popup-modal .popup--window {
  box-shadow: var(--default-box-shadow);
}
.form--fieldset-oco .form--row:after {
  background: var(--theme-800);
}
/***** 23 *****/
.popup__container___third-party-legacy-react-kit-components-popup-theme- {
  background-image: var(--backdrop-color);
}
.popup__header___third-party-legacy-react-kit-components-popup-theme- {
  background: var(--backdrop-color);
}
body {
  background: var(--backdrop-color);
}
.popup--window {
  background-image: var(--backdrop-color);
}
.popup--hint-closePosition:before {
  background: var(--backdrop-color);
}
.form--fieldset-oco .form--row:after {
  background: var(--backdrop-color);
}

.popup-sessionExpired.popup-modal.popup-visible:after {
  background: var(--backdrop-color);
}

.demo-card__header___third-party-legacy-react-kit-components-demo-card- {
  background: var(--backdrop-color);
}
.loginPanelWrapper {
  background-image: var(--backdrop-color);
}
/***** 24 *****/
.contextMenu--actions .icon {
  fill: var(--icon-text-color);
}

.button-contextMenu .icon {
  fill: var(--icon-text-color);
}
.button-closeWidget .icon {
  fill: var(--icon-text-color);
}

.widgetNew--header__headerInfo .icon {
  fill: var(--icon-text-color);
}

.widgetNew--header__buttonToggleSizeWidget .icon {
  fill: var(--icon-text-color);
}

.AggregationCell__content .button-openIcon {
  fill: var(--icon-text-color);
}
.grid-positions.grid-aggregation .grid--body .position--aggregationIcon {
  fill: var(--icon-text-color);
}

.grid-positionBook.grid-aggregation .position--aggregationIcon {
  fill: var(--icon-text-color);
}
.button-video .icon {
  fill: var(--icon-text-color);
}
.listSelector--icon.button svg {
  fill: var(--icon-text-color);
}

.popup--close.button-icon .icon {
  fill: var(--icon-text-color);
}
.tradeForm .control-leverage .icon {
  fill: var(--icon-text-color);
}

.button-showsChart .icon {
  fill: var(--icon-text-color);
}

.button-showsLadder .icon {
  fill: var(--icon-text-color);
}

.button-showsDashboard .icon {
  fill: var(--icon-text-color);
}

.aggregationBlock__icon .button-icon .icon {
  fill: var(--icon-text-color);
}
.button-collapse .icon {
  fill: var(--icon-text-color);
}

.lock__buttonContainer___third-party-legacy-react-kit-components-lock-theme- .icon {
  fill: var(--icon-text-color);
}
.simulatedPositionStrategy__icon {
  fill: var(--icon-text-color);
}
.WidgetOrderEntry__container .widgetNew__header .icon {
  fill: var(--icon-text-color);
}

.button-removeItem .icon,
.button-addItem .icon {
  fill: var(--icon-text-color);
}
.PlLinesCrossTool__item__visible___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  fill: var(--icon-text-color);
}

.contextMenu-alert .contextMenu--item .contextMenu--subIcon .icon {
  fill: var(--icon-text-color);
}

.chartInfo--toggle {
  fill: var(--icon-text-color);
}
/***** 25 *****/
.control--postfix,
.control--label {
  color: var(--theme-200);
}

.chart--highLowIndicator {
  background: var(--theme-200);
}
.chart--highLowIndicator:after {
  border-color: transparent var(--theme-200);
}
.chart--highLowIndicator {
  background: var(--theme-200);
}
.chart--highLowIndicator:after {
  border-color: transparent var(--theme-200);
}
.simAccountDeposit__container .control--label {
  color: var(--theme-200);
}
.simAccountDeposit__label {
  color: var(--theme-200);
}
.chartSettings .radioButton--label,
.chartSettings .checkBox--label {
  color: var(--theme-200);
}

.chartSettings .control--postfix,
.chartSettings .control--label {
  color: var(--theme-200);
}

.chartSettings .control-colorPicker .control--postfix {
  color: var(--theme-200);
}

.optionFilters__label {
  color: var(--theme-200);
}
.loginForm--title {
  color: var(--theme-200);
}
/***** 26 *****/
.stocksScreener--listItem-selected {
  background: var(--theme-600);
}

.indicator__item_selected {
  background-color: var(--theme-600);
}

.indicator__item_selected:hover,
.indicator__item_selected.indicator__--hover {
  background-color: var(--theme-600);
}

.selector--item-selected {
  background: var(--theme-600);
}

.layoutList--listItem-selected {
  background: var(--theme-600);
}

.layoutList--listItem-selected:hover,
.layoutList--listItem-selected.\:hover {
  background: var(--theme-600);
}

/***** 27 *****/
.button__container___third-party-legacy-react-kit-components-button-:disabled,
.button__container___third-party-legacy-react-kit-components-button-[disabled] {
  color: var(--theme-200);
}

.input__container_isDisabled___third-party-legacy-react-kit-components-input-,
.input__container___third-party-legacy-react-kit-components-input-[disabled] {
  color: var(--theme-200);
}

.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-:disabled,
.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-[disabled] {
  color: var(--theme-200);
}

.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-:disabled
svg,
.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-[disabled]
svg {
  fill: var(--theme-200);
}
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:disabled,
.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-[disabled] {
  fill: var(--theme-200);
}

::-webkit-input-placeholder {
  color: var(--theme-200);
}

::-moz-placeholder {
  color: var(--theme-200);
}

:-ms-input-placeholder {
  color: var(--theme-200);
}

::-webkit-input-placeholder {
  color: var(--theme-200);
}

::-moz-placeholder {
  color: var(--theme-200);
}

:-ms-input-placeholder {
  color: var(--theme-200);
}

::-webkit-input-placeholder {
  color: var(--theme-200);
}

::-moz-placeholder {
  color: var(--theme-200);
}

:-ms-input-placeholder {
  color: var(--theme-200);
}

.control-disabled .button > .icon,
.button:disabled > .icon,
.button[disabled] > .icon {
  fill: var(--theme-200);
}

.control-disabled .button-primary,
.control-disabled .button-trade,
.control-disabled .button-apply,
.button-primary:disabled,
.button-trade:disabled,
.button-apply:disabled,
.button-primary[disabled],
.button-trade[disabled],
.button-apply[disabled],
.control-disabled .button-primary:hover,
.control-disabled .button-trade:hover,
.control-disabled .button-apply:hover,
.button-primary:disabled:hover,
.button-trade:disabled:hover,
.button-apply:disabled:hover,
.button-primary[disabled]:hover,
.button-trade[disabled]:hover,
.button-apply[disabled]:hover,
.control-disabled .button-primary:active,
.control-disabled .button-trade:active,
.control-disabled .button-apply:active,
.button-primary:disabled:active,
.button-trade:disabled:active,
.button-apply:disabled:active,
.button-primary[disabled]:active,
.button-trade[disabled]:active,
.button-apply[disabled]:active,
.control-disabled .button-primary.\:hover,
.control-disabled .button-trade.\:hover,
.control-disabled .button-apply.\:hover,
.button-primary:disabled.\:hover,
.button-trade:disabled.\:hover,
.button-apply:disabled.\:hover,
.button-primary[disabled].\:hover,
.button-trade[disabled].\:hover,
.button-apply[disabled].\:hover,
.control-disabled .button-primary.\:active,
.control-disabled .button-trade.\:active,
.control-disabled .button-apply.\:active,
.button-primary:disabled.\:active,
.button-trade:disabled.\:active,
.button-apply:disabled.\:active,
.button-primary[disabled].\:active,
.button-trade[disabled].\:active,
.button-apply[disabled].\:active {
  color: var(--theme-200);
}
.control-disabled .button-primary .icon,
.control-disabled .button-trade .icon,
.control-disabled .button-apply .icon,
.button-primary:disabled .icon,
.button-trade:disabled .icon,
.button-apply:disabled .icon,
.button-primary[disabled] .icon,
.button-trade[disabled] .icon,
.button-apply[disabled] .icon,
.control-disabled .button-primary:hover .icon,
.control-disabled .button-trade:hover .icon,
.control-disabled .button-apply:hover .icon,
.button-primary:disabled:hover .icon,
.button-trade:disabled:hover .icon,
.button-apply:disabled:hover .icon,
.button-primary[disabled]:hover .icon,
.button-trade[disabled]:hover .icon,
.button-apply[disabled]:hover .icon,
.control-disabled .button-primary:active .icon,
.control-disabled .button-trade:active .icon,
.control-disabled .button-apply:active .icon,
.button-primary:disabled:active .icon,
.button-trade:disabled:active .icon,
.button-apply:disabled:active .icon,
.button-primary[disabled]:active .icon,
.button-trade[disabled]:active .icon,
.button-apply[disabled]:active .icon,
.control-disabled .button-primary.\:hover .icon,
.control-disabled .button-trade.\:hover .icon,
.control-disabled .button-apply.\:hover .icon,
.button-primary:disabled.\:hover .icon,
.button-trade:disabled.\:hover .icon,
.button-apply:disabled.\:hover .icon,
.button-primary[disabled].\:hover .icon,
.button-trade[disabled].\:hover .icon,
.button-apply[disabled].\:hover .icon,
.control-disabled .button-primary.\:active .icon,
.control-disabled .button-trade.\:active .icon,
.control-disabled .button-apply.\:active .icon,
.button-primary:disabled.\:active .icon,
.button-trade:disabled.\:active .icon,
.button-apply:disabled.\:active .icon,
.button-primary[disabled].\:active .icon,
.button-trade[disabled].\:active .icon,
.button-apply[disabled].\:active .icon {
  fill: var(--theme-200);
}

.control-disabled .button-secondary,
.button-secondary:disabled,
.button-secondary[disabled],
.control-disabled .button-secondary:hover,
.button-secondary:disabled:hover,
.button-secondary[disabled]:hover,
.control-disabled .button-secondary:active,
.button-secondary:disabled:active,
.button-secondary[disabled]:active,
.control-disabled .button-secondary.\:hover,
.button-secondary:disabled.\:hover,
.button-secondary[disabled].\:hover,
.control-disabled .button-secondary.\:active,
.button-secondary:disabled.\:active,
.button-secondary[disabled].\:active {
  color: var(--theme-200);
}
.control-disabled .button-secondary .icon,
.button-secondary:disabled .icon,
.button-secondary[disabled] .icon,
.control-disabled .button-secondary:hover .icon,
.button-secondary:disabled:hover .icon,
.button-secondary[disabled]:hover .icon,
.control-disabled .button-secondary:active .icon,
.button-secondary:disabled:active .icon,
.button-secondary[disabled]:active .icon,
.control-disabled .button-secondary.\:hover .icon,
.button-secondary:disabled.\:hover .icon,
.button-secondary[disabled].\:hover .icon,
.control-disabled .button-secondary.\:active .icon,
.button-secondary:disabled.\:active .icon,
.button-secondary[disabled].\:active .icon {
  fill: var(--theme-200);
}

.control-disabled .button-tertiary,
.button-tertiary:disabled,
.button-tertiary[disabled],
.control-disabled .button-tertiary:hover,
.button-tertiary:disabled:hover,
.button-tertiary[disabled]:hover,
.control-disabled .button-tertiary:active,
.button-tertiary:disabled:active,
.button-tertiary[disabled]:active,
.control-disabled .button-tertiary.\:hover,
.button-tertiary:disabled.\:hover,
.button-tertiary[disabled].\:hover,
.control-disabled .button-tertiary.\:active,
.button-tertiary:disabled.\:active,
.button-tertiary[disabled].\:active {
  color: var(--theme-200);
}
.control-disabled .button-tertiary .icon,
.button-tertiary:disabled .icon,
.button-tertiary[disabled] .icon,
.control-disabled .button-tertiary:hover .icon,
.button-tertiary:disabled:hover .icon,
.button-tertiary[disabled]:hover .icon,
.control-disabled .button-tertiary:active .icon,
.button-tertiary:disabled:active .icon,
.button-tertiary[disabled]:active .icon,
.control-disabled .button-tertiary.\:hover .icon,
.button-tertiary:disabled.\:hover .icon,
.button-tertiary[disabled].\:hover .icon,
.control-disabled .button-tertiary.\:active .icon,
.button-tertiary:disabled.\:active .icon,
.button-tertiary[disabled].\:active .icon {
  fill: var(--theme-200);
}

.control-disabled .button-buy,
.button-buy:disabled,
.button-buy[disabled],
.control-disabled .button-buy:hover,
.button-buy:disabled:hover,
.button-buy[disabled]:hover,
.control-disabled .button-buy:active,
.button-buy:disabled:active,
.button-buy[disabled]:active,
.control-disabled .button-buy.\:hover,
.button-buy:disabled.\:hover,
.button-buy[disabled].\:hover,
.control-disabled .button-buy.\:active,
.button-buy:disabled.\:active,
.button-buy[disabled].\:active {
  color: var(--theme-200);
}
.control-disabled .button-buy .icon,
.button-buy:disabled .icon,
.button-buy[disabled] .icon,
.control-disabled .button-buy:hover .icon,
.button-buy:disabled:hover .icon,
.button-buy[disabled]:hover .icon,
.control-disabled .button-buy:active .icon,
.button-buy:disabled:active .icon,
.button-buy[disabled]:active .icon,
.control-disabled .button-buy.\:hover .icon,
.button-buy:disabled.\:hover .icon,
.button-buy[disabled].\:hover .icon,
.control-disabled .button-buy.\:active .icon,
.button-buy:disabled.\:active .icon,
.button-buy[disabled].\:active .icon {
  fill: var(--theme-200);
}

.control-disabled .button-sell,
.button-sell:disabled,
.button-sell[disabled],
.control-disabled .button-sell:hover,
.button-sell:disabled:hover,
.button-sell[disabled]:hover,
.control-disabled .button-sell:active,
.button-sell:disabled:active,
.button-sell[disabled]:active,
.control-disabled .button-sell.\:hover,
.button-sell:disabled.\:hover,
.button-sell[disabled].\:hover,
.control-disabled .button-sell.\:active,
.button-sell:disabled.\:active,
.button-sell[disabled].\:active {
  color: var(--theme-200);
}
.control-disabled .button-sell .icon,
.button-sell:disabled .icon,
.button-sell[disabled] .icon,
.control-disabled .button-sell:hover .icon,
.button-sell:disabled:hover .icon,
.button-sell[disabled]:hover .icon,
.control-disabled .button-sell:active .icon,
.button-sell:disabled:active .icon,
.button-sell[disabled]:active .icon,
.control-disabled .button-sell.\:hover .icon,
.button-sell:disabled.\:hover .icon,
.button-sell[disabled].\:hover .icon,
.control-disabled .button-sell.\:active .icon,
.button-sell:disabled.\:active .icon,
.button-sell[disabled].\:active .icon {
  fill: var(--theme-200);
}

.control input[type='text']:-ms-input-placeholder,
.control input[type='password']:-ms-input-placeholder,
.control input[type='email']:-ms-input-placeholder {
  color: var(--theme-200);
}

.control-disabled input[type='text'],
.control-disabled input[type='password'],
.control-disabled input[type='email'],
.control-disabled input[type='text']:focus,
.control-disabled input[type='password']:focus,
.control-disabled input[type='email']:focus,
.control-disabled input[type='text']:hover,
.control-disabled input[type='password']:hover,
.control-disabled input[type='email']:hover,
.control-disabled input[type='text'].\:focus,
.control-disabled input[type='password'].\:focus,
.control-disabled input[type='email'].\:focus,
.control-disabled input[type='text'].\:hover,
.control-disabled input[type='password'].\:hover,
.control-disabled input[type='email'].\:hover {
  color: var(--theme-200);
}
.control-disabled .selectBox--arrow .icon {
  fill: var(--theme-200);
}

.contextMenu--item-disabled .link-pseudo,
.contextMenu--item-disabled:hover .link-pseudo,
.contextMenu--item-disabled.\:hover .link-pseudo {
  color: var(--theme-200);
}

.selectBox-disabled .selectBox--label {
  color: var(--theme-200);
}

.selectBox-disabled .selectBox--label .icon {
  fill: var(--theme-200);
}

.selectBox-disabled .selectBox--arrow svg,
.selectBox-disabled .selectBox--arrow:active svg,
.selectBox-disabled .selectBox--arrow:hover svg,
.selectBox-disabled .selectBox--arrow.\:active svg,
.selectBox-disabled .selectBox--arrow.\:hover svg {
  fill: var(--theme-200);
}

.selectBox-widgetHeader.selectBox-disabled,
.selectBox-widgetHeader.selectBox-disabled:hover,
.selectBox-widgetHeader.selectBox-disabled:focus,
.selectBox-widgetHeader.selectBox-disabled:active,
.selectBox-widgetHeader.selectBox-disabled.\:hover,
.selectBox-widgetHeader.selectBox-disabled.\:focus,
.selectBox-widgetHeader.selectBox-disabled.\:active {
  background-color: var(--theme-200);
}
.table--cell-disabled .table--controlPlaceholder {
  color: var(--theme-200);
}

.table--cell-disabled .table--controlPlaceholder .icon {
  fill: var(--theme-200);
}

.table--controlPlaceholder-disabled {
  color: var(--theme-200);
}

.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled],
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:hover,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled:hover,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled]:hover,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:active,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled:active,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled]:active,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:hover,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled.\:hover,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled].\:hover,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:active,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled.\:active,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled].\:active {
  color: var(--theme-200);
}
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled]
.icon,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:hover
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled:hover
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled]:hover
.icon,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:active
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled:active
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled]:active
.icon,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:hover
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled.\:hover
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled].\:hover
.icon,
.widgetNew--header__control-disabled
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control.\:active
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control:disabled.\:active
.icon,
.widgetNew--header__headerContent
.numericStepper.numericStepper-horizontalButtons
.numericStepper--control[disabled].\:active
.icon {
  fill: var(--theme-200);
}

.instrument-up .button-price[disabled]:after {
  background-color: var(--theme-200);
}

.instrument-down .button-price[disabled]:after {
  background-color: var(--theme-200);
}

.instrument-disabled .instrument--sell:after,
.instrument-disabled .instrument--buy:after {
  background-color: var(--theme-200);
}

.button-restoreDefault:disabled,
.button-restoreDefault[disabled],
.button-restoreDefault:disabled:hover,
.button-restoreDefault:disabled:active,
.button-restoreDefault:disabled.\:hover,
.button-restoreDefault:disabled.\:active {
  color: var(--theme-200);
}

.button-restoreDefault:disabled .icon,
.button-restoreDefault[disabled] .icon,
.button-restoreDefault:disabled:hover .icon,
.button-restoreDefault:disabled:active .icon,
.button-restoreDefault:disabled.\:hover .icon,
.button-restoreDefault:disabled.\:active .icon {
  fill: var(--theme-200);
}

.control-numericStepper.control-disabled .numericStepper span {
  color: var(--theme-200);
}

.comboBox .selectBox-disabled .selectBox--arrow:hover .icon,
.comboBox .selectBox-disabled .selectBox--arrow.\:hover .icon {
  fill: var(--theme-200);
}

.button-price.button-buy:disabled,
.button-price.button-sell:disabled {
  background-color: var(--theme-200);
}

.control-disabled .button-price.button-buy,
.control-disabled .button-price.button-sell,
.button-price.button-buy:disabled,
.button-price.button-sell:disabled,
.button-price.button-buy[disabled],
.button-price.button-sell[disabled],
.control-disabled .button-price.button-buy:hover,
.control-disabled .button-price.button-sell:hover,
.button-price.button-buy:disabled:hover,
.button-price.button-sell:disabled:hover,
.button-price.button-buy[disabled]:hover,
.button-price.button-sell[disabled]:hover,
.control-disabled .button-price.button-buy:active,
.control-disabled .button-price.button-sell:active,
.button-price.button-buy:disabled:active,
.button-price.button-sell:disabled:active,
.button-price.button-buy[disabled]:active,
.button-price.button-sell[disabled]:active,
.control-disabled .button-price.button-buy.\:hover,
.control-disabled .button-price.button-sell.\:hover,
.button-price.button-buy:disabled.\:hover,
.button-price.button-sell:disabled.\:hover,
.button-price.button-buy[disabled].\:hover,
.button-price.button-sell[disabled].\:hover,
.control-disabled .button-price.button-buy.\:active,
.control-disabled .button-price.button-sell.\:active,
.button-price.button-buy:disabled.\:active,
.button-price.button-sell:disabled.\:active,
.button-price.button-buy[disabled].\:active,
.button-price.button-sell[disabled].\:active {
  color: var(--theme-200);
}
.control-disabled .button-price.button-buy .icon,
.control-disabled .button-price.button-sell .icon,
.button-price.button-buy:disabled .icon,
.button-price.button-sell:disabled .icon,
.button-price.button-buy[disabled] .icon,
.button-price.button-sell[disabled] .icon,
.control-disabled .button-price.button-buy:hover .icon,
.control-disabled .button-price.button-sell:hover .icon,
.button-price.button-buy:disabled:hover .icon,
.button-price.button-sell:disabled:hover .icon,
.button-price.button-buy[disabled]:hover .icon,
.button-price.button-sell[disabled]:hover .icon,
.control-disabled .button-price.button-buy:active .icon,
.control-disabled .button-price.button-sell:active .icon,
.button-price.button-buy:disabled:active .icon,
.button-price.button-sell:disabled:active .icon,
.button-price.button-buy[disabled]:active .icon,
.button-price.button-sell[disabled]:active .icon,
.control-disabled .button-price.button-buy.\:hover .icon,
.control-disabled .button-price.button-sell.\:hover .icon,
.button-price.button-buy:disabled.\:hover .icon,
.button-price.button-sell:disabled.\:hover .icon,
.button-price.button-buy[disabled].\:hover .icon,
.button-price.button-sell[disabled].\:hover .icon,
.control-disabled .button-price.button-buy.\:active .icon,
.control-disabled .button-price.button-sell.\:active .icon,
.button-price.button-buy:disabled.\:active .icon,
.button-price.button-sell:disabled.\:active .icon,
.button-price.button-buy[disabled].\:active .icon,
.button-price.button-sell[disabled].\:active .icon {
  fill: var(--theme-200);
}

.plate.instrument-empty .instrument-down .button-price:after,
.plate.instrument-empty .instrument-up .button-price:after {
  background-color: var(--theme-200);
}

.plate.instrument-empty .instrument-down .button-price:not([disabled]).button-buy,
.plate.instrument-empty .instrument-up .button-price:not([disabled]).button-buy,
.plate.instrument-empty .instrument-down .button-price:not([disabled]).button-sell,
.plate.instrument-empty .instrument-up .button-price:not([disabled]).button-sell {
  background-color: var(--theme-200);
}

.button-icon.button-linking.button-active:disabled .icon,
.button-icon.button-linking.button-active[disabled] .icon {
  fill: var(--theme-200);
}

.control-colorPicker.control-disabled .colorPicker--label .button,
.control-colorPicker.control-disabled .colorPicker--label .button:hover,
.control-colorPicker.control-disabled .colorPicker--label .button:active,
.control-colorPicker.control-disabled .colorPicker--label .button.\:hover,
.control-colorPicker.control-disabled .colorPicker--label .button.\:active {
  color: var(--theme-200);
}
.input-child__placeholder___third-party-legacy-react-kit-components-suggest-theme- {
  color: var(--theme-200);
}
.buttonIcon-h-child__container___f7590[disabled] {
  fill: var(--theme-200);
}

.control-datePicker.control-disabled .datePicker .button svg {
  fill: var(--theme-200);
}

.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable,
.button-orderEntry__container .button-expandable:disabled,
.button-orderEntry__container .button-expandable[disabled],
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable:hover,
.button-orderEntry__container .button-expandable:disabled:hover,
.button-orderEntry__container .button-expandable[disabled]:hover,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable:active,
.button-orderEntry__container .button-expandable:disabled:active,
.button-orderEntry__container .button-expandable[disabled]:active,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable.\:hover,
.button-orderEntry__container .button-expandable:disabled.\:hover,
.button-orderEntry__container .button-expandable[disabled].\:hover,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable.\:active,
.button-orderEntry__container .button-expandable:disabled.\:active,
.button-orderEntry__container .button-expandable[disabled].\:active {
  color: var(--theme-200);
}
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable .icon,
.button-orderEntry__container .button-expandable:disabled .icon,
.button-orderEntry__container .button-expandable[disabled] .icon,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable:hover .icon,
.button-orderEntry__container .button-expandable:disabled:hover .icon,
.button-orderEntry__container .button-expandable[disabled]:hover .icon,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable:active .icon,
.button-orderEntry__container .button-expandable:disabled:active .icon,
.button-orderEntry__container .button-expandable[disabled]:active .icon,
.button-orderEntry__control-disabled .button-orderEntry__container .button-expandable.\:hover .icon,
.button-orderEntry__container .button-expandable:disabled.\:hover .icon,
.button-orderEntry__container .button-expandable[disabled].\:hover .icon,
.button-orderEntry__control-disabled
.button-orderEntry__container
.button-expandable.\:active
.icon,
.button-orderEntry__container .button-expandable:disabled.\:active .icon,
.button-orderEntry__container .button-expandable[disabled].\:active .icon {
  fill: var(--theme-200);
}

.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button,
.button-orderEntry__dropDownPanel .button:disabled,
.button-orderEntry__dropDownPanel .button[disabled],
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button:hover,
.button-orderEntry__dropDownPanel .button:disabled:hover,
.button-orderEntry__dropDownPanel .button[disabled]:hover,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button:active,
.button-orderEntry__dropDownPanel .button:disabled:active,
.button-orderEntry__dropDownPanel .button[disabled]:active,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button.\:hover,
.button-orderEntry__dropDownPanel .button:disabled.\:hover,
.button-orderEntry__dropDownPanel .button[disabled].\:hover,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button.\:active,
.button-orderEntry__dropDownPanel .button:disabled.\:active,
.button-orderEntry__dropDownPanel .button[disabled].\:active {
  color: var(--theme-200);
}
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button .icon,
.button-orderEntry__dropDownPanel .button:disabled .icon,
.button-orderEntry__dropDownPanel .button[disabled] .icon,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button:hover .icon,
.button-orderEntry__dropDownPanel .button:disabled:hover .icon,
.button-orderEntry__dropDownPanel .button[disabled]:hover .icon,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button:active .icon,
.button-orderEntry__dropDownPanel .button:disabled:active .icon,
.button-orderEntry__dropDownPanel .button[disabled]:active .icon,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button.\:hover .icon,
.button-orderEntry__dropDownPanel .button:disabled.\:hover .icon,
.button-orderEntry__dropDownPanel .button[disabled].\:hover .icon,
.button-orderEntry__control-disabled .button-orderEntry__dropDownPanel .button.\:active .icon,
.button-orderEntry__dropDownPanel .button:disabled.\:active .icon,
.button-orderEntry__dropDownPanel .button[disabled].\:active .icon {
  fill: var(--theme-200);
}

.gridOrderEntry__symbol_disabled .control input[type='text'] {
  color: var(--theme-200);
}
[disabled] ~ .control--postfix {
  color: var(--theme-200);
}

.indicator__item.draggable--added .indicator__title {
  color: var(--theme-200);
}

.button-removeItem[disabled] .icon,
.button-addItem[disabled] .icon {
  fill: var(--theme-200);
}

.indicatorSelector__tip {
  color: var(--theme-200);
}

.indicatorSelector__addedPlaceholder {
  color: var(--theme-200);
}

.selector--control .button[disabled] .icon {
  fill: var(--theme-200);
}

.layoutList--placeholder {
  color: var(--theme-200);
}
.button-restoreDefault:disabled,
.popup-backupCodes .button-generateCodes:disabled,
.button-restoreDefault[disabled],
.popup-backupCodes .button-generateCodes[disabled],
.button-restoreDefault:disabled:hover,
.popup-backupCodes .button-generateCodes:disabled:hover,
.button-restoreDefault:disabled:active,
.popup-backupCodes .button-generateCodes:disabled:active,
.button-restoreDefault:disabled.\:hover,
.popup-backupCodes .button-generateCodes:disabled.\:hover,
.button-restoreDefault:disabled.\:active,
.popup-backupCodes .button-generateCodes:disabled.\:active {
  color: var(--theme-200);
}

.button-restoreDefault:disabled .icon,
.popup-backupCodes .button-generateCodes:disabled .icon,
.button-restoreDefault[disabled] .icon,
.popup-backupCodes .button-generateCodes[disabled] .icon,
.button-restoreDefault:disabled:hover .icon,
.popup-backupCodes .button-generateCodes:disabled:hover .icon,
.button-restoreDefault:disabled:active .icon,
.popup-backupCodes .button-generateCodes:disabled:active .icon,
.button-restoreDefault:disabled.\:hover .icon,
.popup-backupCodes .button-generateCodes:disabled.\:hover .icon,
.button-restoreDefault:disabled.\:active .icon,
.popup-backupCodes .button-generateCodes:disabled.\:active .icon {
  fill: var(--theme-200);
}

.button-restoreDefault:disabled,
.button-backupCodes:disabled,
.button-restoreDefault[disabled],
.button-backupCodes[disabled],
.button-restoreDefault:disabled:hover,
.button-backupCodes:disabled:hover,
.button-restoreDefault:disabled:active,
.button-backupCodes:disabled:active,
.button-restoreDefault:disabled.\:hover,
.button-backupCodes:disabled.\:hover,
.button-restoreDefault:disabled.\:active,
.button-backupCodes:disabled.\:active {
  color: var(--theme-200);
}

.button-restoreDefault:disabled .icon,
.button-backupCodes:disabled .icon,
.button-restoreDefault[disabled] .icon,
.button-backupCodes[disabled] .icon,
.button-restoreDefault:disabled:hover .icon,
.button-backupCodes:disabled:hover .icon,
.button-restoreDefault:disabled:active .icon,
.button-backupCodes:disabled:active .icon,
.button-restoreDefault:disabled.\:hover .icon,
.button-backupCodes:disabled.\:hover .icon,
.button-restoreDefault:disabled.\:active .icon,
.button-backupCodes:disabled.\:active .icon {
  fill: var(--theme-200);
}

.textareaAutoSize__elementWrapper:-ms-input-placeholder {
  color: var(--theme-200);
}

.control-textarea textarea:-ms-input-placeholder {
  color: var(--theme-200);
}

.monthButton-h-child__container___third-party-legacy-react-kit-components-calendar-theme-:disabled {
  color: var(--theme-200);
}

.monthButton-h-child__container___third-party-legacy-react-kit-components-calendar-theme-:disabled:hover,
.monthButton-h-child__container___third-party-legacy-react-kit-components-calendar-theme-:disabled.monthButton-h-child__--hover___third-party-legacy-react-kit-components-calendar-theme- {
  color: var(--theme-200);
}

.PlLinesCrossTool__item__date___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  color: var(--theme-200);
}
.PlLinesCrossTool__item__value_disabled___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  color: var(--theme-200);
}

.gridTradeParameter__container tbody .table--cell-disabled {
  color: var(--theme-200);
}
.gridTradeParameter__selectBoxPlaceholder_disabled {
  color: var(--theme-200);
}

.gridMarketDepth__actions .button-buy[disabled],
.gridMarketDepth__actions .button-sell[disabled] {
  color: var(--theme-200);
}
.optionChainNew__spreadButton .icon {
  fill: var(--theme-200);
}
/***** 28 remove yellow *****/
.MessageValue__highlight {
  color: var(--accent-text-color);
}

a:hover,
a.\:hover {
  color: var(--accent-text-color);
}

a:hover,
a.\:hover {
  color: var(--accent-text-color);
}

a:hover,
a.\:hover {
  color: var(--accent-text-color);
}

.button-add:hover .icon,
.button-add.\:hover .icon {
  fill: var(--accent-text-color);
}

.button-closeMenu:hover .icon,
.button-closeMenu.\:hover .icon {
  fill: var(--accent-text-color);
}

.link-pseudo:hover,
.link-pseudo.\:hover {
  color: var(--accent-text-color);
}

.contextMenu--actions .button:hover .icon,
.contextMenu--actions .button.\:hover .icon {
  fill: var(--accent-text-color);
}

button.button-link:hover,
button.button-link.\:hover {
  color: var(--accent-text-color);
}

button.button-link:hover .icon,
button.button-link.\:hover .icon {
  fill: var(--accent-text-color);
}

.button-addWidgets:hover span,
.button-addWidgets.\:hover span {
  color: var(--accent-text-color);
}

.button-addWidgets:hover .icon,
.button-addWidgets.\:hover .icon {
  fill: var(--accent-text-color);
}

.contextMenu-accountInfo .contextMenu--item:hover .icon,
.contextMenu-accountInfo .contextMenu--item.\:hover .icon {
  fill: var(--accent-text-color);
}

.contextMenu-accountInfo .contextMenu--item:hover .link-pseudo,
.contextMenu-accountInfo .contextMenu--item.\:hover .link-pseudo {
  color: var(--accent-text-color);
}

.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo:hover,
.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo.\:hover {
  color: var(--accent-text-color);
}

.contextMenu-accountInfo .contextMenu--icon .icon:hover,
.contextMenu-accountInfo .contextMenu--icon .icon.\:hover {
  fill: var(--accent-text-color);
}

.link-pseudo:hover,
.loaderFailure--action-cancel a:hover,
.loaderFailure--action-cancel .link-pseudo:hover,
.link-pseudo.\:hover,
.loaderFailure--action-cancel a.\:hover,
.loaderFailure--action-cancel .link-pseudo.\:hover {
  color: var(--accent-text-color);
}

.button-contextMenu:hover .icon,
.button-contextMenu.\:hover .icon {
  fill: var(--accent-text-color);
}

.button-closeWidget:hover .icon,
.button-closeWidget.\:hover .icon {
  fill: var(--accent-text-color);
}

.button-icon.button-closeWidgetBig:hover .icon,
.button-icon.button-closeWidgetBig.\:hover .icon {
  fill: var(--accent-text-color);
}

.tab-h-child__tab_active___f5cc5:hover:before,
.tab-h-child__tab_active___f5cc5.tab-h-child__--hover___f60ef:before {
  background: var(--accent-text-color);
}

.button-icon-h-child__container___991cd:hover .button-icon-h-child__icon___438c5,
.button-icon-h-child__container___991cd.button-icon-h-child__--hover___e3d0f
.button-icon-h-child__icon___438c5 {
  fill: var(--accent-text-color);
}

.widgetNew--header__buttonToggleSizeWidget:hover .icon,
.widgetNew--header__buttonToggleSizeWidget.widgetNew--header__--hover .icon {
  fill: var(--accent-text-color);
}

.position-selected .button-closeBy .icon:hover,
.position-selected .button-closePosition .icon:hover,
.position-selected .button-closeBy .icon.\:hover,
.position-selected .button-closePosition .icon.\:hover {
  fill: var(--accent-text-color);
}

.button-closeBy:hover .icon,
.button-closeBy.\:hover .icon {
  fill: var(--accent-text-color);
}

.button-closePosition:hover .icon,
.button-closePosition.\:hover .icon {
  fill: var(--accent-text-color);
}

.button-video:hover .icon,
.button-video.\:hover .icon {
  fill: var(--accent-text-color);
}

.button-cancelAlert:hover .icon,
.button-cancelAlert.\:hover .icon {
  fill: var(--accent-text-color);
}

.grid-alertsBook .button-remove:hover .icon,
.grid-alertsBook .button-remove.\:hover .icon {
  fill: var(--accent-text-color);
}

.link:hover,
.link.\:hover {
  color: var(--accent-text-color);
}

.listSelector--icon.button:hover svg,
.listSelector--icon.button.\:hover svg {
  fill: var(--accent-text-color);
}

.instrument--close:hover .icon,
.instrument--settings:hover .icon,
.instrument--close.\:hover .icon,
.instrument--settings.\:hover .icon {
  fill: var(--accent-text-color);
}

.button-restoreDefault:hover span,
.button-restoreDefault.\:hover span {
  color: var(--accent-text-color);
}

.button-restoreDefault:hover .icon,
.button-restoreDefault.\:hover .icon {
  fill: var(--accent-text-color);
}

.button-discardChanges:hover span,
.button-discardChanges.\:hover span {
  color: var(--accent-text-color);
}

.popup--close.button-icon:hover .icon,
.popup--close.button-icon.\:hover .icon {
  fill: var(--accent-text-color);
}

.comboBox .selectBox--arrow:hover .icon,
.comboBox .selectBox--arrow.\:hover .icon {
  fill: var(--accent-text-color);
}

.button-icon.button-linking:hover .icon,
.button-icon.button-linking.\:hover .icon {
  fill: var(--accent-text-color);
}

.button-icon.button-linking.button-active:hover .icon,
.button-icon.button-linking.button-active.\:hover .icon {
  fill: var(--accent-text-color);
}

.treemap__contentItem:hover,
.treemap__contentItem.treemap__--hover {
  stroke: var(--accent-text-color);
}

.WidgetWatchlist__widgetWatchlistHeaderTitle:hover,
.WidgetWatchlist__widgetWatchlistHeaderTitle.WidgetWatchlist__--hover {
  color: var(--accent-text-color);
}

.WidgetWatchlist__widgetWatchlistHeaderTitle:hover .icon,
.WidgetWatchlist__widgetWatchlistHeaderTitle.WidgetWatchlist__--hover .icon {
  fill: var(--accent-text-color);
}

.chartLine--dot:before {
  background-color: var(--accent-text-color);
}
.chartLine-editable.chartLine-active .chartLine--label {
  border-color: var(--accent-text-color);
}

.chartLine--dot:before {
  background-color: var(--accent-text-color);
}
.chartLine-editable.chartLine-active .chartLine--label {
  border-color: var(--accent-text-color);
}

.dropDown-chartLineGroup .dropDown--option:hover,
.dropDown-chartLineGroup .dropDown--option-selected,
.dropDown-chartLineGroup .dropDown--option.\:hover {
  border-color: var(--accent-text-color);
}

.aggregationBlock__icon .button-icon:hover .icon,
.aggregationBlock__icon .button-icon.\:hover .icon {
  fill: var(--accent-text-color);
}

.grid-orderBook .button-remove:hover .icon,
.grid-orderHistory .button-remove:hover .icon,
.grid-orderBook .button-remove.\:hover .icon,
.grid-orderHistory .button-remove.\:hover .icon {
  fill: var(--accent-text-color);
}

.symbolLibrary--row-group:hover .icon,
.symbolLibrary--row-group.\:hover .icon {
  fill: var(--accent-text-color);
}

.button-collapse:hover .icon,
.button-collapse.\:hover .icon {
  fill: var(--accent-text-color);
}

.grid-priceSlices tbody .table--cell .button-remove:hover .icon,
.grid-priceSlices tbody .table--cell .button-remove.\:hover .icon {
  fill: var(--accent-text-color);
}

.grid__button_container___third-party-legacy-react-kit-components-suggest-theme-:hover,
.grid__button_container___third-party-legacy-react-kit-components-suggest-theme-.grid__--hover___third-party-legacy-react-kit-components-suggest-theme- {
  color: var(--accent-text-color);
}

.grid__button_container___third-party-legacy-react-kit-components-suggest-theme-:hover
.grid__button_icon___third-party-legacy-react-kit-components-suggest-theme-,
.grid__button_container___third-party-legacy-react-kit-components-suggest-theme-.grid__--hover___third-party-legacy-react-kit-components-suggest-theme-
.grid__button_icon___third-party-legacy-react-kit-components-suggest-theme- {
  stroke: var(--accent-text-color);
}

.news__item_isOpened:before {
  background-color: var(--accent-text-color);
}
.message--dealer {
  color: var(--accent-text-color);
}

.calendar--switcher:hover .icon,
.calendar--switcher.\:hover .icon {
  fill: var(--accent-text-color);
}

.datePicker .button:hover .icon,
.datePicker .button.\:hover .icon {
  fill: var(--accent-text-color);
}

.gridOrderEntry__row_highlight .button-delete-leg__button .button-delete-leg__icon {
  fill: var(--accent-text-color);
}

.gridOrderEntry__row_highlight .button-delete-order__button .button-delete-order__icon {
  fill: var(--accent-text-color);
}

.confirmationInfo--value-modified {
  color: var(--accent-text-color);
}

.tabPanel .tab--close:hover .icon,
.tabPanel .tab--close.\:hover .icon {
  fill: var(--accent-text-color);
}

.dropDown-lineSample .dropDown--option:hover,
.dropDown-lineSample .dropDown--option.\:hover {
  border-color: var(--accent-text-color);
}

.button-removeItem:hover .icon,
.button-addItem:hover .icon,
.button-removeItem.\:hover .icon,
.button-addItem.\:hover .icon {
  fill: var(--accent-text-color);
}

.indicatorSelector__column .indicatorSelector__addedButton:hover,
.indicatorSelector__column .indicatorSelector__addedButton.indicatorSelector__--hover {
  color: var(--accent-text-color);
}

.languageList--item:hover,
.languageList--item.\:hover {
  color: var(--accent-text-color);
}

.languageList--item:hover strong,
.languageList--item.\:hover strong {
  color: var(--accent-text-color);
}

.selector--itemGroup .list--itemGroupHeader:hover .selector--groupArrow .icon,
.selector--itemGroup .list--itemGroupHeader.\:hover .selector--groupArrow .icon {
  fill: var(--accent-text-color);
}

.selector--itemGroup .list--itemGroupHeader:hover .selector--groupText,
.selector--itemGroup .list--itemGroupHeader.\:hover .selector--groupText {
  color: var(--accent-text-color);
}

.selector--control .button:hover .icon,
.selector--control .button.\:hover .icon {
  fill: var(--accent-text-color);
}

.selector--item:hover .selector--itemIcon:hover,
.selector--item.\:hover .selector--itemIcon.\:hover {
  fill: var(--accent-text-color);
}

.selector--item:hover .selector--itemText,
.selector--item.\:hover .selector--itemText {
  color: var(--accent-text-color);
}

.button-restoreDefault:hover span,
.popup-backupCodes .button-generateCodes:hover span,
.button-restoreDefault.\:hover span,
.popup-backupCodes .button-generateCodes.\:hover span {
  color: var(--accent-text-color);
}

.button-restoreDefault:hover .icon,
.popup-backupCodes .button-generateCodes:hover .icon,
.button-restoreDefault.\:hover .icon,
.popup-backupCodes .button-generateCodes.\:hover .icon {
  fill: var(--accent-text-color);
}

.button-restoreDefault:hover span,
.button-backupCodes:hover span,
.button-restoreDefault.\:hover span,
.button-backupCodes.\:hover span {
  color: var(--accent-text-color);
}

.button-restoreDefault:hover .icon,
.button-backupCodes:hover .icon,
.button-restoreDefault.\:hover .icon,
.button-backupCodes.\:hover .icon {
  fill: var(--accent-text-color);
}

.popup-twoStepAuthSetup .button-barcode:hover,
.popup-twoStepAuthSetup .button-barcode.\:hover {
  color: var(--accent-text-color);
}

.calendar__selector__month___third-party-legacy-react-kit-components-calendar-theme-:hover,
.calendar__selector__month___third-party-legacy-react-kit-components-calendar-theme-.calendar__--hover___third-party-legacy-react-kit-components-calendar-theme- {
  background-color: $calendar-month-hover-bg-color;
  color: var(--accent-text-color);
}
.year-selector-button__container___third-party-legacy-react-kit-components-calendar-theme-:hover,
.year-selector-button__container___third-party-legacy-react-kit-components-calendar-theme-.year-selector-button__--hover___third-party-legacy-react-kit-components-calendar-theme- {
  fill: var(--accent-text-color);
}

.monthButton-h-child__container___third-party-legacy-react-kit-components-calendar-theme-:hover,
.monthButton-h-child__container___third-party-legacy-react-kit-components-calendar-theme-.monthButton-h-child__--hover___third-party-legacy-react-kit-components-calendar-theme- {
  background-color: rgba(209, 199, 188, 0.12);
  color: var(--accent-text-color);
}
.optionFilters__columnRight .contextMenu-selector .button-clearFilter:hover,
.optionFilters__columnRight .contextMenu-selector .button-clearFilter.\:hover {
  color: var(--accent-text-color);
}

.PLCalendar__container__anchor___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:hover,
.PLCalendar__container__anchor___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-.PLCalendar__--hover___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  color: var(--accent-text-color);
}

.PLCalendar__link_container___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:hover,
.PLCalendar__link_container___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-.PLCalendar__--hover___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  color: var(--accent-text-color);
}

.PlLinesCrossTool__item__visible___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:hover,
.PlLinesCrossTool__item__visible___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-.PlLinesCrossTool__--hover___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  fill: var(--accent-text-color);
}

.PlLinesCrossTool__item__date___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:hover,
.PlLinesCrossTool__item__date___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-.PlLinesCrossTool__--hover___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  color: var(--accent-text-color) !important;
}

.PlLinesCrossTool__calendarButtonIcon_icon___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-
:hover,
.PlLinesCrossTool__calendarButtonIcon_icon___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-
.PlLinesCrossTool__--hover___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
  fill: var(--accent-text-color);
}

.contextMenu-marketDepthSettings .contextMenu--item:hover .contextMenu--icon .icon,
.contextMenu-marketDepthSettings .contextMenu--item.\:hover .contextMenu--icon .icon {
  fill: var(--accent-text-color);
}

.contextMenu-marketDepthSettings .contextMenu--item:hover .link-pseudo,
.contextMenu-marketDepthSettings .contextMenu--item.\:hover .link-pseudo {
  color: var(--accent-text-color);
}

.button-markItems:hover span,
.button-markItems.\:hover span {
  color: var(--accent-text-color);
}

.button-markItems:hover .icon,
.button-markItems.\:hover .icon {
  fill: var(--accent-text-color);
}

.contextMenu-symbolFilter .contextMenu--item-multiSelectItem:hover .contextMenu--subIcon,
.contextMenu-symbolFilter .contextMenu--item-multiSelectItem.\:hover .contextMenu--subIcon {
  fill: var(--accent-text-color);
}

.contextMenu-symbolFilter .contextMenu--item-multiSelectItem:hover .link-pseudo,
.contextMenu-symbolFilter .contextMenu--item-multiSelectItem.\:hover .link-pseudo {
  color: var(--accent-text-color);
}

.contextMenu-symbolFilter .contextMenu--item-multiSelectItem:hover .match-text,
.contextMenu-symbolFilter .contextMenu--item-multiSelectItem.\:hover .match-text {
  color: var(--accent-text-color);
}

.dropDown-suggest .searchResult.dropDown--option-highlight em {
  color: var(--accent-text-color);
}

.dropDown-suggest .dropDown--option:hover > .searchResult--symbol,
.dropDown-suggest .dropDown--option:hover > .searchResult--name,
.dropDown-suggest .dropDown--option:hover > .searchResult--instrumentTree,
.dropDown-suggest .dropDown--option.\:hover > .searchResult--symbol,
.dropDown-suggest .dropDown--option.\:hover > .searchResult--name,
.dropDown-suggest .dropDown--option.\:hover > .searchResult--instrumentTree {
  color: var(--accent-text-color);
}
/***** 29 *****/
.ToastOrder__icon_orderCancelled {
  fill: var(--theme-200);
}

.ToastOrder__icon_orderExpired {
  fill: var(--theme-200);
}

.ToastOrderHandling__description {
  color: var(--theme-200);
}

.ToastOrderHandling__dogSymbol {
  color: var(--theme-200);
}

.ToastCritical__message {
  color: var(--theme-200);
}
.button-closeMenu .icon {
  fill: var(--theme-200);
}
.control-locked .control--labelIcon {
  fill: var(--theme-200);
}

.contextMenu--divider {
  color: var(--theme-200);
}

.contextMenu .filter-description {
  color: var(--theme-200);
}

.widgetsMenu .icon-subList .icon {
  fill: var(--theme-200);
}
.widgetsMenu .button-subList .icon {
  fill: var(--theme-200);
}
.widgetsMenu--actions .button-icon {
  fill: var(--theme-200);
}
.dropDown--groupTitle {
  color: var(--theme-200);
}

.tradingType.selectBox-regularTrading,
.tradingType.selectBox-regularTrading:hover,
.tradingType.selectBox-regularTrading:active,
.tradingType.selectBox-regularTrading.\:hover,
.tradingType.selectBox-regularTrading.\:active {
  box-shadow: inset 0 0 0 1px var(--theme-200);
}
.button-addWidgets .icon {
  fill: var(--theme-200);
}
.dropDown-selectBox-accountInfo .dropDown--option[data-email='true'] {
  color: var(--theme-200);
}

.dropDown-selectBox-accountInfo .dropDown--option[data-email='true']:before {
  background-color: var(--theme-200);
}
.headerNew--menuItem {
  color: var(--theme-200);
}
.headerNew--menuItemControlsButton {
  fill: var(--theme-200);
}
.contextMenu-systemActions .contextMenu--footer {
  color: var(--theme-200);
}
.grid--head {
  color: var(--theme-200);
}
.grid--emptyViewText {
  color: var(--theme-200);
}

.table--cell .icon-sort,
.table--cell .icon-sorted-asc,
.table--cell .icon-sorted-desc,
.table--cell .icon-filter {
  fill: var(--theme-200);
}

.emptyView__container {
  color: var(--theme-200);
}
input[disabled] + .checkBox--label .checkBox--text {
  color: var(--theme-200);
}

.table-accountInfo .accountItem--header {
  color: var(--theme-200);
}

.accountItem .hint .icon-about-us {
  fill: var(--theme-200);
}

.accountInfo--placeholder {
  color: var(--theme-200);
}

.filterPanel--details .filterPanel--filterName {
  color: var(--theme-200);
}

.button-icon.button-closeWidgetBig .icon {
  fill: var(--theme-200);
}
.tab-h-child__container___0a34d {
  color: var(--theme-200);
}
.button-icon-h-child__container___991cd .button-icon-h-child__icon___438c5 {
  fill: var(--theme-200);
}
.grid-account th {
  color: var(--theme-200);
}

.position--protection {
  color: var(--theme-200);
}

.button-closeBy .icon {
  fill: var(--theme-200);
}

.button-closePosition .icon {
  fill: var(--theme-200);
}

.grid-positions.grid-aggregation .grid--body .position .icon-tree {
  fill: var(--theme-200);
}

.grid-positionBook.grid-aggregation .icon-tree {
  fill: var(--theme-200);
}
.WidgetPositions__headerContent .contentWrapper .controlAggregation--label {
  color: var(--theme-200);
}

.button-aboutUs .icon {
  fill: var(--theme-200);
}
.listSelector--empty {
  color: var(--theme-200);
}
.instrument-ladder {
  color: var(--theme-200);
}

.button-clearInput .icon {
  fill: var(--theme-200);
}
.form--fieldset-oco .form--row:before {
  color: var(--theme-200);
}

.tradeForm .control .value-none span {
  color: var(--theme-200);
}

.form--fieldset-oco .form--row:before {
  color: var(--theme-200);
}

.tradeForm .form--fieldset-info .form--row .control-instrumentStake .control--label {
  color: var(--theme-200);
}

.plate--heading .button-close .icon {
  fill: var(--theme-200);
}

.plate--info .instrument--low,
.plate--info .instrument--high {
  color: var(--theme-200);
}

.grid-watchlist .instrument-ladder .instrument--quantity {
  color: var(--theme-200);
}

.plateGrid__chart .plateGrid__data {
  color: var(--theme-200);
}

.plateGrid--heading .icon {
  fill: var(--theme-200);
}
.plateGrid--data {
  color: var(--theme-200);
}

.plateGrid--data .icon {
  fill: var(--theme-200);
}
.treemapTooltipContent__value {
  color: var(--theme-200);
}

.chartLine--indicator {
  color: var(--theme-200);
}

.chartLine-multiAssetPosition .chartLine--delimeter,
.chartLine-multiAssetOrder .chartLine--delimeter {
  color: var(--theme-200);
}

.contextMenu-otherItems .contextMenu--content .control-selectBox label {
  color: var(--theme-200);
}
.contextMenu-otherItems .contextMenu--content .control-numericStepper label {
  color: var(--theme-200);
}
input[disabled] + .radioButton--label .radioButton--text {
  color: var(--theme-200);
}

.chartLine--indicator {
  color: var(--theme-200);
}

.chartLine-multiAssetPosition .chartLine--delimeter,
.chartLine-multiAssetOrder .chartLine--delimeter {
  color: var(--theme-200);
}

.dropDown-chartLineGroup .dropDown--option .indicator {
  color: var(--theme-200);
}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--delimeter,
.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--delimeter {
  color: var(--theme-200);
}

.chartArea .price-label {
  /* color: var(--theme-200); */
}

.aggregationBlock__container .icon-tree {
  fill: var(--theme-200);
}
.WidgetOrders__timeRangeLabel {
  color: var(--theme-200);
}

.symbolLibrary .list--itemGroup-opened .symbolLibrary--icon {
  fill: var(--theme-200);
}

.descriptionArea--labels {
  color: var(--theme-200);
}

.wrapperSpread .icon-tree {
  fill: var(--theme-200);
}
.pl-chart-info__label___third-party-legacy-chart-plugins-2-src-plugins-pl-crossTool-components-pl-chart-info-theme- {
  color: var(--theme-200);
}
.riskProfile__emptyMessage {
  color: var(--theme-200);
}
.grid-h-child__gridHead___third-party-legacy-react-kit-components-suggest-theme-
.grid-h-child__cell___third-party-legacy-react-kit-components-suggest-theme- {
  color: var(--theme-200);
}
.button-info .icon {
  fill: var(--theme-200);
}

.button-lock .icon {
  fill: var(--theme-200);
}
.WidgetRiskProfile__contentWrap .button-restore .icon {
  fill: var(--theme-200);
}
.news__column_date {
  color: var(--theme-200);
}
.news__column_title {
  color: var(--theme-200);
}
.table-h-child__cell___4eeab {
  color: var(--theme-200);
}
.table-h-child__cell___c45fc {
  color: var(--theme-200);
}
.table-h-child__cell___e5fb1 {
  color: var(--theme-200);
}
.buttonIcon-h-child__container___f7590 {
  fill: var(--theme-200);
}
.messageNew__separator {
  color: var(--theme-200);
}

.messages--groupTitle {
  color: var(--theme-200);
}
.linkedAlert__container .icon-list-item-tick {
  fill: var(--theme-200);
}

.ordersClearedToastOE__progressLine {
  background: var(--theme-200);
}

.analyzeSwitcher__container .button-icon .icon-about-us {
  fill: var(--theme-200);
}

.WidgetOrderEntry__separator,
.WidgetOrderEntry__slash {
  color: var(--theme-200);
}

.clickTradingInfo--icon-regular {
  color: var(--theme-200);
}

.popup-accountStatement .form--row-help {
  color: var(--theme-200);
}

.popup-aboutPlatform .popup--hint {
  color: var(--theme-200);
}
.confirmationInfo {
  color: var(--theme-200);
}
.tabPanel .tab-add .icon {
  fill: var(--theme-200);
}

.tabPanel-primary .tab--inner {
  color: var(--theme-200);
}

.tabPanel-secondary .tab {
  color: var(--theme-200);
}
.tab .link-pseudo .icon {
  fill: var(--theme-200);
}

.chartSettings h4 {
  color: var(--theme-200);
}

.indicator__iconWrap .icon {
  fill: var(--theme-200);
}
.indicator__buttonRemove .icon {
  fill: var(--theme-200);
}

.indicatorSelector__entityLabel {
  color: var(--theme-200);
}
.languageList--item {
  color: var(--theme-200);
}

.positionInfo--label,
.positionInfo--separator {
  color: var(--theme-200);
}

.closePosition .control--label {
  color: var(--theme-200);
}

.closePosition--symbol {
  color: var(--theme-200);
}

.closePosition--lots {
  color: var(--theme-200);
}

.selector--item-selected .selector--itemIcon {
  fill: var(--theme-200);
}

.selector--itemIcon {
  fill: var(--theme-200);
}

.loginForm--errorCode {
  color: var(--theme-200);
}
.layoutList--label {
  color: var(--theme-200);
}
.orderEntryConfirmation__delimeter {
  color: var(--theme-200);
}

.control-textarea .control--charCounter {
  color: var(--theme-200);
}

.triggerCondition__title {
  color: var(--theme-200);
}
.creationAlertForm__title {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.8px;
  color: var(--theme-200);
}
.button-clearFilter .icon {
  fill: var(--theme-200);
}

.DateTimeFilter__label {
  color: var(--theme-200);
}

.contextMenu-dateTimeFilter .datePicker .icon-calendar {
  fill: var(--theme-200);
}

.multiAsset__header {
  color: var(--theme-200);
}
.multiAsset__item .icon-group-closed,
.multiAsset__item .icon-group-opened,
.multiAsset__item .icon-drag,
.multiAsset__item .icon-about-us {
  fill: var(--theme-200);
}

.contextMenu-symbolFilter .contextMenu--footer {
  color: var(--theme-200);
}

.contextMenu-symbolFilter .filter-selectedInfo,
.contextMenu-symbolFilter .filter-description {
  color: var(--theme-200);
}

.contextMenu-textFilter .contextMenu--footer {
  color: var(--theme-200);
}
.contextMenu-textFilter .icon-clear-filter {
  fill: var(--theme-200);
}

.contextMenu-loadLayout .contextMenu--actions .icon {
  fill: var(--theme-200);
}

.tradeParameter__title,
.tradeParameter__gridTitle {
  color: var(--theme-200);
}
.multiAssetOrder__delimeter {
  color: var(--theme-200);
}

.optionChainNew__subHeader .control-selectBox label {
  color: var(--theme-200);
}
.optionChainNew__subHeader .control-numericStepper label {
  color: var(--theme-200);
}
.pieChart--legendEntry {
  color: var(--theme-200);
}

.chartInfo--label {
  color: var(--theme-200);
}
/***** 30 *****/
.popup__backdrop_isModal___third-party-legacy-react-kit-components-popup-theme-:after,
.popup-modal:after {
  background-color: var(--backdrop-color);
}

/***** 31 *****/
.table--row-highlighted th .table--cell,
.table--row.highlighted th .table--cell,
.table--row-highlighted td .table--cell,
.table--row.highlighted td .table--cell,
.table--row-highlighted th:first-child .table--cell,
.table--row.highlighted th:first-child .table--cell,
.table--row-highlighted td:first-child .table--cell,
.table--row.highlighted td:first-child .table--cell,
.table--row-highlighted th:last-child .table--cell,
.table--row.highlighted th:last-child .table--cell,
.table--row-highlighted td:last-child .table--cell,
.table--row.highlighted td:last-child .table--cell {
  background: var(--theme-700);
}

.grid-positions .position:not(.position-selected):hover .table--cell.table--cell-head {
  background: transparent;
}
.grid-positions .position:not(.position-selected):hover .table--cell,
.grid-positions .position:not(.position-selected).\:hover .table--cell {
  background-color: var(--theme-700);
}

.grid-positions.grid-aggregation .grid--body .position-child:hover td .table--cell,
.grid-positions.grid-aggregation .grid--body .position-child.\:hover td .table--cell {
  background-color: var(--theme-700);
}

.grid-positions.grid-aggregation
.grid--body
.position-child:hover
td.group-cell_filtered
.table--cell,
.grid-positions.grid-aggregation
.grid--body
.position-child.\:hover
td.group-cell_filtered
.table--cell {
  background-color: var(--theme-700);
}

.grid-positions.grid-aggregation
.grid--body
.position-child.position-selected:hover
td
.table--cell,
.grid-positions.grid-aggregation
.grid--body
.position-child.position-selected.\:hover
td
.table--cell {
  background-color: var(--theme-700);
}

.grid-positions.grid-aggregation
.grid--body
.position-child.position-selected:hover
td.group-cell_filtered
.table--cell,
.grid-positions.grid-aggregation
.grid--body
.position-child.position-selected.\:hover
td.group-cell_filtered
.table--cell {
  background-color: var(--theme-700);
}

.grid-positions.grid-aggregation .grid--body .position-child:hover td.cell_filtered .table--cell,
.grid-positions.grid-aggregation .grid--body .position-child.\:hover td.cell_filtered .table--cell {
  background-color: var(--theme-700);
}

.grid-positionBook .table--row:hover .table--cell,
.grid-positionBook .table--row.\:hover .table--cell {
  background-color: var(--theme-700);
}

.grid-alertsBook .table--row:hover .table--cell,
.grid-alertsBook .table--row.\:hover .table--cell {
  background-color: var(--theme-700);
}

.grid-orderBook .table--row:hover td,
.grid-orderHistory .table--row:hover td,
.grid-orderBook .table--row.\:hover td,
.grid-orderHistory .table--row.\:hover td {
  background: linear-gradient(to bottom, transparent 1px, var(--theme-700) 2px);
}
.grid-riskProfilePosition .table--body tr:hover,
.grid-riskProfilePosition .table--body tr.\:hover {
  background: var(--theme-700);
}

.grid-riskProfilePosition .table--body tr:hover:not(.position-selected) .table--cell,
.grid-riskProfilePosition .table--body tr.\:hover:not(.position-selected) .table--cell {
  background-color: var(--theme-700);
}

.news__item__header:hover,
.news__item__header.news__--hover {
  background-color: var(--theme-700);
}
.news__item__arrow {
  background-image: linear-gradient(to left, var(--theme-700), rgba(67, 70, 89, 0));
}
.gridOrderEntry__container tbody tr:not(.orderEntryButtonRow):hover,
.gridOrderEntry__container tbody tr:not(.orderEntryButtonRow).\:hover {
  background: var(--theme-700);
}

.gridMarketDepth__container .table--body tr:hover td,
.gridMarketDepth__container .table--body tr.\:hover td {
  background: var(--theme-700);
}

.gridMarketDepth__highlighted td {
  background: var(--theme-700);
}
/***** 32 *****/
.Toast__container {
  background-color: var(--select-panel);
  border: 1px solid var(--select-border-color);
  box-shadow: var(--default-box-shadow);
}
.ToastBasic__container,
.ToastBasic__container:hover,
.ToastBasic__container.ToastBasic__--hover {
  background: var(--select-panel);
  box-shadow: var(--default-box-shadow);
}

.ToastDeposit__container {
  background-color: var(--select-panel);
}
.accountItem .hint .tooltip {
  background-color: var(--select-panel);
}
.tooltip {
  box-shadow: var(--default-box-shadow);
  background-color: var(--select-panel);
}
.tooltip--pointer-arrowTop:before,
.tooltip--pointer-arrowBottom:before,
.tooltip--pointer-arrowBottomLeft:before {
  box-shadow: var(--default-box-shadow);
  background-color: var(--select-panel);
}
.tooltipSmart__tooltip {
  box-shadow: var(--default-box-shadow);
  background-color: var(--select-panel);
}
.plateGrid--hint {
  background: var(--select-panel);
  box-shadow: var(--default-box-shadow);
}
.button-linking-tooltip {
  background: var(--select-panel);
  box-shadow: var(--default-box-shadow);
}
.WidgetWatchlist__aboutMessage {
  background-color: var(--select-panel);
  border: solid 1px var(--select-border-color);
  box-shadow: var(--default-box-shadow);
}
.ordersClearedToastOE__container {
  background: var(--select-panel);
  border: 1px solid var(--select-border-color);
  box-shadow: var(--default-box-shadow);
}
.multiAsset__hint {
  background-color: var(--select-panel);
  border: solid 1px var(--select-border-color);
  box-shadow: var(--default-box-shadow);
}
.contextMenu-orderStatusHint .text {
  background: var(--select-panel);
  box-shadow: var(--default-box-shadow);
}
.gridMarketDepth__tooltip {
  background: var(--select-panel);
  box-shadow: var(--default-box-shadow);
}
/***** 33 *****/
.logo[data-test-id="logo"] {
  display: none !important;
}
/***** 34 *****/
/***** 35 *****/
/***** 36 *****/
/***** 37 *****/
/***** 38 *****/
/***** 39 *****/