@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@500;600&display=swap);
@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	
	50% {
		transform: rotate(360deg);
	}
	
	100% {
		transform: rotate(720deg);
	}
}

.loading-indicator-legacy--container {

		display: inline-block;
		vertical-align: middle;

		width: 12px;
		height: 12px;
		
		border-radius: 50%;
		border-width: 2px;
		border-style: solid;

		border-top-color: rgba(var(--loader-bg-color-rgb), 0.4);
		border-right-color: rgba(var(--loader-bg-color-rgb), 0.2);
		border-bottom-color: rgba(var(--loader-bg-color-rgb), 0.2);
		border-left-color: rgba(var(--loader-bg-color-rgb), 0.2);
		
		animation: rotation 1.1s infinite linear;
	}

.loading-indicator-legacy--container_small {
			width: 14px;
			height: 14px;
			border-width: 1px;
		}

.loading-indicator-legacy--container_medium {
			width: 34px;
			height: 34px;
			border-width: 3px;
		}

.loading-indicator-legacy--container_large {
			width: 52px;
			height: 52px;
			border-width: 4px;
		}
.popover-legacy--container {
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
	}

		.popover-legacy--container_hasArrow {
			composes: container;
		}

		.popover-legacy--container_hasArrow.container_placementTop .arrow {
					top: 100%;
				}

		.popover-legacy--container_hasArrow.container_placementBottom .arrow {
					bottom: 100%;
				}

		.popover-legacy--container_hasArrow.container_placementLeft .arrow {
					left: 100%;
				}

		.popover-legacy--container_hasArrow.container_placementRight .arrow {
					right: 100%;
				}
	.popover-legacy--content {
		position: relative;
	}
	.popover-legacy--arrow {
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		border-style: solid;
	}
	.popover-legacy--container_hasArrow.popover-legacy--container_placementTop {
		padding-bottom: 5px;
	}
	.popover-legacy--container_hasArrow.popover-legacy--container_placementTop .popover--arrow {
		border-width: 5px 5px 0 5px;
		border-color: var(--widget-header-grad-color-1) transparent transparent transparent;
	}
	.popover-legacy--.container_hasArrow.popover-legacy--container_placementBottom {
		padding-top: 5px;
	}
	.popover-legacy--container_hasArrow.popover-legacy--container_placementBottom .arrow {
		border-width: 0 5px 5px 5px;
		border-color: transparent transparent var(--widget-header-grad-color-1) transparent;
	}
	.popover-legacy--container_hasArrow.popover-legacy--container_placementLeft {
		padding-right: 5px;
	}
	.popover-legacy--container_hasArrow.popover-legacy--container_placementLeft .arrow {
		border-width: 5px 0 5px 5px;
		border-color: transparent transparent transparent var(--widget-header-grad-color-1);
	}
	.popover-legacy--container_hasArrow.popover-legacy--container_placementRight {
		padding-left: 5px;
	}
	.popover-legacy--container_hasArrow.popover-legacy--container_placementRight .arrow {
		border-width: 5px 5px 5px 0;
		border-color: transparent var(--widget-header-grad-color-1) transparent transparent;
	}
	.popover-legacy--container {
		box-sizing: border-box;
		position: absolute;
		z-index: 100;
		margin-top: 1px;
		overflow: hidden;
		color: var(--table-text-color);
		border: 1px solid;
		border-color: var(--dropdown-list-border-color);
		box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
		transition: visibility 0s linear 0s;
		background-color: var(--dropdown-list-bg-color);
	}
	.popover-legacy--content:not(:empty) {
			color: var(--table-text-color);
		}
.widget__header {
		box-sizing: border-box;
		height: 23px;
		color: var(--widget-header-text-color);
		background-image: linear-gradient(to right, var(--widget-header-grad-color-1), var(--widget-header-grad-color-2));
		box-shadow: 0 1px 0 0 var(--widget-header-shadow-color);
		flex-shrink: 0;
	}
	.widget--notification {
		position: absolute;
	}
	.widget-error {
		position: relative;
	}

:root {
	--scrollable-scrollbar-size: 9px;
	--scrollable-min-bar-size: 10px;
}
.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: .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: .5em;
			width: 100%;
			height: .416em;
		}

	.switcher--button:after {
			content: "";
			display: inline-block;
			width: 1.083em;
			height: 1.083em;
			position: absolute;
			left: 48%;
			top: .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;
	        user-select: none;
}

.switcher--button {
		cursor: pointer;
	}

.switcher--button:before {
			background: var(--bin-switcher-color);
			box-shadow:
				inset 0 1px var(--bin-switcher-shadow-line),
				inset 0 -1px var(--line-color),
				0 0 0 1px var(--button-outside-border-color);
			border-radius: 2px;
		}

.switcher--button:after {
			background: var(--button-bg-color);
			box-shadow:
				inset 0 0 0 1px var(--line-color-3),
				0 0 0 1px var(--button-outside-border-color);
			border-radius: 50%;
		}

.switcher--label {
		color: var(--bin-switcher-text-color);
		cursor: pointer;
	}

.switcher--input:checked  + .switcher--label {
		color: var(--bin-title-text-color);
		cursor: default;
	}

.switcher--button:after {
			transition: left var(--animation-fast) ease-in-out;
		}

.switcher--label {
		transition: color var(--animation-fast) ease-in-out;
	}
.resize-detector--container {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1000;
		width: 100%;
		height: 100%;
		border: none;
	}
.icon {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.emptyView__container {
		display: flex;
		width: 100%;
		height: 100%;
		flex-grow: 1;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		text-align: center;
		color: var(--empty-widget-hint-text-color);
		background: linear-gradient(to bottom, var(--widget-bg-top-color), var(--widget-bg-bottom-color));
	}
	.emptyView__wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		max-width: 400px;
	}
	.emptyView__title {
		font-size: 15px;
	}
	.emptyView__content {
		font-size: 12px;
		margin-top: 4px;
		white-space: pre-line;
	}
	.emptyView__content .link-pseudo {
			text-decoration: none;
		}
	.emptyView__content .link-pseudo + .link-pseudo {
			margin-left: 3px;
		}
	.emptyView__icon {
		width: 48px;
		height: 48px;
		fill: var(--empty-widget-hint-text-color);
		position: absolute;
		top: -63px;
		left: 50%;
		transform: translateX(-50%);
	}
.newsWidgetBodyWrapper {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
:root {
	--scrollable-scrollbar-size: 9px;
	--scrollable-min-bar-size: 10px;
}
.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;
		width: var(--scrollable-scrollbar-size);
	}

	.scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollbar-vertical {
			visibility: inherit;
			z-index: auto;
		}

	.scrollable-withHorizontalScrollbar > .scrollable--wrapper > .scrollbar-vertical {
			bottom: var(--scrollable-scrollbar-size);
		}

	.scrollbar-horizontal {
		bottom: 0;
		left: 0;
		right: 0;
		padding: 0;
		height: var(--scrollable-scrollbar-size);
	}

	.scrollable-withHorizontalScrollbar > .scrollable--wrapper > .scrollbar-horizontal {
			visibility: inherit;
			z-index: auto;
		}

	.scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollbar-horizontal {
			right: var(--scrollable-scrollbar-size);
		}

	.scrollbar--track {
		position: relative;
	}

	.scrollbar--bar {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.scrollbar-vertical .scrollbar--track {
			width: 100%;
			height: 100%;
		}

	.scrollbar-vertical .scrollbar--bar {
			min-height: var(--scrollable-min-bar-size);
		}

	.scrollbar-horizontal .scrollbar--track {
			height: 100%;
		}

	.scrollbar-horizontal .scrollbar--bar {
			min-width: var(--scrollable-min-bar-size);
		}
/* moved from dx */
.scrollbar--track {
		z-index: 2;
	}
.scrollbar--bar::before {
			content: '';
			position: absolute;
			border-radius: 1px;
		}
.scrollbar--bar:hover::before, .scrollbar--bar:active::before {
				border-radius: 4px;
			}

.scrollbar--track {
		cursor: pointer;
	}

.scrollbar--bar {
		transition: width var(--animation-fast), height var(--animation-fast), margin var(--animation-fast), border-radius var(--animation-fast), background-color var(--animation-fast);
	}

.scrollbar--bar::before {
			transition: width var(--animation-fast), height var(--animation-fast), margin var(--animation-fast), border-radius var(--animation-fast), background-color var(--animation-fast);
			background-color: var(--scrollbar-bg-default-color);
		}

.scrollbar--bar:hover::before, .scrollbar--bar:active::before {
				background-color: var(--scrollbar-bg-selected-color);
			}
.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: var(--scrollable-scrollbar-size);
	}

.scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollable--container {
		padding-right: var(--scrollable-scrollbar-size);
	}

.scrollable--content {
		/*display inline-block allows to take the width more 100% width parent
		see scroll on history and order widget by example*/
		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;
	}

/* moved from dx */
.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 {
			display: none;
		}
.scrollable--container::-webkit-scrollbar-thumb:active {
			display: none;
		}
.scrollable--container::-webkit-scrollbar-track {
			display: none;
		}
.scrollable--container::-webkit-scrollbar-track:hover {
			display: none;
		}
.scrollable--container::-webkit-scrollbar-track:active {
			display: none;
		}
.scrollable--container::-webkit-scrollbar-corner {
			display: none;
		}
/* hide animation */
.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 {
							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 {
							margin: 0;
							width: 100%;
						}
.scrollable-withVerticalScrollbar .scrollbar-vertical::after {
					content: '';
					position: absolute;
					width: var(--scrollable-scrollbar-size);
					height: var(--scrollable-scrollbar-size);
				}

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

	.control input[type="text"],
	.control input[type="password"],
	.control input[type="email"] {
		border-width: 1px;
		border-style: solid;
		border-radius: calc(var(--controls-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--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 {
				padding-left: 2px;
			}

	.control--label .control--lotSize:before {
					content: '\d7';
					text-transform: lowercase;
					margin-right: 2px;
				}

	.control--wrap {
		display: inline-flex;
		position: relative;
	}

	.control .control--tooltip {
		transform: translateY(-50%) scale(0);
		transition: all 0.25s linear;
	}

	.control .control--wrap-focused .control--tooltip {
			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 {
			font-weight: normal;
			transform: translateY(-50%) scale(0);
			transition: all 0.25s linear;
		}

	.control-error .control--wrap-focused .control--errorMessage {
				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 {
						background-position: 0 -92px;
					}

	.control--tooltip,
	.control--errorMessage {
		box-sizing: border-box;
		border: 1px solid;
		position: absolute;
		top: 50%;
		transform: translateY(-50%) scale(0);
		transform-origin: -10px;
		left: calc(100% + 8px);
		padding: 5px 9px;
		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%;
			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: var(--input-default-border-outside-color);
		background: var(--input-default-bg-color);
		box-shadow: inset 0 1px 0 var(--input-default-shadow-inner-color);
		color: var(--input-default-text-color);
		transition: border-color 220ms ease-out;
	}

.control input[type="text"]:hover, .control input[type="password"]:hover, .control input[type="email"]:hover {
			border-color: var(--input-hovered-border-outside-color);
			transition: border-color 220ms ease-in;
		}

.control input[type="text"]:focus, .control input[type="password"]:focus, .control input[type="email"]:focus {
			color: var(--input-default-text-color);
			border-color: var(--form-control-focused-border-outside-color);
			background-color: var(--selected-input-bg-color);
		}

.control input[type="text"]::-moz-selection, .control input[type="password"]::-moz-selection, .control input[type="email"]::-moz-selection {
			background-color: var(--input-text-selection-bg-color);
		}

.control input[type="text"]::selection, .control input[type="password"]::selection, .control input[type="email"]::selection {
			background-color: var(--input-text-selection-bg-color);
		}

.control input[type="text"]:-ms-input-placeholder, .control input[type="password"]:-ms-input-placeholder, .control input[type="email"]:-ms-input-placeholder {
			color: var(--input-placeholder-text-color);
		}

.control-error.control input[type="text"], .control-error.control input[type="password"], .control-error.control input[type="email"] {
			border-color: var(--input-wrong-border-outside-color);
		}

.control-error.control input[type="text"]:focus, .control-error.control input[type="password"]:focus, .control-error.control input[type="email"]:focus {
				border-color: var(--input-wrong-border-outside-color);
			}

.control input[readonly],
		.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: var(--form-label-text-color);
	}

.control--tooltip {
		background: var(--suggestion-tooltip-bg-color);
		color: var(--error-text-color);
		border-color: var(--suggestion-tooltip-border-color);
	}

.control--tooltip::before {
			border-color: transparent var(--suggestion-tooltip-bg-color) transparent transparent;
		}

.control--tooltipTitle {
		color: var(--common-text-default);
	}

.control--tooltipText {
		color: var(--sub-additional-text-color);
	}

.control--errorMessage {
		background: var(--wrong-tooltip-bg-color);
		color: var(--error-text-color);
		border-color: var(--wrong-tooltip-border-color);
	}

.control--errorMessage::before {
			border-color: transparent var(--wrong-tooltip-bg-color) transparent transparent;
		}

.control-disabled input[type="text"],
			.control-disabled input[type="text"]:focus,
			.control-disabled input[type="text"]:hover,
			.control-disabled input[type="password"],
			.control-disabled input[type="password"]:focus,
			.control-disabled input[type="password"]:hover,
			.control-disabled input[type="email"],
			.control-disabled input[type="email"]:focus,
			.control-disabled input[type="email"]:hover {
				background-color: var(--input-disabled-bg-color);
				border-color: var(--input-disabled-border-outside-color);
				box-shadow: none;
				color: var(--common-text-disabled);
			}

.control-disabled .control--label {
			color: var(--common-text-disabled);
		}

.control-disabled .selectBox--inner {
				cursor: default;
			}

.control-disabled .selectBox--label {
				color: var(--common-text-disabled);
			}

.control-disabled .selectBox--arrow .icon {
					fill: var(--icon-disabled-color);
				}

.control-locked .control--labelIcon {
			fill: var(--label-color);
		}

.control.control-bottomError .control--errorMessage {
				color: var(--error-description-text-color);
			}

.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-textarea {
	width: 100%;
}

	.control-textarea .control--wrap {
		display: block;
		height: 100%;
	}

	.control-textarea textarea {
		height: 100%;
		resize: none;
	}

.control-textarea textarea {
		transition: border-color var(--animation-fast), background-color var(--animation-fast) linear;
	}

.control-textarea textarea.corrected {
			animation: correction 750ms linear;
		}

.control-textarea textarea {

		border-color: var(--input-default-border-outside-color);
		background-color: var(--input-default-bg-color);
		box-shadow: inset 0 1px 0 var(--input-default-shadow-inner-color);

		color: var(--input-default-text-color);
}

.control-textarea textarea:hover {
			border-color: var(--input-hovered-border-outside-color);
		}

.control-textarea textarea:focus {
			color: var(--input-default-text-color);
			border-color: var(--form-control-focused-border-outside-color);
			background-color: var(--selected-input-bg-color);
		}

.control-textarea textarea:-ms-input-placeholder {
			color: var(--input-placeholder-text-color);
		}

.control-error.control-textarea textarea {
			border-color: var(--input-default-border-outside-color);
			background: var(--wrong-bg-color);
		}

.button__container {
        color: var(--button-secondary-default-text-color);
        background-color: var(--button-secondary-default-bg-color);
        box-shadow: 0 0 0 1px var(--button-secondary-border-outside-color);
        height: 26px;
        min-width: 84px;
        border-radius: calc(var(--controls-border-radius) - 1px);
        position: relative;
        transition: box-shadow .1s ease, color .1s ease, background-color .1s ease, border-color .1s ease, opacity .1s ease;
        border: none;
    }

        .button__container_flat,
            .button__container_flat:focus,
            .button__container_flat:disabled,
            .button__container_flat[disabled] {
                border: 0;
                background-color: transparent;
                box-shadow: none;
            }

        .button__container_flat:before, .button__container_flat:focus:before, .button__container_flat:disabled:before, .button__container_flat[disabled]:before {
                    content: none;
                }
    .button__inner {
        display: inline-block;
        margin-top: -1px;
        position: relative;
    }
.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 rotation {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(720deg);
	}
}

.loadingWheel {
	border-style: solid;
	border-top-color: rgba(var(--loader-bg-color-rgb), 0.4);
	border-right-color: rgba(var(--loader-bg-color-rgb), 0.2);
	border-bottom-color: rgba(var(--loader-bg-color-rgb), 0.2);
	border-left-color: rgba(var(--loader-bg-color-rgb), 0.2);
}

.loadingWheel-small {
		border-top: 1px solid var(--loader-segment-start-color);
		animation: rotation 1s infinite linear;
	}

.loadingWheel-middle {
		border-top: 3px solid var(--loader-segment-start-color);
		animation: rotation 1.1s infinite linear;
	}

.loadingWheel-big {
		border-top: 4px solid var(--loader-segment-start-color);
		animation: rotation 1.2s infinite linear;
	}
.button {
	position: relative;
	box-sizing: border-box;
	border: 1px solid transparent;
	border-radius: calc(var(--controls-border-radius) - 1px);
	padding: 0 6px;
	margin: 0;
	line-height: normal;
}

	.button::before {
		content: '';
		display: block;
		position: absolute;
		top: -1px;
		left: -1px;
		right: -1px;
		bottom: -1px;
		border-radius: calc(var(--controls-border-radius) - 1px);
		border: 1px solid transparent;
	}

	.button:active > .icon,
		.button:active > span {
			top: 1px;
		}

	.control-disabled .button > .icon,
		.control-disabled .button > span,
		.button:disabled > .icon,
		.button:disabled > span,
		.button[disabled] > .icon,
		.button[disabled] > span {
			top: 0;
		}

	.control-disabled .button > .icon, .button:disabled > .icon, .button[disabled] > .icon {
			fill: var(--icon-disabled-color);
		}

	.button-primary::before, .button-common::before, .button-secondary::before, .button-tertiary::before {
			background: transparent;
			transition: background 220ms ease-in;
		}

	.button-primary:hover::before, .button-common:hover::before, .button-secondary:hover::before, .button-tertiary:hover::before {
				background: var(--button-hovered-overlay-color);
			}

	.button-primary:active:hover::before, .button-primary:active::before, .button-common:active:hover::before, .button-common:active::before, .button-secondary:active:hover::before, .button-secondary:active::before, .button-tertiary:active:hover::before, .button-tertiary:active::before {
				border-color: transparent;
				background: var(--button-pressed-overlay-color);
			}

	.button-primary:focus, .button-common:focus, .button-secondary:focus, .button-tertiary:focus {
			box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		}

	.control-disabled .button-primary,
			.control-disabled .button-primary:hover,
			.control-disabled .button-primary:active,
			.button-primary:disabled,
			.button-primary:disabled:hover,
			.button-primary:disabled:active,
			.button-primary[disabled],
			.button-primary[disabled]:hover,
			.button-primary[disabled]:active,
			.control-disabled .button-common,
			.control-disabled .button-common:hover,
			.control-disabled .button-common:active,
			.button-common:disabled,
			.button-common:disabled:hover,
			.button-common:disabled:active,
			.button-common[disabled],
			.button-common[disabled]:hover,
			.button-common[disabled]:active,
			.control-disabled .button-secondary,
			.control-disabled .button-secondary:hover,
			.control-disabled .button-secondary:active,
			.button-secondary:disabled,
			.button-secondary:disabled:hover,
			.button-secondary:disabled:active,
			.button-secondary[disabled],
			.button-secondary[disabled]:hover,
			.button-secondary[disabled]:active,
			.control-disabled .button-tertiary,
			.control-disabled .button-tertiary:hover,
			.control-disabled .button-tertiary:active,
			.button-tertiary:disabled,
			.button-tertiary:disabled:hover,
			.button-tertiary:disabled:active,
			.button-tertiary[disabled],
			.button-tertiary[disabled]:hover,
			.button-tertiary[disabled]:active {
				background-color: var(--button-disabled-bg-color);
				color: var(--common-text-disabled);
				cursor: default;
				border-color: transparent;
				box-shadow: 0 0 0 1px var(--button-disabled-border-outside-color);
				pointer-events: none;
			}

	.control-disabled .button-primary::before, .control-disabled .button-primary:hover::before, .control-disabled .button-primary:active::before, .button-primary:disabled::before, .button-primary:disabled:hover::before, .button-primary:disabled:active::before, .button-primary[disabled]::before, .button-primary[disabled]:hover::before, .button-primary[disabled]:active::before, .control-disabled .button-common::before, .control-disabled .button-common:hover::before, .control-disabled .button-common:active::before, .button-common:disabled::before, .button-common:disabled:hover::before, .button-common:disabled:active::before, .button-common[disabled]::before, .button-common[disabled]:hover::before, .button-common[disabled]:active::before, .control-disabled .button-secondary::before, .control-disabled .button-secondary:hover::before, .control-disabled .button-secondary:active::before, .button-secondary:disabled::before, .button-secondary:disabled:hover::before, .button-secondary:disabled:active::before, .button-secondary[disabled]::before, .button-secondary[disabled]:hover::before, .button-secondary[disabled]:active::before, .control-disabled .button-tertiary::before, .control-disabled .button-tertiary:hover::before, .control-disabled .button-tertiary:active::before, .button-tertiary:disabled::before, .button-tertiary:disabled:hover::before, .button-tertiary:disabled:active::before, .button-tertiary[disabled]::before, .button-tertiary[disabled]:hover::before, .button-tertiary[disabled]:active::before {
					border-color: transparent;
					background: transparent;
				}

	.control-disabled .button-primary .icon, .control-disabled .button-primary:hover .icon, .control-disabled .button-primary:active .icon, .button-primary:disabled .icon, .button-primary:disabled:hover .icon, .button-primary:disabled:active .icon, .button-primary[disabled] .icon, .button-primary[disabled]:hover .icon, .button-primary[disabled]:active .icon, .control-disabled .button-common .icon, .control-disabled .button-common:hover .icon, .control-disabled .button-common:active .icon, .button-common:disabled .icon, .button-common:disabled:hover .icon, .button-common:disabled:active .icon, .button-common[disabled] .icon, .button-common[disabled]:hover .icon, .button-common[disabled]:active .icon, .control-disabled .button-secondary .icon, .control-disabled .button-secondary:hover .icon, .control-disabled .button-secondary:active .icon, .button-secondary:disabled .icon, .button-secondary:disabled:hover .icon, .button-secondary:disabled:active .icon, .button-secondary[disabled] .icon, .button-secondary[disabled]:hover .icon, .button-secondary[disabled]:active .icon, .control-disabled .button-tertiary .icon, .control-disabled .button-tertiary:hover .icon, .control-disabled .button-tertiary:active .icon, .button-tertiary:disabled .icon, .button-tertiary:disabled:hover .icon, .button-tertiary:disabled:active .icon, .button-tertiary[disabled] .icon, .button-tertiary[disabled]:hover .icon, .button-tertiary[disabled]:active .icon {
					fill: var(--icon-disabled-color);
				}

	.button-primary,
	.button-secondary {
		box-sizing: border-box;
		padding: 0 14px;
		font-size: 14px;
	}

	.button-primary span, .button-secondary span {
			display: inline-block;
			vertical-align: middle;
			line-height: 23px;
		}

	.button-primary,
	.button-trade,
	.button-apply {
		background-color: var(--button-primary-default-bg-color);
		color: var(--button-primary-default-text-color);
		box-shadow: 0 0 0 1px var(--button-primary-border-outside-color);
	}

	.button-primary::before, .button-trade::before, .button-apply::before {
			border-top-color: var(--button-primary-border-inside-top-color);
			border-bottom-color: var(--button-primary-border-inside-bottom-color);
			border-left-color: var(--button-primary-border-inside-side-color);
			border-right-color: var(--button-primary-border-inside-side-color);
		}

	.button-secondary{
		color: var(--button-secondary-default-text-color);
		background: var(--button-secondary-default-bg-color);
		box-shadow: 0 0 0 1px var(--button-secondary-border-outside-color);
	}

	.button-secondary::before {
			border-top-color: transparent;
			border-bottom-color: transparent;
			border-left-color: transparent;
			border-right-color: transparent;
		}

	.button-tertiary {
		background-color: var(--button-tertiary-default-bg-color);
		color: var(--button-tertiary-default-text-color);
		box-shadow: 0 0 0 1px var(--button-tertiary-border-outside-color);
	}

	.button-tertiary::before {
			border-top-color: transparent;
			border-bottom-color: transparent;
			border-left-color: transparent;
			border-right-color: transparent;
		}

	.button-buy,
	.button-sell {
		min-width: 58px;
		height: 21px;
		padding: 0 4px;
	}

	.button-buy:focus, .button-sell:focus {
			box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		}

	.button-buy {
		background-color: var(--buy-button-default-bg-color);
		box-shadow: 0 0 0 1px var(--buy-button-outside-border-color);
	}

	.button-sell {
		background-color: var(--sell-button-default-bg-color);
		box-shadow: 0 0 0 1px var(--sell-button-outside-border-color);
	}

	.button-gtc,
	.button-day,
	.button-date {
		min-width: 40px;
	}

	.button-regular,
	.button-trailing {
		width: 50px;
		font-size: 1rem;
	}

	.button-trade {
		width: 88px;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	.button-trade span {
			font-weight: bold;
			line-height: 1.5;
		}

	.button-trade span b {
				font-size: 18px;
			}

	.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-limitOrder span {
			background-position: 0 -1600px;
		}

	.button-limitOrder:hover span {
				background-position: -100px -1600px;
			}

	.button-stopOrder span {
			background-position: 0 -1650px;
		}

	.button-stopOrder:hover span {
				background-position: -100px -1650px;
			}

	.button-studies span {
			background-position: 0 -1950px;
		}

	.button-setting span {
			background-position: 0 -50px;
		}

	.button-loading .loader {
			display: flex;
		}

	.button-loading span {
			opacity: 0;
		}

	.button--label {
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 2px;
		opacity: .5;
	}

	.button > .icon,
	.button > span {
		position: relative;
	}

	.button .loader {
		display: none;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: -1px;
		left: -1px;
		right: -1px;
		bottom: -1px;
		border-radius: calc(var(--controls-border-radius) - 1px);
	}

	.button .icon {
		transition: fill 220ms ease-out;
		fill: var(--icon-primary-default-color);
	}

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

.button-icon {
	width: 16px;
	height: 16px;
	padding: 0;
	border: none;
	transition: background-color 0.3s;
}

	.button-icon:not(.button-primary) {
		background: transparent;
	}

	.button-icon:not(.button-filledIcon):not(.button-expandable):not(.button-widgetHeader):hover::before, .button-icon:not(.button-filledIcon):not(.button-expandable):not(.button-widgetHeader):active::before {
				background: transparent;
			}

	.button-icon:not(.button-filledIcon):not(.button-expandable):not(.button-widgetHeader):focus {
			box-shadow: none;
		}

	.button-icon.button-text {
		width: auto;
		height: auto;
		display: flex;
		align-items: center;
	}

	.button-icon .button--text {
		display: inline-block;
		height: 100%;
		margin-left: 7px;
	}

.button-filledIcon {
	width: 21px;
	height: 21px;
	min-width: inherit;
	border: 1px solid transparent;
	line-height: 1;
}

.button-filledIcon:not(.button-primary) {
		background-color: var(--button-tertiary-default-bg-color);
		color: var(--button-tertiary-default-text-color);
		box-shadow: 0 0 0 1px var(--button-tertiary-border-outside-color);
	}

.button-filledIcon:not(.button-primary)::before {
			border-top-color: transparent;
			border-bottom-color: transparent;
			border-left-color: transparent;
			border-right-color: transparent;
		}

.button-filledIcon.button-atr {
		width: 51px;
		padding: 0 7px;
	}

.button-filledIcon .icon {
		height: 16px;
		fill: var(--icon-primary-default-color);
	}

.multiasset-suggest__container {
		display: flex;
		align-items: center;
		font-size: 12px;
	}
		
		.multiasset-suggest__container .control-textInput {
			max-width: 98px;
		}
		
		.multiasset-suggest__container .button-info {
			margin-left: 8px;
			display: inline-block;
		}

.button-widgetHeader {
	height: 19px;
}

	.button-widgetHeader .icon {
		fill: var(--modal-header-icon-primary-default-color);
	}

	.button-widgetHeader.button {
		font-size: 12px;
	}

	.button-widgetHeader.button-filledIcon,
	.button-widgetHeader.button-primary,
	.button-widgetHeader.button-secondary,
	.button-widgetHeader.button-tertiary {
		background-color: var(--widget-header-button-bg-color);
		box-shadow: 0 0 0 1px var(--widget-header-button-outside-border-color);

		color: var(--dropdown-alt-default-text);
	}

	/* TEMPORARY FIX */

	.button-widgetHeader.button-filledIcon .icon, .button-widgetHeader.button-primary .icon, .button-widgetHeader.button-secondary .icon, .button-widgetHeader.button-tertiary .icon {
			fill: var(--icon-contextual-secondary-default-color);
		}

	.button-widgetHeader.button-filledIcon::before, .button-widgetHeader.button-primary::before, .button-widgetHeader.button-secondary::before, .button-widgetHeader.button-tertiary::before {
			border-top-color: var(--widget-header-button-inside-border-top-color);
			border-bottom-color: var(--widget-header-button-inside-border-bot-color);
			border-left-color: var(--widget-header-button-inside-border-side-color);
			border-right-color: var(--widget-header-button-inside-border-side-color);
		}

	.button-widgetHeader.button-filledIcon span, .button-widgetHeader.button-primary span, .button-widgetHeader.button-secondary span, .button-widgetHeader.button-tertiary span {
			line-height: 1;
			vertical-align: baseline;
		}

	.button-widgetHeader.button-collapseAllPositions:not(:first-child), .button-widgetHeader.button-expandAllPositions:not(:first-child) {
			margin-left: 8px;
		}

	.button-widgetHeader.button-zoomOut .icon, .button-widgetHeader.button-zoom .icon {
			height: 15px;
		}

	.button-widgetHeader.button-zoomOut + .button-zoom {
			margin-left: 2px;
		}


.control-widgetHeader.control {
	height: 19px;
}

	.control-widgetHeader.control-period {
		width: 76px;
	}

	.control-widgetHeader.control .control-error input[type="text"] {
				border-color: var(--input-wrong-border-outside-color);
			}

	.control-widgetHeader.control .control-disabled input[type="text"],
				.control-widgetHeader.control .control-disabled input[type="text"]:focus,
				.control-widgetHeader.control .control-disabled input[type="text"]:hover {
					background-color: var(--input-alt-disabled-bg);
					border-color: var(--input-alt-disabled-border-outside);
					color: var(--input-alt-disabled-text);
				}

	.control-widgetHeader.control .control-textInput {
			font-size: 12px;
		}

	.control-widgetHeader.control .control--wrap {
			height: 19px;
		}

	.control-widgetHeader.control .checkBox--icon {
			fill: var(--checkbox-alt-tick);
		}

	input[disabled] + .control-widgetHeader.control .checkBox--label .control-widgetHeader.control .checkBox--text {
				color: var(--checkbox-alt-disabled-text);
			}

	.control-widgetHeader.control .selectBox {
		height: 100%;
		line-height: 18px;
		background-color: var(--dropdown-alt-default-bg);
		box-shadow: 0 0 0 1px var(--dropdown-alt-border-outside);
	}

	.control-widgetHeader.control .selectBox-disabled,
			.control-widgetHeader.control .selectBox-disabled:hover,
			.control-widgetHeader.control .selectBox-disabled.selectBox-active,
			.control-widgetHeader.control .selectBox-disabled:active {
				background-color: var(--dropdown-alt-disabled-bg);
				box-shadow: 0 0 0 1px var(--dropdown-alt-disabled-border-outside);
			}

	.control-widgetHeader.control .selectBox--label {
			height: 100%;
			line-height: 17px;
			font-size: 12px;
		}

	.control-widgetHeader.control .selectBox--labelIcon {
			top: 2px;
		}

	.control-widgetHeader.control .selectBox--labelIcon .icon {
				fill: var(--icon-contextual-secondary-default-color);
			}

	.control-widgetHeader.control .selectBox--inner {
			padding-right: 17px;
		}

	.control-widgetHeader.control .selectBox--arrow {
			padding-top: 5px;
			margin-right: 5px;
			margin-left: 5px;
		}

	.control-widgetHeader.control .numericStepper.numericStepper-horizontalButtons .numericStepper--control {
				height: 15px;
				width: 15px;
			}

	.control-widgetHeader.control .numericStepper.numericStepper-horizontalButtons .numericStepper--control-down {
					right: 18px;
				}

	.control-widgetHeader.control .numericStepper.numericStepper-horizontalButtons .numericStepper--control .icon {
					margin: 3px auto;
				}

	.control-widgetHeader.control input[type="text"] {
		height: 19px;
		line-height: normal;
	}

	.control-widgetHeader.control:not(.control-disabled) .control--label {
			color: var(--form-label-alt-text);
		}

	.control-widgetHeader.control:not(.control-disabled) .selectBox--label {
				color: var(--dropdown-alt-default-text);
			}

	.control-widgetHeader.control:not(.control-disabled) input[type="text"] {
			background-color: var(--input-alt-default-bg);
			border-color: var(--input-alt-default-border-outside);
			color: var(--input-alt-default-text);
		}

	.control-widgetHeader.control:not(.control-disabled) input[type="text"]:hover {
				border-color: var(--input-alt-hovered-border-outside);
			}

	.control-widgetHeader.control:not(.control-disabled) input[type="text"]:focus {
				border-color: var(--form-control-focused-border-outside);
			}

	.control-widgetHeader.control:not(.control-disabled) input[type="text"]::-webkit-input-placeholder {
				color: var(--input-alt-placeholder-text) !important;
			}

	.control-widgetHeader.control:not(.control-disabled) input[type="text"]:-ms-input-placeholder {
				color: var(--input-alt-placeholder-text) !important;
			}

.button-link {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--link-default-text-color);
	transition: color 200ms;
	vertical-align: baseline;
}

	.button-link:hover::before, .button-link:active::before {
			background: transparent;
		}

	.button-link:focus {
		box-shadow: none;
	}

	.button-link:hover {
		color: var(--link-hovered-text-color);
	}

	.button-link:hover .icon {
			fill: var(--link-hovered-text-color);
		}

	.button-link.button-disabled,
		.button-link.button-disabled:hover,
		.button-link.button-disabled:active {
			color: var(--disabled-link-text-color);
			cursor: default;
			pointer-events: none;
		}

	.button-link.button-disabled .icon, .button-link.button-disabled:hover .icon, .button-link.button-disabled:active .icon {
				fill: var(--disabled-link-text-color);
			}

	.button-link .icon {
		width: 13px;
		height: 13px;
		margin-right: 5px;
		fill: var(--link-default-text-color);
		transition: fill 200ms;
		vertical-align: middle;
	}

.control--buttons {
		display: flex;
	}
	.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;
				color: var(--common-text-default);
			}
	.control-toggleButtons .button {
			height: 25px;
			margin-left: 1px;
			background-color: var(--segmented_control-default-bg);
			color: var(--segmented_control-default-text);
			box-shadow: 0 0 0 1px var(--segmented_control-border-outside);
		}
	.control-toggleButtons .button,
			.control-toggleButtons .button::before {
				border-radius: 0;
			}
	.control-toggleButtons .button::before {
				border-top-color: var(--segmented_control-alt-border-inside-top);
				border-bottom-color: var(--segmented_control-alt-border-inside-bottom);
				border-left-color: var(--segmented_control-alt-border-inside-side);
				border-right-color: var(--segmented_control-alt-border-inside-side);
			}
	.control-toggleButtons .button:first-child {
				margin: 0;
			}
	.control-toggleButtons .button:first-child,
				.control-toggleButtons .button:first-child::before {
					border-radius: var(--controls-border-radius) 0 0 var(--controls-border-radius);
				}
	.control-toggleButtons .button:last-child,
				.control-toggleButtons .button:last-child::before {
					border-radius: 0 var(--controls-border-radius) var(--controls-border-radius) 0;
				}
	.control-toggleButtons .button:focus {
				z-index: 2;
			}
	.control-toggleButtons .button-disabled,
			.control-toggleButtons .button:disabled,
			.control-toggleButtons .button[disabled] {
				background-color: var(--segmented_control-disabled-bg);
				color: var(--segmented_control-disabled-text);
				box-shadow: 0 0 0 1px var(--segmented_control-disabled-border-outside);
			}
	.control-toggleButtons .button-active,
			.control-toggleButtons .button:active {
				z-index: 1;
			}
	.control-toggleButtons .button-active {
				cursor: default;
				pointer-events: none;
			}
	.control-toggleButtons .button-active.button {
					color: var(--segmented_control-selected-text);
					background-color: var(--segmented_control-selected-bg);
					box-shadow: 0 0 0 1px var(--segmented_control-selected-border-outside);
				}
	.control-toggleButtons .button-active.button-disabled,
					.control-toggleButtons .button-active.button:disabled,
					.control-toggleButtons .button-active.button[disabled] {
						color: var(--segmented_control-disabled-text);
						background-color: var(--segmented_control-disabled-bg);
						box-shadow: 0 0 0 1px var(--segmented_control-disabled-border-outside);
					}
	.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: var(--switcher-disabled-bg-color);
						}
	.control-toggleButtons .button-active.button-buy {
						background-color: var(--segmented_control-buy-default-bg);
						box-shadow: 0 0 0 1px var(--segmented_control-buy-border-outside);
					}
	.control-toggleButtons .button-active.button-sell {
						background-color: var(--segmented_control-sell-default-bg);
						box-shadow: 0 0 0 1px var(--segmented_control-sell-border-outside);
					}
	.control-toggleButtons .button-active.button .icon {
						fill: var(--icon-primary-default-color);
					}
	.control-toggleButtons .button-icon {
				border: 1px solid transparent;
			}
	.control-toggleButtons .button .icon {
				fill: var(--icon-secondary-default-color);
			}
	.control-vertical.control-toggleButtons .button {
			display: block;
		}
	.control-labelLeft {
		display: flex;
		align-items: center;
	}
	.control-labelLeft .control--wrap {
			flex-shrink: 0;
		}

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

.mobile .control-toggleButtons .button {
			height: 29px;
			font-size: 15px;
		}
.link-pseudo {
	transition: color var(--animation-fast);
	text-decoration: underline;
	cursor: pointer;
	color: var(--dropdown-list-text-color);
}
.contextMenu {
	position: absolute;
	top: 0;
	z-index: 55;
	opacity: 0;
	visibility: hidden;
	padding: 2px 0 2px;
	border: 1px solid;
	border-color: var(--context-menu-border-color);
	background-color: var(--context-menu-bg-color);
	color: var(--dropdown-list-text-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
}

	.contextMenu--group-primary .contextMenu--item {
		color: var(--common-secondary-text-color);
	}

	.contextMenu--text {
		color: var(--dropdown-list-text-color);
	}

	.contextMenu--head {
		position: relative;
	}

	.contextMenu--title {
		display: flex;
		padding: 4px 8px 6px;
		font-size: 10px;
		line-height: 1;
		font-weight: 400;
		color: var(--hint-color);
	}

	.contextMenu--title::after {
			content: '';
			display: block;
			height: 1px;
			margin: 5px -1px 0 4px;
			flex-grow: 1;
			background: var(--line-color-2);
		}

	.contextMenu--divider {
		display: flex;
		align-items: center;
		white-space: nowrap;
		font-size: 10px;
		padding: 2px 9px 1px;
		color: var(--label-color);
	}

	.contextMenu--divider::after {
			content: '';
			height: 1px;
			width: 100%;
			margin-left: 5px;
			background: var(--line-color-2);
		}

	.contextMenu--divider-withTitle {
			padding-top: 5px;
			padding-bottom: 5px;
		}

	.contextMenu--divider-withTitle:first-child {
				padding-top: 0;
			}

	.contextMenu--optionList {
		width: 100%;
		min-width: 158px;
	}

	.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 var(--dropdown-list-border-color);
			background-color: var(--dropdown-list-bg-color);
			box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
		}

	.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;
					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--icon,
	.contextMenu--subIcon {
		width: 10px;
		height: 10px;
		fill: var(--icon-secondary-default-color);
	}

	.contextMenu--subIcon {
		margin-left: auto;
	}

	.contextMenu--actions {
		position: absolute;
		right: 0;
		padding-right: 8px;
		top: 0;
		height: 100%;
		padding-left: 15px;
		background-image: linear-gradient(to right, rgba(var(--list-item-hovered-bg-color-rgb), 0) 0, var(--list-item-hovered-bg-color) 20px);
		opacity: 0;
	}

	.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--actions .button:hover .icon {
					fill: var(--icon-hovered-color);
				}

	.contextMenu--actions .button:active .icon {
					fill: var(--icon-pressed-color);
				}

	.contextMenu--item {
		display: flex;
		align-items: center;
		position: relative;
		padding: 0 8px;
		line-height: 26px;
		cursor: pointer;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align: left;
	}

	.contextMenu--item:hover {
			background-color: var(--list-item-hovered-bg-color);
			transition: background-color 220ms ease-in;
		}

	.contextMenu--item:hover > .contextMenu--actions {
				opacity: 1;
				transition: opacity 220ms ease-in;
			}

	.contextMenu--item:hover > .contextMenu--optionList-subMenu {
			visibility: visible;
		}

	.contextMenu--item .contextMenu--item:hover > .contextMenu--optionList-subMenu {
			visibility: visible;
		}

	.contextMenu--item.dragging {
			color: var(--app-header-button-default-text-color);
			background-color: var(--dropdown-list-item-dragged-bg-color);
			box-shadow: 0 2px 10px 0 var(--item-dragged-shadow-color);
			position: absolute;
			z-index: 100;
			min-width: 160px;
		}

	.contextMenu--item .link-pseudo {
			margin-right: 9px;
			text-decoration: none;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

	.contextMenu--item .contextMenu--grid .contextMenu--optionList-haveScrollable .contextMenu--item-scrollableItem .link-pseudo {
						padding-right: 10px;
					}

	.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-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--item-current .contextMenu--subIcon {
				margin: 0 5px 0 0;
			}

	.contextMenu--item-current:not(.contextMenu--item-multiSelectItem) .contextMenu--subIcon {
					display: none;
				}

	.contextMenu--item-current:not(.contextMenu--item-multiSelectItem) .link-pseudo {
					color: var(--common-text-selected);
				}

	.contextMenu--item-title.contextMenu--item-noLink,
				.contextMenu--item-title.contextMenu--item-noLink .link-pseudo {
					cursor: default;
				}

	.contextMenu--item-title.contextMenu--item-noLink .link-pseudo, .contextMenu--item-title.contextMenu--item-noLink:hover .link-pseudo {
					color: var(--common-secondary-text-color);
					transition: color 220ms ease-in;
				}

	.contextMenu--item-matched .contextMenu--text,
			.contextMenu--item-matched .link-pseudo {
				color: var(--common-text-selected);
			}

	.contextMenu--item-matched .contextMenu--text:hover, .contextMenu--item-matched .link-pseudo:hover {
					color: var(--common-text-selected);
				}

	.contextMenu--item-matched .contextMenu--subIcon,
			.contextMenu--item-matched .contextMenu--icon {
				fill: var(--common-text-selected);
			}

	.contextMenu--item-last,
		.contextMenu--item-delimiter {
			cursor: default;
		}

	.contextMenu--item-delimiter {
			height: 1px;
			overflow: hidden;
			margin: 2px 7px;
			padding: 0;
			box-shadow: inset 0 1px 0 0 var(--line-color-2);
		}

	.contextMenu--item-subTitle,
		.contextMenu--item-subTitle:hover {
			color: var(--common-secondary-text-color);
			transition: color 220ms ease-in;
		}

	.contextMenu--item-disabled .link-pseudo, .contextMenu--item-disabled:hover .link-pseudo {
					color: var(--common-text-disabled);
					transition: color 220ms ease-in;
				}

	.contextMenu--item-disabled > .contextMenu--icon, .contextMenu--item-disabled:hover > .contextMenu--icon {
					fill: var(--disabled-symbol-color);
					transition: fill 220ms ease-in;
				}

	.contextMenu--item-disabled,
			.contextMenu--item-disabled .link-pseudo {
				cursor: default;
			}

	.contextMenu--item-multiSelectItem:not(.contextMenu--item-current) {
				padding-left: 23px;
			}

	.contextMenu--item-icon .contextMenu--icon {
				width: 13px;
				height: 13px;
				display: inline-block;
				vertical-align: middle;
				position: relative;
				margin-right: 6px;
			}

	.contextMenu--item-icon .contextMenu--icon + span,
				.contextMenu--item-icon .contextMenu--icon + .link-pseudo {
					vertical-align: middle;
					padding-left: 0;
				}

	.contextMenu--item-icon .planned-marker__container {
				vertical-align: top;
			}

	.contextMenu--item-subMenuItem {
			flex-direction: column;
			padding: 0;
		}

	.contextMenu--item-withSubMenu .contextMenu--subIcon {
					width: 7px;
					height: 7px;
				}

	.contextMenu--item-withSubMenu .contextMenu--text {
					margin-right: 6px;
				}

	.contextMenu--item-cancel .contextMenu--icon {
				width: 11px;
				height: 11px;
				margin-right: 8px;
			}

	.contextMenu--item-chartType {
			padding-left: 30px;
			padding-right: 30px;
		}

	.contextMenu--item-priceType {
			padding-left: 0;
			padding-right: 0;
		}

	.contextMenu--item-accountStatement:after {
			height: 16px;
		}

	.contextMenu .filter-description {
		color: var(--label-color);
	}

	.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-multiline {
		padding: 0;
		border-color: transparent;
		background-color: transparent;
		box-shadow: none;
	}

	.contextMenu-contextMenuButton .contextMenu--item .link-pseudo {
			color: var(--link-default-text-color);
		}

	.contextMenu-container {
		background-color: transparent;
		box-shadow: none;
	}

	.contextMenu-control {
		z-index: 100;
	}

	.contextMenu-visible {
		opacity: 1;
		visibility: visible;
		/*
		* please don't remove this property. 
		* The context menu will be hidden after opening in older versions of safari
		* https://stackoverflow.com/a/9227478/20632991
		*/
		transform: translate3d(0, 0, 0);
	}

	.contextMenu-contextMenuButton {
		max-width: 250px;
		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-widgetHeader {
		background: linear-gradient(to bottom, var(--widget-bg-top-color), var(--widget-bg-bottom-color));
	}

	.contextMenu-widgetHeader:after {
			position: absolute;
			content: '';
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background-image: linear-gradient(to right, var(--widget-header-grad-color-1), var(--widget-header-grad-color-2));
		}

	.contextMenu-container {
		padding: 0;
		border: none;
	}

	.contextMenu-container .tooltip {
			position: relative;
		}

/*Animation*/
.contextMenu {
	transition: opacity var(--animation-default);
}
.contextMenu--group + .contextMenu--group {
		transition : max-height var(--animation-fast) linear;
	}
.contextMenu--item-withSubMenu:after {
		transition: opacity var(--animation-fast);
	}
.contextMenu--icon {
		transition: fill var(--animation-fast);
	}

.popover-contextMenu.popover-contextMenu {
	padding: 0;
	background-color: transparent;
	border: 0;
	box-shadow: none;
	margin-top: 0;
}

.popover-contextMenu.popover-contextMenu > div {
		border: 0;
	}

.popover-contextMenu.popover-contextMenu .tooltip,
	.popover-contextMenu.popover-contextMenu .contextMenu {
		position: relative;
	}

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

.contextMenuButton__container {
		display: inline-block;
		position: relative;
	}

.contextMenuButton__container .button {
			display: flex;
			align-items: center;
			color: var(--link-default-text-color);
			padding: 0;
			overflow: hidden;
		}

.contextMenuButton__container .button:not(.button-studiesControl) {
				background: transparent;
			}

.contextMenuButton__container .button .icon-dropdown-arrow {
				width: 7px;
				height: 4px;
				margin-left: 3px;
				fill: var(--link-default-text-color);
			}

:global(.mobile) .container {
		font-size: 16px;
	}

:global(.mobile) .container .button {
			align-items: flex-start;
		}

:global(.mobile) .container .icon-dropdown-arrow {
			width: 9px;
			height: 5px;
			margin-left: 6px;
			margin-top: 9px;
		}

.popup {
	position: absolute;
	left: 0;
	width: 100%;
	top: -150%;
	height: 100%;
	z-index: 99;
	visibility: hidden;
	text-align: center;
	pointer-events: none;
	transition: visibility 0s linear 0.3s, top 0s linear 0.3s;
	/*
	* please don't remove this property.
	* older versions of safari cannot display correctly
	* positioned elements (absolute or relative) with transition property
	* and can't apply z-index property
	* https://stackoverflow.com/a/9227478/20632991
	*/
	transform: translate3d(0, 0, 0);
}

	.popup::before {
		content: '';
		display: inline-block;
		height: 90%;
		vertical-align: middle;
		width: 0;
	}

	.popup--window {
		pointer-events: auto;
		display: inline-block;
		box-sizing: border-box;
		z-index: 30;
		border: 1px solid;
		vertical-align: middle;
		text-align: left;
		position: relative;
		line-height: 1.25;
		background-image: linear-gradient(var(--modal-window-bg-grad-1), var(--modal-window-bg-grad-2));
		box-shadow: 0 7px 15px var(--modal-window-shadow-color);
		border-color: var(--modal-window-border-color);
	}

	.popup-visible {
		visibility: visible;
		top: 0;
		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 var(--modal-window-shadow-color);
		}

	.popup-modal::after {
			content: "";
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 25;
			visibility: hidden;
			background-color: var(--modal-window-blocking-bg-color);
		}

	.popup-modal.popup-visible::after {
			visibility: visible;
		}

	.popup--header {
		padding: 4px 8px 5px;
		box-shadow: 0 -1px 0 var(--modal-window-header-shadow-color) inset;
		background-image: linear-gradient(88deg, var(--modal-window-header-bg-color-1), var(--modal-window-header-bg-color-2));
	}

	.popup--header .popup--close {
				position: absolute;
				right: 3px;
			}

	.popup--header .popup--close:active {
					margin-top: 1px;
				}

	.popup--header .popup--title {
				display: inline-block;
			}

	.popup--title {
		color: var(--modal-window-header-text-color);
	}

	.popup--subTitle {
		margin: 10px 0 20px;
		font-size: 14px;
		font-weight: bold;
	}

	.popup--text {
		margin: 10px;
		font-size: 14px;
		text-align: center;
	}

	.popup--text .confirmationInfo--value {
			margin: 0;
		}

	.popup--content {
		padding: 8px 30px;
		position: relative;
		color: var(--modal-window-text-color);
	}

	.popup--footer {
		position: relative;
		text-align: center;
		box-shadow: inset 0 1px 0 var(--line-color);
	}

	.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: var(--modal-header-icon-primary-default-color);
			transition: fill 220ms ease-out;
		}

	.popup--close.button-icon:hover .icon {
				fill: var(--icon-hovered-color);
				transition: fill 220ms ease-in;
			}

	.popup--close.button-icon:active .icon {
				fill: var(--icon-pressed-color);
			}

	.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%;
				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: var(--modal-window-border-color);
			transform: translateY(-10px);
		}

	.popup--hint-closePosition::before {
				content: "";
				position: absolute;
				bottom: 0;
				left: 50%;
				width: 87px;
				height: 87px;
				border-width: 0 3px 3px 0;
				border-style: solid;
				transform: translateY(50%) translateX(-50%) scaleY(.2) rotate(45deg);
				background: linear-gradient(180deg, var(--modal-window-bg-grad-1) 0%, var(--modal-window-bg-grad-2) 100%);
				border-color: var(--modal-window-border-color);
			}

	.popup--hint-closePosition.popup--hint-visible {
			transform: translateY(0);
		}

	.popup-sell .button-sell,
	.popup-buy .button-buy {
		cursor: default;
	}

	.popup-sell .form--fieldset-highlight {
			background-color: var(--sell-index-bg-color);
		}

	.popup-buy .form--fieldset-highlight {
			background-color: var(--buy-index-bg-color);
		}

	.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-adaptive .drawingProperties {
			max-height: none;
		}

	.popup-adaptive .popup--window {
				max-height: 100%;
				display: inline-flex;
				flex-direction: column;
			}

	.popup-adaptive .popup--content {
				overflow: hidden;
				display: inline-flex;
			}

	.popup--errorMessage {
		position: absolute;
		left: -1px;
		right: -1px;
		top: 100%;
		border: 1px solid var(--modal-window-border-color);
		border-top: none;
		max-height: 0;
		background: var(--message-wrong-bg-color);
		color: var(--error-text-color);
		box-shadow: inset 0 1px 0 0 var(--message-wrong-shadow-color);
		text-align: center;
		transition: max-height 0.3s ease-in-out;
		overflow: hidden;
	}

@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: var(--message-wrong-bg-color);
	}
}

@keyframes hideModalBg {
	0% {
		opacity: 1;
		visibility: visible;
	}

	100% {
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes delimiterBlink {
	50% {
		opacity: 0;
	}
}

.popup--hint {
		transition: opacity var(--animation-fast), transform var(--animation-fast);
	}

.popup--hint-cancelButton {
			transition: opacity var(--animation-fast);
		}

.popup .messagePanel {
		position: relative;
		z-index: 2;
		transition: max-height var(--animation-fast) ease-in-out;
	}

.popup-warning .messagePanel-error, .popup-error .messagePanel-error {
			animation: popupErrorBlink 200ms var(--animation-fast) ease 3 alternate forwards;
		}

.popup-trade .popup--window {
		transition: border-color var(--animation-fast);
	}

.popup-trade .button-primary,
		.popup-trade .form--fieldset-highlight {
			transition: background-color var(--animation-fast);
		}

.popup-trade .control-durationRemains .time--delimiter {
			animation: delimiterBlink 1s infinite;
		}

.popup-order.popup-modification .tradeForm-market .form--fieldset-parameters .control-numericStepper {
			transition: opacity var(--animation-fast);
		}

/* Safari Only 7.1+ */
_::-webkit-full-page-media,
_:future,
:root .popup--window {
	background-color: rgba(var(--modal-window-bg-color-rgb), 0.83);
}

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

.contextMenu--item-instrumentInfoWidget__wrapper {
        padding: 0;
        fill: var(--dropdown-list-text-color);
        height: 26px;
    }

		.contextMenu--item-instrumentInfoWidget__wrapper > div {
			display: flex;
			align-items: center;
			width: 100%;
		}

.widgetsMenu {
	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: var(--application-header-section-text-color);
	}

	.widgetsMenu--header::after {
			position: absolute;
			top: 50%;
			width: 100vw;
			content: "";
			height: 1px;
			background: var(--line-color-2);
		}

	.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 {
			-moz-column-count: 2;
			     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;
		line-height: 1.73;
		position: relative;
		cursor: pointer;
		pointer-events: auto;
		color: var(--application-header-item-text-color);
		transition: background-color 220ms ease-in;
	}

	.widgetsMenu--item:hover {
			background-color: var(--list-item-hovered-bg-color);
		}

	.widgetsMenu--item:hover .widgetsMenu--actions {
					display: flex;
				}

	.widgetsMenu--item:hover .widgetsMenu--actions--actionButtons {
						 display: flex;
						 align-items: center;
					 }

	.widgetsMenu--item--active {
			background-color: var(--list-item-hovered-bg-color);
		}

	.widgetsMenu--item--active .widgetsMenu--actions {
					display: flex;
				}

	.widgetsMenu--item--active .widgetsMenu--actions--actionButtons {
						 display: flex;
						 align-items: center;
					 }

	.widgetsMenu--item--content {
			display: inline-block;
		}

	.widgetsMenu--item--placeholder {
			color: var(--additional-text-color-2);
		}

	.widgetsMenu--item--placeholder:hover {
				cursor: default;
			}

	.widgetsMenu--item--placeholder:hover::after {
					content: normal;
				}

	.widgetsMenu--item--selected .widgetsMenu--item--content {
				color: var(--common-text-selected);
			}

	.widgetsMenu .icon-subList {
		display: inline-block;
		width: 14px;
		height: 26px;
		position: absolute;
		top: 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%;
			transform: translateY(-50%) translateX(-50%);
			fill: var(--icon-secondary-default-color);
		}

	.widgetsMenu .button-subList {
		width: 14px;
		height: 26px;
		position: absolute;
		top: 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%;
			transform: translateY(-50%) translateX(-50%);
			fill: var(--icon-secondary-default-color);
		}

	.widgetsMenu .button-closeMenu .icon {
			fill: var(--application-header-add-widgets-color);
		}

	/* TODO: remove when free of gwt */

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

	.widgetsMenu--scrollContainer {
		max-height: 82px;
	}

	.widgetsMenu--buttons {
		padding-left: 6px;
		border-top: 1px solid var(--line-color-2);
	}

	.widgetsMenu--buttons .button-link {
			font-size: 15px;
			line-height: 1.73;
			color: var(--link-default-text-color);
		}

	.widgetsMenu--actions {
		position: absolute;
		right: 0;
		top: 0;
		display: flex;
		align-items: center;
	}

	.widgetsMenu--actions--actionButtons {
			display: none;
		}

	.widgetsMenu--actions .button-icon {
			width: 11px;
			height: 11px;
			margin-right: 10px;
			background-color: transparent;
			fill: var(--icon-secondary-default-color);
		}

	.widgetsMenu--actions .button-icon:hover .icon {
					fill: var(--icon-hovered-color);
				}

	.widgetsMenu--actions .button-icon.button-replace {
				width: 12px;
				height: 12px;
			}

	.widgetsMenu--actions .contextMenuButton__container .button:hover {
						color: var(--link-hovered-text-color);
					}

	.widgetsMenu--actions .contextMenuButton__container .button:hover .icon-dropdown-arrow {
							fill: var(--link-hovered-text-color);
						}

	.widgetsMenu--icons {
		margin-left: 16px;
	}

	.widgetsMenu--popover {
		border: none;
	}

	.widgetsMenu--popover .contextMenu-contextMenuButton {
			position: static;
			padding-left: 0;
			padding-right: 0;
			border: none;
			box-shadow: none;
		}

	.widgetsMenu--popoverContent:not(:empty) {
		border: none;
	}

.accountMetrics_wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: -10px;
    margin-bottom: -10px;
    flex: 1 1 auto;
    overflow: hidden;
}

.accountInfo--tradingType {
    position: relative;
}
.logo {
	display: inline-block;
	vertical-align: middle;
	width: 82px;
	height: 50px;
	transition: width var(--animation-default);
	color: var(--logo-brand-color);
}

.logo_trade {
	display: inline-block;
	vertical-align: middle;
	width: 82px;
	height: 40px;
	transition: width var(--animation-default);
	color: var(--logo-brand-secondary-color);
}
.dropDown-line-style-selectbox {
    padding: 5px;
}

    .dropDown-line-style-selectbox .dropDown--list {
        display: flex;
    }

    .dropDown-line-style-selectbox .dropDown--option {
        position: relative;
        width: 47px;
        height: 20px;
        margin: 0 1px;
        border-radius: 2px;
        text-indent: 101%;
        text-overflow: clip;
        padding: 0;
        border: 1px solid transparent;
        overflow: hidden;
        cursor: pointer;
    }

    .dropDown-line-style-selectbox .dropDown--option:hover {
            border-color: var(--link-hovered-text-color);
        }

    .dropDown-line-style-selectbox .dropDown--option span:after {
                content: "";
                width: 26px;
                position: absolute;
                top: 50%;
                left: 10px;
                height: 1px;
                margin-top: -1px;
                background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 100%, transparent 100%);
                background-size: 100% 5px;
            }

    .dropDown-line-style-selectbox .dropDown--option-selected,
            .dropDown-line-style-selectbox .dropDown--option-selected:hover {
                border-color: var(--line-color-2);
            }

    .dropDown-line-style-selectbox .dropDown--option-normal span:after {
            height: 3px;
		}

    .dropDown-line-style-selectbox .dropDown--option-bold span:after {
            height: 5px;
		}

    .dropDown-line-style-selectbox .dropDown--option-dashed.dropDown--option-thin span:after,
        .dropDown-line-style-selectbox .dropDown--option-dashed.dropDown--option-normal span:after,
        .dropDown-line-style-selectbox .dropDown--option-dashed.dropDown--option-bold span:after {
            background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 70%, transparent 70%);
        }

    .dropDown-line-style-selectbox .dropDown--option-dotted.dropDown--option-thin span:after,
        .dropDown-line-style-selectbox .dropDown--option-dotted.dropDown--option-normal span:after,
        .dropDown-line-style-selectbox .dropDown--option-dotted.dropDown--option-bold span:after {
            background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 50%, transparent 50%);
        }

    .dropDown-line-style-selectbox .dropDown--option-dashed.dropDown--option-thin span:after {
            background-size: 7px 5px;
        }

    .dropDown-line-style-selectbox .dropDown--option-dashed.dropDown--option-normal span:after {
            background-size: 10px 5px;
        }

    .dropDown-line-style-selectbox .dropDown--option-dashed.dropDown--option-bold span:after {
            background-size: 16px 5px;
        }

    .dropDown-line-style-selectbox .dropDown--option-dotted.dropDown--option-thin span:after {
            background-size: 4px 5px;
        }

    .dropDown-line-style-selectbox .dropDown--option-dotted.dropDown--option-normal span:after {
            background-size: 6px 5px;
        }

    .dropDown-line-style-selectbox .dropDown--option-dotted.dropDown--option-bold span:after {
            background-size: 10px 5px;
        }

    .dropDown-line-style-selectbox .dropDown--selectedIcon {
        display: none;
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        bottom: 0;
        width: 10px;
        height: 10px;
        fill: var(--tick-icon-color);
        color: var(--tick-icon-color);
    }

    .dropDown-line-style-selectbox .dropDown--option-selected .dropDown--selectedIcon {
        display: block;
    }
.contextMenu-widgetsSelector {
		position: relative;
	}

		.contextMenu-widgetsSelector .contextMenu--optionList {
				min-width: 109px;
			}

		.contextMenu-widgetsSelector .contextMenu--item-subTitle {
					padding: 0 10px;
					font-size: 10px;
					letter-spacing: 0.7px;
					text-transform: uppercase;
					font-weight: normal;
				}

		.contextMenu-widgetsSelector .contextMenu--item-subTitle~.contextMenu--item {
						padding-left: 10px;
					}

		.contextMenu-widgetsSelector .contextMenu--item-withSubMenu .contextMenu--item-withSubMenu .contextMenu--optionList {
							width: 129px;
							min-width: unset;
						}

		.contextMenu-widgetsSelector .contextMenu--item-withSubMenu .contextMenu--item-withSubMenu .contextMenu--optionList .contextMenu--item .link-pseudo {
									margin-right: 0;
								}
.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: var(--controls-border-radius);
			}

	.comboBox--input input[type="text"]:disabled, .comboBox--input input[type="password"]:disabled, .comboBox--input input[type="email"]:disabled {
					border-color: var(--input-disabled-border-outside-color);
				}

	.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 calc(var(--controls-border-radius) - 1px) calc(var(--controls-border-radius) - 1px) 0;
			z-index: 2;
		}

	.control-selectAssets .comboBox {
		width: 119px;
	}

	.comboBox .selectBox,
		.comboBox .selectBox:hover,
		.comboBox .selectBox-active,
		.comboBox .selectBox-disabled {
			background-color: transparent;
			box-shadow: none;
		}

	.comboBox .selectBox::before, .comboBox .selectBox:hover::before, .comboBox .selectBox-active::before, .comboBox .selectBox-disabled::before {
				background-color: transparent;
				box-shadow: none;
				border-color: transparent;
			}

	.comboBox .selectBox-active + .comboBox--input input {
					border-color: var(--form-control-focused-border-outside-color);
					background-color: var(--selected-input-bg-color);
				}

	.comboBox .selectBox-disabled .selectBox--arrow:hover .icon {
						fill: var(--icon-disabled-color);
					}

	.comboBox .selectBox-active .selectBox--arrow:hover .icon {
						fill: var(--icon-primary-default-color);
					}

.control-comboBox:not(.control-disabled) .selectBox--arrow:hover .icon {
						fill: var(--icon-hovered-color);
					}
/* @doc-tags design-system */
:root {
    --spacer-unit: 4px;
    --spacer-05: calc(var(--spacer-unit) / 2);
    --spacer-1: var(--spacer-unit);
    --spacer-2: calc(2 * var(--spacer-unit));
    --spacer-3: calc(3 * var(--spacer-unit));
    --spacer-4: calc(4 * var(--spacer-unit));
    --spacer-5: calc(5 * var(--spacer-unit));
    --spacer-6: calc(6 * var(--spacer-unit));
    --spacer-7: calc(7 * var(--spacer-unit));
    --spacer-8: calc(8 * var(--spacer-unit));
    --spacer-9: calc(9 * var(--spacer-unit));
    --spacer-10: calc(10 * var(--spacer-unit));
    --spacer-21: calc(21 * var(--spacer-unit));

    --elements-default-height: var(--host-element-default-height, 32px);

    --button-height: var(--elements-default-height, 32px);
    --button-min-width: var(--spacer-21, 84px);

    --date-input-container-height: var(--elements-default-height, 32px);
    --date-input-container-bdrs: var(--spacer-1, 4px);
    --date-input-container-bdw: 1px;
    --data-input-button-icon-height: 25px;

    --line-anchor-button-height: var(--elements-default-height, 32px);
    --line-anchor-button-width: 60px;
    --line-anchor-button-padding: 3px 4px 3px 4px;
    --line-anchor-button-bdrs: 4px;
    --line-anchor-button-icon-width: 20px;
    --line-anchor-button-icon-height: 14px;

    --numeric-stepable-input-height: var(--elements-default-height, 32px);
    --numeric-stepable-input-bdrs: 6px;
    --numeric-stepable-input-bdw: 1px;

    --slider-select-item-height: var(--elements-default-height, 32px);
    --slider-select-item-width: 50px;
    --slider-select-item-bdrs: 6px;
    --slider-select-item-icon-height: 18px;
    --slider-select-item-icon-width: 18px;
    --slider-select-container-height: var(--elements-default-height, 32px);
    --slider-select-container-bdrs: 6px;

    --time-input-container-height: 14px;
    --time-input-container-width: 28px;
    --time-input-container-padding: 0;
    --time-input-container-margin: 1px 1px 1px 0;
    --time-input-container-bdrs: 0;
    --time-input-container-bdrs-2: 4px;
    --time-input-container-input-mw: 54px;
    --time-input-container-input-width: 100%;
    --time-input-container-input-height: var(--elements-default-height, 32px);
    --time-input-container-input-padding: 1px;
    --time-input-container-input-bdrs: 4px;
    --time-input-container-input-bdw: 1px;

    --chart-toolbar-popup-button-height: var(--elements-default-height, 32px);
    --chart-toolbar-popup-button-mw: 0;

    --toolbar-separator-height: var(--spacer-5, 20px);
    --toolbar-separator-width: 1px;
    --toolbar-separator-full-h-height: var(--elements-default-height, 32px);

    --indicator-item-draggable-height: var(--elements-default-height, 32px);
    --indicator-item-draggable-bdrs: 6px;
    --indicator-item-draggable-lh: 2.17;

    --idicator-list-input-height: var(--elements-default-height, 32px);
    --idicator-list-input-width: 100%;

    --indicator-add-script-button-height: var(--elements-default-height, 32px);
    --indicator-add-script-button-width: var(--spacer-8, 32px);
    --indicator-add-script-button-ml: 5px;
    --indicator-add-script-button-padding: 0;
    --indicator-add-script-button-mw: 0;
    --indicator-add-script-button-inner-height: 24px;
    --indicator-add-script-button-inner-width: 24px;

    --indicator-list-item-container-height: var(--elements-default-height, 32px);
    --indicator-list-item-container-lh: var(--spacer-8, 32px);
    --indicator-list-item-container-bdrs: 6px;

    --indicator-list-item-icon-height: 24px;
    --indicator-list-item-icon-mw: 24px;

    --indicator-list-item-add-icon-height: 12px;
    --indicator-list-item-add-icon-width: 24px;

    --studies-delete-button-lh: var(--elements-default-height, 32px);

    --studies-add-button-inner-height: var(--elements-default-height, 32px);
    --studies-add-button-inner-width: 32px;

    --studies-remove-button-height: 16px;
    --studies-remove-button-width: 16px;
    --studies-remove-button-mw: 16px;

    --symbol-suggest-input-height: var(--elements-default-height, 32px);
    --symbol-suggest-input-mw: 55px;
    --symbol-suggest-input-mxw: 110px;

    --main-symbol-suggest-input-width: 80px;
    --main-symbol-suggest-input-mxw: 80px;
    --main-symbol-suggest-input-height: var(--elements-default-height, 32px);

    --main-instrument-selector-height: var(--elements-default-height, 32px);
    --main-instrument-selector-width: 80px;

    --script-delete-button-height: 20px;
    --script-delete-button-width: 14px;
    --script-delete-button-mw: 14px;
}

:root {
	--font-main: 'Open Sans', sans-serif;
	--font-main-semibold: 'Open Sans Semibold', sans-serif;
	--font-main-bold: 'Open Sans Bold', sans-serif;

	--font-editor: 'IBM Plex Mono', monospace;
	--font-editor-semibold: 'IBM Plex Mono SemiBold', monospace;
	--font-editor-bold: 'IBM Plex Mono Bold', monospace;

	--font-size-s: 10px;
	--font-size-m: 12px;
	--font-size-l: 14px;
	--font-size-xl: 16px;

	--line-height-m: 1.3333333;
	--line-height-l: 1.6666666;
	--line-height-xl: 2;

	--line-height-s-px: 14px;
	--line-height-m-px: 16px;
	--line-height-l-px: 20px;
	--line-height-xl-px: 24px;
}

@font-face {
	font-family: 'Open Sans';
	src: url(../../OpenSans-Regular.ttf?1b0809d519837cb7aad3), url(../../OpenSans-Regular.ttf?1b0809d519837cb7aad3) format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans Semibold';
	src: url(../../OpenSans-SemiBold.ttf?a16d8201b06a03c6c365), url(../../OpenSans-SemiBold.ttf?a16d8201b06a03c6c365) format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans Bold';
	src: url(../../OpenSans-Bold.ttf?dbb97fd982ce1b96b6de), url(../../OpenSans-Bold.ttf?dbb97fd982ce1b96b6de) format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'IBM Plex Mono SemiBold';
	src: url(../../IBMPlexMono-SemiBold.ttf?1e4725a6662b68b99b90) format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'IBM Plex Mono Bold';
	src: url(../../IBMPlexMono-Bold.ttf?b268f25c466e055c5cfb) format('truetype');
	font-weight: 700;
	font-style: normal;
}

.widget-analytics-dashboard__cover {
		height: 100%;
	}

		.widget-analytics-dashboard__cover :global .react-component-wrapper {
				height: 100%;
			}
.inner {
    width: 105px;
}
/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/

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,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* cyrillic-ext */
@font-face {
	font-family: 'Roboto Flex';
	font-style: normal;
	font-weight: 100 1000;
	font-stretch: 100%;
	font-display: swap;
	src: url(../../cyrillic-ext.woff2?8a8cc7f6200e7e7c5518) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Roboto Flex';
	font-style: normal;
	font-weight: 100 1000;
	font-stretch: 100%;
	font-display: swap;
	src: url(../../cyrillic.woff2?13d7944c3ecd3d16a284) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
	font-family: 'Roboto Flex';
	font-style: normal;
	font-weight: 100 1000;
	font-stretch: 100%;
	font-display: swap;
	src: url(../../greek.woff2?eef35f45dd467ecfb78e) format('woff2');
	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
	font-family: 'Roboto Flex';
	font-style: normal;
	font-weight: 100 1000;
	font-stretch: 100%;
	font-display: swap;
	src: url(../../vietnamese.woff2?01a8c24b4c27a3835d13) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Roboto Flex';
	font-style: normal;
	font-weight: 100 1000;
	font-stretch: 100%;
	font-display: swap;
	src: url(../../latin-ext.woff2?d713d5e107fabf5c50d4) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Roboto Flex';
	font-style: normal;
	font-weight: 100 1000;
	font-stretch: 100%;
	font-display: swap;
	src: url(../../latin.woff2?767bdf24317e15c751b0) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
	--box-accent-default: #5e76ff;
	--box-accent-default-rgb: 94, 118, 255;
	--box-accent-hovered: #6c84ff;
	--box-accent-hovered-rgb: 108, 132, 255;
	--box-accent-pressed: #5468f0;
	--box-accent-pressed-rgb: 84, 104, 240;
	--box-primary: #020304;
	--box-primary-rgb: 2, 3, 4;
	--box-quaternary: #353b47;
	--box-quaternary-rgb: 53, 59, 71;
	--box-secondary: #171923;
	--box-secondary-rgb: 23, 25, 35;
	--box-tertiary: #262a37;
	--box-tertiary-rgb: 38, 42, 55;
	--extra-violet-default: #975eff;
	--extra-violet-default-rgb: 151, 94, 255;
	--extra-violet-fade: #b294ff;
	--extra-violet-fade-rgb: 178, 148, 255;
	--extra-violet-hovered: #9f6eff;
	--extra-violet-hovered-rgb: 159, 110, 255;
	--extra-violet-selected: #8b53ed;
	--extra-violet-selected-rgb: 139, 83, 237;
	--link-primary-default: #ffe555;
	--link-primary-default-rgb: 255, 229, 85;
	--link-primary-hovered: #ffec5d;
	--link-primary-hovered-rgb: 255, 236, 93;
	--link-primary-selected: #ffcf3f;
	--link-primary-selected-rgb: 255, 207, 63;
	--status-nagative-default: #ff5e76;
	--status-nagative-default-rgb: 255, 94, 118;
	--status-nagative-fade: #ffa2b6;
	--status-nagative-fade-rgb: 255, 162, 182;
	--status-nagative-hovered: #ff748b;
	--status-nagative-hovered-rgb: 255, 116, 139;
	--status-nagative-selected: #df4557;
	--status-nagative-selected-rgb: 223, 69, 87;
	--status-positive-default: #6fe659;
	--status-positive-default-rgb: 111, 230, 89;
	--status-positive-fade: #b8f2a2;
	--status-positive-fade-rgb: 184, 242, 162;
	--status-positive-hovered: #83e96d;
	--status-positive-hovered-rgb: 131, 233, 109;
	--status-positive-selected: #57d94c;
	--status-positive-selected-rgb: 87, 217, 76;
	--text-accent: #5e76ff;
	--text-accent-rgb: 94, 118, 255;
	--text-on-color-black: #000000;
	--text-on-color-black-rgb: 0, 0, 0;
	--text-on-color-white: #ffffff;
	--text-on-color-white-rgb: 255, 255, 255;
	--text-primary: #eff5f7;
	--text-primary-rgb: 239, 245, 247;
	--text-secondary: #c1cfd6;
	--text-secondary-rgb: 193, 207, 214;
	--text-tertiary: #6f7e8f;
	--text-tertiary-rgb: 111, 126, 143;

} 
.dropDown {
	border: 1px solid;
	box-sizing: border-box;
	position: absolute;
	display: none;
	z-index: 100;
	margin-top: 1px;
	overflow: hidden;
	transition: visibility 0s linear 0s;
	border-color: var(--dropdown-list-border-color);
	background-color: var(--dropdown-list-bg-color);
	color: var(--table-text-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
}

	@supports ((-webkit-backdrop-filter: blur(25px)) or (backdrop-filter: blur(25px))) {
		.dropDown {
			-webkit-backdrop-filter: blur(25px);
			        backdrop-filter: blur(25px);
		}
	}

	.dropDown--list:hover .dropDown--option-highlight {
			color: inherit;
			background-color: inherit;
		}

	.dropDown--list:hover .dropDown--option-highlight.searchResult em {
				color: inherit;
			}

	.dropDown--list:hover .dropDown--option-highlight:hover {
				color: var(--common-text-selected);
			}

	.dropDown--list:hover .dropDown--option-highlight:hover.searchResult em {
					color: var(--common-text-selected);
					transition: color 220ms ease-in;
				}

	.dropDown--search,
	.dropDown--listWrap {
		position: relative;
	}

	.dropDown--groupTitle,
	.dropDown--option {
		transform-origin: top center;
	}

	.dropDown--groupTitle {
		color: var(--additional-text-color);
	}

	.dropDown--option {
		position: relative;
		color: var(--dropdown-list-text-color);
	}

	.dropDown--option:hover.searchResult em, .dropDown--option-highlight.searchResult em {
				color: var(--common-text-selected);
				transition: color 220ms ease-in;
			}

	.dropDown--option:hover {
			background: var(--list-item-hovered-bg-color);
		}

	.dropDown--option:active {
			background: var(--dropdown-list-bg-pressed-color);
		}

	.dropDown--option[value='placeholder'] {
			display: none;
		}

	.dropDown--option-selected,
			.dropDown--option-selected:hover {
				color: var(--common-text-selected);
				transition: color 220ms ease-in;
			}

	.dropDown--option-selected .dropDown--optionIcon svg, .dropDown--option-selected:hover .dropDown--optionIcon svg {
						fill: var(--common-text-selected);
					}

	.dropDown--option .icon {
			fill: var(--tick-icon-color);
			color: var(--tick-icon-color);
		}

	.dropDown-shown, .dropDown-shown-up {
		display: block;
		visibility: visible;
	}

	.dropDown-shown .dropDown--groupTitle, .dropDown-shown .dropDown--option, .dropDown-shown-up .dropDown--groupTitle, .dropDown-shown-up .dropDown--option {
				animation: showDropdownItem 0.17s ease-in both;
			}

	.dropDown-shown {
		animation: slideDropdownDown 0.4s cubic-bezier(0, 0, 0, 1.3);
	}

	.dropDown-shown-up {
		animation: showMenu 0.4s cubic-bezier(0, 0, 0, 1.3);
	}

	.dropDown-hidden,.dropDown-hidden-up {
	    display: block;
	  	visibility: hidden;
	 	transition-delay: 0.25s;
	 	animation-delay: 0.25s;
	}

	.dropDown-hidden-up {
		 animation: hideMenu 0.25s linear;
	}

	.dropDown-hidden {
		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 .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: 50%;
				transform: translateY(-50%);
				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;
			border-color: var(--widget-header-button-inside-border-side-color);
		}

	.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;
					background-color: var(--dropdown-list-bg-color);
				}

	.dropDown.dropDown-directionUp {
		margin: 0 0 0.084em 0;
		box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
	}

	.dropDown .scrollbar {
		background: inherit;
	}

@keyframes showMenu {
	from {
		transform: translateY(100%) rotateX(-90deg);
	}
	to {
		transform: translateY(0%) rotateX(0);
	}
}

@keyframes hideMenu {
	to {
		transform:  translateY(60%) rotateX(-90deg);
	}
}


@keyframes slideDropdownDown {
	from {
		height: 0;
	}

	to {
		height: -moz-max-content;
		height: max-content;
	}
}

@keyframes slideDropdownUp {

	from {
		height: -moz-max-content;
		height: max-content;
	}

	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-hidden {
			animation-duration: 0s;
		}

.selectBox {
	position: relative;
	vertical-align: middle;
	box-sizing: border-box;
	border-radius: calc(var(--controls-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: calc(var(--controls-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: 5px;
		right: 0;
		top: 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 {
			position: relative;
			top: 1px;
		}

	.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 {
			margin-top: 1px;
		}

	.selectBox-disabled:active .selectBox--label {
				position: initial;
				top: 0;
			}

	.selectBox-disabled:active .selectBox--arrow {
				margin-top: 0;
			}

.selectBox {
	background-color: var(--dropdown-default-bg-color);
	box-shadow: 0 0 0 1px var(--dropdown-border-outside-color);
}

.selectBox::before {
		border-top-color: transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
		border-right-color: transparent;
		background: transparent;
		transition: background 220ms ease-in;
	}

.selectBox:hover::before {
			background: var(--button-hovered-overlay-color);
		}

.selectBox-active::before, .selectBox-active:hover::before, .selectBox:active::before, .selectBox.selectBox-active::before {
			border-color: transparent;
			background: var(--button-pressed-overlay-color);
		}

.selectBox-active {
		box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		outline: none;
	}

.selectBox--label {
		color: var(--dropdown-default-text-color);
	}

.selectBox--arrow .icon {
			fill: var(--icon-primary-default-color);
		}

.selectBox--labelIcon .icon {
			fill: var(--icon-primary-default-color);
		}

.selectBox-disabled,
		.selectBox-disabled:hover,
		.selectBox-disabled.selectBox-active,
		.selectBox-disabled:active {
			box-shadow: 0 0 0 1px var(--dropdown-disabled-border-outside-color);
			background: var(--dropdown-disabled-bg-color);
		}

.selectBox-disabled::before, .selectBox-disabled:hover::before, .selectBox-disabled.selectBox-active::before, .selectBox-disabled:active::before {
				border-color: transparent;
				background: transparent;
			}

.selectBox-disabled .selectBox--label {
				color: var(--common-text-disabled);
			}

.selectBox-disabled .selectBox--label .icon {
					fill: var(--icon-disabled-color);
				}

.selectBox-disabled .selectBox--arrow svg, .selectBox-disabled .selectBox--arrow:active svg, .selectBox-disabled .selectBox--arrow:hover svg {
						fill: var(--icon-disabled-color);
						transition: fill 220ms ease-in;
					}

#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;
		}
.cursor {
	position: absolute;
	white-space: nowrap;
	height: 1rem;
	margin-top: -1rem;
}

	.cursor--quote {
		background-color: var(--chart-bg-color);
		color: var(--common-text-default);
		position: relative;
		padding: 1px 3px  2px;
		margin-left: -50%;
		font-size: 1rem;
		left: calc(-100% - 11px - 3px);
	}

	.cursor--quote::before {
			content : "";
			background-image: url(../../icons-positions-orders-statuses.png?f84c1ffb6ec1870ecee1);
			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 0;
	}

.cursor-limit.cursor-above .cursor--quote:before {
		background-color: var(--chart-trading-down-line-color);
	}

.cursor-limit.cursor-below .cursor--quote:before {
		background-color: var(--chart-trading-up-line-color);
	}

.cursor-stop .cursor--quote:before {
		background-position: left -44px;
	}

.cursor-stop.cursor-above .cursor--quote:before {
		background-color: var(--chart-trading-up-line-color);
	}

.cursor-stop.cursor-below .cursor--quote:before {
		background-color: var(--chart-trading-down-line-color);
	}

.crossToolPluginView--chartInfo {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3; /*FIXME*/
		display: none;
	}
		.crossToolPluginView--chartInfo-fixed {
			display: block;
		}
		.crossToolPluginView--chartInfo-alignedRight > * {
				transform: translateX(-100%);
			}
	.crossToolPluginView-visible .crossToolPluginView--chartInfo {
				display: block;
			}
	.crossToolPluginView-disabled .crossToolPluginView--chartInfo {
				display: none;
			}

.crossToolPluginView--axisLabel {
		z-index: 6;
	}

/*FIXME!*/

.crossToolPluginView--axisLabel-x .crossToolPluginView--axisLabelValue {
					margin-top: 9px;
				}

.crossToolPluginView--axisLabel-y .crossToolPluginView--axisLabelValue {
					padding-left: 6.5px;
				}

.crossToolPluginView--axisLabelValue {
		font-size: 12px;
		font-weight: normal;
		line-height: 12px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 1px;
		white-space: nowrap;
	}

.crossToolPluginView--chartInfo {
		z-index: 30; /*FIXME - need z-index management ASAP!*/
		height: 100%;
		width: 0;
		margin-left: 15px;
		padding-right: 15px;
	}

.crossToolPluginView--chartInfo .chartInfo--toggle {
				display: none;
			}

.crossToolPluginView--chartInfo-fixed {
			margin-left: 0;
			padding-right: 0;
		}

.crossToolPluginView--chartInfo-fixed .chartInfo {
				margin-left: 7px;
			}

.crossToolPluginView--chartInfo-fixed .chartInfo--toggle {
					display: block;
				}

.crossToolPluginView--chartInfo-alignedRight .chartInfo {
				transform: translateX(calc(-100% - 30px));
			}
.chartInfo {
	box-sizing: border-box;
	margin-top: 22px;
	min-width: 155px;
	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:first-child {
			padding-top: 2px;
		}

	.chartInfo--group {

		box-sizing: border-box;
		display: table;
		min-width: 100%;
		padding-left: 8px;
		padding-right: 8px;
		margin-bottom: 9px;
}

	.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 {
		display: flex;
		justify-content: space-between;
	}

	.chartInfo--label {
		box-sizing: border-box;
		padding-right: 10px;
		min-width: 30px;
	}

	.chartInfo--label:not(:last-child) {
			padding-bottom: 1px;
		}

	.chartInfo--value {
		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 {
	background-color: var(--chart-info-bg-color);
	border-radius: 2px;
}



.chartInfo--title {
		color: var(--chart-cross-data-text-color);
	}



.chartInfo--toggle {
		background-color: transparent;
		fill: var(--icon-contextual-secondary-default-color);
		transition: background-color var(--animation-extra-fast) ease-in, transform var(--animation-extra-fast) ease-in;
	}



.chartInfo--toggle:hover {
			background-color: var(--chart-info-hover-bg-color);
		}



.chartInfo--group-candle .chartInfo--value {
					color: var(--crosshair-box-value-text-color);
				}



.chartInfo--group-volume .chartInfo--value {
					color: var(--crosshair-box-value-text-color);
				}



.chartInfo--group-up .chartInfo--value {
					color: var(--chart-up-line-color);
				}



.chartInfo--group-down .chartInfo--value {
					color: var(--chart-down-line-color);
				}



.chartInfo--groupTitle {
		color: var(--chart-cross-data-text-color);
	}



.chartInfo--label {
		color: var(--chart-cross-label-text-color);
	}



.chartInfo--value {
		color: var(--chart-cross-data-text-color);
	}



.chartInfo--studies {
		border-top-color: var(--line-color-2);
	}



.chartInfo--line {
		opacity: 0.8;
		border-color: var(--chart-default-line-color);
	}



.chartInfo--label span {
			background-color: var(--chart-info-bg-color);
			color: var(--common-text-default);
		}



.chartInfo-collapsed .chartInfo--toggle {
				transform: rotate(-180deg);
			}

/* Safari Only 7.1+ */
_::-webkit-full-page-media, _:future, :root .chartInfo {
	background-color: var(--chart-info-bg-color, .83);
}

.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;touch-action:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-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{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.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{transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{transform:translate(0,50%)}.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;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{transform:translate(0,-18px);top:auto;right:28px}
.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 {
				width: 8px;
				height: 6px;
				padding-top: 17px;
			}
		.control-range .noUi-handle::after,
				.control-range .noUi-handle::before {
					display: none;
				}
		.control-range .noUi-handle .noUi-touch-area {
					border-style: solid;
					border-width: 4px;
					border-top: none;
					border-radius: 0;
					margin-left: -4px;
					cursor: pointer;
					background-color: transparent;
					border-color: transparent transparent var(--slider-handle-color) transparent;
				}
		.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-svgConnect {
				position: absolute;
				fill: var(--slider-bg-color);
				left: 0;
				pointer-events: none;
				top: 0;
				width: 122px;
				height: 8px;
			}
		.control-range .noUi-horizontal .noUi-handle {
						border: 0;
					}
		.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;
				background: none;
			}

[disabled] .noUi-base, [disabled].noUi-base {
		cursor: default;
	}

[disabled] .noUi-handle, [disabled].noUi-handle {
		border-color: transparent transparent var(--slider-disabled-handle-color) transparent;
		cursor: default;
	}

[disabled] .noUi-svgConnect, [disabled].noUi-svgConnect {
		fill: var(--slider-disabled-bg-color);
	}

[disabled] ~ .control--postfix {
	color: var(--common-text-disabled);
}

.toast-order-handling__container .MessageValue__container {
				display: block;
			}
			.toast-order-handling__container .MessageValue__description {
				word-break: break-word;
			}
	.toast-order-handling__info {
		display: flex;
		align-items: center;
		font-size: 14px;
		color: var(--common-text-default);
	}
	.toast-order-handling__time,
	.toast-order-handling__account,
	.toast-order-handling__number {
		color: var(--common-text-default);
	}
	.toast-order-handling__account {
		margin-right: 7px;
	}
	.toast-order-handling__description {
		color: var(--corner-notification-description-text-color);
	}
	.toast-order-handling__status {
		margin: 0 8px;
		color: var(--toast-notification-text-color-1);
		text-transform: uppercase;
	}
	.toast-order-handling__iconWrapper {
		display: inline-flex;
		align-items: center;
	}
	.toast-order-handling__mode {
		color: var(--link-default-text-color);
		font-weight: 500;
	}
	.toast-order-handling__icon {
		width: 32px;
		height: 22px;
	}
	.toast-order-handling__icon svg {
			width: 100%;
			height: 100%;
		}
	.toast-order-handling__icon:not(:last-of-type) {
			margin-right: 7px;
		}
	.toast-order-handling__icon_midi {
			width: 28px;
			height: 14px;
		}
	.toast-order-handling__icon_min {
			width: 18px;
			height: 14px;
		}
	.toast-order-handling__textStatus {
		font-weight: 500;
	}
	.toast-order-handling__textStatus_buy {
			color: var(--positive-text-color);
		}
	.toast-order-handling__textStatus_sell {
			color: var(--negative-text-color);
		}
	.toast-order-handling__text {
		color: var(--common-text-default);
	}
	.toast-order-handling__textItem {
		display: block;
	}
	.toast-order-handling__textWrapper {
		margin-top: 10px;
	}
	.toast-order-handling__message {
		margin-top: 12px;
	}
	.toast-order-handling__dogSymbol {
		color: var(--at-text-color-2);
	}
	.toast-order-handling :global(.mobile) .info {
			font-size: 16px;
		}
.toast-critical__container {
		box-sizing: border-box;
		position: relative;
		border: none;
		overflow: hidden;
	}

		.toast-critical__container,
		.toast-critical__container:hover {
			background: var(--notification-corner-critical-bg-color);
			box-shadow: 0 7px 15px 0 var(--notification-corner-critical-shadow-color);
		}

		.toast-critical__container::after {
			background-color: var(--notification-corner-critical-vertical-line-color);
		}
	.toast-critical__header__text {
		color: var(--negative-text-color);
	}
	.toast-critical__text {
		margin-top: 15px;
		line-height: 1.36;
		color: var(--common-text-default);
	}
	.toast-critical__message {
		margin-top: 9px;
		line-height: 1.36;
		color: var(--corner-notification-description-text-color);
	}
	.toast-critical__account {
		color: var(--toast-notification-text-color-1);
	}
.order.table--row:hover {
			background: var(--table-row-bg-hover-color);
		}

			.order.table--row:hover .sticky--actions-cell--container {
				opacity: 1;
			}
	.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: 13px;
			height: 13px;
			transform: translateY(-1px);
		}
	#ruler .order--side,
		.grid--body .order--side {
			display: inline-block;
			text-transform: uppercase;
			text-align: right;
		}
	.grid--body .order--side {
			letter-spacing: 0.5px;
		}
	#ruler .order--side {
			font-size: 1.1rem;
			vertical-align: middle;
			letter-spacing: 1px;
		}
	.order-rejected .sticky--actions-cell, .order-canceled .sticky--actions-cell, .order-filled .sticky--actions-cell, .order-expired .sticky--actions-cell, .order-expanded .sticky--actions-cell {
			visibility: hidden;
			opacity: 0;
		}
	.order-heading .sticky--actions-cell {
			display: none;
		}
	.order-rejected td, .order-rejected td .price, .order-canceled td, .order-canceled td .price, .order-filled td, .order-filled td .price, .order-expired td, .order-expired td .price  {
			color: var(--expired-text-color);
		}
	.order-pending, .order .order--statusIcon .icon, .order-pending .order--status {
		fill: var(--status-pending-text-color);
		color: var(--status-pending-text-color);
	}
	.order-expired .order--status,
	.order-expired .order--statusIcon .icon {
		fill: var(--status-expired-text-color);
		color: var(--status-expired-text-color);
	}
	.order-filled .order--status,
	.order-filled .order--statusIcon .icon {
		fill: var(--status-filled-text-color);
		color: var(--status-filled-text-color);
	}
	.order-working .order--status,
	.order-working .order--statusIcon .icon {
		fill: var(--status-working-text-color);
		color: var(--status-working-text-color);
	}
	.order-rejected .order--status,
	.order-rejected .order--statusIcon .icon {
		fill: var(--status-rejected-text-color);
		color: var(--status-rejected-text-color);
	}
	.order-canceled .order--status,
	.order-canceled .order--statusIcon .icon {
		fill: var(--status-cancelled-text-color);
		color: var(--status-cancelled-text-color);
	}
	.order-sending .order--status,
	.order-sending .order--statusIcon .icon {
		fill: var(--status-sending-text-color);
		color: var(--status-sending-text-color);
	}
	/*orderes active*/
	.order-sending.order-sell .order--side, .order-pending.order-sell .order--side, .order-working.order-sell .order--side {
				color: var(--negative-text-color);
			}
	.order-sending.order-buy .order--side, .order-pending.order-buy .order--side, .order-working.order-buy .order--side {
				color: var(--positive-text-color);
			}
	/*when details block is visible*/
	.order-expanded .table--cell,
			.order-expanded .table--cell:first-child,
			.order-expanded .table--cell:last-child {
				background-color: var(--table-row-selected-bg-color);
				color: var(--selected-text-color);
			}
	.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: var(--na-selected-text-color);
						}
.mobile .grid--body .order--actions .button-icon {
					width: 12px;
					height: 12px;
				}

body.nativeElementDragging .droppable-corners {
		display: block;
	}
:root {
	--root-font-size: 10px;
	--body-font-size: 12px;
	--body-font-family: 'Open Sans', sans-serif;
	--body-font-weigt: normal;
	--min-viewport-width: 1024px;
	--max-viewport-width: 1920px;
	--animation-default: 400ms;
	--animation-fast: 200ms;
	--animation-extra-fast: 100ms;
	--controls-border-radius: 2px;
	--table--resize-divider-height: 14px;
	--table--cell-font-size: 12px;
	--table--cell-head-font-size: 10px;
	--table--cell-head-font-weight: normal;
	--table--cell-height: 20px;
	--table--filtered-bg-color: var(--filter-table-bg-color);
	--table--cell-icon-default-color: var(--icon-secondary-default-color);
	--table--cell-icon-active-color: var(--icon-pressed-color);
	--table-control-comboBox-padding-right: 16px;
	--table-selectBox-label-padding-right: 16px;
	--table-selectBox-arrow-padding-top: 4px;
	--table-selectBox-arrow-margin-right: 4px;
	--header-height: 77px;
}
@font-face {
	font-family: 'Open Sans';

	/* url('opensans/opensans-bold.ttf') format('truetype'), /* Safari, Android, iOS */

	src: url(../../opensans-bold.eot?78e1d7f3459bf143570e); /* IE9 Compat Modes */
	src: local(''),
		url(../../opensans-bold.eot?78e1d7f3459bf143570e?#iefix) format('embedded-opentype'), /* IE6-IE8 */
		url(../../opensans-bold.woff2?92425c623934facef057) format('woff2'), /* Super Modern Browsers */
		url(../../opensans-bold.woff?f24f4bcef8a4a0eb6345) format('woff'), /* Modern Browsers */
		url(../../opensans-bold.svg?926388f043fc8117b35b#OpenSans) format('svg'); /* Legacy iOS */

	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';

	/* url('opensans/opensans-bolditalic.ttf') format('truetype'), Safari, Android, iOS */

	src: url(../../opensans-bolditalic.eot?bc685e3eac64a96cd139); /* IE9 Compat Modes */
	src: local(''),
		url(../../opensans-bolditalic.eot?bc685e3eac64a96cd139?#iefix) format('embedded-opentype'), /* IE6-IE8 */
		url(../../opensans-bolditalic.woff2?2a0783bd1c6c1469558b) format('woff2'), /* Super Modern Browsers */
		url(../../opensans-bolditalic.woff?e961bdb476db6860f20f) format('woff'), /* Modern Browsers */
		url(../../opensans-bolditalic.svg?17fb3025708856cda941#OpenSans) format('svg'); /* Legacy iOS */

	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';

	/* url('opensans/opensans-italic.ttf') format('truetype'), Safari, Android, iOS */

	src: url(../../opensans-italic.eot?3afe546ad5c15a41abd2); /* IE9 Compat Modes */
	src: local(''),
		url(../../opensans-italic.eot?3afe546ad5c15a41abd2?#iefix) format('embedded-opentype'), /* IE6-IE8 */
		url(../../opensans-italic.woff2?bb915319f59c02c348a6) format('woff2'), /* Super Modern Browsers */
		url(../../opensans-italic.woff?56bdf84751634e8deaff) format('woff'), /* Modern Browsers */
		url(../../opensans-italic.svg?a80aff34ae9733004fbc#OpenSans) format('svg'); /* Legacy iOS */

	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';

	/* url('opensans/opensans-light.ttf') format('truetype'), /* Safari, Android, iOS */

	src: url(../../opensans-light.eot?4e01f785c83661d38a5c); /* IE9 Compat Modes */
	src: local(''),
		url(../../opensans-light.eot?4e01f785c83661d38a5c?#iefix) format('embedded-opentype'), /* IE6-IE8 */
		url(../../opensans-light.woff2?b871ad6e5cbe2a1c8c73) format('woff2'), /* Super Modern Browsers */
		url(../../opensans-light.woff?38bcfba2c37aac23453f) format('woff'), /* Modern Browsers */
		url(../../opensans-light.svg?bb3b405a4608d51ddb13#OpenSans) format('svg'); /* Legacy iOS */

	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	
	/* url('opensans/opensans-regular.ttf') format('truetype'), /* Safari, Android, iOS */

	src: url(../../opensans-regular.eot?b9e56724ef49012eeb57); /* IE9 Compat Modes */
	src: local(''),
			url(../../opensans-regular.eot?b9e56724ef49012eeb57?#iefix) format('embedded-opentype'), /* IE6-IE8 */
			url(../../opensans-regular.woff2?f57a62e9efddf6ace18b) format('woff2'), /* Super Modern Browsers */
			url(../../opensans-regular.woff?347639ec49f4b2884a96) format('woff'), /* Modern Browsers */
			url(../../opensans-regular.svg?1d0d8b66fa1da76d69b9#OpenSans) format('svg'); /* Legacy iOS */

	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';

	/* url('opensans/opensans-semibold.ttf') format('truetype'), /* Safari, Android, iOS */

	src: url(../../opensans-semibold.eot?bbccb82824635750281d); /* IE9 Compat Modes */
	src: local(''),
			url(../../opensans-semibold.eot?bbccb82824635750281d?#iefix) format('embedded-opentype'), /* IE6-IE8 */
			url(../../opensans-semibold.woff2?9526470852428b4340ed) format('woff2'), /* Super Modern Browsers */
			url(../../opensans-semibold.woff?7e06644bbdc83069cec8) format('woff'), /* Modern Browsers */
			url(../../opensans-semibold.svg?099f4053beec784ab9d0#OpenSans) format('svg'); /* Legacy iOS */

	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans Condensed';

	/* url('opensans/opensanscondensed-light.ttf') format('truetype'), /* Safari, Android, iOS */

	src: url(../../opensanscondensed-light.eot?cef1ef114fa09a778dfb); /* IE9 Compat Modes */
	src: local(''),
		 url(../../opensanscondensed-light.eot?cef1ef114fa09a778dfb?#iefix) format('embedded-opentype'), /* IE6-IE8 */
		 url(../../opensanscondensed-light.woff2?a192808a9079dee3a9e8) format('woff2'), /* Super Modern Browsers */
		 url(../../opensanscondensed-light.woff?674d7a73332bab81bb2c) format('woff'), /* Modern Browsers */
		 url(../../opensanscondensed-light.svg?1987df4bf31180507785#OpenSansCondensed) format('svg'); /* Legacy iOS */

	font-weight: 300;
	font-style: normal;
}
/* For dxfeed widgets (Radar, Heatmap, etc.) */

html,
body,
main.main {
	height: 100%;
}
body {
	position: relative;
	min-width: var(--min-viewport-width);
	overflow-y: hidden;
	overflow-x: auto;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	cursor: default;
}
/* Allows users to insert a new widget into a widget with an iframe element in its body */
body.dragging iframe {
			pointer-events: none;
		}
body.detachedMode {
		min-width: 300px;
	}

.app {
	height: 100%;
	overflow: hidden;
}

body {
	color: var(--common-text-default);
	background: linear-gradient(to bottom, var(--app-bg-grad-top-color), var(--app-bg-grad-bottom-color));
}

a {
	transition: color var(--animation-fast);
	color: var(--link-default-text-color)	;
}

a:hover {
		color: var(--link-hovered-text-color);
		transition: color 220ms ease-in;
	}

a:active {
		color: var(--icon-link-pressed-color);
	}


::-webkit-input-placeholder {
	color: var(--input-placeholder-text-color);
}
::-moz-placeholder {
	color: var(--input-placeholder-text-color);
}
:-ms-input-placeholder {
	color: var(--input-placeholder-text-color);
}

.search--result td {
	transition: background var(--animation-fast);
}

.react-component-wrapper.layout-item-widget {
	height: 100%;
}

html,
body {
	height: 100%;
}
html {
	font-size: var(--root-font-size);
}
body {
	font: var(--body-font-size) var(--body-font-family);
	color: var(--common-text-default);
	background: linear-gradient(to bottom, var(--app-bg-grad-top-color), var(--app-bg-grad-bottom-color));
}
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 {
	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;
}

a {
	transition: color var(--animation-fast);
	color: var(--link-default-text-color)	;
}

a:hover {
		color: var(--link-hovered-text-color);
		transition: color 220ms ease-in;
	}

a:active {
		color: var(--icon-link-pressed-color);
	}


::-webkit-input-placeholder {
	color: var(--input-placeholder-text-color);
}
::-moz-placeholder {
	color: var(--input-placeholder-text-color);
	opacity: 1;
}
:-ms-input-placeholder {
	color: var(--input-placeholder-text-color);
}

.search--result td {
	transition: background var(--animation-fast);
}

.mobile body {
	min-width: 0;
	overscroll-behavior: none;
}
html.mobile {
	overflow-x: hidden;
}

.tooltip {
	position: absolute;
	max-width: 300px;
	padding: 9px 10px 8px 10px;
	text-align: left;
	margin-top: -2px;
	z-index: 100;
	box-shadow:  0 -2px 10px var(--shadow-color), 0 4px 10px var(--hint-tooltip-shadow);
	background-color: var(--hint-tooltip-bg-color);
}

	.tooltip--pointer {
		pointer-events: none;
	}

	.tooltip--pointer-arrowTop::before, .tooltip--pointer-arrowBottom::before, .tooltip--pointer-arrowBottomLeft::before {
				box-shadow:  0 0 10px var(--shadow-color);
				background-color: var(--hint-tooltip-bg-color);
			}

	.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;
				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;
				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;
				transform: rotate(45deg);
			}

	.tooltip--header {
		margin-bottom: 10px;
		font-size: 12px;
		font-weight: bold;
		line-height: 12px;
		color: var(--common-text-default);
	}

	.tooltip--content {
		font-size: 12px;
		line-height: 16px;
		color: var(--hint-tooltip-text-color);
	}

	.tooltip--paragraph {
		margin-bottom: 8px;
	}

	.tooltip--paragraph:last-child {
			margin-bottom: 0;
		}

	.tooltip .planned-marker__container {
		margin-right: 8px;
		transform: translateY(-2px);
	}

	.tooltip_rule {
		max-width: 430px;
	}

.showDataTooltip *[data-helpkey]::after {
	max-width: 300px;
	top: -5px;
	left: unset;
	box-shadow: 0 -2px 10px #000, 0 4px 10px var(--text-tool-default-black-color);
	background-image: linear-gradient(to right, var(--widget-header-grad-color-1), var(--widget-header-grad-color-2));
	color: var(--table-text-color);
	padding: 9px 10px 8px 10px;
}

/* styles for data-helpkey tooltip */
[data-helpkey] {
	position: relative;
}
[data-helpkey]:hover::after {
			opacity: 1;
		}
[data-helpkey]::after {
		content: attr(data-helpkey);
		display: block;
		padding: 6px 10px 5px 10px;
		margin-top: -2px;
		box-shadow: 0 -2px 10px var(--shadow-color), 0 4px 10px var(--shadow-color);
		background-color: var(--hint-tooltip-bg-color);
		color: var(--hint-tooltip-text-color);
		border: 1px solid var(--hint-tooltip-border-color);
		font-size: 12px;
		line-height: 16px;
		text-align: left;
		position: absolute;
		left: 100%;
		top: 100%;
		z-index: 100;
		opacity: 0;
		pointer-events: none;
		transition: opacity var(--animation-default);
		white-space: pre;
	}

.tooltipButtonAdd__container {
		position: relative;
	}
	.tooltipButtonAdd__content {
		font-size: 14px;
	}
.buttonAddPopover__container {
		background-color: transparent;
		border: 0;
		overflow: visible;
		margin-top: 23px;
	}

.button-add {
	display: flex;
	align-items: center;
	padding: 0 8px;
	border: none;
	transition: color var(--animation-default);
	background: none;
}

	.button-add:hover .icon {
			fill: var(--icon-hovered-color);
			transition: fill 220ms ease-in;
		}

	.button-add:active .icon {
			position: relative;
			top: 1px;
			fill: var(--icon-pressed-color);
		}

	.button-add::before {
		display: none;
	}

	.button-add:focus {
		box-shadow: none;
	}

	.button-add.button-disabled {
		cursor: default;
	}

	.button-add.button-disabled .icon {
			fill: var(--icon-disabled-color);
		}

	.button-add .icon {
		width: 13px;
		height: 13px;
		fill: var(--icon-secondary-default-color);
		transition: fill 220ms ease-out;
	}

@keyframes tabBorderScale {
	from {
		transform: scale(0);
	}

	to {
		transform: scale(1);
	}
}

.headerNew {
	box-sizing: border-box;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: var(--app-header-bg-color);
}

.headerNew .logo_trade {
			margin: 0 17px 0 0;
			transform: translateY(-1px);
		}

.headerNew--top {
		display: flex;
		width: 100%;
		position: relative;
		align-items: center;
		padding: 10px 15px 4px;
		box-sizing: border-box;
	}

.headerNew--widgets {
		white-space: nowrap;
		position: relative;
		z-index: 2;
		display: flex;
		align-items: center;
	}

.headerNew--buttons {
		display: flex;
		align-items: center;
		flex-shrink: 0;
		padding-left: 16px;
		position: relative;
		z-index: 101;
	}

.headerNew--buttons .button-undo {
			margin-left: 1px;
			margin-right: 9px;
		}

.headerNew--buttons .button-redo {
			margin-right: 22px;
		}

.headerNew--buttons .react-component-wrapper {
			display: inline-flex;
		}

.headerNew--bottom {
		display: flex;
		padding: 0 5px;
	}

.headerNew--menu {
		position: relative;
		display: flex;
		height: 24px;
		margin: 0;
		padding: 0;
		max-width: calc(100% - 29px); /* 29px = button-add width */
		border-left: 1px solid var(--workspace-tab-divider);
	}

.headerNew--menu .control input[type="text"] {
				color: var(--input-alt-default-text);
				background: var(--input-alt-default-bg);
			}

.headerNew--menu .control input[type="text"]:hover {
					background: var(--input-alt-default-bg);
				}

.headerNew--menu .control input[type="text"]:focus {
					background: var(--input-alt-default-bg);
				}

.headerNew--menuItem {
		display: flex;
		align-items: center;
		height: calc(100% - 1px);
		padding: 0 12px 4px;
		margin-top: 1px;
		vertical-align: middle;
		cursor: pointer;
		pointer-events: all;
		color: var(--tab-text-color);
		position: relative;
		transition: color 220ms ease-out;
		overflow: hidden;
		box-sizing: border-box;
	}

.headerNew--menuItem:hover {
			transition: color 220ms ease-in;
		}

.headerNew--menuItem:hover:after {
				background: var(--tab-hover-line-color);
				transition: all 220ms ease-in;
			}

.headerNew--menuItem::after {
			content: "";
			position: absolute;
			height: 3px;
			width: 100%;
			bottom: 0;
			left: 0;
			background: transparent;
			transition: all 220ms ease-out;
		}

.headerNew--menuItem:not(.headerNew--menuItem-selected):hover {
			color: var(--tab-selected-text-color);
		}

.headerNew--menuItem-selected {
			padding-right: 0;
			color: var(--tab-selected-text-color);
		}

.headerNew--menuItem-selected::after {
				animation: tabBorderScale .4s ease-in-out;
				animation-fill-mode: forwards;
			}

.headerNew--menuItem-selected::after, .headerNew--menuItem-selected:hover::after {
					background: var(--tab-selected-line-color);
				}

.headerNew--menuItem-selected .headerNew--menuItemControls {
				display: flex;
			}

.headerNew--menuItem-menuShowed .headerNew--menuItemControls {
					display: flex;
				}

.headerNew--menuItem-menuShowed .headerNew--contextMenu {
					fill: var(--icon-pressed-color);
				}

.headerNew--menuItem .button:focus {
				box-shadow: none;
			}

.headerNew--menuItem .button:hover .icon {
					fill: var(--icon-hovered-color);
				}

.headerNew--menuItem .button-widgetsMenu {
				width: 11px;
				height: 11px;
				margin-left: 5px;
			}

.headerNew--menuItem .button-closeTab {
				width: 7px;
				height: 7px;
				margin-left: 8px;
			}

.headerNew--menuItem .button .icon {
				fill: var(--icon-contextual-primary-default-color);
			}

.headerNew--menuItemTitle {
		display: block;
		position: relative;
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

.headerNew--menuItemTitle:active {
			top: 1px;
		}

.headerNew--menuItemControls {
		display: none;
		align-items: center;
		margin-top: 1px;
		background: transparent;
	}

.headerNew--menuItemControls:before {
			background-image: none;
		}

.headerNew__tradingTypeSwitcher {
		display: flex;
		position: relative;
		z-index: 1;
		margin-left: 15px;
	}
.checkBox input {
		display: none;
	}
	.checkBox--label {
		display: flex;
		align-items: center;
	}
	.checkBox--view {
		position: relative;
		width: 17px;
		height: 17px;
		box-sizing: border-box;
		margin-right: 8px;
		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: var(--input-default-border-outside-color);
		background: var(--input-default-bg-color);
	}

.checkBox--icon {
		fill: var(--checkbox-tick-color);
	}

.checkBox--label {
		color: var(--checkbox-text-color);
	}

.checkBox--label .checkBox--view {
			border-color: var(--input-default-border-outside-color);
			background: var(--input-default-bg-color);
			box-shadow: 0 1px 0 0 var(--input-default-shadow-inner-color) inset;
			transition: box-shadow 220ms ease-in;
		}

.checkBox--label:hover .checkBox--view {
			border-color: var(--input-hovered-border-outside-color);
			transition: background 220ms ease-in;
		}

.checkBox--label:hover .checkBox--view::before {
				background-color: var(--input-hovered-bg-color);
			}

.checkBox--label:active .checkBox--view {
			border-color: var(--form-control-focused-border-outside-color);
			background: var(--selected-input-bg-color);
		}

.checkBox--label:focus {
			outline: none;
		}

input[disabled] + .checkBox--label .checkBox--view {
			background: var(--input-disabled-bg-color);
			border-color: var(--checkbox-disabled-border-color);
			box-shadow: 0 1px 0 0 var(--input-default-shadow-inner-color) inset;
		}

input[disabled] + .checkBox--label .checkBox--icon {
			fill: var(--disabled-symbol-color);
		}

input[disabled] + .checkBox--label .checkBox--text {
			color: var(--common-text-disabled);
		}

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

:root {
	--header-height: 77px
}

.workarea__container {
		display: flex;
		height: 100%;
		flex-direction: column;
	}

.workarea__container_adding .widget::after, .workarea__container_dragging .widget::after {
					position: absolute;
					content: "";
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
					background: var(--widget-overlay-color);
					z-index: 100;
					pointer-events: none;
				}

.workarea__container_adding .widget .button-closeWidgetBig {
					display: block;
				}

.workarea__container_dragging .widget .button-closeWidgetBig {
					display: none;
				}

.workarea__container_detachedMode .header {
				display: none;
			}

.workarea__container_detachedMode .content {
				top: 0;
				height: 100%;
			}

.workarea__container_shrink .inner {
				height: 100%;
				margin-bottom: 5px;
				position: relative;
			}

.workarea__container_shrink .contentWrap {
				width: 100%;
				margin-bottom: 5px;
				position: absolute;
			}

.workarea__header {
		height: var(--header-height);
		flex-shrink: 0;
		position: relative;
		z-index: 1;
	}

.workarea__inner {
		display: flex;
		flex-grow: 1;
		flex-direction: column;
		justify-content: space-between;
		height: calc(100% - var(--header-height));
	}

.workarea__contentWrap {
		display: flex;
		flex-grow: 1;
		height: 100%;
		margin: 5px;
		transition: height 1s ease;
		overflow: hidden;
	}

.workarea__contentWrap_multiasset {
			margin-bottom: 45px;
		}

.workarea__content {
		display: flex;
		flex-grow: 1;
		width: 100%;
	}

.workarea__widget {
		height: 100%;
		width: 100%;
		overflow: hidden;
	}

.workarea__container-adding .widget::after, .workarea__container-dragging .widget::after {
				position: absolute;
				content: "";
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background: var(--widget-overlay-color);
				z-index: 100;
				pointer-events: none;
			}

.workarea__container-adding .widget .button-closeWidgetBig {
				display: block;
			}

.workarea__container-dragging .widget .button-closeWidgetBig {
				display: none;
			}

/*Docked Widget Mode Showcase*/

.workarea__debugMenu {
		position: absolute;
		bottom: 5px;
		left: 50%;
		z-index: 5000;
		border: 1px solid red;
		opacity: 0.7;
		padding: 2px;
	}
.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;
			color: var(--logo-brand-color);
		}

		.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-failed .loader--text {
					display: none;
				}

		.loader-main.loader-failed .loader--failure {
					visibility: visible;
				}



@keyframes mainLoading {
	50% {
		opacity: 0;
		transform: scale(0.9);
	}
}

.mobile .loader-main {
		background: var(--box-primary);
	}

.loader-main {
		background-color: var(--widget-bg-color);
	}

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

.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 .75s .25s;
	}

.widget-filtered .filterPanel {
		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;
	background: linear-gradient(to right, var(--filter-panel-bg-grad-color-1), var(--filter-panel-bg-grad-color-2));
}

.filterPanel--data {
		flex-grow: 1;
		margin-right: 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.filterPanel--data:hover + .filterPanel--details {
			display: table;
		}

.filterPanel--title {
		margin-right: 9px;
		text-transform: uppercase;
		color: var(--common-text-default);
	}

.filterPanel--filterName {
		margin-right: 5px;
	}

.filterPanel--filteredBy {
		margin-right: 10px;
		color: var(--common-text-default);
	}

.filterPanel--details {
		display: none;
		max-width: 355px;
		position: absolute;
		top: 90%;
		left: 20%;
		z-index: 10;
		background: var(--dropdown-list-bg-color);
		box-shadow: 0 2px 4px 0 var(--overlay-box-shadow-color);
	}

.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--details .filterPanel--filterName{
			color: var(--label-color);
		}

.filterPanel--filterName {
		color: var(--common-secondary-text-color);
	}

.filterPanel-multipleFilter .filterPanel--data {
			cursor: pointer;
			pointer-events: all;
		}

.mobile .filterPanel {
		font-size: 14px;
	}
.button-autoresize {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	background-color: var(--button-secondary-default-bg-color);
	border: 1px solid transparent;
}

	.button-autoresize .icon {
		width: 13px;
		height: 11px;
		transition: fill 220ms ease-out;
		fill: var(--icon-primary-default-color);
	}

	.button-autoresize.button-active .icon {
			fill: var(--icon-pressed-color);
		}

.button-contextMenu {
	box-sizing: border-box;
	width: 11px;
	height: 11px;
}

	.button-contextMenu .icon {
		transition: fill 220ms ease-out;
		fill: var(--modal-header-icon-primary-default-color);
	}

	.button-contextMenu:hover .icon {
			fill: var(--icon-hovered-color);
			transition: fill 220ms ease-in;
		}

	.button-contextMenu:active .icon, .button-contextMenu_pressed .icon {
			fill: var(--icon-pressed-color);
		}

	.button-contextMenu.button-active .icon {
			fill: var(--icon-pressed-color);
		}

.button-closeWidget {
	width: 11px;
	height: 11px;
	border: none;
	transition: color var(--animation-default);
	background: none;
	display: inline-block;
	align-items: center;
}

	.button-closeWidget:hover .icon {
			fill: var(--icon-hovered-color);
			transition: fill 220ms ease-in;
		}

	.button-closeWidget:active {
		top: 1px;
	}

	.button-closeWidget:active .icon {
			fill: var(--icon-pressed-color);
		}

	.button-closeWidget::before {
		transition: opacity var(--animation-default);
	}

	.button-closeWidget .icon {
		fill: var(--modal-header-icon-primary-default-color);
		transition: fill 220ms ease-out;
		width: 11px;
		height: 11px;
	}

.button-icon.button-closeWidgetBig {
	display: none;
	width: 37px;
	height: 37px;
	transition: color var(--animation-default);
	position: absolute;
	right: 5px;
	top: 12px;
	z-index: 101;
	background: var(--close-widget-button-bg-color);
	border: 1px solid var(--close-widget-button-border-color);
}
	

	.button-icon.button-closeWidgetBig:hover .icon {
			fill: var(--icon-hovered-color);
		}
	

	.button-icon.button-closeWidgetBig:active {
		top: 13px;
	}
	

	.button-icon.button-closeWidgetBig:active .icon {
			fill: var(--icon-pressed-color);
		}
	

	.button-icon.button-closeWidgetBig::before {
		transition: opacity var(--animation-default);;
	}
	

	.button-icon.button-closeWidgetBig .icon {
		width: 17px;
		height: 17px;
		fill: var(--table-icon-default-color);
	}

.widgetNew__headerInfo {
		display: flex;
		align-items: center;
		position: relative;
		max-width: calc(100% - 55px);
		height: 100%;
	}

		.widgetNew__headerInfo .icon {
			fill: var(--modal-header-icon-primary-default-color);
		}

		.widgetNew__headerInfo:not(:last-child) .headerFullScreen {
				width: 15px;
				height: 15px;
				margin-top: -5px;
				margin-right: 6px;
			}

		.widgetNew__headerInfo:not(:last-child) .loadingIndicatorWrapper {
				position: absolute;
				right: 0;
				background: var(--widget-header-grad-color-1);
			}

		.widgetNew__headerInfo:not(:last-child) .loadingIndicatorWrapper::after {
					content: '';
					width: 15px;
					height: 100%;
					position: absolute;
					top: 0;
					right: 17px;
					background: linear-gradient(to left, var(--widget-header-grad-color-1), rgba(var(--widget-header-grad-color-1), 0));
				}

		.widgetNew__headerInfo:not(:last-child) .loadingIndicatorWrapper::before {
					content: '';
					width: 3px;
					height: 100%;
					position: absolute;
					top: 0;
					right: 14px;
					background: var(--widget-header-grad-color-1);
				}
	.widgetNew__headerTitle {
		padding-left: 6px;
		padding-right: 8px;
		font-weight: bold;
	}
	.widgetNew__headerTitle_slim {
			display: flex;
			align-items: center;
			margin-right: 20px;
			padding-left: 6px;
		}
	.widgetNew__headerTitle:not(.widgetNew__headerTitle-hasControl) {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
	.widgetNew__headerTitle-hasControl {
			display: flex;
		}
	.widgetNew__headerLoadingIndicator {
		display: flex;
		align-items: center;
		width: 14px;
		height: 14px;
		margin-left: 10px;
	}
	.widgetNew__headerContent {
		height: 100%;
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: flex-start;
		min-width: 0;
		flex: 1 1 0;
	}
	.widgetNew__headerContent .control .checkBox--label .checkBox--view {
				background: var(--input-alt-default-bg);
				border-color: var(--input-alt-default-border-outside);
			}
	.widgetNew__headerContent .control .checkBox--icon {
					fill: var(--checkbox-alt-tick);
				}
	.widgetNew__headerContent .control input[type="text"] {
				height: 19px;
				line-height: normal;
			}
	.widgetNew__headerContent .control.control-disabled input[type="text"] {
					background-color: var(--input-alt-disabled-bg);
					border-color: var(--input-alt-disabled-border-outside);
					color: var(--input-alt-disabled-text);
				}
	.widgetNew__headerContent .control.control-textInput:not(.control-disabled) input[type="text"] {
					background-color: var(--input-alt-default-bg);
					border-color: var(--input-alt-default-border-outside);
					color: var(--input-alt-default-text);
				}
	.widgetNew__headerContent .control.control-textInput:not(.control-disabled) input[type="text"]:hover {
						border-color: var(--input-alt-hovered-border-outside);
					}
	.widgetNew__headerContent .control.control-textInput:not(.control-disabled) input[type="text"]:focus {
						border-color: var(--form-control-focused-border-outside-color);
					}
	.widgetNew__headerContent .control.control-textInput:not(.control-disabled) input[type="text"]::-webkit-input-placeholder {
						color: var(--input-alt-placeholder-text) !important;
					}
	.widgetNew__headerContent .control.control-textInput:not(.control-disabled) input[type="text"]:-ms-input-placeholder {
						color: var(--input-alt-placeholder-text) !important;
					}
	.widgetNew__headerContent .control-numericStepper .numericStepper--input input {
				font-size: 12px;
			}
	.widgetNew__headerContent .control-numericStepper .numericStepper--input input[type='text'] {
					padding-right: 35px;
				}
	.widgetNew__headerContent .numericStepper.numericStepper-horizontalButtons .numericStepper--control {
					height: 15px;
					width: 15px;
				}
	.widgetNew__headerContent .numericStepper.numericStepper-horizontalButtons .numericStepper--control-down {
						right: 18px;
					}
	.widgetNew__headerContent .numericStepper.numericStepper-horizontalButtons .numericStepper--control .icon {
						margin: 3px auto;
					}
	.widgetNew__headerContent .button-info {
			flex-shrink: 0;
		}
	.widgetNew__headerContent .symbolSpacing {
			letter-spacing: normal;
		}
	.widgetNew__headerAddWidget {
		height: 100%;
		margin-right: 12px;
	}
	.widgetNew__headerInner {
		height: 100%;
		display: flex;
		align-items: center;
		position: relative;
	}
	.widgetNew__loadingIndicatorWrapper {
		display: flex;
		align-items: center;
	}
	.widgetNew__buttonToggleSizeWidget {
		width: 11px;
		height: 11px;
		border: 0;
	}
	.widgetNew__headerActions {
		display: flex;
		height: 100%;
		margin-left: auto;
		flex-wrap: nowrap;
		align-self: center;
		align-content: center;
		align-items: center;
		padding-left: 11px;
		padding-right: 6px;
		white-space: nowrap;
	}
	.widgetNew__headerActions .button {
			font-size: 12px;
			display: inline-flex;
		}
	.widgetNew__headerActions .button-primary span, .widgetNew__headerActions .button-secondary span {
				line-height: 1;
			}
	.widgetNew__headerActions .button-icon.button-secondary {
			background-color: var(--widget-header-button-bg-color);
			box-shadow: 0 0 0 1px var(--widget-header-button-outside-border-color);
		}
	.widgetNew__headerActions .button-icon.button-secondary::before {
				border-top-color: var(--widget-header-button-inside-border-top-color);
				border-bottom-color: var(--widget-header-button-inside-border-bot-color);
				border-left-color: var(--widget-header-button-inside-border-side-color);
				border-right-color: var(--widget-header-button-inside-border-side-color);
			}
	.widgetNew__headerActions .button-icon.button-secondary:hover::before {
					background: var(--button-hovered-overlay-color);
				}
	.widgetNew__headerActions .button-icon.button-secondary:focus {
				box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
			}
	.widgetNew__headerActions .button-icon.button-secondary:active::before {
					background: var(--button-pressed-overlay-color);
				}
	.widgetNew__headerActions .control-foldButton {
			margin-right: 10px;
		}
	.widgetNew__headerActions .control-foldButton .button-icon {
				transform: translateY(-2px);
			}
	.widgetNew__headerActions .widgetNew__buttonToggleSizeWidget {
			vertical-align: middle;
		}
	.widgetNew__headerActions .widgetNew--header__buttonToggleSizeWidget::before, .widgetNew__headerActions .button-contextMenu::before, .widgetNew__headerActions .button-closeWidget::before {
				display: none;
			}
	.widgetNew__headerActions .widgetNew--header__buttonToggleSizeWidget:focus, .widgetNew__headerActions .button-contextMenu:focus, .widgetNew__headerActions .button-closeWidget:focus {
				box-shadow: none;
			}
	.widgetNew__headerActions .button-widgetHeader:not(:first-child) {
				margin-left: 10px;
			}
	.widgetNew__headerActions .button-widgetHeader.button-expandAllPositions + .button-collapseAllPositions,
			.widgetNew__headerActions .button-widgetHeader.button-collapseAllPositions + .button-expandAllPositions {
				margin-left: 8px;
			}
	.widgetNew__headerActions .react-component-wrapper {
			display: inline-flex;
		}
	.widgetNew__mainControls {
		display: flex;
		align-items: center;
		height: 100%;
		padding-left: 10px;
		margin-left: 10px;
		border-left: 1px solid var(--widget-header-tab-divider-color);
	}
	.widgetNew__mainControls .button.button-icon:hover .icon {
					fill: var(--icon-hovered-color);
				}
	.widgetNew__mainControls .button.button-icon:active .icon {
					fill: var(--icon-pressed-color);
				}
	.widgetNew__tabs {
		overflow: hidden;
	}
	.widgetNew__tabs {
		float: left;
		box-shadow: 1px 0 0 0 var(--widget-header-tab-divider-color);
	}
	.widgetNew__headerContentWrapper {
		display: flex;
		align-items: center;
		flex: 1 1 20px;
		min-width: 0;
		flex-shrink: 0;
	}
	.widgetNew__headerContentWrapper .button-icon.button-secondary:focus {
				box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
			}
	.widgetNew__headerContentContainer {
		display: flex;
		align-items: center;
		flex: 1 1 20px;
		min-width: 0;
		height: 100%;
		flex-shrink: 0;
	}
	.widgetNew__headerContentContainer_minimize {
		min-width: 65px;
		max-width: 65px;
	}
	.widgetNew__headerContentContainer_minimize .toolbar__container {
			min-width: 20px;
			max-width: 20px;
		}
	.widgetNew__tabs {
		display: flex;
	}

:global(.mobile) .headerContent .control input[type="text"] {
				font-size: 13px;
			}
.table-hidden {
		display: none;
	}
	.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;
			position: relative;
			padding-top: 0;
		}
	.table thead th .table--cell > span {
					position: relative;
				}
	.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: 26px;
				}
	.table th:first-child .table--columnHeader {
			justify-content: flex-start;
		}
	.table .table--columnHeader {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.table tbody td:first-child .table--cell {
					text-align: left;
				}
	.table tbody .table--cell {
				height: var(--table--cell-height);
				line-height: var(--table--cell-height);
			}
	.table tbody .table--cell .control input[type="text"] {
					height: var(--table--cell-height);
				}
	.table tbody .table--cell-aggregated {
					padding-left: 10px;
				}
	.table--resizeHandleLeft,
	.table--resizeHandle {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		display: block;
		width: 12px;
		height: var(--table--resize-divider-height);
		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 {
			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 {
				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 {
				justify-content: flex-start;
			}
	.table--cell-alignCenter {
			text-align: center;
		}
	.table--cell-alignCenter .table--columnHeader {
				justify-content: center;
			}
	.table--cell-alignRight {
			text-align: right;
		}
	.table--cell-alignRight .table--columnHeader {
				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-autofit {
			padding: 0;
		}
	.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 {
				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 > .table--cell {
			padding: 0;
		}
	.table--sortBy {
		cursor: pointer;
	}
	.table--sortBy-desc,
		.table--sortBy-none {
			cursor: default;
		}
	.table--separator {
		border-right: 1px dotted;
	}
	.table--mdash {
		color: var(--no-data-text-color);
	}

.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: @width;
				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: var(--table--cell-font-size);
}

.table--cell-head {
	font-size: var(--table--cell-head-font-size);
	font-weight: var(--table--cell-head-font-weight);
}

.table--columnTitle {
	font-weight: var(--table--cell-head-font-weight);
}

#ruler .table--cell-orders.table--cell-instrument, #ruler .table--cell-orderHistory.table--cell-instrument {
			display: flex;
			padding-left: 0;
		}

#ruler .table--cell-orderHistory.table--cell-instrument .orders__symbol {
			width: 36px;
		}

#ruler .button-info {
		margin-left: 4px;
	}

.table--head .table--cell {
			color: var(--table-column-text-header-color);
		}

.table--head .table--cell-simulated {
				color: var(--table-column-sim-text-header-color);
			}

.table--body td:not(.noneUnderLine),
		.table--body th {
			box-shadow: 0 1px var(--line-color);
		}

.table--body .instrument-future + .instrument-future td {
					box-shadow: 0 1px var(--watchlist-futures-warning-table-line-bg-color);
				}

.table--body .instrument-future td {
				box-shadow: 0 1px var(--watchlist-futures-warning-table-line-bg-color), 0 1px var(--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 var(--line-color);
				}

.table--body .table--cell {
			height: 20px;
			line-height: 20px;
			color: var(--table-text-color);
		}

.table--body .table--cell-simulated {
				background: var(--simulated-column-bg-color);
			}

.table--body .table--cell-simulated .numeric::before {
						color: var(--table-text-color);
					}

.table--body .table--cell-positive {
				color: var(--positive-text-color);
			}

.table--body .table--cell-negative {
				color: var(--negative-text-color);
			}

.table--body .table--cell-empty {
				color: var(--no-data-text-color);
			}

.table--row-selected th,
				.table--row-selected th:first-child,
				.table--row-selected th:last-child,
				.table--row-selected td,
				.table--row-selected td:first-child,
				.table--row-selected td:last-child {
					color: var(--selected-text-color);
				}

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

.table--row-selected th .numeric:empty::before, .table--row-selected th:first-child .numeric:empty::before, .table--row-selected th:last-child .numeric:empty::before, .table--row-selected td .numeric:empty::before, .table--row-selected td:first-child .numeric:empty::before, .table--row-selected td:last-child .numeric:empty::before {
								color: var(--na-selected-text-color);
							}

.table--row-highlighted th,
			.table--row-highlighted td,
			.table--row.highlighted th,
			.table--row.highlighted td {
				color: var(--selected-text-color);
			}

.table--row-highlighted th,
				.table--row-highlighted th:first-child,
				.table--row-highlighted th:last-child,
				.table--row-highlighted td,
				.table--row-highlighted td:first-child,
				.table--row-highlighted td:last-child,
				.table--row.highlighted th,
				.table--row.highlighted th:first-child,
				.table--row.highlighted th:last-child,
				.table--row.highlighted td,
				.table--row.highlighted td:first-child,
				.table--row.highlighted td:last-child {
					box-shadow: none;
				}

.table--row-highlighted th .table--cell, .table--row-highlighted th:first-child .table--cell, .table--row-highlighted th:last-child .table--cell, .table--row-highlighted td .table--cell, .table--row-highlighted td:first-child .table--cell, .table--row-highlighted td:last-child .table--cell, .table--row.highlighted th .table--cell, .table--row.highlighted th:first-child .table--cell, .table--row.highlighted th:last-child .table--cell, .table--row.highlighted td .table--cell, .table--row.highlighted td:first-child .table--cell, .table--row.highlighted td:last-child .table--cell {
						background: var(--table-row-bg-hover-color);
					}

.table--row-withoutChildren .aggregationBlock__icon {
				visibility: hidden;
			}

.table--cell:hover .icon-sorted-asc,
			.table--cell:hover .icon-sorted-desc {
				fill: var(--icon-secondary-hovered-color);
			}

.table--cell .icon-sort,
		.table--cell .icon-sorted-asc,
		.table--cell .icon-sorted-desc,
		.table--cell .icon-filter {
			fill: var(--table--cell-icon-default-color);
		}

.table--cell .icon-sort:hover, .table--cell .icon-sorted-asc:hover, .table--cell .icon-sorted-desc:hover, .table--cell .icon-filter:hover {
				fill: var(--icon-secondary-hovered-color);
			}

.table--cell .icon-sort:active,
			.table--cell .icon-sort_pressed,
			.table--cell .icon-sorted-asc:active,
			.table--cell .icon-sorted-asc_pressed,
			.table--cell .icon-sorted-desc:active,
			.table--cell .icon-sorted-desc_pressed,
			.table--cell .icon-filter:active,
			.table--cell .icon-filter_pressed {
				fill: var(--table--cell-icon-active-color);
			}

.table--separator {
		border-right-color: var(--status-pending-text-color);
	}

.table--sortBy-desc {
			color: var(--filtered-column-text-color);
		}

.table--row-details {
		background: var(--symbol-area-bg-color);
	}

.table--main {
		position: relative;
	}

.table--resizeHandleLeft::before, .table--resizeHandle::before {
			background-color: var(--divider-line-column);
		}

.table--col-filtered, .table--colAdapts-filtered {
			background: var(--table--filtered-bg-color);
		}


.table--col-instrument,
		.table--col-instrumentType,
		.table--col-orderType,
		.table--col-limitPrice,
		.table--col-stopPrice,
		.table--col-strike,
		.table--col-duration,
		.table--col-account,
		.table--col-daysToExpiration,
		.table--col-activationRule,
		.table--col-time,
		.table--col-fillCancelTime,
		.table--colAdapts-instrument,
		.table--colAdapts-instrumentType,
		.table--colAdapts-orderType,
		.table--colAdapts-limitPrice,
		.table--colAdapts-stopPrice,
		.table--colAdapts-strike,
		.table--colAdapts-duration,
		.table--colAdapts-account,
		.table--colAdapts-daysToExpiration,
		.table--colAdapts-activationRule,
		.table--colAdapts-time,
		.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;
		}
	/*Watchlist*/
	.table--col-symbol {
			width: 110px;
		}
	.table--col-bid,
		.table--col-ask {
			width: 68px;
		}
	.table--col-change {
			width: 40px;
		}
	/*Orders*/
	.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,
		.table--colAdapts-closedPl {
			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;
		}
.mobile .table thead th {
				font-size: 12px;
			}
		.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;
			}
		/*Prices*/
		.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 {
				overflow: visible;
			}
	.table td:not(:first-child) .aggregationBlock__icon,
				.table td:not(:first-child) .aggregationBlock__padding {
					display: none;
				}
	.table td:not(:first-child) .aggregationBlock__icon + .aggregationBlock__wrapperData {
					margin-left: 0;
				}
	.table--cell-disabled .table--controlPlaceholder {
				color: var(--dropdown-disabled-text-color);
			}
	.table--cell-disabled .table--controlPlaceholder .icon {
					fill: var(--icon-disabled-color);
				}
	.table--cell-alignRight .control .selectBox--label {
				text-align: right;
			}
	.table--cell-control {
			padding: 0;
		}
	.table--cell .control input[type="text"],
		.table--cell .control input[type="password"],
		.table--cell .control input[type="email"] {
			height: var(--table--cell-height);
		}
	.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: var(--order-entry-buy-text-color);
					}
	.table--cell .control-buy .selectBox.selectBox-disabled .selectBox--label {
							color: var(--positive-disabed-text-color);
						}
	.table--cell .control-sell .selectBox .selectBox--label {
						color: var(--order-entry-sell-text-color);
					}
	.table--cell .control-sell .selectBox.selectBox-disabled .selectBox--label {
							color: var(--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 var(--input-wrong-border-outside-color);
					}
	.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 var(--order-entry-table-cell-selected-outside-border-color);
							}
	.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 {
								height: var(--table--cell-height);
		   				    }
	.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 var(--input-wrong-border-outside-color);
					}
	.table--cell .control input[type="text"] {
				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 {
				background: transparent;
			}
	.table--cell .selectBox-active {
				background-color: var(--order-entry-table-cell-selected-bg-color);
				box-shadow: 0 0 0 1px var(--order-entry-table-cell-selected-outside-border-color);
			}
	.table--cell .selectBox--label {
				min-width: auto;
				text-align: left;
				padding-top: 0;
				padding-right: var(--table-selectBox-label-padding-right);
				padding-bottom: 0;
				padding-left: 11px;
				line-height: var(--table--cell-height);
			}
	.table--cell .selectBox--arrow {
				opacity: 0.12;
				padding-top: var(--table-selectBox-arrow-padding-top);
				padding-right: 0;
				margin-right: var(--table-selectBox-arrow-margin-right);
			}
	.table--cell .selectBox--inner {
				padding: 0;
			}
	.table--cell .dropDown-selectBox .dropDown--option-selected {
				display: none;
			}
	.table--cell .dropDown-selectBox .dropDown--option {
				padding: 2px 8px;
			}
	.table--cell .datePicker .button .icon {
			fill: var(--icon-primary-default-color);
		}
	.table--cell input[type="text"] {
			padding-left: 12px;
		}
	.table--controlPlaceholder {
		padding: 0 25px 0 12px;
		color: inherit;
		box-sizing: border-box;
		display: inline-block;
		height: 100%;
		width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		text-align: left;
	 	font-size: var(--table--cell-font-size);
	 	line-height: var(--table--cell-height);
	}
	.table--controlPlaceholder:not(:empty) {
			cursor: pointer;
		}
	.table--controlPlaceholder .selectBox--labelIcon {
				width: 18px;
				height: 13px;
				vertical-align: baseline;
				transform: translateY(1px);
			}
	.table--controlPlaceholder .selectBox--labelIcon .icon {
					vertical-align: baseline;
				}
	.table--controlPlaceholder-disabled {
			color: var(--input-disabled-text-color);
			cursor: default;
		}
	.table--controlPlaceholder-sell {
			color: var(--order-entry-sell-text-color);
		}
	.table--controlPlaceholder-sell.table--controlPlaceholder-disabled {
				color: var(--negative-disabed-text-color);
			}
	.table--controlPlaceholder-buy {
			color: var(--order-entry-buy-text-color);
		}
	.table--controlPlaceholder-buy.table--controlPlaceholder-disabled {
				color: var(--positive-disabed-text-color);
			}
	.table .comboBox {
		height: 100%;
	}
	.table .comboBox--input input[type="text"],
		.table .comboBox--input input[type="password"],
		.table .comboBox--input input[type="email"] {
			padding-right: var(--table-control-comboBox-padding-right);
		}

.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 {
	 	font-size: var(--table--cell-font-size);
	}

.dropDown-selectBox-insideCell .dropDown--option {
			padding: 0 4px 0 12px;
		}

#ruler .table--cell-control {
		display: flex;
	}

#ruler .table--cell-control .control-symbol.control-value {
			padding: 0 14px 0 10px;
		}

#ruler .table--cell-control .button-side-swap__container {
			position: relative;
			right: auto;
			top: auto;
		}

#ruler .table--cell-spreadSelector .lock_spreadSelector {
			padding-right: 25px;
		}
.grid--body {
	position: absolute !important;
	bottom: 0;
	top: 20px;
	right: 0;
	left: 0;
	height: auto;
}

	.grid--body .scrollable--wrapper .scrollable--container .scrollable--content {
				padding-bottom: 0;
			}
.grid {
	position: relative;
	height: 100%;
	background-color: inherit;
}

	.grid--head {
		position: relative;
		z-index: 3;
		transform: translateZ(0);
		padding: 0 3px 0 0;
		background: var(--table-header-bg-color);
		color: var(--table-column-text-header-color);
		box-shadow: -1px 1px 3px var(--table-header-shadow-color);
	}

	.grid-empty .grid--head {
			display: none;
		}

	.grid-empty .grid--body {
			visibility: hidden;
		}

	.grid--emptyViewText {
		color: var(--additional-text-color);
	}
.mobile .grid-empty .emptyView__title {
					font-size: 16px;
				}
.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: var(--additional-text-color);
	}
	.grid-account .account--label {
			position: relative;
			text-transform: capitalize;
		}
	.grid-account .account--value {
			overflow: hidden;
			text-overflow: ellipsis;
		}
	.grid-account .account--value-positive {
				color: var(--positive-text-color);
			}
	.grid-account .account--value-negative {
				color: var(--negative-text-color);
			}
.position.table--row:hover {
			background: var(--table-row-bg-hover-color);
		}
	
			.position.table--row:hover .sticky--actions-cell--container {
				opacity: 1;
			}
	.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: .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-heading .sticky--actions-cell {
			display: none;
		}
	.position--padding {
		position: relative;
		display: inline-flex;
		justify-content: flex-start;
		align-items: center;
		flex-shrink: 0;
	}
	.position--aggregationIcon {
		cursor: pointer;
		width: 8px;
		height: 8px;
		margin-right: 5px;
		display: inline-block;
		vertical-align: middle;
	}
	.position small {
		color: var(--repeated-text-color);
	}
	.position--side-sell {
			color: var(--negative-text-color);
		}
	.position--side-buy {
			color: var(--positive-text-color);
		}
	.position--pl-negative {
			color: var(--negative-text-color);
		}
	.position--pl-positive {
			color: var(--positive-text-color);
		}
	.position--protection {
		color: var(--additional-text-color);
	}
	.position-expanded .table--cell,
			.position-expanded .table--cell:first-child,
			.position-expanded .table--cell:last-child,
			.position-selected .table--cell,
			.position-selected .table--cell:first-child,
			.position-selected .table--cell:last-child {
				color: var(--selected-text-color);
			}
	.position-expanded .table--cell .numeric:empty::before, .position-expanded .table--cell:first-child .numeric:empty::before, .position-expanded .table--cell:last-child .numeric:empty::before, .position-selected .table--cell .numeric:empty::before, .position-selected .table--cell:first-child .numeric:empty::before, .position-selected .table--cell:last-child .numeric:empty::before {
							color: var(--na-selected-text-color);
						}
	.position-expanded .button-closePosition span, .position-selected .button-closePosition span {
			opacity: .9;
			background-position: 0 -850px;
		}
	.position-expanded .position--protection, .position-selected .position--protection {
			color: var(--selected-text-color);
		}
	.position-selected.highlighted td,
			.position-selected.highlighted td:first-child,
			.position-selected.highlighted td:last-child {
				background-color: var(--table-row-selected-bg-color);
				color: var(--selected-text-color);
			}
	.position-selected .button-closeBy .icon, .position-selected .button-closePosition .icon {
					fill: var(--icon-primary-default-color);
				}
	.position-selected .button-closeBy .icon:hover, .position-selected .button-closePosition .icon:hover {
						fill: var(--icon-hovered-color);
					}
	.position-selected {
		background-color: var(--table-row-selected-bg-color);
		color: var(--selected-text-color);
	}
	.position-expanded .sticky--actions-cell {
			visibility: hidden;
			opacity: 0;
		}
	.position--aggregationTitleContainer {
		display: flex;
		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;
			}
.AggregationCell td.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: var(--table-group-bg-color);
	}
	.AggregationCell__content_open .button-openIcon {
				transform: rotate(90deg);
			}
	.AggregationCell__content .button-openIcon {
			position: absolute;
			left: 12px;
			top: 9px;
			width: 4px;
			height: 7px;
			border: none;
			fill: var(--modal-header-icon-primary-default-color);
		}
	.AggregationCell__content .button-closePositionGroup {
			position: absolute;
			right: 8px;
			top: 9px;
			width: 7px;
			height: 7px;
			border: none;
			fill: var(--icon-primary-default-color);
		}
	.AggregationCell__checkboxWrapper {
		display: flex;
		margin-right: 8px;
	}
	.AggregationCell__checkboxWrapper .control-checkBox {
			vertical-align: top;
		}
	.AggregationCell__levelPosition {
		position: relative;
	}
	.AggregationCell__levelPosition .icon-tree {
			margin: 3px 3px 0 4px;
			position: relative;
			vertical-align: initial;
		}
	.AggregationCell__levelPosition-1 :global(.position--padding) {
		min-width: 10px;
	}
	.AggregationCell__levelPosition-2 :global(.position--padding) {
		min-width: 20px;
	}
	.AggregationCell__levelPosition-3 :global(.position--padding) {
		min-width: 30px;
	}
	.AggregationCell__levelPosition-4 :global(.position--padding) {
		min-width: 40px;
	}
	.AggregationCell__levelPosition-5 :global(.position--padding) {
		min-width: 50px;
	}
	.AggregationCell__side {
		font-weight: bold;
		margin-right: 6px;
	}
	.AggregationCell__side_positive {
			color: var(--positive-text-color);
		}
	.AggregationCell__side_negative {
			color: var(--negative-text-color);
		}
	.AggregationCell__spread {
		font-weight: bold;
		margin-right: 8px;
	}
	.AggregationCell__underlying {
		color: var(--table-text-color);
		margin-right: 6px;
	}
	.AggregationCell__expiration {
		margin-right: 8px;
	}
	.AggregationCell__credit {
		text-transform: uppercase;
		margin-right: 8px;
		color: var(--common-text-default);
	}
	.AggregationCell__credit_negative,
		.AggregationCell__credit_positive {
			color: var(--common-text-default);
		}
	.AggregationCell__aggregationBox {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		height: 100%;
	}
.numeric {
	display: inline-block;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

	.numeric:empty {
		text-align: inherit;
	}

	.numeric:empty::before {
			content: "—";
			color: var(--na-text-color);

		}

.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: var(--positive-text-color);
	}

.price-down {
		color: var(--negative-text-color);
	}

.button-closeBy {
	width: 9px;
}

	.button-closeBy .icon {
		width: 9px;
		height: 8px;
		fill: var(--table-icon-default-color);
		transition: fill 220ms ease-out;
	}

	.button-closeBy:hover .icon {
			fill: var(--icon-hovered-color);
			transition: fill 220ms ease-in;
		}

.button-closePosition .icon {
		width: 7px;
		height: 7px;
		fill: var(--table-icon-default-color);
		transition: fill 220ms ease-out;
	}
	.button-closePosition:hover .icon {
			fill: var(--icon-hovered-color);
			transition: fill 220ms ease-in;
		}

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

.sticky--actions-cell {
	position: sticky;
	right: 0;
	background: none !important;
}

	.sticky--actions-cell .table--cell {
		display: flex;
		justify-content: flex-end;
		padding: 0;
	}

	.sticky--actions-cell--container {
		display: flex;
		align-items: center;
		height: 100%;
		background: linear-gradient(270deg, var(--table-row-hover-grad-2) 71.13%, var(--table-row-hover-grad-1) 100%);
		padding-left: 16px;
		box-sizing: border-box;
		opacity: 0;
	}

	.sticky--actions-cell--container .button-icon {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 10px;
			min-width: 10px;
			height: 10px;
			margin-right: 5px;
		}

	.sticky--actions-cell--container .button-icon .icon {
				fill: var(--icon-primary-default-bg);
			}

	.sticky--actions-cell--container .button-icon:hover .icon {
					fill: var(--icon-hovered-color);
				}

	.sticky--actions-cell--hide {
		display: none;
	}
.grid-positions .table--colAdapts-symbol {
			width: 7.5em;
		}
		.grid-positions .table--colAdapts-quantity {
			width: 6em;
		}
		.grid-positions .table--colAdapts-actions {
			width: 6em;
		}
		.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: 66px;
		}
		.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: 80px;
		}
		.grid-positions .table--colAdapts-dayQuantity {
			width: 93px;
		}
		.grid-positions .table--colAdapts-expirationDate {
			width: 109px;
		}
		.grid-positions .table--colAdapts-instrumentType {
			width: 114px;
		}
		.grid-positions .table--colAdapts-underlying {
			width: 110px;
		}
		.grid-positions .table--colAdapts-strike {
			width: 66px;
		}
		.grid-positions .table--colAdapts-contractSize {
			width: 97px;
		}
		.grid-positions .table--colAdapts-description {
			width: 160px;
		}
		.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: 107px;
		}
		.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-theta,
		.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-takeProfit {
			width: 127px;
		}
		.grid-positions .table--colAdapts.grid-aggregationInstrument .table--colAdapts-instrument {
				width: 26em;
			}
		.grid-positions .table--colAdapts.grid-aggregationInstrument .table--columnHeader.position--instrument {
				justify-content: flex-start;
			}
		.grid-positions .table--colAdapts-closedPlAccountCurrency,
		.grid-positions .table--colAdapts-closedPlPositionCurrency {
			width: 170px;
		}
	.grid-positions .table--totalsWrapper {
		position: sticky;
		bottom: 0;
	}
	.grid-positions .table-totals {
		position: relative;
		background-color: var(--table-group-bg-color);
	}
	.grid-positions .table-totals .position--total td {
				box-shadow: 0 1px var(--table-bg-color);
			}
	.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--symbol .position--aggregationIcon {
						margin: 0 1px 0 0;
						width: 9px;
						height: 9px;
					}
	.grid-positions.grid-aggregation .table th:first-child .table--columnHeader {
				justify-content: center;
			}
	.grid-positions.grid-aggregationInstrument .table--colAdapts-instrument {
			width: 26em;
		}
	.grid-positions.grid-aggregationInstrument .table--columnHeader.position--instrument {
			justify-content: flex-start;
		}
	.grid-positions .table--row:hover {
				cursor: pointer;
			}
	.grid-positions .table--row:hover td:not(.sticky--actions-cell) {
					background: linear-gradient(to bottom, transparent 1px, var(--table-row-bg-hover-color) 2px);
				}
	.grid-positions .table--row.position-expanded td, .grid-positions .table--row.position-selected td {
						background: var(--table-row-selected-bg-color);
					}
	.grid-positions .position-heading .position--symbol {
				padding-left: 13px;
			}
	.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;
			}
	/*Need for Edge, IE */
	@supports (-ms-overflow-style: none) {
	.grid-positions .scrollable-withHorizontalScrollbar .scrollable--wrapper {
				-ms-overflow-style: none;
				width: 100% !important;
				margin-right: 0 !important
		}
			}

.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: var(--table-group-bg-color);
				}

.grid-positions.grid-aggregation .grid--body .position:hover {
				color: var(--common-text-default);
				transition: color 220ms ease-in;
			}

.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 {
						background-color: var(--table-group-bg-hover-color);
					}

.grid-positions.grid-aggregation .position:hover td.group-cell_filtered .table--cell {
		background-color: var(--table-group-bg-hover-color);
	}

.grid-positions.grid-aggregation .position-selected td {
		box-shadow: none;
		transition: none;
	}

.grid-positions.grid-aggregation .position-selected td .table--cell {
		background-color: var(--table-group-bg-selected-color);
	}

.grid-positions.grid-aggregation .position-selected:hover td {
		box-shadow: none;
		transition: none;
	}

.grid-positions.grid-aggregation .position-selected:hover td .table--cell {
		background-color: var(--table-group-bg-hover-color);
	}

.grid-positions.grid-aggregation .position-selected:hover td.group-cell_filtered .table--cell {
		background-color: var(--table-group-bg-hover-color);
	}

.grid-positions.grid-aggregation .position-selected:hover td.cell_filtered .table--cell {
		background-color: var(--table-group-bg-hover-color);
	}

.grid-positions.grid-aggregation .position--aggregationIcon {
		fill: var(--modal-header-icon-primary-default-color);
	}

.grid-positions.grid-aggregation .position .icon-tree {
		fill: var(--icon-secondary-default-color);
	}

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

.grid-positions.grid-aggregation .position-open:not(:first-child):hover td,
	.grid-positions.grid-aggregation .position-closed:not(:first-child):hover td {
		box-shadow: none;
	}

.grid-positions.grid-aggregation .position-child td {
		box-shadow: 0 1px var(--line-color) inset;
		transition: none;
	}

.grid-positions.grid-aggregation .position-child td .table--cell {
		background-color: transparent;
	}

.grid-positions.grid-aggregation .position-child:hover td {
		box-shadow: none;
		transition: none;
	}

.grid-positions.grid-aggregation .position-child:hover td .table--cell {
		background-color: var(--table-row-bg-hover-color);
	}

.grid-positions.grid-aggregation .position-child:hover td.group-cell_filtered .table--cell {
		background-color: var(--table-row-bg-hover-color);
	}

.grid-positions.grid-aggregation .position-child.position-highlighted:not(.position-selected) td,
	.grid-positions.grid-aggregation .position-child.position-highlighted:not(.position-selected) td:first-child,
	.grid-positions.grid-aggregation .position-child.position-highlighted:not(.position-selected) td:last-child {
		color: var(--selected-text-color);
		box-shadow: 0 -1px var(--table-bg-color) inset;
	}

.grid-positions.grid-aggregation .position-child.position-highlighted:not(.position-selected) td .table--cell,
	.grid-positions.grid-aggregation .position-child.position-highlighted:not(.position-selected) td:first-child .table--cell,
	.grid-positions.grid-aggregation .position-child.position-highlighted:not(.position-selected) td:last-child .table--cell {
		background-color: var(--chained-position-bg-color);
	}

.grid-positions.grid-aggregation .position-child.position-selected td {
		box-shadow: inset 0 1px var(--widget-bg-color);
		transition: none;
	}

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

.grid-positions.grid-aggregation .position-child.position-selected:hover td {
		box-shadow: none;
		transition: none;
	}

.grid-positions.grid-aggregation .position-child.position-selected:hover td .table--cell {
		background-color: var(--table-row-bg-hover-color);
	}

.grid-positions.grid-aggregation .position-child.position-selected:hover td.group-cell_filtered .table--cell {
		background-color: var(--table-row-bg-hover-color);
	}

.grid-positions.grid-aggregation .position-child.position-selected:hover td {
		box-shadow: inset 0 1px var(--table-bg-color);
	}

.grid-positions.grid-aggregation .position-child.position-selected:hover td .table--cell {
		background-color: var(--table-row-selected-bg-color);
	}

.grid-positions.grid-aggregation .position-child:hover td.cell_filtered .table--cell {
		background-color: var(--table-row-bg-hover-color);
	}

.grid-positions.grid-aggregation .position-open:not(.position-selected) + .position-child td,
	.grid-positions.grid-aggregation .position-closed:not(.position-selected) + .position-child td,
	.grid-positions.grid-aggregation .position-child + .position:not(.position-child):not(.position-selected) td,
	.grid-positions.grid-aggregation .position-open:not(.position-selected) + .position-child:hover td,
	.grid-positions.grid-aggregation .position-closed:not(.position-selected) + .position-child:hover td,
	.grid-positions.grid-aggregation .position-child + .position:not(.position-child):not(.position-selected):hover td {
		box-shadow: none;
	}

.grid-positions.grid-aggregation .position--aggregationTitle {
		color: var(--widget-header-hint-label-color);
	}

.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 var(--line-color);
					}
	.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 {
						justify-content: center;
					}
	.grid-positionBook .table thead th .table--cell-highlighted {
					color: var(--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: var(--table-cell-updating-highlight-bg-color);
				}
	.grid-positionBook .table--body .table--cell-spread {
					display: inline-flex;
					padding-right: 0;
					overflow: visible;
				}
	.grid-positionBook .table--body .table--cell-spread .lockContainer {
						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 {
							box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
						}
	.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 {
				cursor: pointer;
			}
	.grid-positionBook .table--row:hover .table--cell {
					background-color: var(--table-row-bg-hover-color);
				}
	.grid-positionBook .table--row:hover .table--cell-highlighted {
						background-color: var(--table-cell-updating-highlight-bg-color);
					}
	.grid-positionBook .table--row-aggregationRow .table--cell-highlighted {
					background: transparent;
				}
	.grid-positionBook .position--wrapperCell {
			display: flex;
			align-items: center;
		}
	.grid-positionBook .position--totalTitle {
			color: var(--table-text-color);
			text-transform: none;
			font-weight: 500;
			font-size: 14px;
		}
	.grid-positionBook .position--total td {
				font-size: 14px;
			}
	.grid-positionBook .table--totalsWrapper {
		position: sticky;
		bottom: 0;
	}
	.grid-positionBook .table-totals {
		position: relative;
		background-color: var(--table-group-bg-color);
	}
	.grid-positionBook .table-totals .position--total td {
				box-shadow: 0 1px var(--table-bg-color);
			}
	.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: var(--table-group-bg-color);
							}
	.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: var(--icon-secondary-default-color);
		}
	.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: inline-flex;
				justify-content: flex-start;
				align-items: center;
				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: var(--modal-header-icon-primary-default-color);
			}
	.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;
		}


.button-expandAllPositions {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	background-color: var(--widget-header-button-bg-color);
	border: 1px solid transparent;
}
	
	.button-expandAllPositions .icon {
		width: 9px;
		height: 9px;
		margin-top: -1px;
	}

.button-collapseAllPositions {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	background-color: var(--widget-header-button-bg-color);
	border: 1px solid transparent;
}
	
	.button-collapseAllPositions .icon {
		width: 11px;
		height: 10px;
	}

.button-closeAllPositions {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	background-color: var(--button-secondary-default-bg-color);
	border: 1px solid transparent;
}

	.button-closeAllPositions .icon {
		width: 7px;
		height: 100%;
	}

.control-netAggregation {
	white-space: nowrap;
	display: inline-flex;
    align-items: center;
 }

	.control-netAggregation .checkBox--label {
		color: var(--checkbox-alt-text-color);
	}

.switcher {
	box-sizing: border-box;
	flex-shrink: 0;
	width: 26px;
	height: 16px;
	border-radius: 12px;
	font-size: 0;
}

	.switcher:hover .switcher--input:checked + .switcher--label:first-of-type {
						background-color: var(--common-switcher-on-hovered-bg-color);
					}

	.switcher:hover .switcher--input:checked + .switcher--label:last-of-type {
						background-color: transparent;
					}

	.switcher:hover .switcher--input:not(:checked) + .switcher--label {
					background-color: var(--common-switcher-off-hovered-bg-color);
				}

	.switcher:hover .switcher--input:not(:checked) + .switcher--label:last-of-type {
						background-color: transparent;
					}

	.switcher:active .switcher--input:checked + .switcher--label:first-of-type {
						background-color: var(--common-switcher-on-default-bg-color);
					}

	.switcher:active .switcher--input:checked + .switcher--label:last-of-type {
						background-color: transparent;
					}

	.switcher:active .switcher--input:not(:checked) + .switcher--label {
					background-color: var(--common-switcher-off-default-bg-color);
				}

	.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: var(--common-switcher-on-default-bg-color);
				}

	.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: var(--common-switcher-off-default-bg-color);
			}

	.switcher--input:not(:checked) + .switcher--label:last-of-type {
					background-color: transparent;
				}

	.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%;
					transform: translate(-50%, -50%);
					border-radius: 12px;
					border: 1px solid var(--form-control-focused-border-outside-color);
				}

	.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: var(--common-switcher-knob-bg-color);
			border-radius: 50%;
			top: 50%;
			transform: translateY(-50%);
			left: 2px;
			z-index: 4;
			box-shadow: none;
		}

.contextMenu-otherItems {
	padding: 10px 0 10px;
}

	.contextMenu-otherItems .contextMenu--content {
			padding: 0 10px 0 4px;
			display: flex;
			align-items: center;
			white-space: nowrap;
			min-height: 20px;
		}

	.contextMenu-otherItems .contextMenu--content .control {
				display: inline-flex;
				align-items: center;
			}

	.contextMenu-otherItems .contextMenu--content .control--label {
					font-size: 12px;
					margin-right: 10px;
				}

	.contextMenu-otherItems .contextMenu--content .contextMenu--content {
				display: block;
				min-height: unset;
				padding: 0;
			}

	.contextMenu-otherItems .contextMenu--content .toolbar__item {
				margin-left: 12px;
			}

	.contextMenu-otherItems .contextMenu--content .toolbar__item:first-child {
					margin-left: 0;
				}

	.contextMenu-otherItems.contextMenu-chartToolbar .button {
			height: 25px;
			vertical-align: top;
		}

	.contextMenu-otherItems.contextMenu-chartToolbar .button-filledIcon {
				width: 25px;
			}

	.contextMenu-otherItems.contextMenu-chartToolbar .button-atr {
			width: 51px;
			padding: 0 7px;
		}

	.contextMenu-otherItems.contextMenu-chartToolbar .button-atr.button-pressed:before {
				border-color: transparent;
				background: var(--button-pressed-overlay-color);
			}

	.contextMenu-otherItems.contextMenu-chartToolbar .button-scale {
			position: relative;
			margin-right: 6px;
		}

	.contextMenu-otherItems.contextMenu-chartToolbar .button-scale .icon {
				width: 11px;
				height: 11px;
				transform: translateY(-1px);
				vertical-align: middle;
			}

	.contextMenu-otherItems.contextMenu-chartToolbar .tradingFromChartControl .button, .contextMenu-otherItems.contextMenu-chartToolbar .drawingToolsControl .button {
				width: 40px;
			}

	.contextMenu-otherItems.contextMenu-chartToolbar .tradingFromChartControl .control-selectBox, .contextMenu-otherItems.contextMenu-chartToolbar .drawingToolsControl .control-selectBox {
				height: 25px;
			}

	.contextMenu-otherItems.contextMenu-chartToolbar .tradingFromChartControl .control-selectBox .control--wrap, .contextMenu-otherItems.contextMenu-chartToolbar .drawingToolsControl .control-selectBox .control--wrap {
					height: 100%;
				}

	.contextMenu-otherItems.contextMenu-chartToolbar .tradingFromChartControl .control-selectBox .selectBox, .contextMenu-otherItems.contextMenu-chartToolbar .drawingToolsControl .control-selectBox .selectBox {
					width: 65px;
				}

	.contextMenu-otherItems.contextMenu-chartToolbar .control-comboBox {
			width: 75px;
		}

	.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 .contextMenu--content .toolbar__item .selectBox-active {
						box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
					}

	.contextMenu-otherItems.contextMenu-chartToolbar .contextMenu--content .toolbar__item .selectBox-active::after {
							border-left: 1px solid var(--form-control-focused-border-outside-color);
							z-index: 2;
							top: -2px;
							bottom: -2px;
						}

.toolbar__container {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
	}
	.toolbar__items {
		position: relative;
		display: flex;
		align-items: center;
		width: calc(100% - 20px);
		white-space: nowrap;
		min-height: 27px;
	}
	.toolbar__itemsInner {
		display: flex;
		position: relative;
		align-items: center;
		width: 100%;
	}
	.toolbar__item {
		flex-shrink: 0;
	}
	.toolbar__item:not(:first-child) {
			margin-left: 16px;
		}
	.toolbar__actions {
		margin-left: 12px;
		display: inline-block;
	}
	.toolbar__actions .button-widgetHeader:not(:first-child){
				margin-left: 8px;
			}
	.toolbar__otherItems {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		display: flex;
		align-items: center;
	}
	.toolbar__otherItems .button-otherItems {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			height: 19px;
			width: 19px;
		}
	.toolbar__otherItems .button-otherItems .icon {
				fill: var(--modal-header-icon-primary-default-color);
				height: 2px;
				width: 10px;
			}
	.toolbar__otherItems .button-otherItems:hover .icon {
					fill: var(--icon-hovered-color);
				}
	.toolbar__otherItems .button-otherItems:active .icon {
					fill: var(--icon-pressed-color);
				}

.accountSelector__container {
		display: inline-block;
	}

		.accountSelector__container .control-selectBox {
				display: flex;
				align-items: center;
				font-weight: normal;
			}

		.accountSelector__container .control--label {
				margin-right: 5px;
			}
	.accountSelector_secondary:not(.control-disabled) .control--label {
				color: var(--application-header-section-text-color) !important;
			}
	.accountSelector__SelectBox {
		height: 100%;
		display: flex;
		align-items: center;
		font-weight: normal;
	}
.WidgetPositions__headerContentWrapper .button-addAggregation,
		.WidgetPositions__headerContentWrapper .buttonAddPosition {
			height: 19px;
			padding: 0 10px 0 9px;
		}

			.WidgetPositions__headerContentWrapper .button-addAggregation span, .WidgetPositions__headerContentWrapper .buttonAddPosition span {
				display: block;
				font-size: 12px;
				line-height: 16px;
				height: 100%
			}
		.WidgetPositions__headerContentWrapper .button-addAggregation {
				padding: 0 14px;
			}
		.WidgetPositions__headerContentWrapper .accountSelector__container {
			margin-right: auto;
		}
	.WidgetPositions__headerActions .positionControls:not(:first-child) {
			margin-left: 7px;
			flex-shrink: 0;
		}
	.WidgetPositions__simulatedPositions {
		display: inline-flex;
		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: var(--error-description-text-color);
		font-weight: 500;
	}

.controlAggregation {
	display: inline-flex;
}

.controlAggregation--label {
		color: var(--form-label-alt-text);
		font-size: 12px;
		margin-right: 6px;
		vertical-align: middle;
	}

.controlAggregation--selectBox {
		font-size: 12px;
		height: 18px;
	}

.controlAggregation--selectBox .selectBox--label {
			line-height: 16px;
		}
.mobile .WidgetPositions__headerContent .controlAggregation--label {
			font-size: 14px;
		}

.button-icon.button-linking .icon, .button-icon.button-linkingButton .icon {
		width: 11px;
		height: 11px;
	}
	.button-icon.button-linking:hover + .button-linking-tooltip, .button-icon.button-linkingButton:hover + .button-linking-tooltip {
			display: block;
		}

.button-icon.button-linkingButton.button-primary .icon {
			fill: var(--button-primary-default-text-color);
		}

.button-icon.button-linking {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	min-width: 19px;
	background-color: transparent;
	box-shadow: none;
}

.button-icon.button-linking::before {
		content: none;
	}

.button-icon.button-linking:hover + .button-linking-tooltip {
			display: block;
		}

.button-icon.button-linking:hover .icon {
			fill: var(--icon-hovered-color);
		}

.button-icon.button-linking:active .icon {
			fill: var(--icon-link-pressed-color);
		}

.button-icon.button-linking:focus .icon {
			fill: var(--icon-hovered-color);
		}

.button-icon.button-linking:disabled .icon, .button-icon.button-linking[disabled] .icon {
			fill: var(--common-text-disabled);
		}

.button-icon.button-linking.button-active:hover .icon {
				fill: var(--icon-hovered-color);
			}

.button-icon.button-linking.button-active:focus .icon {
				fill: var(--icon-hovered-color);
			}

.button-icon.button-linking.button-active:active .icon {
				fill: var(--icon-pressed-color);
			}

.button-icon.button-linking.button-active:disabled .icon, .button-icon.button-linking.button-active[disabled] .icon {
				fill: var(--common-text-disabled);
			}

.button-icon.button-linking.button-active .icon {
			fill: var(--modal-header-icon-primary-default-color);
		}

.button-icon.button-linking .icon {
		margin-top: -1px;
		position: relative;
		z-index: 1;
	}

.button-linking-wrapper {
	position: relative;
	display: inline-flex;
}

.button-linking-tooltip {
	position: absolute;
    left: 0;
    top: 34px;
	z-index: 999;
	display: none;
	padding: 2px 7px;
	background: var(--hint-tooltip-bg-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
	color: var(--hint-tooltip-text-color);
	pointer-events: none;
	white-space: nowrap;
	line-height: 20px;
}

.button-linking-tooltip_fading {
		display: block;
		animation: fadeTooltip 1s;
		animation-delay: 3s;
		animation-fill-mode: forwards;
		width: 200px;
		white-space: normal;
		padding-left: 10px;
		padding-right: 11px;
	}

@keyframes fadeTooltip {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		pointer-events: all;
	}
}

.control-watchlistModeToggler:active .control--wrap-focused {
			box-shadow: none;
		}
	.control-watchlistModeToggler .control--buttons {
			display: flex
		}
	.control-watchlistModeToggler .button {
		width: 36px;
		height: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--segmented_control-alt-default-bg);
		box-shadow: 0 0 0 1px var(--segmented_control-alt-border-outside);
	}
	.control-watchlistModeToggler .button::before {
			border-top-color: var(--segmented_control-alt-border-inside-top);
			border-bottom-color: var(--segmented_control-alt-border-inside-bottom);
			border-left-color: var(--segmented_control-alt-border-inside-side);
			border-right-color: var(--segmented_control-alt-border-inside-side);
		}
	.control-watchlistModeToggler .button:focus {
			box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		}
	.control-watchlistModeToggler .button .icon {
			height: 11px;
		}
	.control-watchlistModeToggler .button-active.button {
			background-color: var(--segmented_control-selected-bg);
			box-shadow: 0 0 0 1px var(--segmented_control-alt-border-outside);
		}
	.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-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 var(--line-color);
	}

	.listSelector--header::after {
			display: block;
			content: "";
			clear: both;
		}

	.listSelector--option {
		float: left;
		position: relative;
		padding: 0 9px;
		color: var(--watchlist-list-type-passive-header);
		line-height: 26px;
		cursor: pointer;
	}

	.listSelector--option-active {
			color: var(--watchlist-list-type-active-header);
		}

	.listSelector--option-active::before {
				display: block;
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				bottom: -1px;
				height: 3px;
				background:  var(--tab-selected-line-color);
			}

	.listSelector--list {
		position: absolute;
		top: 27px;
		left: 0;
		bottom: 1px;
		right: 0;
		display: flex;
		flex-direction: column;
	}

	.listSelector--list .scrollable {
			height: 100%;
		}

	.listSelector--list .scrollable .listSelector--createButton {
				display: block;
				position: absolute;
				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 var(--line-color);
			}

	.listSelector--list .scrollable-withVerticalScrollbar {
				border-bottom: 1px solid var(--line-color);
			}

	.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 {
			background: var(--list-item-hovered-bg-color);
			transition: background 220ms ease-in;
		}

	.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: var(--table-text-color);
		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: var(--icon-contextual-primary-default-color);
			transition: fill 220ms ease-out;
		}

	.listSelector--icon.button:hover svg {
				fill: var(--icon-hovered-color);
				transition: fill 220ms ease-in;
			}

	.listSelector--icon.button:active svg {
				fill: var(--icon-pressed-color);
			}

	.listSelector--createButton {
		padding: 9px;
		display: none;
	}

	.listSelector--empty {
		padding: 20px 9px;
		font-size: 14px;
		color: var(--additional-text-color);
	}

.mobile .listSelector--createButton .button-link {
				font-size: 14px;
			}
.symbolSpacing {
	letter-spacing: 1px;
}

	.symbolSpacing input[type="text"] {
		letter-spacing: inherit;
	}
.grid-watchlist .table--col-warning, .grid-watchlist .table--colAdapts-warning {
				width: 17px;
			}
			.grid-watchlist .table--col-symbol, .grid-watchlist .table--colAdapts-symbol {
				width: 130px;
			}
			.grid-watchlist .table--col-change, .grid-watchlist .table--colAdapts-change {
				width: 60px;
			}
			.grid-watchlist .table--col-dayToExpiration, .grid-watchlist .table--colAdapts-dayToExpiration {
				width: 117px;
			}
			.grid-watchlist .table--col-firstNoticeDate, .grid-watchlist .table--colAdapts-firstNoticeDate {
				width: 114px;
			}
			.grid-watchlist .table--col-lastTradeDate, .grid-watchlist .table--colAdapts-lastTradeDate {
				width: 115px;
			}
			.grid-watchlist .table--col-expirationDate, .grid-watchlist .table--colAdapts-expirationDate {
				width: 112px;
			}
			.grid-watchlist .table--col-tickValue,
			.grid-watchlist .table--col-limitUp,
			.grid-watchlist .table--col-spread,
			.grid-watchlist .table--col-openInterest,
			.grid-watchlist .table--colAdapts-tickValue,
			.grid-watchlist .table--colAdapts-limitUp,
			.grid-watchlist .table--colAdapts-spread,
			.grid-watchlist .table--colAdapts-openInterest {
				width: 85px;
			}
			.grid-watchlist .table--col-tradingHalt, .grid-watchlist .table--colAdapts-tradingHalt {
				width: 192px;
			}
			.grid-watchlist .table--col-initialMargin, .grid-watchlist .table--colAdapts-initialMargin {
				width: 102px;
			}
			.grid-watchlist .table--col-maintenanceMargin, .grid-watchlist .table--colAdapts-maintenanceMargin {
				width: 140px;
			}
			.grid-watchlist .table--col-limitDown, .grid-watchlist .table--colAdapts-limitDown {
				width: 91px;
			}
			.grid-watchlist .table--col-orderSize, .grid-watchlist .table--colAdapts-orderSize {
				width: 7.5em;
			}
			.grid-watchlist .table--col-assetClass, .grid-watchlist .table--colAdapts-assetClass {
				width: 137px;
			}
			.grid-watchlist .table--col-bid,
			.grid-watchlist .table--col-ask,
			.grid-watchlist .table--colAdapts-bid,
			.grid-watchlist .table--colAdapts-ask {
				width: 7.1em;
			}
.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 .instrument-ladder .instrument--quantity {
				color: var(--additional-text-color);
			}
		.grid-watchlist .instrument--emptyMessage {
			color: var(--hint-color);
		}
	.grid-watchlist.grid-future .scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollable--container {
			padding-right: 0;
		}
	.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;
					}
	.grid-watchlist .table--row.instrument:hover {
				background: var(--table-row-bg-hover-color);
			}
	.grid-watchlist .table--row.instrument:hover .table--cell-bid .button {
						border-color: var(--table_row-button-sell-default-border);
					}
	.grid-watchlist .table--row.instrument:hover .table--cell-ask .button {
						border-color: var(--table_row-button-buy-default-border);
					}
	.grid-watchlist .table--row.instrument:hover .table--cell-orderSize .control-comboBox {
						display: inline-block;
					}
	.grid-watchlist .table--row.instrument:hover .table--cell-orderSize input[type="text"] {
						background-color: var(--selected-input-bg-color);
						border-color: var(--form-control-focused-border-outside-color);
					}
	.grid-watchlist .table--row.instrument:hover .orderSizeValue {
					display: none;
				}
	.grid-watchlist .table--row.instrument:hover .button-priceValue {
					position: absolute;
					right: 0;
					top: 0;
					max-width: none;
				}
	.grid-watchlist .table--row.instrument:hover .priceLabel {
					display: inline;
				}
	.grid-watchlist .table--row.instrument:focus {
				outline: 2px solid;
				outline-offset: -2px;
			}
	.grid-watchlist .table--cell-orderSize .control-comboBox {
				display: none;
			}
	.grid-watchlist .table--cell-orderSize {
				padding-left: 0;
			}
	.grid-watchlist .table--cell-orderSize .control-comboBox {
					width: calc(100% - 7px);
					margin-left: 7px;
				}
	.grid-watchlist .table--cell-orderSize .control-comboBox input[type="text"] {
						height: 19px;
						border: 1px solid var(--input-default-border-outside-color);
					}
	.grid-watchlist .table--cell .button-price {
				display: flex;
				align-items: center;
			}
	.grid-watchlist .table--cell .priceContainer {
				display: flex;
				justify-content: flex-end;
				position: relative;
				height: 100%;
				width: 100%;
			}
	.grid-watchlist .table--cell-price {
				overflow: visible !important;
			}
	.grid-watchlist .table--cell-price .button {
					height: 100%;
					text-align: left;
					max-width: 100%;
					transition: border-color 0.2s;
					vertical-align: top;
					box-shadow: none;
					color: var(--table-text-color);
				}
	.grid-watchlist .table--cell-price .button::before {
						background: none;
						border-top-color: transparent;
						border-bottom-color: transparent;
						border-left-color: transparent;
						border-right-color: transparent;
					}
	.grid-watchlist .table--cell-price .priceValue {
					max-width: 100%;
				}
	.grid-watchlist .table--cell-price .button-priceValue {
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
	.grid-watchlist .table--cell-price .priceLabel {
					display: none;
				}
	.grid-watchlist .table--cell-bid .button {
					border-color: var(--table_row-button-sell-inactive-border);
					background: var(--table_row-button-sell-inactive-bg);
				}
	.grid-watchlist .table--cell-bid .button .priceLabel {
						color: var(--negative-text-color);
					}
	.grid-watchlist .table--cell-bid .button:hover,
					.grid-watchlist .table--cell-bid .button:active {
						background: var(--table_row-button-sell-hovered-bg);
						border-color: var(--table_row-button-sell-default-border);
					}
	.grid-watchlist .table--cell-ask .button {
					background: var(--table_row-button-buy-inactive-bg);
					border-color: var(--table_row-button-buy-inactive-border);
				}
	.grid-watchlist .table--cell-ask .button .priceLabel {
						color: var(--positive-text-color);
					}
	.grid-watchlist .table--cell-ask .button:hover,
					.grid-watchlist .table--cell-ask .button:active {
						background: var(--table_row-button-buy-hovered-bg);
						border-color: var(--table_row-button-buy-default-border);
					}
	.grid-watchlist .table--cell-disabled .button {
					background: var(--button-disabled-bg-color);
					color: var(--table-text-color);
				}
	.grid-watchlist .table--cell-priceUp {
				color: var(--positive-text-color);
			}
	.grid-watchlist .table--cell-priceUp .button {
					color: var(--positive-text-color);
				}
	.grid-watchlist .table--cell-priceDown {
				color: var(--negative-text-color);
			}
	.grid-watchlist .table--cell-priceDown .button {
					color: var(--negative-text-color);
				}
	.grid-watchlist .table--cell-watchlist {
				font-size: var(--table--cell-font-size);
			}
	.grid-watchlist .table--cell .control-comboBox {
				position: relative;
				transform: translateY(-1px);
			}
	.grid-watchlist .table--cell .selectBox--arrow {
				opacity: 1;
			}
	.grid-watchlist .table--cell input[type="text"] {
				padding-left: 5px;
			}
	.grid-watchlist .orderSizeValue {
		display: inline-block;
		padding-left: 12px;
	}

#ruler .table--cell-watchlist {
		font-size: var(--table--cell-font-size);
	}

#ruler .table--cell-watchlist .priceLabel {
			display: none;
		}

#ruler .table--cell-watchlist .control-comboBox {
			display: none;
		}

.mobile .grid-watchlist .instrument--listSelectorWrapper {
				font-size: 14px;
			}
input[type="text"],
input[type="password"],
input[type="email"] {
	transition: border-color var(--animation-fast), background-color var(--animation-fast) linear;
}

	input[type="text"].corrected, input[type="password"].corrected, input[type="email"].corrected {
		animation: correction 750ms linear;
	}

@keyframes correction {
	0% {
		background-color: var(--wrong-bg-color);
	}

	25% {
		background-color: var(--input-default-bg-color);
	}

	50% {
		background-color: var(--wrong-bg-color);
	}

	100% {
		background-color: var(--input-default-bg-color);
	}
}

.control-textInput {
	width: 98px;
}

	.control-textInput.control-withReset .control--reset {
				display: block;
				position: absolute;
				top: 50%;
				right: 5px;
				height: 9px;
				width: 9px;
				cursor: pointer;
				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-orderId {
		width: 60px;
	}

.control-textInput.control-withReset .control--reset {
				fill: var(--icon-primary-default-color);
			}
.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;
					}
.widget-watchlist-header-title__container {
		color: var(--modal-window-header-text-color);
		transition: color 220ms ease-in;
		height: 19px;
		cursor: pointer;
		display: flex;
		align-items: center;
        line-height: 1;
	}

		.widget-watchlist-header-title__container .text {
			display: inline-block;
			vertical-align: middle;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			flex-grow: 1;
		}

		.widget-watchlist-header-title__container .text:first-child {
				margin-left: 0;
			}

		.widget-watchlist-header-title__container .text + .icon {
				margin-left: 5px;
				margin-right: 0;
			}

		.widget-watchlist-header-title__container .icon {
			display: inline-block;
			height: 8px;
			width: 8px;
			margin-right: 5px;
			vertical-align: middle;
			flex-shrink: 0;
			line-height: 0;
		}

		.widget-watchlist-header-title__container .icon {
			fill: var(--modal-window-header-text-color);
			transition: fill 220ms ease-in;
		}

		.widget-watchlist-header-title__container .control {
			height: 100%;
		}

		.widget-watchlist-header-title__container .control--wrap {
				height: 100%;
			}

		.widget-watchlist-header-title__container .control input[type=text] {
				height: 100%;
				line-height: 1;
			}

		.widget-watchlist-header-title__container .control--errorMessage {
				padding-top: 4px;
				padding-bottom: 4px;
			}

		.widget-watchlist-header-title__container:hover {
			color: var(--link-hovered-text-color);
		}

		.widget-watchlist-header-title__container:hover .icon {
				fill: var(--link-hovered-text-color);
			}

		.widget-watchlist-header-title__container:active {
			color: var(--icon-link-pressed-color);
		}

		.widget-watchlist-header-title__container:active .text,
			.widget-watchlist-header-title__container:active .icon {
				transform: translateY(1px);
			}

		.widget-watchlist-header-title__container:active .icon {
				fill: var(--icon-link-pressed-color);
			}

		.widget-watchlist-header-title__container_disabled {
			pointer-events: none;
			color: var(--dropdown-alt-disabled-text);
		}

		.widget-watchlist-header-title__container_disabled .icon {
				fill: var(--dropdown-alt-disabled-text);
			}

		.widget-watchlist-header-title__container_opened {
			color: var(--link-default-text-color);
		}

		.widget-watchlist-header-title__container_opened .icon {
				fill: var(--link-default-text-color);
			}
	.widget-watchlist-header-title__text {
		display: inline-block;
		vertical-align: middle;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		flex-grow: 1;
	}
	.widget-watchlist-header-title__text:first-child {
			margin-left: 0;
		}
	.widget-watchlist-header-title__text + .widget-watchlist-header-title__icon {
			margin-left: 5px;
			margin-right: 0;
		}
	.widget-watchlist-header-title__icon {
		display: inline-block;
		width: 8px;
		margin-right: 5px;
		vertical-align: middle;
		flex-shrink: 0;
	}

.widgetNew__headerContentWrapper .container {
		height: 100%;
		padding-left: 6px;
		padding-right: 6px;
		line-height: 18px;
		background-color: var(--dropdown-alt-default-bg);
		box-shadow: 0 0 0 1px var(--dropdown-alt-border-outside);
		color: var(--dropdown-alt-default-text);
		border-radius: calc(var(--controls-border-radius) - 1px);
		position: relative;
	}

.widgetNew__headerContentWrapper .container:before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: calc(100% - 2px);
			height: calc(100% - 2px);
			border-radius: calc(var(--controls-border-radius) - 1px);
			border: 1px solid transparent;
			transition: all 220ms ease-out;
		}

.widgetNew__headerContentWrapper .container:hover:before {
				background: var(--button-hovered-overlay-color);
				transition: all 220ms ease-in;
			}

.widgetNew__headerContentWrapper .container_disabled,
			.widgetNew__headerContentWrapper .container_disabled:hover,
			.widgetNew__headerContentWrapper .container_disabled:active {
				color: var(--dropdown-alt-disabled-text-color);
				background-color: var(--dropdown-alt-disabled-bg);
				box-shadow: 0 0 0 1px var(--dropdown-alt-disabled-border-outside);
			}

.widgetNew__headerContentWrapper .container .icon .icon {
				fill: var(--icon-contextual-primary-default-color);
			}
.instrument {
	position: relative;
	transition: .35s ease-in-out;
}
	
	.instrument .control-textInput {
		width: calc(100% + 1px);
		margin: 2px 0 1px 1px;
	}
	
	.instrument .control-textInput .control--wrap {
			display: block;
		}
	
	.instrument .control-textInput input[type="text"] {
			display: block;
			max-width: none;
		}
	
	.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 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: var(--watchlist-futures-warning-table-row-bg-color);
	}
	
	.instrument--sell,
	.instrument--buy {
		position: relative;
		width: calc(50% - 1px);
		display: inline-block;
		vertical-align: bottom;
	}
	
	.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: 19px;
		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 {
			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: 100px;
			min-height: 19px;
			margin: 0;
			line-height: 19px;
			text-align: center;
			position: absolute;
			left: 50%;
			top: 56px;
			box-shadow: none;
			border-bottom: none;
			border-radius: 1px 1px 0 0;
			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: var(--watchlist-futures-warning-table-row-bg-color);
	}
	
	.instrument--change-positive, .instrument--netChange-positive, .instrument--spread-positive {
			color: var(--positive-text-color);
		}
	
	.instrument--change-negative, .instrument--netChange-negative, .instrument--spread-negative {
			color: var(--negative-text-color);
		}
	
	.instrument--sell .button-price:after, .instrument--buy .button-price:after {
			border-color: var(--button-disabled-border-outside-color);
		}
	
	.instrument--spread-dashboard::before {
			background-color: var(--dashboard-area-bg-color);
		}
	
	.instrument--spread-dashboard span {
			background-color: var(--dashboard-spread-bg-color);
		}
	
	.instrument--close .icon, .instrument--settings .icon {
			fill: var(--icon-primary-default-color)
		}
	
	.instrument--close:hover .icon, .instrument--settings:hover .icon {
				fill: var(--icon-hovered-color);
			}
	
	.instrument--groupTitle {
		color: var(--common-text-default);
	}
	
	.instrument .button-price:not([disabled]).button-buy,
				.instrument .button-price:not([disabled]).button-sell {
					border-color: var(--neutral-dashboard-button-outside-border-color);
				}
	
	.instrument .button-price:not([disabled]).button-buy:hover::before, .instrument .button-price:not([disabled]).button-sell:hover::before {
						background: var(--button-hovered-overlay-color);
					}
	
	.instrument .icon-watchlist-futures-warning {
		fill: var(--watchlist-futures-warning-icon-color);
	}
	
	.instrument-up .button-price:after {
			background-color: var(--up-dashboard-bg-color);
			border-color: var(--up-dashboard-button-outside-border-color);
		}
	
	.instrument-up .button-price[disabled]:after {
			background-color: var(--disabled-bg-color);
		}
	
	.instrument-up .button-price:not([disabled]).button-buy,
					.instrument-up .button-price:not([disabled]).button-sell {
						background-color: var(--up-dashboard-bg-color);
						border-color: var(--up-dashboard-button-outside-border-color);
					}
	
	.instrument-down .button-price:after {
			background-color: var(--down-dashboard-bg-color);
			border-color: var(--down-dashboard-button-outside-border-color);
		}
	
	.instrument-down .button-price[disabled]:after {
			background-color: var(--disabled-bg-color);
		}
	
	.instrument-down .button-price:not([disabled]).button-buy,
					.instrument-down .button-price:not([disabled]).button-sell {
						background-color: var(--down-dashboard-bg-color);
						border-color: var(--down-dashboard-button-outside-border-color);
					}
	
	.instrument-expanded .order--actions {
			visibility: hidden;
			opacity: 0;
		}
	
	.instrument-disabled.plate .plate--quantity .control-disabled input[type="text"] {
					color: var(--common-text-disabled);
				}
	
	.instrument-disabled.plate .plate--quantity .selectBox--arrow {
					opacity: 0.3;
				}
	
	.instrument-disabled .instrument--spread-dashboard {
				color: var(--no-data-text-color);
			}
	
	.instrument-disabled .instrument--sell::after, .instrument-disabled .instrument--buy::after {
					background-color: var(--disabled-bg-color);
				}
	
	.instrument_scaled {
		transform: scale(0.7); 
	}

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

.plate {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 2px 0 4px;
	min-height: 137px;
	min-width: 300px;
	flex-grow: 1;
	z-index: 1;
	border-right: 2px solid transparent;
	border-left: 2px solid transparent;
	transition: .35s ease-in-out;
}

	.plate-empty {
		visibility: hidden;
		min-height: auto;
		height: 1px;
		position: static;
	}

	.plate-selected {
		z-index: 2;
		box-shadow: 0 0 0 1px var(--selected-dashboard-border-color);
	}

	.plate--heading {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: 22px;
		padding: 0 6px;
		line-height: 22px;
		overflow: hidden;
		box-sizing: border-box;
		text-align: center;
		background-color: var(--dashboard-header-bg-color);
		box-shadow: 0 -1px 0 var(--dashboard-widget-item-shadow-color) inset;
	}

	.plate--heading .instrument--symbol {
				color: var(--table-text-color);
				font-weight: 600;
			}

	.plate--heading .instrument--change {
				margin-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: 100%;
			line-height: normal;
			box-sizing: border-box;
		}

	.plate--heading .button {
			margin-left: 10px;
		}

	.plate--heading .button:not(.button-info) {
				width: 11px;
				height: 11px;
			}

	.plate--heading .button:hover .icon {
					fill: var(--icon-hovered-color);
				}

	.plate--heading .button:active .icon {
					fill: var(--icon-pressed-color);
				}

	.plate--heading .button:first-child {
				margin-left: 0;
			}

	.plate--heading .button-close {
				background-color: transparent;
				box-shadow: none;
			}

	.plate--heading .button-close:hover {
					background-color: transparent;
				}

	.plate--heading .button-close:focus {
					outline: none;
				}

	.plate--heading .button-close::before {
					content: none;
				}

	.plate--heading .button-close .icon {
					margin-top: 0;
				}

	.plate--heading .button-info {
				margin-left: 4px;
			}

	.plate--heading .button .icon {
				fill: var(--icon-secondary-default-color);
			}

	.plate--symbolWrapper,
	.plate--buttonsWrapper,
	.plate--textWrapper {
		display: flex;
		align-items: center;
	}

	.plate--textWrapper {
		justify-content: center;
		width: 100%;
		color: var(--common-text-disabled);
		font-size: 12px;
		line-height: 14px;
	}

	.plate--info,
	.plate--actions {
		background-color: var(--dashboard-area-bg-color);
	}

	.plate--info {
		padding: 4px 4px 4px 6px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.plate--info .price {
			font-size: 12px;
			display: inline-block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			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;
				color: var(--additional-text-color);
			}

	.plate--info .instrument--low {
				text-align: right;
			}

	.plate--info .instrument--high {
				text-align: left;
			}

	.plate--actions {
		display: flex;
		position: relative;
		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--quantity .comboBox--inner {
			width: 90px;
		}

	.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 {
			margin-top: -27px;
		}

	.plate.instrument-empty .instrument-down .button-price::after, .plate.instrument-empty .instrument-up .button-price::after {
					background-color: var(--disabled-bg-color);
					border-color: var(--button-disabled-border-outside-color);
				}

	.plate.instrument-empty .instrument-down .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-buy,
					.plate.instrument-empty .instrument-up .button-price:not([disabled]).button-sell {
						background-color: var(--disabled-bg-color);
						box-shadow: none;
						border-color: var(--button-disabled-border-outside-color);
					}

	.plate:empty {
		cursor: pointer;
		box-shadow: 0 0 0 1px var(--line-color) inset;
	}

	.plate:empty:hover:after {
			background-color: var(--line-color-2);
		}

	.plate:empty::after,
		.plate:empty:active:after {
			background-color: var(--line-color);
			color: var(--add-dashboard-border-color);
		}

	.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 {
			margin-top: -27px;
		}

	.plate--quantity .comboBox--inner {
			width: 100px;
		}

	.plate_scaled {
		transform: scale(0.7); 
	}
.protection-order-badge__container:after {
			position: absolute;
			border-radius: 50%;
			top: -3px;
			right: -4px;
			width: 4px;
			height: 4px;
			border: 2px solid var(--dashboard-header-bg-color);
			background: var(--order_protection-triggered_on-mark);
		}

		.protection-order-badge__container_updated:after {
				content: '';
			}
.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: var(--description-text-color);
		}

.popup-creationAlert .switcherMode--tip {
			color: var(--description-text-color);
		}
.button-clearInput {
	width: 7px;
	height: 7px;
	padding: 0;
	background: transparent;
	border: none;

}

	.button-clearInput:hover .icon {
			width: 100%;
			height: 100%;
			fill: var(--icon-secondary-hovered-color);
			transition: fill 220ms ease-in;
		}

	.button-clearInput:active {
		top:auto;
	}

	.button-clearInput:active .icon {
			fill: var(--icon-pressed-color);
		}

	.button-clearInput .icon {
		width: 100%;
		height: 100%;
		fill: var(--icon-secondary-default-color);
	}

	.button-clearInput .icon:hover {
			fill: var(--icon-secondary-hovered-color);
			transition: fill 220ms ease-in;
		}

.calendar {
	width: calc(25px * 7 +  10px * 7 * 2);
	cursor: default;
	-webkit-user-select: none;
	   -moz-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 {
				cursor: pointer;
				background: var(--calendar-selected-day-bg-color);
			}

	.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 {
			background: transparent;
			transition: background 220ms ease-in;
		}



.calendar--header .calendar--day {
			color: var(--common-text-disabled);
		}



.calendar--info {
		border-color: var(--calendar-month-border-line-color);
	}



.calendar--year,
	.calendar--month {
		color: var(--common-text-default);
	}



.calendar--dates .calendar--day-today {
			color: var(--common-text-default);
		}



.calendar--dates .calendar--day-selected,
			.calendar--dates .calendar--day-selected:hover {
				background: var(--calendar-selected-day-bg-color);
				box-shadow: 0 0 0 1px var(--calendar-selected-day-border-color) inset;
				transition: background 220ms ease-in;
			}



.calendar--dates .calendar--day-disabled,
			.calendar--dates .calendar--day-disabled:hover {
				background: transparent;
				color: var(--common-text-disabled);
				box-shadow: none;
				transition: background 220ms ease-in, color 220ms ease-in;
			}



.calendar--dates .calendar--day-nextMonth,
			.calendar--dates .calendar--day-nextMonth:hover,
			.calendar--dates .calendar--day-prevMonth,
			.calendar--dates .calendar--day-prevMonth:hover {
				background: transparent;
				color: var(--common-text-disabled);
				box-shadow: none;
				transition: background 220ms ease-in, color 220ms ease-in;
			}



.calendar--day {
		color: var(--common-text-default);
	}



.calendar--switcher .icon {
			fill: var(--link-default-text-color)	;
			transition: fill 220ms ease-out;
		}



.calendar--switcher:hover .icon {
				fill: var(--link-hovered-text-color);
				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;
		box-shadow: none;
	}

	.datePicker .button:hover::before {
				background: transparent;
			}

	.datePicker .button i {
			display: block;
			height: 100%;
		}

.datePicker input[readonly],
		.datePicker input[readonly]:active,
		.datePicker input[readonly]:focus,
		.datePicker input[readonly]:hover {
			color: var(--link-default-text-color)	;
		}

.datePicker .button {
		background-color:  transparent;
	}

.datePicker .button .icon {
			fill: var(--link-default-text-color);
		}

.datePicker .button:hover .icon {
				fill:var(--link-hovered-text-color);
			}

.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 {
				top: 1px;
			}

.control-datePicker.control-disabled .datePicker .button {
			cursor: default;
		}

.control-datePicker.control-disabled .datePicker .button:hover svg {
					fill: var(--icon-disabled-color);
				}

.control-datePicker.control-disabled .datePicker .button svg {
				fill: var(--icon-disabled-color);
			}

.mobile .control-datePicker {
		width: 135px;
	}
.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: calc(var(--controls-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: 2px;
				z-index: 0;
				transition: height 0.2s;
			}

	.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 {
						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 {
			top: 10px;
		}

	.numericStepper--control {
		position: absolute;
		top: 2px;
		width: 23px;
		height: 23px;
		padding: 0;
		box-sizing: border-box;
		border-radius: calc(var(--controls-border-radius) - 1px);
		border: 1px solid transparent;
		background-origin: border-box;
	}

	.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: var(--icon-primary-default-color);
		}
.numericStepper--control:disabled .icon, .numericStepper--control[disabled] .icon {
				fill: var(--disabled-symbol-color);
			}
.numericStepper--clearInput .button {
			background: transparent;
			box-shadow: none;
			border-color: transparent;
		}
.numericStepper .numericStepper--control {
		background-color: var(--small-button-bg-color);
	}
.numericStepper .numericStepper--control,
		.numericStepper .numericStepper--control:disabled,
		.numericStepper .numericStepper--control:disabled:hover,
		.numericStepper .numericStepper--control:disabled:active {
			box-shadow: none;
		}
.numericStepper .numericStepper--control::before {
			border-top-color: var(--small-button-inside-border-top-color);
			border-left-color: var(--small-button-inside-border-side-color);
			border-right-color: var(--small-button-inside-border-side-color);
			border-bottom-color: var(--small-button-inside-border-bot-color);
		}

#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-numericStepper {
	width: 125px;
}

	.control-numericStepper.control-disabled .numericStepper .button {
				background: var(--small-button-disabled-bg-color);
				box-shadow: none;
			}

	.control-numericStepper.control-disabled .numericStepper .button .icon {
					fill: var(--icon-disabled-color);
				}

	.control-numericStepper.control-disabled .numericStepper span {
				color: var(--common-text-disabled);
			}

	.control-numericStepper.control-optionChain {
		display: flex;
		align-items: center;
		width: auto;
	}

	.control-numericStepper.control-optionChain .control--label {
			margin-right: 8px;
		}

	.control-numericStepper.control-optionChain label {
			font-size: 12px;
			color: var(--additional-text-color);
			white-space: nowrap;
		}

	.control-numericStepper.control-optionChain .numericStepper--input input[type="text"] {
			min-width: 51px;
			width: 51px;
			padding-right: 28px;
			line-height: 27px;
		}

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

.triggerCondition__Container_createAlert .col_comparison {
                    width: 104px;
                }
                .triggerCondition__Container_createAlert .col_value {
                    width: 100px;
                }
        .triggerCondition__Container .button-disabled.creationAlertForm__deleteLeg {
                opacity: .3;
            }
        .triggerCondition__Container .selectBox,
        .triggerCondition__Container .control,
        .triggerCondition__Container .control--wrap {
            width: 100%;
        }
        .triggerCondition__Container input[type="text"],
        .triggerCondition__Container input[type="password"],
        .triggerCondition__Container input[type="email"] {
            height: 27px;
        }
    .triggerCondition__TitleWrapper {
        display: flex;
        align-items: center;
        margin-bottom: 6px;
    }
    .triggerCondition__TitleWrapper .selectBox {
            width: 168px;
        }
    .triggerCondition__Title {
        font-weight: 500;
        color: var(--label-color);
        margin-right: 10px;
        text-transform: none;
        white-space: nowrap;
    }
    .triggerCondition__Row {
        display: flex;
        align-items: center;
        padding: 10px 17px;
        margin: 0 -17px;
        background: var(--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_symbol {
            width: 139px;
        }
    .triggerCondition__Col_field {
            width: 110px;
        }
    .triggerCondition__Col_side {
            width: 76px;
        }
    .triggerCondition__Col_comparison {
            width: 134px;
        }
    .triggerCondition__Col_value {
            width: 119px;
        }
    .triggerCondition__Col_trigger {
            width: 265px;
        }
    .triggerCondition__OptionsContainer {
        display: flex;
        margin-top: 29px;
    }
    .triggerCondition__ButtonDeleteRow {
        width: 17px;
        height: 17px;
        color: var(--add-delete-icon-color);
        border-radius: 50%;
        border: 1px solid var(--add-delete-icon-border-color);
        opacity: 0.3;
        transition: opacity .3s;
    }
    .row:hover .triggerCondition__ButtonDeleteRow {
            opacity: 1;
        }
    .triggerCondition__ButtonDeleteRow:not([disabled]):active {
            top: 1px;
        }
    .triggerCondition__ButtonDeleteRow:not([disabled]):active .icon {
                top: 0;
            }
    .triggerCondition__AddContainer {
        margin-top: 9px;
        margin-left: -6px;
    }
    .triggerCondition__AddButton {
        color: var(--link-default-text-color);
        background-color: transparent;
        display: inline-flex;
        align-items: center;
    }
    .triggerCondition__AddButton .icon {
            margin-right: 3px;
            width: 11px;
            height: 11px;
            fill: var(--link-default-text-color);
        }
.creation-alert-form__Container {
		font-size: var(--body-font-size);
	}
	.creation-alert-form__TitleWrapper {
		display: flex;
		align-items: center;
	}
	.creation-alert-form__Title {
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0.8px;
		color: var(--label-color);
		margin-right: 10px;
		text-transform: uppercase;
	}
	.creation-alert-form__OptionsContainer {
		display: flex;
		margin-top: 29px;
	}
	.creation-alert-form__OptionsCol:first-child {
			width: 172px;
		}
	.creation-alert-form__OptionsCol:last-child {
			flex-grow: 1;
		}
	.creation-alert-form__OptionsCol .switcher {
			margin-left: 4px;
		}
	.creation-alert-form__OptionsCol .switcher:hover .switcher--input:checked + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-on-hovered-bg-color);
							}
	.creation-alert-form__OptionsCol .switcher:hover .switcher--input:not(:checked) + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-off-hovered-bg-color)
							}
	.creation-alert-form__OptionsCol .switcher:active .switcher--input:checked + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-on-default-bg-color);
							}
	.creation-alert-form__OptionsCol .switcher:active .switcher--input:not(:checked) + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-off-default-bg-color);
							}
	.creation-alert-form__OptionsCol .switcher--input:checked + .switcher--label:first-of-type {
							background-color: var(--order-entry-switcher-on-default-bg-color);
						}
	.creation-alert-form__OptionsCol .switcher--input:not(:checked) + .switcher--label:first-of-type {
							background-color: var(--order-entry-switcher-off-default-bg-color);
						}
	.creation-alert-form__ExpirationRow {
		width: 152px;
		margin-top: 8px;
	}
	.creation-alert-form__ExpirationRow .control-datePicker {
			width: auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
	.creation-alert-form__ExpirationRow .control-datePicker .control--wrap {
				width: 112px;
			}
	.creation-alert-form__ExpirationRow .control-datePicker .control--wrap input {
					width: 100%;
				}
	.creation-alert-form__ExpirationRow .control-datePicker .control--label>label {
					color: var(--common-text-default);
				}
	.creation-alert-form__NotifyRow {
		display: flex;
		margin-top: 10px;
	}
	.creation-alert-form__NotifyRow:first-of-type {
			margin-top: 14px;
		}
	.creation-alert-form__NotifyRow .control-checkBox {
			margin-right: 8px;
		}
	.creation-alert-form__DescriptionContainer {
		margin-top: 23px;
	}
	.creation-alert-form__DescriptionContainer .control--wrap {
			margin-top: 5px;
		}
	.creation-alert-form__textarea {
		width: 100%;
		line-height: 25px;
		overflow: hidden;
	}
	.creation-alert-form__ExpirationTime {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.creation-alert-form__ExpirationLabel {
		color: var(--common-text-default);
	}
.button-price {
		height: 75px;
		position: relative;
		border: 1px solid transparent;
		border-radius: calc(var(--controls-border-radius) - 1px);
		z-index: 1;
	}

		.button-price:active {
			top: 0;
		}

		.button-price.button-sell .button--label {
					margin: 0 auto;
				}

		.button-price.button-buy .button--label {
					margin: 0 auto;
				}

		.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 {
							margin-top: 1px;
						}

/* used in chart toolbar */

.button-buy {
		background-color: var(--buy-button-default-bg-color);
		color: var(--buy-button-default-text-color);
	}

/* used in chart toolbar */

.button-sell {
		background-color: var(--sell-button-default-bg-color);
		color: var(--sell-button-default-text-color);
	}

.button-price {
		background-color: var(--button-bg-color);
		box-shadow: none;
		border-color: var(--button-outside-border-color);
	}

.button-price.button-up {
				background-color: var(--buy-button-default-bg-color);
				box-shadow: none;
			}

.button-price.button-down {
				background-color: var(--sell-button-default-bg-color);
				box-shadow: none;
			}

.button-price.button-buy:disabled, .button-price.button-sell:disabled {
					background-color: var(--button-disabled-bg-color);
					box-shadow: none;
					border-color: var(--button-disabled-border-outside-color);
				}

.button-price.button-buy:disabled .button--label,
					.button-price.button-buy:disabled .price,
					.button-price.button-sell:disabled .button--label,
					.button-price.button-sell:disabled .price {
						color: var(--common-text-disabled);
					}

.button-price.button {
			box-shadow:
				inset 0 1px 0 rgba(var(--highlight-color-rgb), 0.06),
				inset -1px 0 0 rgba(var(--highlight-color-rgb), 0.04),
				inset 0 -1px 0 rgba(var(--highlight-color-rgb), 0.02),
				inset 1px 0 0 rgba(var(--highlight-color-rgb), 0.04);
		}

.button-price.button:active:not([disabled]) {
				box-shadow:
					inset 0 1px 0 rgba(var(--shadow-color-rgb), 0.2),
					inset -1px 0 0 rgba(var(--shadow-color-rgb), 0.13),
					inset 0 -1px 0 rgba(var(--shadow-color-rgb), 0.06),
					inset 1px 0 0 rgba(var(--shadow-color-rgb), 0.13);
			}

.button-price.button:not(:disabled), .button-price.button:active:not(:disabled) {
					border-color: var(--button-outside-border-color);
				}

.button-price.button-buy,
			.button-price.button-sell {
				background-color: var(--neutral-dashboard-bg-color);
			}

.dashboard {
	height: 100%;
}

	.dashboard .scrollable--content {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

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

.grid-watchlist__watchlist.widget-filtered .filterPanel + div {
				height: calc(100% - 24px);
			}
	.grid-watchlist__watchlist .filterPanel + div {
			height: 100%;
			width: 100%;
		}

.widget-watchlist__headerContent {
		width: 100%;
		display: flex;
	}

.widget-watchlist__headerContent .toolbar__item .button:first-child {
					margin-left: 0;
				}

.widget-watchlist__headerContent .control-textInput {
				height: 100%;
			}

.widget-watchlist__headerContent .control input[type='text'] {
				height: 19px;
				line-height: 19px;
			}

.widget-watchlist__headerContent .control-selectBox {
				height: 19px;
			}

.widget-watchlist__headerContent .control-selectBox .selectBox {
					line-height: 17px;
					height: 100%;
				}

.widget-watchlist__headerContent .control-selectBox .selectBox--label {
						height: 100%;
						padding: 1px 1px 0 6px;
						line-height: 15px;
					}

.widget-watchlist__headerContent .control-sortBy {
				margin-left: auto;
			}

.widget-watchlist__headerContent .control-toggleButtons {
				height: 19px;
			}

.widget-watchlist__headerContent .control-toggleButtons .button {
					min-height: 19px;
				}

.widget-watchlist__headerContent .button-aboutUs:hover + .WidgetWatchlist__aboutMessage {
						display: block;
					}

.widget-watchlist__headerContent .button-linking-wrapper {
				display: inline-flex;
			}

.widget-watchlist__watchlistTitle {
		color: var(--modal-window-header-text-color);
		transition: color 220ms ease-out;
		height: 19px;
		cursor: pointer;
		display: flex;
		align-items: center;
		overflow: hidden;
	}

.widget-watchlist__watchlistTitle:hover {
			color: var(--link-hovered-text-color);
		}

.widget-watchlist__watchlistTitle:hover :global(.icon) {
				fill: var(--link-hovered-text-color);
				transition: fill 220ms ease-in;
			}

.widget-watchlist__watchlistTitle:active {
			color: var(--icon-link-pressed-color);
		}

.widget-watchlist__watchlistTitle:active .watchlistTitle__text,
			.widget-watchlist__watchlistTitle:active .watchlistTitle__icon {
				transform: translateY(1px);
			}

.widget-watchlist__watchlistTitle:active :global(.icon) {
				fill: var(--icon-link-pressed-color);
			}

.widget-watchlist__watchlistTitle_disabled {
			pointer-events: none;
			color: var(--dropdown-alt-disabled-text);
		}

.widget-watchlist__watchlistTitle_disabled .watchlistTitle__icon .icon {
					fill: var(--dropdown-alt-disabled-text);
				}

.widget-watchlist__watchlistTitle__opened {
			color: var(--link-default-text-color);
		}

.widget-watchlist__watchlistTitle__opened :global(.icon) {
				fill: var(--link-default-text-color);
			}

.widget-watchlist__watchlistTitle__text {
			display: inline-block;
			vertical-align: middle;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			flex-grow: 1;
		}

.widget-watchlist__watchlistTitle__text:first-child {
				margin-left: 0;
			}

.widget-watchlist__watchlistTitle__icon {
			display: inline-block;
			height: 8px;
			width: 8px;
			margin-right: 5px;
			vertical-align: middle;
			flex-shrink: 0;
		}

.widget-watchlist__watchlistTitle__text + .widget-watchlist__watchlistTitle__icon {
			margin-left: 5px;
			margin-right: 0;
		}

.widget-watchlist__watchlistTitle .icon {
			fill: var(--modal-window-header-text-color);
		}

.widget-watchlist__watchlistTitle .control {
			height: 100%;
			top: 1px;
		}

.widget-watchlist__watchlistTitle .control--wrap {
				height: 100%;
			}

.widget-watchlist__watchlistTitle .control input[type=text] {
				height: 100%;
				line-height: 1;
			}

.widget-watchlist__headerContentWrapper .watchlistTitle {
			height: 100%;
			padding-left: 6px;
			padding-right: 6px;
			line-height: 18px;
			background-color: var(--dropdown-alt-default-bg);
			box-shadow: 0 0 0 1px var(--dropdown-alt-border-outside);
			color: var(--dropdown-alt-default-text);
			border-radius: calc(var(--controls-border-radius) - 1px);
			position: relative;
		}

.widget-watchlist__headerContentWrapper .watchlistTitle:before {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: calc(100% - 2px);
				height: calc(100% - 2px);
				border-radius: calc(var(--controls-border-radius) - 1px);
				border: 1px solid transparent;
				transition: all 220ms ease-out;
			}

.widget-watchlist__headerContentWrapper .watchlistTitle:hover:before {
					background: var(--button-hovered-overlay-color);
					transition: all 220ms ease-in;
				}

.widget-watchlist__headerContentWrapper .watchlistTitle_disabled,
				.widget-watchlist__headerContentWrapper .watchlistTitle_disabled:hover,
				.widget-watchlist__headerContentWrapper .watchlistTitle_disabled:active {
					color: var(--dropdown-alt-disabled-text-color);
					background-color: var(--dropdown-alt-disabled-bg);
					box-shadow: 0 0 0 1px var(--dropdown-alt-disabled-border-outside);
				}

.widget-watchlist__headerContentWrapper .watchlistTitle__icon .icon {
					fill: var(--icon-contextual-primary-default-color);
				}

.widget-watchlist__aboutMessage {
		display: none;
		width: 240px;
		padding: 1px 7px;
		color: var(--hint-tooltip-text-color);
		font-size: 12px;
		background-color: var(--hint-tooltip-bg-color);
		border: solid 1px var(--wrong-tooltip-border-color);
		box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
		position: absolute;
		top: calc(100% + 3px);
		right: 0;
		z-index: 3;
		white-space: normal;
	}
.chart {
	display: table;
	width: 100%;
	height: 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 {
	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;
}

.chartLayout {
	position: relative;
}

.chart {
	overflow: visible;
	height: 100%;
	display: block;
	background: var(--chart-bg-color);
	color: var(--chart-axis-value-text-color);
}

.chart--area-hidden {
		border: 0;
	}

.chart--highlights {
		display: none;
	}

.chart-drawingMode .chartLine {
			pointer-events: none;
		}

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

.chart--canvasWrapper canvas {
			width: 100%;
		}

.chart--linesWrapper {
		z-index: 4;
	}

.chart--lines {
		left: 130px;
	}

.chart .chartStudy--infoBar {
		font-size: 1.1rem;
	}

.chart-watchlist .chart .chartLine:before {
				background-color: var(--line-color);
			}

.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--highLowIndicator {
	padding: 0 5px;
	font-size: 10px;
	line-height: 15px;
	margin-left: 7px;
	position: absolute;
	opacity: 1;
	background: var(--chart-high-low-label-bg-color);
	color: var(--chart-high-low-label-text);
}

	.chart--highLowIndicator::after {
		border-color: transparent var(--chart-high-low-label-bg-color);
		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--hiddenLinesInfoBox {
	position: absolute;
	line-height: 32px;
	color: var(--common-text-default);
	font-size: 14px;
	border-radius: 1px;
	background-image: linear-gradient(70deg, var(--chart-drawing-management-panel-bg-color-1),  var(--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, var(--chart-drawing-management-panel-bg-color-1),  var(--chart-drawing-management-panel-bg-color-2) 98%);
		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 var(--shadow-color);
	}

	.chart--hiddenLinesInfoBox-top::before {
			top: -4px;

		}

	.chart--hiddenLinesInfoBox-bottom {
		bottom: 10px;
		box-shadow: 0 4px 10px 0 var(--shadow-color);
	}

	.chart--hiddenLinesInfoBox-bottom::before {
			bottom: -4px;
		}
.control-crosstoolTypeSwitcher .control--wrap {
		width: 42px;
	}
	.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 .control--wrap {
		width: 42px;
	}
	.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 {
					background-position: -150px -1600px;
				}

.dropDown-tradingFromChart .dropDown--option-stopOrder::after {
					background-position: -50px -1650px;
				}

.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 {
					background-position: -150px -2100px;
				}

.button-setting .icon {
		width: 12px;
		height: 12px;
		margin-top: 1px;
	}

.mobile .button-setting .icon {
			width: 16px;
			height: 16px;
		}
.chartAreaToolbar__SwitcherWrapper {
		flex-direction: row-reverse;
		align-items: center;
		margin-right: 8px;
		vertical-align: middle;
	}

		.chartAreaToolbar__SwitcherWrapper:last-child {
			margin-right: 0;
		}
	.chartAreaToolbar__SwitcherLabel {
		margin: 0 0 0 5px;
		color: var(--common-text-default);
	}
.chart--linesWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.chart--lines {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	right: 0;
	width: auto;
	overflow: visible;
}

.chartLine {
	position: absolute;
	width: 100%;
	pointer-events: auto;
}

.chartLine {
		position: absolute;
		left: 0;
		width: 100%;
	}

.chartLine .chartLine--line,
			.chartLine .chartLine--trigger {
				position: absolute;
				display: block;
				left: -1000px;
				right: 0;
			}

.chartLine .chartLine--line {
			content: '';
			height: 1px;
		}

.chartLine--controlGroup,
		.chartLine--orderGroupTypeContainer {
			position: absolute;
		}

.chartLine .chartLine--trigger {
			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-hidden {
          display: none;
        }

.chartLine-showDot .chartLine--dot {
				display: block
			}

.chartLine--labelAxis {
			z-index: 5;
			position: absolute;
			right: 0;
			line-height: 14px;
			font-size: 10px;
			padding: 0 5px;
			transform: translate(100%, -50%);
		}

.chartLine--labelAxis-ask {
				transform: translate(100%, -28px);
			}

.chartLine--labelAxis-bid {
				transform: translate(100%, 0);
			}

.chartLine--labelAxis-hidden {
				display: none;
			}

.chartLine--orderGroupTypeList {
		display: none;
	}
	.chartLine--orderGroupTypeListItem {
		white-space: nowrap;
	}
	.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded {
			display: flex;
		}
	.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded .chartLine--orderGroupTypeList {
				display: flex;
			}
	.chartLine--orderGroupTypeContainer {
		z-index: 1;
		display: none;
	}

.chart--highlight {
		position: absolute;
		left: 0;
		right: 0;
		box-sizing: border-box;
	}
.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--axisLabels--quote {
		font-size: 10px;
	}
.chartLine-ask .chartLine--label,
			.chartLine-ask .chartLine--controlGroup,
			.chartLine-bid .chartLine--label,
			.chartLine-bid .chartLine--controlGroup {
				display: 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--trigger,
			.chartLine-editable .chartLine--label {
				cursor: grab;
			}
		.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: flex;
			}
	.chartLine-editable.chartLine-active.chartLine-order .chartLine--close, .chartLine-editable.chartLine-active.chartLine-position .chartLine--close {
					width: 15px;
					height: 17px;
					padding: 0;
				}
	.chartLine-editable.chartLine-active.chartLine-order .chartLine--close .icon-cancel, .chartLine-editable.chartLine-active.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;
			}
	.chartLine-editable.chartLine-not-modifiable .chartLine--label {
				cursor: default;
			}
.chart-limitLine.chartLine-active .chartLine--controlGroup .button-edit-symbol {
				display: none !important;
			}
.chartLine {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10;
	display: flex;
}

	.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: flex;
		align-items: center;
		width: 100%;
	}

	.chartLine--numericStepperContainer {
		order: -1;
		margin-right: 10px;
	}

	.chartLine-showDot .chartLine--dot {
		display: block;
	}

	.chartLine--quote,
	.chartLine--title {
		font-size: 1em;
	}

	.chartLine--quote {
		margin-left: 7px;
	}

	.chartLine--title {
		margin-left: 7px;
	}

	.chartLine--title:empty {
			margin-left: 0;
		}

	.chartLine--priceItem:not(:first-child) {
		margin-left: 5px;
	}

	.chartLine--controlGroup {
		display: flex;
	}

	.chartLine-order .chartLine--label:before {
			border-radius: 50%;
		}

	.chartLine-order.chartLine-tp.chartLine-buy .chartLine--label::before, .chartLine-order.chartLine-tp.chartLine-sell .chartLine--label::before, .chartLine-order.chartLine-sl.chartLine-buy .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: auto;
				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: auto;
				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: flex;
				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: 0 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;
				bottom: 0;
				margin: auto;
				padding: 4px 3px;
			}

	.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 {
					transform: rotate(180deg);
				}

	.chartLine-editable .numericStepper--control-down {
					top: 15px;
				}

	.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 {
					box-shadow: none;
				}

	.chartLine-editable .numericStepper--control:hover .icon, .chartLine-editable .numericStepper--control:active .icon {
						fill: var(--button-hovered-overlay-color)	;
					}

	.chartLine-editable .numericStepper--control .icon {
					position: absolute;
					left: 50%;
					top: 50%;
					margin: 0;
					width: 100%;
					height: 9px;
					fill: var(--icon-numeric-stepper-bg-color);
					stroke: var(--button-tertiary-border-outside-color);
					transform: translate(-50%, -50%);
					transition: fill 220ms ease-in;
				}

	.chartLine--indicator {
		display: inline-block;
		width: 35px;
		height: 17px;
		border-radius: 2px;
		padding: 2px 0 3px;
		text-align: center;
		box-sizing: border-box;
		margin-left: 5px;
	}

	.chartLine--indicator .indicatorText {
			font-size: 10px;
			font-weight: 600;
			line-height: 12px;
			vertical-align: middle;
		}

	.chartLine--activationRules {
		margin-left: 10px;
		display: flex;
		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;
			align-items: center;
			justify-content: center;
			margin-right: 7px;
			padding-left: 7px;
			padding-right: 7px;
			width: 25px;
			height: 25px;
			pointer-events: auto;
			box-sizing: border-box;
		}

.chartLine-multiAssetOrderCreation .chartLine--close .icon-trash {
				width: 11px;
				height: 13px;
			}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon {
			width: 18px;
			height: 14px;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderType {
			order: 2;
			width: 62px;
			pointer-events: auto;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderType .selectBox--label {
				padding: 0 6px 0 10px;
				display: flex;
				align-items: center;
				height: 23px;
			}

.chartLine-multiAssetOrderCreation .chartLine--orderType .selectBox--labelIcon {
				height: 11px;
				width: 26px;
			}

.chartLine-multiAssetOrderCreation .chartLine--controlGroup {
			display: flex;
			width: auto;
			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;
			flex-grow: 0;
			margin-left: 12px;
			pointer-events: auto;
			height: 25px;
			box-sizing: border-box;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem {
			border: 0;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeHandler {
			width: 25px;
			height: 25px;
			text-align: center;
			display: flex;
			justify-content: 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: flex;
			font-size: 14px;
			align-items: center;
			margin-left: 7px;
			flex-shrink: 0;
			border: 1px solid transparent;
			flex-shrink: 0;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo {
			margin-right: 7px;
			display: flex;
			border: 1px solid transparent;
			border-radius: 2px;
			min-width: 45px;
			box-sizing: border-box;
			padding: 0 7px;
			height: 27px;
			align-items: center;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo:not(.chartLine--orderGroupInfo-child) {
				justify-content: center;
			}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoInner {
			display: flex;
			height: 14px;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoNumber {
			margin: 0 2px;
			font-size: 14px;
			font-weight: 500;
			line-height: 1;
			color: var(--common-text-default);
			padding: 0 2px;
		}

.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: flex;
				padding: 0;
			}

.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer {
				display: flex;
			}

.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded .chartLine--orderGroupTypeList {
						padding: 0 10px;
					}

.chartLine-multiAssetOrderCreation .chartLine--title,
	.chartLine-multiAssetOrderCreation .chartLine--quote {
		transform: translateY(-1px);
	}


.chartLine--labelAxis-bid {
		color: var(--chart-axis-value-text-color) ;
		background-color: var(--chart-y-axis-last-price-container-negative);
	}


.chartLine--labelAxis-ask {
		color: var(--chart-axis-value-text-color) ;
		background-color: var(--chart-y-axis-last-price-container-positive);
	}


.chartLine--labelAxis-bidQuote {
		color: var(--chart-y-axis-last-price-container-negative);
	}


.chartLine--labelAxis-askQuote {
		color: var(--chart-y-axis-last-price-container-positive);
	}

/* display child info only in dropdown
 move display logic to react
 after refactor remove*/
.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;
			align-items: center;
		}

.chartLine-multiAssetPosition .chartLineMultiAsset--controls .chartLineMultiAsset--control, .chartLine-multiAssetOrder .chartLineMultiAsset--controls .chartLineMultiAsset--control {
					margin-left: 0;
					margin-right: 5px;
					padding: 0;
				}

.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;
			flex-shrink: 0;
		}

.chartLine-multiAssetPosition .chartLineMultiAsset--control.button-icon-order-group-bracket-plain, .chartLine-multiAssetOrder .chartLineMultiAsset--control.button-icon-order-group-bracket-plain {
				padding: 0;
			}

.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;
				transform: translateY(1px);
			}

.chartLine-multiAssetPosition .chartLineMultiAsset--control .icon, .chartLine-multiAssetOrder .chartLineMultiAsset--control .icon {
				fill: var(--icon-primary-default-color);
			}

.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: flex;
			width: auto;
			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: flex;
			align-items: center;
			height: 100%;
			box-sizing: border-box;
			padding-left: 7px;
			margin-right: 7px;
			padding-right: 7px;
			border-radius: 2px;
			border: solid 1px var(--chart-order-single-border-color) ;
			cursor: pointer;
		}

.chartLine-multiAssetPosition .chartLine--label, .chartLine-multiAssetOrder .chartLine--label {
			white-space: nowrap;
			font-size: 14px;
			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: flex;
			margin-left: 7px;
		}

.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;
			align-items: center;
		}

.chartLine-multiAssetPosition .chartLine--orderGroupInfoInner, .chartLine-multiAssetOrder .chartLine--orderGroupInfoInner {
			display: flex;
			height: 14px;
		}

.chartLine-multiAssetPosition .chartLine--orderGroupInfoNumber, .chartLine-multiAssetOrder .chartLine--orderGroupInfoNumber {
			font-size: 14px;
			font-weight: 500;
			line-height: 1;
			color: var(--common-text-default);
			padding: 0 2px;
		}

.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-multiAssetPosition .chartLine--orderGroupInfoIcon-child::before,
			.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child::after,
			.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: flex;
			}

.chartLine-multiAssetPosition.chartLine-active .chartLineMultiAsset--controls, .chartLine-multiAssetOrder.chartLine-active .chartLineMultiAsset--controls {
				display: flex;
			}

.chartLine-multiAssetPosition.chartLine-active .chartLineMultiAsset--controls .button-tertiary, .chartLine-multiAssetOrder.chartLine-active .chartLineMultiAsset--controls .button-tertiary {
					background-color: var(--button-tertiary-default-bg-color);
				}

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

.chartLine-group .chartLine--icon-isUsedSvgIcon::before {
			content: none;
		}

.chartLine-group .chartLine--icon-isUsedSvgIcon .icon {
			width: 11px;
			height: 11px;
			vertical-align: top;
			margin-left: 4px;
		}

:global .dropDown-chartLine--orderType .dropDown--option {
			padding-left: 9px;
		}


.chartLine-currentQuote .chartLine--line {
			background-image: linear-gradient(to right, var(--chart-trading-current-price-line-color) 100%, transparent 100%);
			background-size: 100% 5px;
		}


.chartLine--dot::before {
			background-color: var(--chart-time-stamp-dot-color);
			z-index: 2;
		}


.chartLine--dotLine {
			background-image: linear-gradient(to bottom, var(--chart-time-stamp-line-color) 50%, transparent 50%);
			background-size: 12px 5px;
		}


.chartLine--dotLabel {
			background: var(--chart-crosshair-value-bg-color);
			color: var(--common-text-default);
		}


.chartLine--quote,
	.chartLine--label {
		color: var(--common-text-default);
	}


.chartLine-sending .chartLine--controlGroup::before, .chartLine-pending .chartLine--controlGroup::before {
				background-image: url(../../icons-order-status.png?ea82e110edbf6b6d4561);
				background-color: var(--chart-bg-color);
				background-position: 2px 2px;
				transition: left .3s;
			}


.chartLine-pending .chartLine--controlGroup::before {
				background-position: 3px -18px;
			}


.chartLine-order .chartLine--label, .chartLine-position .chartLine--label, .chartLine-group .chartLine--label {
				background: var(--chart-trading-order-position-bg-color);
				border-color: var(--line-color-4);
			}


.chartLine-order .chartLine--label::before, .chartLine-order .chartLine--icon::before, .chartLine-position .chartLine--label::before, .chartLine-position .chartLine--icon::before, .chartLine-group .chartLine--label::before, .chartLine-group .chartLine--icon::before {
					background-image: url(../../icons-positions-orders-statuses.png?f84c1ffb6ec1870ecee1);
				}


.chartLine-buy .chartLine--label:before {
			background-color: var(--chart-trading-up-line-color);
		}


.chartLine-sell .chartLine--label:before {
			background-color: var(--chart-trading-down-line-color);
		}


/*line*/


.chartLine-position.chartLine-sell .chartLine--line {
				background-image: linear-gradient(to right, var(--chart-trading-down-line-color) 70%, transparent 70%);
				background-size: 10px 5px;
			}


.chartLine-position.chartLine-buy .chartLine--line {
				background-image: linear-gradient(to right, var(--chart-trading-up-line-color) 70%, transparent 70%);
				background-size: 10px 5px;
			}


.chartLine-order.chartLine-sell .chartLine--line {
				background-image: linear-gradient(to right, var(--chart-trading-down-line-color) 50%, transparent 50%);
				background-size: 4px 5px;
			}


.chartLine-order.chartLine-buy .chartLine--line {
				background-image: linear-gradient(to right, var(--chart-trading-up-line-color) 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, var(--chart-trading-up-line-color) 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, var(--chart-trading-down-line-color) 100%, transparent 100%);
					background-size: 100% 5px;
				}


.chartLine-group .chartLine--line {
			background-image: linear-gradient(to right, var(--chart-order-single-price-line-color) 70%, transparent 70%);
			background-size: 10px 5px;
		}


.chartLine-group .chartLine--icon-buy:before {
					background-color: var(--chart-trading-up-line-color);
				}


.chartLine-group .chartLine--icon-sell:before{
					background-color: var(--chart-trading-down-line-color);
				}


.chartLine-group .chartLine--icon-both:before {
					background: url(../../icons-chartLines.png?69950082ced8a9e04a07);
					background-position: 0 -33px;
				}


.chartLine-group .chartLine--icon-pending.chartLine--icon:before {
						background-position: 0 -20px;
						background-image: url(../../icons-order-status.png?ea82e110edbf6b6d4561);
						background-color: transparent;
					}


.chartLine-group .chartLine--controlGroup {
				transition: transform 500ms;
			}


.chartLine-group .selectBox {
			opacity: 0;
		}


.chartLine-editable.chartLine-active.chartLine-tp.chartLine-buy::before, .chartLine-editable.chartLine-active.chartLine-tp.chartLine-sell::before, .chartLine-editable.chartLine-active.chartLine-sl.chartLine-buy::before, .chartLine-editable.chartLine-active.chartLine-sl.chartLine-sell::before {
						background-image: linear-gradient(to right, var(--chart-trading-editable-line-color) 100%, transparent 100%);
						background-size: 100% 5px;
					}


.chartLine-editable.chartLine-active.chartLine-order .chartLine--line {
					background-image: linear-gradient(to right, var(--chart-trading-editable-line-color) 70%, transparent 70%);
					background-size: 4px 5px;
				}


.chartLine-editable.chartLine-active.chartLine-position .chartLine--line {
					background-image: linear-gradient(to right, var(--chart-trading-editable-line-color) 70%, transparent 70%);
					background-size: 10px 5px;
				}


.chartLine-editable.chartLine-active .chartLine--label {
				border-color: var(--chart-trading-editable-line-color);
			}


.chartLine.chartLine-bid .chartLine--line {
			background-color: var(--chart-trading-down-line-color);
			background-image: none;
		}


.chartLine.chartLine-ask .chartLine--line {
			background-color: var(--chart-trading-up-line-color);
			background-image: none;
		}


.chartLine--indicator {
		color: rgba(var(--common-text-default-rgb), 0.5);
		background: var(--chart-trading-order-position-bg-color);
		border-color: transparent;
	}


.chartLine--activationRules .icon {
			fill: var(--icon-primary-default-color);
		}

.chartLine-group .chartLine--icon-order.chartLine--icon-limit.chartLine--icon-buy::before {
	background-position: 0 0;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-limit.chartLine--icon-sell::before {
	background-position: 0 0;
}
.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 -22px;
}
.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 -44px;
}
.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 -66px;
}
.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-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:  var(--chart-order-bracket-index-bg-color);
				}

.chartLine-multiAssetOrder .chartLine--orderGroupInfo-oco .chartLine--orderGroupInfoInner, .chartLine-multiAssetPosition .chartLine--orderGroupInfo-oco .chartLine--orderGroupInfoInner {
					background:  var(--chart-order-oco-index-bg-color);
				}

.chartLine-multiAssetOrder .chartLine--orderGroupInfo-oso .chartLine--orderGroupInfoInner, .chartLine-multiAssetPosition .chartLine--orderGroupInfo-oso .chartLine--orderGroupInfoInner {
					background:  var(--chart-order-oso-index-bg-color);
				}

.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco::before, .chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco::before {
						border-left-color: var(--order-entry-group-order-connection-line-oco);
						border-bottom-color: var(--order-entry-group-order-connection-line-oco);
					}

.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco::after, .chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco::after {
						background: var(--order-entry-group-order-connection-bubble-oco);
					}

.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::before, .chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::before {
						border-left-color: var(--order-entry-group-order-connection-line-bracket);
						border-bottom-color: var(--order-entry-group-order-connection-line-bracket);
					}

.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::after, .chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::after {
						background: var(--order-entry-group-order-connection-bubble-bracket);
					}

.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::before, .chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::before {
						border-left-color: var(--order-entry-group-order-connection-line-oso);
						border-bottom-color: var(--order-entry-group-order-connection-line-oso);
					}

.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::after, .chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::after {
						background: var(--order-entry-group-order-connection-bubble-oso);
					}


.chartLine-multiAssetOrderCreation .chartLine--label {
			border-radius: 2px;
			box-shadow: 0 4px 10px 0 var(--shadow-color);
			background-image: linear-gradient(66deg, var(--chart-order-bg-color-1), var(--chart-order-bg-color-2));
			color: var(--common-text-default);
		}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeHandler {
			fill: var(--icon-primary-default-color);
		}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem {
			color: var(--common-text-default);
			background-color: transparent;
		}


.chartLine-multiAssetOrderCreation .chartLine--close {
			fill: var(--icon-primary-default-color);
		}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo {
			order: 1;
			margin-right: 7px;
			border: 1px solid transparent;
			border-radius: 1px;
			background-image: linear-gradient(60deg, var(--chart-order-bg-color-1), var(--chart-order-bg-color-2));
		}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-bracket {
				border-color: var(--chart-order-bracket-border-color);
			}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-bracket .chartLine--orderGroupInfoInner {
					background:  var(--chart-order-bracket-index-bg-color);
				}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oco {
				border-color: var(--chart-order-oco-border-color);
			}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oco .chartLine--orderGroupInfoInner {
					background:  var(--chart-order-oco-index-bg-color);
				}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oso {
				border-color: var(--chart-order-oso-border-color);
			}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oso .chartLine--orderGroupInfoInner {
					background:  var(--chart-order-oso-index-bg-color);
				}


.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: var(--order-entry-group-order-connection-line-oso);
						border-bottom-color: var(--order-entry-group-order-connection-line-oso);
					}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::after {
						background: var(--order-entry-group-order-connection-bubble-oso);
					}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::before {
						border-left-color: var(--order-entry-group-order-connection-line-bracket);
						border-bottom-color: var(--order-entry-group-order-connection-line-bracket);
					}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::after {
						background: var(--order-entry-group-order-connection-bubble-bracket);
					}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeContainer {
			border-radius: 2px;
		}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem::before {
				z-index: -1;
			}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem:hover::before {
					background-color: var(--button-hovered-overlay-color);
				}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem:active:before {
				background-color: var(--button-pressed-overlay-color);
			}


.chartLine-multiAssetOrderCreation .chartLine--label.chartLine--label {
		border-color: var(--chart-order-single-border-color);
	}


.chartLine-multiAssetOrderCreation.chartLine-bracket .chartLine--label {
			border-color:  var(--chart-order-bracket-border-color);
		}


.chartLine-multiAssetOrderCreation.chartLine-oco .chartLine--label {
			border-color:  var(--chart-order-oco-border-color);
		}


.chartLine-multiAssetOrderCreation.chartLine-oso .chartLine--label {
			border-color:  var(--chart-order-oso-border-color);
		}


.chartLine-multiAssetOrderCreation.chartLine-buy .chartLine--orderType .selectBox--labelIcon .icon {
					fill: var(--buy-button-default-bg-color);
				}


.chartLine-multiAssetOrderCreation.chartLine-sell .chartLine--orderType .selectBox--labelIcon .icon {
					fill: var(--sell-button-default-bg-color);
				}


.chartLine-multiAssetOrder.chartLine-bracket .chartLine--elementsContainer {
				border-color:  var(--chart-order-bracket-border-color);
			}


.chartLine-multiAssetOrder.chartLine-oco .chartLine--elementsContainer{
				border-color:  var(--chart-order-oco-border-color);
			}


.chartLine-multiAssetOrder.chartLine-oso .chartLine--elementsContainer{
				border-color:  var(--chart-order-oso-border-color);
			}


.chartLine-multiAssetOrder .numericStepper {
		display: block;
	}


.chartLine-multiAssetOrder .numericStepper--control {
			background: none;
		}


.chartLine-multiAssetOrder .numericStepper--control::before {

				background-image: url(../../icons-chartLines.png?69950082ced8a9e04a07);
			}


.chartLine-multiAssetOrder .numericStepper--control:hover::before {
				background-image: url(../../icons-chartLines.png?69950082ced8a9e04a07);
			}


.chartLine-multiAssetOrder .numericStepper--control-down::before {
					background-position: 0 -11px;
				}


.chartLine-multiAssetOrder .numericStepper--control-down:hover::before {
					background-position: 0 -11px;
				}

.chartLine-multiAssetPosition .chartLine--elementsContainer, .chartLine-multiAssetOrder .chartLine--elementsContainer {
			background-image: linear-gradient(82deg, var(--chart-order-bg-color-1), var(--chart-order-bg-color-2));
		}

.chartLine-multiAssetPosition .chartLine--delimeter, .chartLine-multiAssetOrder .chartLine--delimeter {
			color: var(--at-text-color-2);
		}

.chartLine-multiAssetPosition.chartLine-stopPrice .chartLine--label, .chartLine-multiAssetOrder.chartLine-stopPrice .chartLine--label {
			background-image: linear-gradient(82deg, var(--chart-order-bg-color-1), var(--chart-order-bg-color-2));
		}

.chartLine-multiAssetPosition.chartLine-buy .chartLine--orderType, .chartLine-multiAssetOrder.chartLine-buy .chartLine--orderType {
				fill: var(--buy-button-default-bg-color);
			}

.chartLine-multiAssetPosition.chartLine-sell .chartLine--orderType, .chartLine-multiAssetOrder.chartLine-sell .chartLine--orderType {
				fill: var(--sell-button-default-bg-color);
			}

.chartLine-multiAssetOrder .chartLine--line, .chartLine-multiAssetOrderCreation .chartLine--line {
		background-image: linear-gradient(to right, var(--chart-order-single-price-line-color) 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, var(--chart-order-bracket-price-line-color) 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, var(--chart-order-oco-price-line-color) 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, var(--chart-order-oso-price-line-color) 70%, transparent 70%);
			background-size: 12px 5px;
		}

.chartLine-multiAssetOrderCreation.chartLine-osoChild .chartLine--line {
			background-image: linear-gradient(to right, var(--chart-order-oso-child-price-line-color) 70%, transparent 70%);
			background-size: 12px 5px;
		}

.chartLine-multiAssetPosition.chartLine-buy .chartLine--label:before {
			background: var(--buy-button-default-bg-color);
		}

.chartLine-multiAssetPosition.chartLine-sell .chartLine--label:before {
			background: var(--sell-button-default-bg-color);
		}

.chartLine-multiAssetPosition.chartLine-sell .chartLine--line, .chartLine-multiAssetPosition.chartLine-buy .chartLine--line {
			background-image: linear-gradient(to right, var(--chart-order-single-price-line-color) 70%, transparent 70%);
			background-size: 12px 5px;
		}


.chartLine-group {
	z-index: 11;
}


.chartLine-group .chartLine--aggregationCollapse {
		display: none;
		align-items: center;
	}


.chartLine-group.chartLine-aggregationExpanded .chartLine--aggregationCollapse {
			display: flex;
		}


.chartLine-group .chartLine--iconLabel {
		vertical-align: top;
	}


.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon {
				position: relative;

			}


.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-multiAssetPosition.chartLine--icon-sell::after, .chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-buy::after, .chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-both::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-both::after {
						content:'';
						display: inline-block;
						border-width: calc(11px / 2);
						border-style: solid;
						margin-left: 4px;
					}


.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-both::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-both::after {
						border-color: var(--buy-button-default-bg-color) var(--sell-button-default-bg-color) var(--sell-button-default-bg-color) var(--buy-button-default-bg-color);
					}


.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-sell::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell::after {
						border-color: var(--sell-button-default-bg-color);
					}


.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-buy::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy::after {
						border-color: var(--buy-button-default-bg-color);
					}


.chartLine-group .chartLine--icon-position.chartLine--icon, .chartLine-group .chartLine--icon-order.chartLine--icon {
				position: relative;
			}


.chartLine-group .chartLine--icon-position.chartLine--icon-sell:before, .chartLine-group .chartLine--icon-position.chartLine--icon-buy:before, .chartLine-group .chartLine--icon-position.chartLine--icon-both:before, .chartLine-group .chartLine--icon-order.chartLine--icon-sell:before, .chartLine-group .chartLine--icon-order.chartLine--icon-buy:before, .chartLine-group .chartLine--icon-order.chartLine--icon-both:before {
						content:'';
						display: inline-flex;
						align-items: center;
						margin-right: 4px;
					}


.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-both::after {
					border-radius: 50%;
				}

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

.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded {

		background-color: var(--button-tertiary-default-bg-color);
		box-shadow: 0 0 0 1px var(--button-tertiary-border-outside-color);
}

.chartLine-order.chartLine-limit.chartLine-buy .chartLine--label:before {
	background-position: 0 0;
}
.chartLine-order.chartLine-limit.chartLine-sell .chartLine--label:before {
	background-position: 0 0;
}
.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 -22px;
}
.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 -44px;
}
.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 -66px;
}
.chartLine-position.chartLine-sell .chartLine--label:before {
	background-position: 0 -99px;
}
.chartLine-position.chartLine-buy .chartLine--label:before {
	background-position: 0 -88px;
}

.chartLine:not(.chartLine-multiAssetOrder):not(.chartLine-multiAssetPosition):not(.chartLine-multiAssetOrderCreation):not(.chartLine-shiftedLabel) .numericStepper--control-up {
		top: -4px;
	}

.chartLine:not(.chartLine-multiAssetOrder):not(.chartLine-multiAssetPosition):not(.chartLine-multiAssetOrderCreation):not(.chartLine-shiftedLabel) .numericStepper--control-up:active {
			top: -2px;
		}

.chartArea {
	display: flex;
	flex: 1 1 0%;
	flex-direction: column;
	min-width: 0;
	height: 100%;
	width: 100%;
	position: relative;
	outline: none;
}

	.chartArea-main {
		padding-top: 0;
	}

	.chartArea-main .chartArea--lines {
			background: var(--chart-trading-draggable-area);
			cursor: col-resize;
		}

	.chartArea__chartPlaceholder {
		position: absolute;
		z-index: 10;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background: transparent;
		font-size: 40px;
		text-align: center;
	}

	.chartArea__chartPlaceholderText {
			opacity: 0.3;
			color: var(--chart-placeholder-text-color);
		}

	.chartArea--buttons {
		background: var(--chart-trading-block-bg-color);
	}

	.chartArea--header {
		position: relative;
	}

	.chartArea--header .button {
			margin-left: 0;
		}

	.chartArea--graph {
		flex-grow: 1;
		position: relative;
		top: 0;
		height: 0;
	}

	.chartArea--toolbar {
		width: calc(100% - 1px);
		margin-top: 0;
		padding: 7px 8px 8px;
		box-sizing: border-box;
		background: linear-gradient(to right, var(--chart-widget-toolbar-bg-color-1), var(--chart-widget-toolbar-bg-color-2));
		position: relative;
		z-index: 32;
	}

	.chartArea--toolbar-alignRight .toolbar__itemsInner {
				justify-content: flex-end;
			}

	.chartArea--toolbar > .control {
			vertical-align: top;
		}

	.chartArea--toolbar .toolbar__item {
			margin-left: 10px;
		}

	.chartArea--toolbar .toolbar__item:hover {
				z-index: 101;
			}

	.chartArea--toolbar .toolbar__item:first-child {
				margin-left: 0;
			}

	.chartArea--toolbar .toolbar__item .selectBox-active {
				box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
			}

	.chartArea--toolbar .toolbar__item .selectBox-active::after {
					border-left: 1px solid var(--form-control-focused-border-outside-color);
					z-index: 2;
					top: -2px;
					bottom: -2px;
				}

	.chartArea--toolbar .button-cut .icon {
				height: 13px;
			}

	.chartArea--toolbar .button-zoom .icon-zoom,
		.chartArea--toolbar .button-zoomOut .icon-magnifying-glass-out {
			height: 17px;
		}

	.chartArea--toolbar .button-zoomOut {
			margin-right: 1px;
			margin-left: 6px;
		}

	.chartArea--toolbar .button-zoom:focus, .chartArea--toolbar .button-zoomOut:focus {
				z-index: 1;
			}

	.chartArea--toolbar .button-scale {
			position: relative;
			margin-right: 6px;
		}

	.chartArea--toolbar .button-scale .icon {
				width: 11px;
				height: 11px;
				transform: translateY(-1px);
				vertical-align: middle;
			}

	.chartArea--toolbar .button {
			vertical-align: top;
			height: 25px;
		}

	.chartArea--toolbar .button-filledIcon {
				width: 25px;
			}

	.chartArea--toolbar .button-filledIcon:not(.button-primary) {
					background-color: var(--button-tertiary-default-bg-color);
					color: var(--button-tertiary-default-text-color);
					box-shadow: 0 0 0 1px var(--button-tertiary-border-outside-color);
				}

	.chartArea--toolbar .button-filledIcon:not(.button-primary):before {
						border-top-color: transparent;
						border-bottom-color: transparent;
						border-left-color: transparent;
						border-right-color: transparent;
					}

	.chartArea--toolbar .button-filledIcon:not(.button-primary):focus {
						box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
					}

	.chartArea--toolbar .button-wrapper {
				display: inline-block;
			}

	.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 var(--sell-button-outside-border-color);
			}

	.chartArea--toolbar .button-buy {
				box-shadow: 0 0 0 1px var(--buy-button-outside-border-color);
			}

	.chartArea--toolbar .button-sell:disabled, .chartArea--toolbar .button-buy:disabled {
					background: var(--button-disabled-bg-color);
					color: var(--common-text-disabled);
				}

	.chartArea--toolbar .button-sell:disabled .price-label, .chartArea--toolbar .button-buy:disabled .price-label {
						color: var(--common-text-disabled);
					}

	.chartArea--toolbar .button-atr {
				width: 51px;
				padding: 0 7px;
			}

	.chartArea--toolbar .button-atr.button-pressed:before {
					border-color: transparent;
					background: var(--button-pressed-overlay-color);
				}

	.chartArea--toolbar .button-drawingSettings .icon {
					margin-top: 2px;
				}

	.chartArea--toolbar .button-close .icon {
					margin-top: 2px;
				}

	.chartArea--toolbar .selectBox-active {
			box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		}

	.chartArea--toolbar .selectBox-active:after {
				border-left: 1px solid var(--form-control-focused-border-outside-color);
				z-index: 2;
				top: -2px;
				bottom: -2px;
			}

	.chartArea--toolbar .control-comboBox {
			width: 75px;
		}

	.chartArea--toolbar .control-comboBox input[type="text"] {
				height: 25px;
				line-height: 1;
			}

	.chartArea--toolbar .selectBox-active {
			box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		}

	.chartArea--toolbar .selectBox-active::after {
				border-left: 1px solid var(--form-control-focused-border-outside-color);
				z-index: 2;
				top: -2px;
				bottom: -2px;
			}

	.chartArea--toolbar .toolbar__otherItems .button-otherItems .icon {
			fill: var(--icon-primary-default-color);
		}

	.chartArea--tradingFromChart .button-active, .chartArea--drawingTools .button-active {
				box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
			}

	.chartArea .price-up,
		.chartArea .price-down {
			color: var(--common-text-default);
		}

	.chartArea .price-label {
			color: var(--common-secondary-text-color);
		}

	.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 .tradingFromChartControl .control-selectBox, .chartArea .drawingToolsControl .control-selectBox {
			height: 25px;
		}

	.chartArea .tradingFromChartControl .control-selectBox .control--wrap, .chartArea .drawingToolsControl .control-selectBox .control--wrap {
				height: 100%;
			}

	.chartArea .tradingFromChartControl .selectBox--label, .chartArea .drawingToolsControl .selectBox--label {
				width: 44px;
			}

	.chartArea .tradingFromChartControl .button, .chartArea .drawingToolsControl .button {
			height: 25px;
		}

	.chartArea .tradingFromChartControl .button {
			width: 40px;
		}

	.chartArea .tradingFromChartControl .button .icon {
				width: 34px;
				height: 13px;
			}

	.chartArea .drawingToolsControl .button {
			width: 40px;
		}

	.chartArea .drawingToolsControl .button .icon {
				width: 100%;
			}

	.chartArea .react-component-wrapper {
		height: auto;
	}

.chartArea--loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--drop-area-chart-maximized-highlight-color);
	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;
	}

.tradingFromChartControl,
.tradingFromChartControl-active,
.drawingToolsControl {
	position: relative;
	z-index: 32;
}

.tradingFromChartControl .control, .tradingFromChartControl-active .control, .drawingToolsControl .control {
		vertical-align: bottom;
	}

.tradingFromChartControl .button, .tradingFromChartControl-active .button, .drawingToolsControl .button {
		height: 100%;
	}

.tradingFromChartControl .button-wrapper, .tradingFromChartControl-active .button-wrapper, .drawingToolsControl .button-wrapper {
			display: inline-block;
		}

.tradingFromChartControl .control-selectBox, .drawingToolsControl .control-selectBox {
		width: 65px;
	}

.tradingFromChartControl .control-selectBox.control-disabled::after, .drawingToolsControl .control-selectBox.control-disabled::after {
				background-color: transparent;
			}

.tradingFromChartControl .selectBox::after, .drawingToolsControl .selectBox::after {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			right: 22px;
			bottom: 0;
			width: 1px;
			pointer-events: none;
			background-color: var(--dropdown-border-inside-side-color);
		}

.tradingFromChartControl .selectBox-active:hover::after, .tradingFromChartControl .selectBox:active::after, .tradingFromChartControl .selectBox-disabled::after, .drawingToolsControl .selectBox-active:hover::after, .drawingToolsControl .selectBox:active::after, .drawingToolsControl .selectBox-disabled::after {
				background-color: transparent;
			}

.tradingFromChartControl .selectBox:disabled,
		.tradingFromChartControl .selectBox[disabled],
		.drawingToolsControl .selectBox:disabled,
		.drawingToolsControl .selectBox[disabled] {
			background-color: transparent;
		}

.tradingFromChartControl .selectBox-active, .drawingToolsControl .selectBox-active {
			box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		}

.tradingFromChartControl .selectBox--labelIcon,
		.tradingFromChartControl .selectBox--labelText,
		.drawingToolsControl .selectBox--labelIcon,
		.drawingToolsControl .selectBox--labelText {
			visibility: hidden;
		}

.tradingFromChartControl .selectBox--arrow, .drawingToolsControl .selectBox--arrow {
			margin-right: 8px;
			margin-left: 8px;
		}

.tradingFromChartControl .selectBox--label, .drawingToolsControl .selectBox--label {
			width: 36px;
			min-width: 0;
			visibility: hidden;
		}

.tradingFromChartControl .button, .drawingToolsControl .button {
		position: absolute;
		top: 0;
		left: 0;
		height: 19px;
		border-radius: 1px 0 0 1px;
		z-index: 2;
	}

.tradingFromChartControl .button:focus .icon::after, .drawingToolsControl .button:focus .icon::after {
					background-color: var(--form-control-focused-border-outside-color);
				}

.tradingFromChartControl .button:active .icon, .drawingToolsControl .button:active .icon {
				top: 1px;
			}

.tradingFromChartControl .button:disabled,
		.tradingFromChartControl .button[disabled],
		.drawingToolsControl .button:disabled,
		.drawingToolsControl .button[disabled] {
			background-color: transparent;
		}

.tradingFromChartControl .button-active, .drawingToolsControl .button-active {
			box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		}

.tradingFromChartControl .button-active .icon::after, .drawingToolsControl .button-active .icon::after {
					background-color: var(--form-control-focused-border-outside-color);
				}

.tradingFromChartControl .button .icon, .drawingToolsControl .button .icon {
			position: relative;
		}

.tradingFromChartControl .button .icon::after, .drawingToolsControl .button .icon::after {
				content: '';
				display: block;
				position: absolute;
				top: -1px;
				right: -2px;
				bottom: -1px;
				width: 1px;
				pointer-events: none;
			}

.drawingToolsControl {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.drawingToolsControl .button,
	.drawingToolsControl .selectBox--label {
		width: 25px;
	}

.drawingToolsControl .button {
		margin-left: 0;
	}

.drawingToolsControl .button .icon {
			width: 12px;
		}

.tradingFromChartControl {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.tradingFromChartControl-active .button {
			background-color: var(--button-primary-default-bg-color);
		}

.tradingFromChartControl .button,
	.tradingFromChartControl .selectBox--label {
		width: 36px;
	}

.tradingFromChartControl .button {
		margin-left: 0;
	}

.tradingFromChartControl .button .icon {
			width: 23px;
			height: 11px;
			top: 1px;
		}

.button-studiesControl .icon {
			height: 13px;
		}

.button-atr {
		width: 45px;
		padding: 0 4px;
	}

.mobile .chartArea--graph {
			touch-action: none;
			-webkit-user-select: none;
			   -moz-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 .tradingFromChartControl .button, .mobile .chartArea .drawingToolsControl .button {
				height: 100%;
				width: 40px;
			}

		.mobile .chartArea .tradingFromChartControl .control-selectBox, .mobile .chartArea .drawingToolsControl .control-selectBox {
				width: auto;
				height: 100%;
			}

		.mobile .chartArea .tradingFromChartControl .control-selectBox .selectBox::after, .mobile .chartArea .drawingToolsControl .control-selectBox .selectBox::after {
						right: 27px;
					}

		.mobile .chartArea--buttons .button-sell, 
			.mobile .chartArea--buttons .button-buy {
				font-size: 14px;
				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;
				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;
					}
}

.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 {
			display: inline-block;
			width: 35px;
			height: 17px;
			border-radius: 2px;
			padding: 2px 0 3px;
			text-align: center;
			box-sizing: border-box;
		}
	.dropDown-chartLineGroup .dropDown--option .indicator .indicatorText {
				font-size: 10px;
				font-weight: 600;
				line-height: 12px;
				vertical-align: middle;
			}
	.dropDown-chartLineGroup .dropDown--option .indicator {

			position: absolute;
			top: 0;
			left: -40px;
			right: auto;
}
	.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: var(--buy-button-default-bg-color);
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition.dropDown--option-sell .chartLine--label:before {
				background: var(--sell-button-default-bg-color);
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition,
		.dropDown-chartLineGroup .dropDown--option-multiAssetPosition:hover,
		.dropDown-chartLineGroup .dropDown--option-multiAssetOrder,
		.dropDown-chartLineGroup .dropDown--option-multiAssetOrder:hover {
			border: 0;
		}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition:hover, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder:hover {
			background-color: var(--dropdown-list-bg-pressed-color);
		}

.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: flex;
		align-items: center;
		font-size: 14px;
}

.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 {
				order: 4;
				margin-left: 10px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--label, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--label {
				display: flex;
				order: 3;
				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: flex;
				align-items: center;
				margin-left: 7px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfo, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo {
				margin-left: 10px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderType, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderType {
				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: flex;
				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: var(--chart-order-bracket-index-bg-color);
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoInner, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoInner {
				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;
				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-multiAssetPosition .chartLine--orderGroupInfoIcon-child::before,
				.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child::after,
				.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:  var(--chart-trading-order-position-bg-color);
		cursor: pointer;
	}


.dropDown-chartLineGroup .dropDown--option:hover,
		.dropDown-chartLineGroup .dropDown--option-selected {
			border-color: var(--chart-trading-editable-line-color);
			color: inherit;
		}


.dropDown-chartLineGroup .dropDown--option.dropDown--option-selected {
			background-image: none;
		}


.dropDown-chartLineGroup .dropDown--option::before {
			background-image: url(../../icons-positions-orders-statuses.png?f84c1ffb6ec1870ecee1);
		}


.dropDown-chartLineGroup .dropDown--option .indicator {
			color: rgba(var(--common-text-default-rgb), .5);
			background: var(--chart-trading-order-position-bg-color);
			border-color: transparent;
		}


.dropDown-chartLineGroup .dropDown--option-buy:before {
			background-color: var(--chart-trading-up-line-color);
		}


.dropDown-chartLineGroup .dropDown--option-sell:before {
			background-color: var(--chart-trading-down-line-color);
		}


.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-pending::before, .dropDown-chartLineGroup .dropDown--option-order.dropDown--option-sending::before {
					background-image: url(../../icons-order-status.png?ea82e110edbf6b6d4561);
					background-color: transparent;
				}


.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-pending::before {
					background-position: left -20px;
				}

.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 {
	margin-top: 0;
}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder.dropDown--option-buy .chartLine--orderType .icon {
				fill: var(--buy-button-default-bg-color);
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder.dropDown--option-sell .chartLine--orderType .icon {
				fill: var(--sell-button-default-bg-color);
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo {
				border-radius: 1px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo-bracket .chartLine--orderGroupInfoInner {
						background:  var(--chart-order-bracket-index-bg-color);
					}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo-oco .chartLine--orderGroupInfoInner {
						background:  var(--chart-order-oco-index-bg-color);
					}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo-oso .chartLine--orderGroupInfoInner {
						background:  var(--chart-order-oso-index-bg-color);
					}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco::before {
							border-left-color: var(--order-entry-group-order-connection-line-oco);
							border-bottom-color: var(--order-entry-group-order-connection-line-oco);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco::after {
							background: var(--order-entry-group-order-connection-bubble-oco);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::before {
							border-left-color: var(--order-entry-group-order-connection-line-bracket);
							border-bottom-color: var(--order-entry-group-order-connection-line-bracket);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::after {
							background: var(--order-entry-group-order-connection-bubble-bracket);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::before {
							border-left-color: var(--order-entry-group-order-connection-line-oso);
							border-bottom-color: var(--order-entry-group-order-connection-line-oso);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::after {
							background: var(--order-entry-group-order-connection-bubble-oso);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--delimeter, .dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--delimeter {
			color: var(--at-text-color-2);
		}

.WidgetChartArea__HeaderContent .toolbar__item:not(:first-child) {
				margin-left: 12px;
			}
	.WidgetChartArea__ChartControls {
		display: flex;
		align-items: center;
	}
	.WidgetChartArea__ChartControls >:not(:first-child) {
				margin-left: 6px;
			}
	.WidgetChartArea__ChartControls .contextMenuButton__container,
		.WidgetChartArea__ChartControls .button {
			vertical-align: bottom;
		}
	.WidgetChartArea__ChartControls .control-comboBox {
			width: 100px;
		}

:root {
	--depth-info-height: 39px;
}

.depth {

	height: 100%;
	position: relative;
	z-index: 1;
}

.depth-withInfo .grid.grid-depth {
			height: calc(100% - var(--depth-info-height));
		}

.depth--info {
		box-sizing: border-box;
		padding: 3px 4px;
		height: var(--depth-info-height);
		border-bottom-width: 1px;
		border-bottom-style: solid;
		background: var(--widget-further-info-bg-color);
		border-bottom-color: var(--depth-border-bottom-color);

	}

.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: var(--positive-text-color);
		}

.depth--change-negative {
			color: var(--negative-text-color);
		}

.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%;
				min-width: 84px;
			}

.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 var(--line-color);
			}

.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 {
					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: var(--widget-bg-color);
			content: "";
			top: 0;
		}

.depth--bid .depth--bar {
			right: 50%;
			background: var(--buy-button-default-bg-color);
		}

.depth--bid .depth--bar::after {
				right: 0;
			}

.depth--ask .depth--bar {
			left: 50%;
			background: var(--sell-button-default-bg-color);
		}

.depth--ask .depth--bar::after {
				left: 0;
			}

.depth--row-total {
		color: var(--depth-total-data-text-color);
	}

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

.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;
			}
.aggregationBlock__container {
		display: flex;
		align-items: center;
		overflow: hidden;
		height: 100%;
	}

		.aggregationBlock__container .icon-tree {
			flex-shrink: 0;
			width: 7px;
			height: 9px;
			fill: var(--icon-secondary-default-color);
		}

		.aggregationBlock__container .icon-tree + .aggregationBlock__wrapperData {
				margin-left: 3px;
			}

		.aggregationBlock__container .icon-tree + .aggregationBlock__wrapperData .aggregationBlock__symbol {
					margin-left: 5px;
				}
	.aggregationBlock__icon + .aggregationBlock__wrapperData {
		margin-left: 7px;
	}
	.aggregationBlock__icon + .aggregationBlock__wrapperData .symbol {
			margin-left: 0;
		}
	.aggregationBlock__icon {
		display: flex;
	}
	.aggregationBlock__icon .button-icon {
			width: 9px;
			height: 100%;
			margin-left: 0;
		}
	.aggregationBlock__icon .button-icon:hover .icon {
					fill: var(--icon-hovered-color);
				}
	.aggregationBlock__icon .button-icon .icon {
				fill: var(--table-icon-default-color);
				transform: translateY(3px);
				transition: transform .3s;
			}
	.aggregationBlock__icon .button-icon .icon-group-closed {
					width: 4px;
					height: 7px;
				}
	.aggregationBlock__icon .button-icon .icon-group-opened {
					width: 7px;
					height: 4px;
					margin-top: 2px;
				}
	.aggregationBlock__iconOpen .button-icon .icon {
				transform: translateY(3px) rotate(90deg);
			}
	.aggregationBlock__level {
		display: flex;
		align-items: center;
		overflow: hidden;
		flex-grow: 1;
		height: 100%;
	}
	.aggregationBlock__level .icon-tree {
			flex-shrink: 0;
		}
	.aggregationBlock__levelPosition {
		position: relative;
		flex-grow: 1;
	}
	.aggregationBlock__levelPosition-1 .aggregationBlock__padding {
			min-width: 16px;
		}
	.aggregationBlock__levelPosition-2 .aggregationBlock__padding {
			min-width: 53px;
		}
	.aggregationBlock__levelPosition-3 .aggregationBlock__padding {
			min-width: 70px;
		}
	.aggregationBlock__strategyIcon {
		width: 17px;
		height: 13px;
		margin-left: 3px;
		flex-shrink: 0;
		fill: var(--common-text-default);
	}
	.aggregationBlock__wrapperData {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		flex-grow: 1;
		height: 100%;
	}
	.aggregationBlock__symbol {
		margin-left: 12px;
	}
	.aggregationBlock__credit,
	.aggregationBlock__quantity,
	.aggregationBlock__cashEffect,
	.aggregationBlock__side,
	.aggregationBlock__spreadStrategy {
		margin-left: 7px;
	}
	.aggregationBlock__date,
	.aggregationBlock__expirationDate {
		margin-left: 3px;
	}
	.aggregationBlock__text {
		margin-left: 3px;
	}
.grid-orders .table--col-instrument, .grid-orders .table--colAdapts-instrument, .grid-orderBook .table--col-instrument, .grid-orderBook .table--colAdapts-instrument, .grid-orderHistory .table--col-instrument, .grid-orderHistory .table--colAdapts-instrument {
				width: 233px;
			}
			.grid-orders .table--col-spread, .grid-orders .table--colAdapts-spread, .grid-orderBook .table--col-spread, .grid-orderBook .table--colAdapts-spread, .grid-orderHistory .table--col-spread, .grid-orderHistory .table--colAdapts-spread {
				width: 128px;
			}
			.grid-orders .table--col-instrumentType, .grid-orders .table--colAdapts-instrumentType, .grid-orderBook .table--col-instrumentType, .grid-orderBook .table--colAdapts-instrumentType, .grid-orderHistory .table--col-instrumentType, .grid-orderHistory .table--colAdapts-instrumentType {
				width: 114px;
			}
			.grid-orders .table--col-orderType, .grid-orders .table--colAdapts-orderType, .grid-orderBook .table--col-orderType, .grid-orderBook .table--colAdapts-orderType, .grid-orderHistory .table--col-orderType, .grid-orderHistory .table--colAdapts-orderType {
				width: 101px;
			}
			.grid-orders .table--col-strike, .grid-orders .table--colAdapts-strike, .grid-orderBook .table--col-strike, .grid-orderBook .table--colAdapts-strike, .grid-orderHistory .table--col-strike, .grid-orderHistory .table--colAdapts-strike {
				width: 66px;
			}
			.grid-orders .table--col-type, .grid-orders .table--colAdapts-type, .grid-orderBook .table--col-type, .grid-orderBook .table--colAdapts-type, .grid-orderHistory .table--col-type, .grid-orderHistory .table--colAdapts-type {
				width: 94px;
			}
			.grid-orders .table--col-daysToExpiration, .grid-orders .table--colAdapts-daysToExpiration, .grid-orderBook .table--col-daysToExpiration, .grid-orderBook .table--colAdapts-daysToExpiration, .grid-orderHistory .table--col-daysToExpiration, .grid-orderHistory .table--colAdapts-daysToExpiration {
				width: 123px;
			}
			.grid-orders .table--col-side, .grid-orders .table--colAdapts-side, .grid-orderBook .table--col-side, .grid-orderBook .table--colAdapts-side, .grid-orderHistory .table--col-side, .grid-orderHistory .table--colAdapts-side {
				width: 104px;
			}
			.grid-orders .table--col-qty,
			.grid-orders .table--col-qtyLeft,
			.grid-orders .table--col-orderId,
			.grid-orders .table--colAdapts-qty,
			.grid-orders .table--colAdapts-qtyLeft,
			.grid-orders .table--colAdapts-orderId,
			.grid-orderBook .table--col-qty,
			.grid-orderBook .table--col-qtyLeft,
			.grid-orderBook .table--col-orderId,
			.grid-orderBook .table--colAdapts-qty,
			.grid-orderBook .table--colAdapts-qtyLeft,
			.grid-orderBook .table--colAdapts-orderId,
			.grid-orderHistory .table--col-qty,
			.grid-orderHistory .table--col-qtyLeft,
			.grid-orderHistory .table--col-orderId,
			.grid-orderHistory .table--colAdapts-qty,
			.grid-orderHistory .table--colAdapts-qtyLeft,
			.grid-orderHistory .table--colAdapts-orderId {
				width: 84px;
			}
			.grid-orders .table--col-filledQty, .grid-orders .table--colAdapts-filledQty, .grid-orderBook .table--col-filledQty, .grid-orderBook .table--colAdapts-filledQty, .grid-orderHistory .table--col-filledQty, .grid-orderHistory .table--colAdapts-filledQty {
				width: 85px;
			}
			.grid-orders .table--col-avgPrice, .grid-orders .table--colAdapts-avgPrice, .grid-orderBook .table--col-avgPrice, .grid-orderBook .table--colAdapts-avgPrice, .grid-orderHistory .table--col-avgPrice, .grid-orderHistory .table--colAdapts-avgPrice {
				width: 104px;
			}
			.grid-orders .table--col-exchange, .grid-orders .table--colAdapts-exchange, .grid-orderBook .table--col-exchange, .grid-orderBook .table--colAdapts-exchange, .grid-orderHistory .table--col-exchange, .grid-orderHistory .table--colAdapts-exchange {
				width: 114px;
			}
			.grid-orders .table--col-triggeredBy, .grid-orders .table--colAdapts-triggeredBy, .grid-orderBook .table--col-triggeredBy, .grid-orderBook .table--colAdapts-triggeredBy, .grid-orderHistory .table--col-triggeredBy, .grid-orderHistory .table--colAdapts-triggeredBy {
				width: 93px;
			}
			.grid-orders .table--col-groupType, .grid-orders .table--colAdapts-groupType, .grid-orderBook .table--col-groupType, .grid-orderBook .table--colAdapts-groupType, .grid-orderHistory .table--col-groupType, .grid-orderHistory .table--colAdapts-groupType {
				width: 150px;
			}
			.grid-orders .table--col-trailingStop, .grid-orders .table--colAdapts-trailingStop, .grid-orderBook .table--col-trailingStop, .grid-orderBook .table--colAdapts-trailingStop, .grid-orderHistory .table--col-trailingStop, .grid-orderHistory .table--colAdapts-trailingStop {
				width: 101px;
			}
			.grid-orders .table--col-route, .grid-orders .table--colAdapts-route, .grid-orderBook .table--col-route, .grid-orderBook .table--colAdapts-route, .grid-orderHistory .table--col-route, .grid-orderHistory .table--colAdapts-route {
				width: 118px;
			}
			.grid-orders .table--col-commission,
			.grid-orders .table--col-commision,
			.grid-orders .table--colAdapts-commission,
			.grid-orders .table--colAdapts-commision,
			.grid-orderBook .table--col-commission,
			.grid-orderBook .table--col-commision,
			.grid-orderBook .table--colAdapts-commission,
			.grid-orderBook .table--colAdapts-commision,
			.grid-orderHistory .table--col-commission,
			.grid-orderHistory .table--col-commision,
			.grid-orderHistory .table--colAdapts-commission,
			.grid-orderHistory .table--colAdapts-commision {
				width: 95px;
			}
			.grid-orders .table--col-actions, .grid-orders .table--colAdapts-actions, .grid-orderBook .table--col-actions, .grid-orderBook .table--colAdapts-actions, .grid-orderHistory .table--col-actions, .grid-orderHistory .table--colAdapts-actions {
				width: 70px;
			}
			.grid-orders .table--col-ocoBracket, .grid-orders .table--colAdapts-ocoBracket, .grid-orderBook .table--col-ocoBracket, .grid-orderBook .table--colAdapts-ocoBracket, .grid-orderHistory .table--col-ocoBracket, .grid-orderHistory .table--colAdapts-ocoBracket {
				width: 98px;
			}
			.grid-orders .table--col-orderId, .grid-orders .table--colAdapts-orderId, .grid-orderBook .table--col-orderId, .grid-orderBook .table--colAdapts-orderId, .grid-orderHistory .table--col-orderId, .grid-orderHistory .table--colAdapts-orderId {
				width: 90px;
			}
			.grid-orders .table--col-maintenanceMargin, .grid-orders .table--colAdapts-maintenanceMargin, .grid-orderBook .table--col-maintenanceMargin, .grid-orderBook .table--colAdapts-maintenanceMargin, .grid-orderHistory .table--col-maintenanceMargin, .grid-orderHistory .table--colAdapts-maintenanceMargin {
				width: 136px;
			}
			.grid-orders .table--col-dayQuantity,  .grid-orders .table--colAdapts-dayQuantity,  .grid-orderBook .table--col-dayQuantity,  .grid-orderBook .table--colAdapts-dayQuantity,  .grid-orderHistory .table--col-dayQuantity,  .grid-orderHistory .table--colAdapts-dayQuantity  {
				width: 93px;
			}
			.grid-orders .table--col-time,
			.grid-orders .table--col-fillCancelTime,
			.grid-orders .table--col-expirationDate,
			.grid-orders .table--colAdapts-time,
			.grid-orders .table--colAdapts-fillCancelTime,
			.grid-orders .table--colAdapts-expirationDate,
			.grid-orderBook .table--col-time,
			.grid-orderBook .table--col-fillCancelTime,
			.grid-orderBook .table--col-expirationDate,
			.grid-orderBook .table--colAdapts-time,
			.grid-orderBook .table--colAdapts-fillCancelTime,
			.grid-orderBook .table--colAdapts-expirationDate,
			.grid-orderHistory .table--col-time,
			.grid-orderHistory .table--col-fillCancelTime,
			.grid-orderHistory .table--col-expirationDate,
			.grid-orderHistory .table--colAdapts-time,
			.grid-orderHistory .table--colAdapts-fillCancelTime,
			.grid-orderHistory .table--colAdapts-expirationDate {
				width: 153px;
			}

.grid-orderBook .table--col-account, .grid-orderBook .table--colAdapts-account, .grid-orderHistory .table--col-account, .grid-orderHistory .table--colAdapts-account {
			width: 105px;
		}

.grid-orderBook .table--col-status, .grid-orderBook .table--colAdapts-status, .grid-orderHistory .table--col-status, .grid-orderHistory .table--colAdapts-status {
			width: 192px;
		}

.grid-orderBook .table--col-limitPrice, .grid-orderBook .table--colAdapts-limitPrice, .grid-orderHistory .table--col-limitPrice, .grid-orderHistory .table--colAdapts-limitPrice {
			width: 93px;
		}

.grid-orderBook .table--col-stopPrice, .grid-orderBook .table--colAdapts-stopPrice, .grid-orderHistory .table--col-stopPrice, .grid-orderHistory .table--colAdapts-stopPrice {
			width: 89px;
		}

.grid-orderBook .table--col-duration, .grid-orderBook .table--colAdapts-duration, .grid-orderHistory .table--col-duration, .grid-orderHistory .table--colAdapts-duration {
			width: 130px;
		}

.grid-orderBook .table--col-activationRule, .grid-orderBook .table--colAdapts-activationRule, .grid-orderHistory .table--col-activationRule, .grid-orderHistory .table--colAdapts-activationRule {
			width: 130px;
		}

.grid-orders .table--col-symbol, .grid-orders .table--colAdapts-symbol, .grid-orderHistory .table--col-symbol, .grid-orderHistory .table--colAdapts-symbol {
				width: 90px;
			}

.grid-orders .table--col-timeDate,
			.grid-orders .table--col-timeDateModified,
			.grid-orders .table--colAdapts-timeDate,
			.grid-orders .table--colAdapts-timeDateModified,
			.grid-orderHistory .table--col-timeDate,
			.grid-orderHistory .table--col-timeDateModified,
			.grid-orderHistory .table--colAdapts-timeDate,
			.grid-orderHistory .table--colAdapts-timeDateModified {
				width: 151px;
			}

.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--col-fillCancelTime,
			.grid-orders .table--colAdapts-time,
			.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: 8.4em;
			}

.grid-history .table--col-timeDate, .grid-history .table--colAdapts-timeDate {
				width: 12.4em;
			}

.grid-history .table--col-symbol, .grid-history .table--colAdapts-symbol {
				width: 6.5em;
			}

.grid-history .table--col-instrumentType, .grid-history .table--colAdapts-instrumentType {
				width: 8.6em;
			}

.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: 6.4em;
			}

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

.grid-history .table--col-stopLoss, .grid-history .table--colAdapts-stopLoss {
				width: 6.4em;
			}

.grid-history .table--col-timeInForce, .grid-history .table--colAdapts-timeInForce {
				width: 7.3em;
			}

.grid-history .table--col-eventType, .grid-history .table--colAdapts-eventType {
				width: 7.6em;
			}

.grid-history .table--col-additionalInfo, .grid-history .table--colAdapts-additionalInfo {
				width: 25em;
			}

.grid-history.grid-aggregation .table--col-timeDate, .grid-history.grid-aggregation .table--colAdapts-timeDate {
					width: 13.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-orders 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_oco .orders__groupLink,
			.grid-orderBook td:first-of-type .orders__symbol_bracket .orders__groupLink,
			.grid-orderBook td:first-of-type .orders__symbol_oso .orders__groupLink,
			.grid-orderHistory td:first-of-type .orders__symbol_oco .orders__groupLink,
			.grid-orderHistory td:first-of-type .orders__symbol_bracket .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: flex;
					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 {
				cursor: pointer;
			}

.grid-orderBook .table--row:hover td, .grid-orderHistory .table--row:hover td {
					background: linear-gradient(to bottom, transparent 1px, var(--table-row-bg-hover-color) 2px);
				}

.grid-orderBook .table--row-selected.table--row td, .grid-orderHistory .table--row-selected.table--row td {
					background-color: var(--table-row-selected-bg-color);
				}

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

.grid-orderBook .table--row-aggregated, .grid-orderHistory .table--row-aggregated {
				background-color: var(--table-group-bg-color);
			}

.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 {
				fill: var(--icon-hovered-color);
			}

.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: var(--icon-primary-default-color);
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

.grid-orderHistory .table--body .table--cell-instrument.table--cell:not(.table--cell-aggregated), .grid-orderBook .table--body .table--cell-instrument.table--cell:not(.table--cell-aggregated) {
						padding-left: 0;
					}

.grid-orderHistory .table--body .table--cell-symbol.table--cell:not(.table--cell-aggregated) {
						padding-left: 0;
					}

.grid-orders {
	position: relative;
}

.grid-history .grid--body tr:hover {
			background-color: var(--table-row-bg-hover-color);
		}

.grid-history .order-buy .order--side {
				color: var(--buy-text-color);
			}

.grid-history .order-sell .order--side {
				color: var(--sell-text-color);
			}

.grid-history .order--side {
			font-size: 12px;
			text-transform: none;
		}

.grid-history .button-info {
		margin-left: 4px;
		cursor: default;
	}

.grid-history .button-info:hover .icon {
				fill: var(--icon-hovered-color);
			}

.grid-history .button-info:active .icon {
				top: 0;
			}

.grid-history .table--row-aggregated {
				background-color: var(--table-group-bg-color);
			}



.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_osoOco .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_osoOco .orders__groupLink,
							.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_oco,
							.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_oco .orders__groupLink, .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;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}

.orders__symbolIconWrap .icon {
			width: 18px;
			height: 14px;
		}

.orders__symbolIconWrap + .symbolText {
			position: relative;
			box-sizing: border-box;
			left: -18px;
			padding-left: 23px;
			padding-right: 5px;
		}

.orders__symbol {
		box-sizing: border-box;
		display: inline-block;
		height: 100%;
		position: relative;
		flex-shrink: 0;
		padding-left: 12px;
	}

.orders__symbolText {
			display: inline-block;
			margin-top: -1px;
			margin-left: 12px;
			vertical-align: middle;
			overflow: hidden;
			text-overflow: ellipsis;
		}

.orders__symbol_oso,
		.orders__symbol_osoOco,
		.orders__symbol_osoChild,
		.orders__symbol_oco,
		.orders__symbol_bracket {
			width: 36px;
		}

.orders__symbol_oso.symbol_group, .orders__symbol_osoOco.symbol_group, .orders__symbol_osoChild.symbol_group, .orders__symbol_oco.symbol_group, .orders__symbol_bracket.symbol_group {
				width: 55px;
			}

.orders__symbol_osoOco,
		.orders__symbol_oso {
			background-color: var(--order-entry-group-oso-cell-bg-color);
		}

.orders__symbol_osoChild {
			background-color: var(--order-entry-group-oso-child-cell-bg-color);
		}

.orders__symbol_oco {
			background-color: var(--order-entry-group-oco-cell-bg-color);
		}

.orders__symbol_bracket {
			background-color: var(--order-entry-group-bracket-cell-bg-color);
		}

.orders__symbol + .symbolText {
			margin-left: 9px;
		}

.orders__status {
		font-weight: 500;
	}

.orders__status_sending {
			color: var(--order-book-status-sending-text-color);
		}

.orders__status_inactive {
			color: var(--order-book-status-inactive-text-color);
		}

.orders__status_working {
			color: var(--order-book-status-working-text-color);
		}

.orders__status_replacing {
			color: var(--order-book-status-replacing-text-color);
		}

.orders__status_cancelled {
			color: var(--order-book-status-cancelled-text-color);
		}

.orders__status_filled {
			color: var(--order-book-status-filled-text-color);
		}

.orders__durationDate {
			padding-left: 10px;
		}

.orders .grid-orderBook :local .symbol {
			padding-left: 5px;
		}

.orders .grid-orderBook :local .symbol_osoOco,
			.orders .grid-orderBook :local .symbol_oso {
				padding-left: 13px;
				background-color: var(--order-entry-group-oso-cell-bg-color);
			}

.orders .grid-orderBook :local .symbol_group {
				position: relative;
			}

.orders .grid-orderBook :local .symbol_osoChild {
				padding-left: 25px;
				background-color: var(--order-entry-group-oso-child-cell-bg-color);
			}

.orders .grid-orderBook :local .symbol_oco {
				padding-left: 25px;
				background-color: var(--order-entry-group-oco-cell-bg-color);
			}

.orders .grid-orderBook :local .symbol_bracket {
				padding-left: 25px;
				background-color: var(--order-entry-group-bracket-cell-bg-color);
			}

.orders .grid-orderBook :local .symbol_brace.symbol_bracket .symbolIconWrap::before,
							.orders .grid-orderBook :local .symbol_brace.symbol_bracket .symbolIconWrap::after,
							.orders .grid-orderBook :local .symbol_brace.symbol_oco .symbolIconWrap::before,
							.orders .grid-orderBook :local .symbol_brace.symbol_oco .symbolIconWrap::after,
							.orders .grid-orderBook :local .symbol_brace.symbol_osoChild .symbolIconWrap::before,
							.orders .grid-orderBook :local .symbol_brace.symbol_osoChild .symbolIconWrap::after {
								content: '';
								position: absolute;
							}

.orders .grid-orderBook :local .symbol_brace.symbol_bracket .symbolIconWrap::before, .orders .grid-orderBook :local .symbol_brace.symbol_oco .symbolIconWrap::before, .orders .grid-orderBook :local .symbol_brace.symbol_osoChild .symbolIconWrap::before {
								top: 50%;
								left: -8px;
								width: 3px;
								height: 3px;
								margin-top: -1px;
								border-radius: 50%;
							}

.orders .grid-orderBook :local .symbol_brace.symbol_bracket .symbolIconWrap::after, .orders .grid-orderBook :local .symbol_brace.symbol_oco .symbolIconWrap::after, .orders .grid-orderBook :local .symbol_brace.symbol_osoChild .symbolIconWrap::after {
								left: -14px;
								top: 50%;
								height: 1px;
								width: 6px;
							}

.orders .grid-orderBook :local .symbol_brace.symbol_oco .symbolIconWrap::before {
								background-color: var(--order-entry-group-order-connection-bubble-oco);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_oco .symbolIconWrap::after {
								background-color: var(--order-entry-group-order-connection-line-oco);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_oco .groupLink {
							left: 11px;
							background-color: var(--order-entry-group-order-connection-line-oco);
						}

.orders .grid-orderBook :local .symbol_brace.symbol_bracket .symbolIconWrap::before {
								background-color: var(--order-entry-group-order-connection-bubble-bracket);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_bracket .symbolIconWrap::after {
								background-color: var(--order-entry-group-order-connection-line-bracket);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_bracket .groupLink {
							left: 11px;
							background-color: var(--order-entry-group-order-connection-line-bracket);
						}

.orders .grid-orderBook :local .symbol_brace.symbol_oso .groupLink {
							top: 24px;
							left: 12px;
							background-color: var(--order-entry-group-order-connection-line-oso);
						}

.orders .grid-orderBook :local .symbol_brace.symbol_osoOco .groupLink {
							top: 24px;
							left: 12px;
							background-color: var(--order-entry-group-order-connection-line-oco);
						}

.orders .grid-orderBook :local .symbol_brace.symbol_osoChild .symbolIconWrap::before {
								background-color: var(--order-entry-group-order-connection-bubble-oso);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_osoChild .symbolIconWrap::after {
								background-color: var(--order-entry-group-order-connection-line-oso);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_osoChild .groupLink {
							background-color: var(--order-entry-group-order-connection-line-oso);
						}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_oso .groupLink {
								background-color: var(--order-entry-group-order-connection-line-bracket);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_osoOco .groupLink {
								background-color: var(--order-entry-group-order-connection-line-oco);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_oco,
						.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_bracket {
							padding-left: 30px;
						}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_oco .symbolIconWrap::after, .orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_bracket .symbolIconWrap::after {
									left: -11px;
									width: 5px;
								}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_oco .groupLink, .orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_bracket .groupLink {
								left: 17px;
							}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_oco .groupLink::after, .orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_bracket .groupLink::after {
									position: absolute;
									content: "";
									width: 6px;
									height: 1px;
									top: calc(50% - 1px);
									left: -6px;
									background-color: var(--order-entry-group-order-connection-line-bracket);
									transform: translateY(-50%);
								}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_bracket .groupLink::after {
									background-color: var(--order-entry-group-order-connection-line-bracket);
								}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_oco .groupLink::after {
									background-color: var(--order-entry-group-order-connection-line-oco);
								}

.orders .grid-orderBook :local .groupLink {
			width: 1px;
			z-index: 4;
			position: absolute;
			top: calc(50% + 1px);
		}

.orders .grid-orderBook :local .symbolIconWrap::before {
				z-index: 1;
			}
.button-cancelAllOrders {
	width: 19px;
}

	.button-cancelAllOrders .icon {
		width: 13px;
		height: 13px;
		margin: auto;
	}

.WidgetOrders__actionsWrap {
        position: relative;  /* TEMPORARY FIX: should be removed after removal of css constant in java files */
    }
.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: 221px;
		}
		.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--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 {
				cursor: pointer;
			}
	.grid-alertsBook .table--row:hover .table--cell {
					background-color: var(--table-row-bg-hover-color);
				}
	.grid-alertsBook .table--row-selected.table--row .table--cell {
					background-color: var(--table-row-selected-bg-color);
				}
	.grid-alertsBook .table--row-selected.table--row:hover .table--cell {
						background-color: var(--table-row-selected-bg-color);
					}
	.grid-alertsBook .button-remove {
		width: 24px;
		height: 23px;
		margin-top: -2px;
	}
	.grid-alertsBook .button-remove:hover .icon {
				fill: var(--icon-hovered-color);
			}
	.grid-alertsBook .button-remove:active .icon {
				top: calc(50% + 1px);
			}
	.grid-alertsBook .button-remove .icon {
			width: 7px;
			height: 7px;
			fill: var(--icon-primary-default-color);
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	.grid-alertsBook .status {
		font-weight: 500;
	}
	.grid-alertsBook .status_active {
			color: var(--status-active-text-color);
		}
	.grid-alertsBook .status_cancelled {
			color: var(--status-cancelled-text-color);
		}
	.grid-alertsBook .status_triggered {
			color: var(--status-triggered-text-color);
		}
	.grid-alertsBook .status_expired,
		.grid-alertsBook .status_error {
			color: var(--status-expired-text-color);
		}
.labeled-form-field-legacy__container {
		display: inline-flex;
		align-items: center;
	}
	.labeled-form-field-legacy__label {
		white-space: nowrap;
		color: var(--form-label-text-color);
		margin-right: 4px;
	}
	.labeled-form-field-legacy__label_secondary {
			color: var(--application-header-section-text-color);
		}
	.labeled-form-field-legacy__content {
		display: flex;
	}
.grid-cashMovements .table--col-dateTime, .grid-cashMovements .table--colAdapts-dateTime {
			width: 139px;
		}

			.grid-cashMovements .table--col-dateTime.table--colAdapts-aggregated, .grid-cashMovements .table--colAdapts-dateTime.table--colAdapts-aggregated {
				width: 153px;
			}
		.grid-cashMovements .table--col-transferType, .grid-cashMovements .table--colAdapts-transferType {
			width: 172px;
		}
		.grid-cashMovements .table--col-amount, .grid-cashMovements .table--colAdapts-amount {
			width: 87px;
		}
		.grid-cashMovements .table--col-description, .grid-cashMovements .table--colAdapts-description {
			width: 136px;
		}


.grid-cashMovements.grid-aggregated .table--row-grouped {
						background: var(--table-group-bg-color);
					}

						.grid-cashMovements.grid-aggregated .table--row-grouped .table--cell-description {
							display: none;
						}
					.grid-cashMovements.grid-aggregated .table--row-opened.table--row {
						background: var(--table-group-bg-selected-color);
					}
	.grid-cashMovements .table--row:hover {
				background: var(--table-group-bg-hover-color);
			}
.simAccountDeposit__container {
		display: flex;
		justify-content: space-between;
	}

		.simAccountDeposit__container .control--label {
			display: inline-block;
			margin-bottom: 7px;
			color: var(--form-label-text-color);
		}

		.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: flex;
		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: var(--form-label-text-color);
		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;
		}

.confirmationInfo {
	display: table-row;
	line-height: 2.3rem;
	text-align: left;
	color: var(--additional-text-color);
}

	.confirmationInfo:last-child {
		padding-bottom: 0;
	}

	.confirmationInfo--label {
		display: table-cell;
		vertical-align: top;
		padding: 1px 8px 0 0;
	}

	.confirmationInfo--info {
		display: table-cell;
		padding-bottom: 8px;
		font-size: 14px;
		text-align: center;
	}

	^[0]:last-child .confirmationInfo--info {
			padding-bottom: 0;
		}

	.confirmationInfo--label + .confirmationInfo--info {
		text-align: left;
	}

	.confirmationInfo--value {
		margin: 0 10px 0 0;
		color: var(--common-text-default);
		display: inline-block;
	}

	.confirmationInfo--value-positive {
			color: var(--positive-text-color);
		}

	.confirmationInfo--value-negative {
			color: var(--negative-text-color);
		}

	.confirmationInfo--value::before {
			content: "\200E";
		}

	.confirmationInfo--value-noMargin {
			margin: 0;
		}

	.confirmationInfo--value-modified {
			color: var(--order-modify-sl-tp-changes-text-color);
		}

	.confirmationInfo--value-sell {
			color: var(--positive-text-color);
		}

	.confirmationInfo--value-side {
			text-transform: uppercase;
			font-weight: bold;
			letter-spacing: 1px;
		}

	.confirmationInfo--value--price,
		.confirmationInfo--value-price {
			display: inline-flex;
			align-items: baseline;
		}

	.confirmationInfo--value--price .confirmationInfo, .confirmationInfo--value-price .confirmationInfo {
				margin-right: 5px;
			}

	.confirmationInfo--value-type,
		.confirmationInfo--value--timeinforce,
		.confirmationInfo--value--quantity {
			position: relative;
		}

	.confirmationInfo--stopLoss .confirmationInfo--value, .confirmationInfo--takeProfit .confirmationInfo--value {
			padding-left: 4px;
		}

	.confirmationInfo--pl-positive {
			color: var(--positive-text-color);
		}

	.confirmationInfo--pl-negative {
			color: var(--negative-text-color);
		}

	.confirmationInfo--pl {
        padding-left: 4px;
}

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

			.mobile .confirmationInfo--value::before {
				content: normal;
			}

.popup-confirmation .popup--content {
			width: 398px;
			padding: 20px 30px;
			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;
			text-align: left;
		}

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

	.popup-confirmationNew .popup--inner {
			margin: 0 10px;
		}

	.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 .popup--inner {
		width: 100%;
	}
	.popup-closeByConfirmation .confirmationInfo {
		display: inline-flex;
		width: 100%;
	}
	.popup-closeByConfirmation .confirmationInfo--info {
			word-wrap: break-word;
			width: 100%;
		}
	.popup-closeByConfirmation .confirmationInfo--label {
			width: 66px;
			padding: 6px 12px 0 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: inline-flex;
		}
		.mobile .popup-closeByConfirmation .confirmationInfo--label {
				width: 85px;
				flex-shrink: 0;
			}
		.mobile .popup-closeByConfirmation .confirmationInfo--info {
				font-size: 1.8rem;
			}
		.mobile .popup-closeByConfirmation .confirmationInfo--info div {
					display: inline-flex;
					flex-wrap: wrap;
				}
		.mobile .popup-closeByConfirmation .confirmationInfo--value span {
					display: inline;
				}

.form--fieldset {
		padding: 8px 16px 0 8px;
	}

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

	.form--row .control--label {
			display: block;
			font-size: 1rem;
			line-height: normal;
			margin-bottom: 2px;
		}

	.form--row .control--label > label {
				width: 100%;
				text-transform: capitalize;
			}

	.form--row .control--label.checkBox--label {
				margin-bottom: 0;
				font-size: 12px;
			}

	.form--row .control + .control {
			margin-left: 8px;
		}

	.form--column {
		float: left;
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
		width: 100%;
	}

	.form--legend {
		margin-bottom: 2px;
	}

.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--fieldset-secondary {
			box-shadow: 0 1px 1px var(--line-color-3) inset;
		}

.form--fieldset-durationOrders {
			box-shadow: 0 1px 0 var(--line-color-3) inset;
		}

.form--legend .control--label {
			color: inherit;
		}

.form--fieldset-secondary {
			background-color: var(--modal-window-expanded-area-bg-color);
		}

.tabPanel {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	white-space: nowrap;
}

	.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:not(:last-of-type) {
				margin-right: 1px;
			}

	.tabPanel-primary .tab.tab-selected {
				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%;
							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;
					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;
	}

	.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 var(--animation-fast);
		}

.tabPanel .tab--close {
			visibility: hidden;
		}

.tabPanel .tab--close .icon {
				fill: var(--tab-close-icon-color);
				transition: fill 220ms ease-out;
			}

.tabPanel .tab--close:hover .icon {
					fill: var(--icon-hovered-color);
					transition: fill 220ms ease-in;
				}

.tabPanel .tab--close:active .icon {
					fill: var(--icon-link-pressed-color);
				}

.tabPanel .tab-selected .tab--close {
				visibility: visible;
			}

.tabPanel .tab-add .icon {
				fill: var(--tab-text-color);
				transition: fill 220ms ease-out;
			}

.tabPanel .tab-add:hover .icon {
					fill: var(--primary-tab-hover-text-color);
					transition: fill 220ms ease-in;
				}

.tabPanel--border {
		background-color: var(--tab-selected-line-color);
		transition: width 0.22s ease-in, left 0.22s ease-in;
	}

.tabPanel-primary::after {
			background-color: var(--line-color-2);
		}

.tabPanel-primary .tab:hover .tab--inner {
					color: var(--primary-tab-hover-text-color);
					transition: background-color 220ms ease-in, border-color 220ms ease-in, color 220ms ease-in;
				}

.tabPanel-primary .tab:hover .tab--inner::before {
						background-color: var(--tab-selected-line-color);
					}

.tabPanel-primary .tab-selected .tab--inner, .tabPanel-primary .tab-selected:hover .tab--inner {
						color: var(--primary-tab-selected-text-color);
						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 {
							border-color: transparent;
							background-color: var(--tab-selected-line-color);
						}

.tabPanel-primary .tab--inner {
				color: var(--primary-tab-text-color);
			}

.tabPanel-primary .tab--inner::after {
					box-shadow: 2px 0 1px var(--primary-tab-shadow-color);
				}

.tabPanel-secondary .tab {
			background-color: var(--tab-bg-color);
			box-shadow: inset 1px 1px var(--tab-border-color), inset -1px 0 var(--tab-border-color);
			color: var(--tab-text-color);
			transition: box-shadow 220ms ease-in;
		}

.tabPanel-secondary .tab:hover,
			.tabPanel-secondary .tab:active {
				background-color: var(--tab-hover-bg-color);
				color: var(--tab-hover-text-color);
				transition: background-color 220ms ease-in, color 220ms ease-in;
			}

.tabPanel-secondary .tab-selected,
				.tabPanel-secondary .tab-selected:hover,
				.tabPanel-secondary .tab-selected:active {
					background-color: var(--tab-selected-bg-color);
					box-shadow: none;
					color: var(--tab-selected-text-color);
					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(var(--common-text-default-rgb), 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 var(--animation-fast);
	background-color: inherit;
	opacity: 0;
}

.tabContent-visible {
		opacity: 1;
	}

.tabContent-fundamentals .plate--info,
			.tabContent-fundamentals .plate--actions,
			.tabContent-marketInfo .plate--info,
			.tabContent-marketInfo .plate--actions {
				background-color: transparent;
			}

.tabContent-iframe {
		background: var(--iframe-bg-color);
	}

.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-hidden {
		animation-duration: 0s;
	}
.dropDown-colorPicker .dropDown--option {
			transition: border-width 100ms;
		}
.dropDown-colorPicker .dropDown--option-selected,
			.dropDown-colorPicker .dropDown--option:hover {
				background-image: none;
				box-shadow: inset 0 0 0 2px var(--color-picker-item-frame);
			}

.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: 42px;
	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: var(--dropdown-default-bg-color);
			box-shadow: 0 0 0 1px var(--dropdown-border-outside-color);
		}

	.colorPicker--label .button:focus {
				box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
			}

	.colorPicker--label .button:active span {
					margin-top: 1px;
				}

	.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: var(--icon-primary-default-color);
			}

	.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 {
					margin-top: 1px;
				}

	.colorPicker-opened .button + .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 {
						background-color: var(--dropdown-disabled-bg-color);
						color: var(--common-text-disabled);
						cursor: default;
						border-color: transparent;
						box-shadow: 0 0 0 1px var(--dropdown-disabled-border-outside-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 {
							border-color: transparent;
							background: transparent;
						}

.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--subColumn {
		padding-left: 25px;
	}

	.columns-between .columns--column {
				padding: 0 10px;
			}
/* check real usage */
.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%;
}



.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: 26px;
				position: absolute;
				top: 50%;
				left: 10px;
				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 {
		background: none;
		border-color: transparent;
	}



.dropDown-lineSample .dropDown--option-solid.dropDown--option:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 100%, transparent 100%);
			background-size: 100% 5px;
		}



.dropDown-lineSample .dropDown--option-dashed.dropDown--option-thin:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 70%, transparent 70%);
			background-size: 7px 5px;
		}



.dropDown-lineSample .dropDown--option-dashed.dropDown--option-normal:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 70%, transparent 70%);
			background-size: 10px 5px;
		}



.dropDown-lineSample .dropDown--option-dashed.dropDown--option-bold:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 70%, transparent 70%);
			background-size: 16px 5px;
		}



.dropDown-lineSample .dropDown--option-dotted.dropDown--option-thin:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 50%, transparent 50%);
			background-size: 4px 5px;
		}



.dropDown-lineSample .dropDown--option-dotted.dropDown--option-normal:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 50%, transparent 50%);
			background-size: 6px 5px;
		}



.dropDown-lineSample .dropDown--option-dotted.dropDown--option-bold:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 50%, transparent 50%);
			background-size: 10px 5px;
		}



.dropDown-lineSample .dropDown--option:hover {
			border-color: var(--link-hovered-text-color);
		}



.dropDown-lineSample .dropDown--option-selected,
			.dropDown-lineSample .dropDown--option-selected:hover {
				border-color: var(--line-color-2);
			}

.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-solid.selectBox .selectBox--label:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 100%, transparent 100%);
			background-size: 100% 5px;
		}

		.control-line .selectBox-dashed.selectBox-thin .selectBox--label:after,
		.control-line .selectBox-dashed.selectBox-normal .selectBox--label:after,
		.control-line .selectBox-dashed.selectBox-bold .selectBox--label:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 70%, transparent 70%);
		}

		.control-line .selectBox-dotted.selectBox-thin .selectBox--label:after,
		.control-line .selectBox-dotted.selectBox-normal .selectBox--label:after,
		.control-line .selectBox-dotted.selectBox-bold .selectBox--label:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 50%, transparent 50%);
		}

		.control-line .selectBox-dashed.selectBox-thin .selectBox--label:after {
			background-size: 7px 5px;
		}

		.control-line .selectBox-dashed.selectBox-normal .selectBox--label:after {
			background-size: 10px 5px;
		}

		.control-line .selectBox-dashed.selectBox-bold .selectBox--label:after {
			background-size: 16px 5px;
		}

		.control-line .selectBox-dotted.selectBox-thin .selectBox--label:after {
			background-size: 4px 5px;
		}

		.control-line .selectBox-dotted.selectBox-normal .selectBox--label:after {
			background-size: 6px 5px;
		}

		.control-line .selectBox-dotted.selectBox-bold .selectBox--label:after {
			background-size: 10px 5px;
		}

		.control-line .selectBox--label {
			text-overflow: clip;
			white-space: nowrap;
			overflow: hidden;
			text-indent: 200%;
		}

		.control-line .selectBox--label::after {
				content: "";
			}


.period__item {
		position: relative;
		display: flex;
		line-height: 26px;
		padding-left: 9px;
		cursor: pointer;
	}
		
		.period__item:hover {
			background: var(--list-item-hovered-bg-color);
		}
		
		.period__item:hover .controls {
				visibility: visible;
			}
		
		.period__item_custom:before {
				content: '';
				position: absolute;
				top: 50%;
				left: 10px;
				transform: translateY(-50%);
				width: 4px;
				height: 4px;
				border-radius: 50%;
				background: var(--icon-contextual-primary-default-color);
			}
	.period__Interval {
		width: 29px;
	}
	.period__DateRange:before {
			content: ':';
			margin-right: 2px;
		}
	.period__Controls {
		position: absolute;
		right: 7px;
		display: flex;
		align-items: center;
		height: 100%;
		visibility: hidden;
	}
	.period__Controls .button + .button {
			margin-left: 3px;
		}
	.period__Controls .icon {
			width: 12px;
			height: 12px;
			fill: var(--icon-contextual-primary-default-color);
		}
	.period__Controls .button:hover .icon {
					fill: var(--icon-hovered-color);
				}
.chartSettingsTimeFrame__Container {
		display: flex;
		height: 100%
	}
	.chartSettingsTimeFrame__LeftColumn,
	.chartSettingsTimeFrame__RightColumn {
		padding: 15px 30px 0; 
	}
	.chartSettingsTimeFrame__RightColumn {
		flex-grow: 1;
	}
	.chartSettingsTimeFrame__ReftColumn {
		border-right: 1px solid var(--line-color);
	}
	.chartSettingsTimeFrame__ReftColumn .button-link {
			margin-top: 14px;
		}
	.chartSettingsTimeFrame__TitleColumn {
		text-transform: uppercase;
	}
	.chartSettingsTimeFrame__Placeholder {
		margin-top: 17px;
		color: var(--common-text-default);
	}
	.chartSettingsTimeFrame__SelectorWrapper {
		height: 346px;
		width: 160px;
		background-color: var(--input-default-bg-color);
		border: 1px solid var(--input-default-border-outside-color);
		margin-top: 9px;
	}
	.chartSettingsTimeFrame__Selector{
		padding: 3px 0;
	}
	.chartSettingsTimeFrame__Selector .period__item {
			padding-left: 19px;
		}
	.chartSettingsTimeFrame__Controls {
		margin-top: 20px;
		padding-bottom: 17px;
		border-bottom: 1px solid var(--line-color);
	}
	.chartSettingsTimeFrame__Controls .control + .control {
			margin-left: 16px;
		}
	.chartSettingsTimeFrame__Controls .control--label {
			display: block;
			margin-bottom: 6px;
		}
	.chartSettingsTimeFrame__Controls .control-selectBox .control--wrap,
		.chartSettingsTimeFrame__Controls .comboBox {
			width: 70px;
		}
	.chartSettingsTimeFrame__Controls .control-comboBox .control--postfix {
				margin: auto 6px;
			}
	.chartSettingsTimeFrame__Buttons {
		margin-top: 16px;
		text-align: right;
	}
	.chartSettingsTimeFrame__Buttons .button {
			font-size: 14px;
		}
	.chartSettingsTimeFrame__Buttons .button + .button {
			margin-left: 8px;
		}

.dropDown-selectBox-timeFrame .dropDown--option-selected .dropDown--selectedIcon{
	display: none;
}

.radioButton input {
		display: none;
	}
	.radioButton--view {
		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: var(--input-default-border-outside-color);
		background: var(--input-default-bg-color);
	}

.radioButton--icon {
		background: var(--checkbox-tick-color);
	}

.radioButton--label {
		color: var(--checkbox-text-color);
	}

.radioButton--label .radioButton--view {
			border-color: var(--input-default-border-outside-color);
			background: var(--input-default-bg-color);
			box-shadow: 0 1px 0 0 var(--input-default-shadow-inner-color) inset;
		}

.radioButton--label:hover .radioButton--view {
			border-color: var(--input-hovered-border-outside-color);
			transition: background 220ms ease-in;
		}

.radioButton--label:hover .radioButton--view::before {
				background-color: var(--input-hovered-bg-color);
			}

.radioButton--label:active .radioButton--view {
			border-color: var(--form-control-focused-border-outside-color);
			background: var(--selected-input-bg-color);
		}

input[disabled] + .radioButton--label .radioButton--view {
			background: var(--input-disabled-bg-color);
			border-color: var(--input-disabled-border-outside-color);
		}

input[disabled] + .radioButton--label .radioButton--icon {
			background: var(--disabled-symbol-color);
		}

input[disabled] + .radioButton--label .radioButton--text {
			color: var(--common-text-disabled);
		}
.control-radioButton {
	display: inline-flex;
}

	.control-radioButton .radioButton--label {
		display: inline-flex;
		align-items: center;
	}

	.control-radioButton.control-noLabel .radioButton--text {
			font-size: 0;
		}

	.control-radioButton.control-color .radioButton--label {
			display: inline-flex;
			padding: 3px;
			border-width: 1px;
			border-style: solid;
			border-radius: var(--controls-border-radius);
		}

	.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 .radioButton--label {
		border-color: rgba(0, 0, 0, 0);
	}


.control-radioButton.control-color .radioButton--label::before {
			background-color: var(--drawing-text-tool-light-text-color);
			box-shadow: 0 0 0 1px rgba(var(--highlight-color-rgb), .21);
		}


.control-radioButton.control-color input:checked + .radioButton--label {
		border-color: var(--line-color-4);
	}


.control-radioButton.control-color input:checked + .radioButton--label::before {
			box-shadow: none;
		}


.control-radioButton.control-color.control-primary .radioButton--label::before {
				background-color: var(--text-tool-default-primary-color);
			}


/* TODO: this is a fix for gwt constants */


.control-radioButton.control-color.control-secondary .radioButton--label::before {
				background-color: var(--text-tool-default-secondary-color);
			}

.chartSettings {
	width: 623px;
}

	.chartSettings .checkBox--view, .chartSettings .radioButton--view {
			margin-right: 0.5em;
		}

	.chartSettings h3 {
		padding: 22px 30px 9px;
		font-weight: normal;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 0.8px;
	}

	.chartSettings h4 {
		margin-bottom: 7px;
		font-size: 12px;
		font-weight: normal;
	}

	.chartSettings--content {
		position: relative;
		height: 499px;
	}

	.chartSettings .form--fieldset {
		padding: 0 30px 32px;
	}

	.chartSettings .control {
		line-height: 17px;
		font-size: 14px;
	}

	.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: 14px;
		}

	.chartSettings .control-colorPicker .control--wrap {
				white-space: nowrap;
				align-items: center;
			}

	.chartSettings .control-colorPicker .control--postfix {
				margin-left: 8px;
			}

	.chartSettings .columns--column-1_3 {
			width: 32%;
		}

	.chartSettings .columns--column {
			padding-left: 0;
		}

	.chartSettings--colors li {
			margin-top: .8rem;
		}

	.chartSettings--colors li:first-child .control {
				margin-top: 0;
			}

	.chartSettings--switchers .control {
			display: block;
		}

	.chartSettings--switchers .columns--column + .chartSettings--switchers .columns--column {
				margin-left: 20px;
			}

	.chartSettings--switchers .columns--subColumn:not(:first-child), .chartSettings--switchers .control:not(:first-child) {
				margin-top: 8px;
			}

	.chartSettings--switchers .columns--subColumn:not(:last-child) {
			margin-bottom: 17px;
		}

	.chartSettings .tabPanel {
		width: 100%;
		margin-top: 15px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

	.chartSettings .tab .link-pseudo {
			font-size: 12px;
			line-height: 23px;
			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 var(--line-color);
		color: var(--form-title-text-color);
	}

.chartSettings h3:first-child {
			box-shadow: none;
		}

.chartSettings h4 {
		color: var(--form-subtitle-text-color);
	}

.chartSettings .radioButton--label,
	.chartSettings .checkBox--label {
		color: var(--form-label-text-color);
	}

.chartSettings .control--postfix,
		.chartSettings .control--label {
			color: var(--form-label-text-color);
		}

.chartSettings .control-colorPicker .control--postfix {
				color: var(--form-label-text-color);
			}

.chartSettings .form--fieldset-secondary {
		box-shadow: none;
	}

.chartSettings .tabPanel {
		border-bottom-color: var(--line-color);
	}

.chartSettings--sessionBreaks {
		border-bottom-color: var(--line-color);
	}

.mobile .chartSettings {
		width: 100%;
		padding-bottom: 0;
	}
		
		.mobile .chartSettings--content {
			height: 340px;
		}
		
		.mobile .chartSettings--switchers .columns--column {
				width: 100%;
				margin-left: 0;
				padding-left: 0;
			}
		
		.mobile .chartSettings--switchers .columns--column + .columns--column {
				margin-left: 0;
				margin-top: 6px;
			}
		
		.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: flex;
						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 :global .settingButton__container {
					margin-left: 0;
				}

		.popup-chartSettings .popup--buttons {
			padding: 9px 8px 8px 30px;
			display: flex;
			align-items: center;
		}
	.popup-chartSettings .contextMenuButton__container {
		margin-left: 0;
		margin-top: 0;
		flex-grow: 1;
	}

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

				.mobile .popup-chartSettings .popup--buttons button {
					line-height: normal;
				}

.indicator__item {
		padding: 6px 7px;
		display: flex;
		align-items: center;
		cursor: pointer;
	}

		.indicator__item:hover {
			background-color: var(--list-item-hovered-bg-color);
		}

		.indicator__item:hover .buttonRemove {
				display: block;
			}

		.indicator__item_selected {
			background-color: var(--list-item-selected-bg-color);
		}

		.indicator__item_selected:hover {
				background-color: var(--list-item-selected-bg-color);
			}

		.indicator__item_selected.item .buttonRemove {
					display: block;
				}

		.indicator__item .buttonRemove {
			display: none;
		}
	.indicator__iconWrap {
		margin-right: 7px;
	}
	.indicator__iconWrap .icon {
			width: 11px;
			height: 6px;
			fill: var(--icon-secondary-default-color);
			vertical-align: middle;
		}
	.indicator__iconWrap .icon-indicator-up {
				margin-top: -2px;
			}
	.indicator__title {
		color: var(--table-text-color);
	}
	.indicator__properties {
		margin-left: 10px;
		flex-grow: 1;
		color: var(--studies-parameters-text);
	}
	.indicator__buttonRemove {
		width: 11px;
		height: 11px;
	}
	.indicator__buttonRemove .icon {
			fill: var(--icon-secondary-default-color);
			pointer-events: all;
		}
	.indicator__buttonRemove .icon:hover {
				fill: var(--icon-secondary-hovered-color);
			}
	.indicator__buttonRemove .icon:active {
				fill: var(--icon-pressed-color);
			}

.indicator__item {
	position: relative;
}

.indicator__item_selected {
		background-color: var(--list-item-selected-bg-color);
	}

.indicator__item_selected:hover {
			background-color: var(--list-item-selected-bg-color);
		}

.indicator__item_selected.item .buttonRemove {
				display: block;
			}

.indicator__item.draggable--added {
			cursor: default;

		}

.indicator__item.draggable--added,
			.indicator__item.draggable--added:hover {
				background: transparent;
			}

.indicator__item.draggable--added :local .title {
					color: var(--common-text-disabled);
				}

.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: var(--drop-area-highlight-color);
				background-color: var(--drop-area-border-color);
			}

.indicator__item.draggable--dragging {
			width: 257px;
			margin-bottom: 0;
			background-color: var(--draggable-item-dragging-bg-color);
			list-style: none;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 110;
		}

.button-removeItem,
.button-addItem {
	border: none;
	transition: color var(--animation-fast);
	background: none;
	margin-top: 1px;
}

	.button-removeItem:hover .icon, .button-addItem:hover .icon {
			fill: var(--icon-hovered-color);
			transition: fill 220ms ease-in;
		}

	.button-removeItem:active .icon, .button-addItem:active .icon {
			position: relative;
			top: 1px;
			fill: var(--icon-pressed-color);
		}

	.button-removeItem[disabled] .icon, .button-addItem[disabled] .icon {
			fill: var(--icon-disabled-color);
		}

	.button-removeItem::before, .button-addItem::before {
		transition: opacity var(--animation-default);
	}

	.button-removeItem .icon, .button-addItem .icon {
		width: 25px;
		height: 25px;
		fill: var(--icon-contextual-primary-default-color);
		transition: fill 220ms ease-out;
	}


.indicatorSelector__container {
		display: flex;
	}
	.indicatorSelector__indicatorList {
		height: 375px;
	}
	.indicatorSelector__column:first-child {
			padding-right: 30px;
			position: relative;
		}
	.indicatorSelector__column:first-child::after {
				background: var(--line-color);
				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: var(--input-default-bg-color);
		border: 1px solid var(--input-default-border-outside-color);
	}
	.indicatorSelector__listWrapper .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: var(--input-placeholder-text-color);
		position: absolute;
		left: 0;
		top: 4px;
	}
	.indicatorSelector__addedHeader {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
		}
	.indicatorSelector__addedButton {
			border: none;
			box-shadow: none;
			padding: 0;
			color: var(--link-default-text-color);
		}
	.indicatorSelector__addedButton,
			.indicatorSelector__addedButton:hover,
			.indicatorSelector__addedButton:active {
				background-color: transparent;
			}
	.indicatorSelector__addedButton:hover {
				color: var(--link-hovered-text-color);
			}
	.indicatorSelector__addedContainer {
			width: 610px;
			height: 147px;
			position: relative;
			background-color: var(--input-default-bg-color);
			border: 1px solid var(--input-default-border-outside-color);
			margin-bottom: 40px;
		}
	.indicatorSelector__addedContainer .scrollable--content {
				min-height: 100%;
			}
	.indicatorSelector__addedPlaceholder {
			color: var(--input-placeholder-text-color);
			position: absolute;
			top: 50%;
			left: 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: var(--line-color);
		}
	.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: var(--form-hint-color);
			text-transform: uppercase;
		}
	.indicatorSelector__settingsRow {
			display: flex;
			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: flex;
			align-items: flex-end;
			width: 110px;
			margin-right: 35px;
			margin-bottom: 10px;
		}
	.indicatorSelector__settingsControl .selectBox--label {
				max-width: 110px;
			}
	.indicatorSelector__settingsControl_postfix {
				justify-content: space-between;
				position: relative;
				align-items: flex-start;
				padding-top: 15px;
			}
	.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%;
						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--label {
				position: absolute;
				left: 0;
				top: 0;
				white-space: nowrap;
			}
	.indicatorSelector__settings .control-colorPicker {
				margin-right: 5px;
			}
	.indicatorSelector__settings .control-numericStepper {
				width: 100%;
			}
	.indicatorSelector__settings .control-numericStepper .numericStepper {
					width: 100%;
				}
	.indicatorSelector__settingsScrollableWrapper {
		height: 223px;
	}
	.indicatorSelector__entityLabel {
		position: absolute;
		left: 0;
		top: -3px;
		white-space: nowrap;
		color: var(--label-color);
	}
.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 10px;
			line-height: 21px;
			font-weight: normal;
		}
	.popup-chartEditStudies .chartEditStudies h4 {
			margin: 0 0 8px;
			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;
				width: calc(100% + 16px);
				position: relative;
				white-space: normal;
				word-wrap: break-word;
			}
	.popup-chartEditStudies .chartEditStudies .control--label label {
					width: 100%;
					display: inline-block;
					padding-bottom: 4px;
				}
	.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;
			}
.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: var(--description-text-color);
	}



.positionInfo--label,
	.positionInfo--separator {
		color: var(--additional-text-color);
	}



.positionInfo--value-buy {
			color: var(--buy-text-color);
		}



.positionInfo--value-sell {
			color: var(--sell-button-default-bg-color);
		}



.positionInfo .control .value-none span {
				color: var(--description-text-color);
			}



.positionInfo .control-byOppositePosition label {
				color: var(--description-text-color);
			}



.positionInfo .control-marginImpact label {
				color: var(--description-text-color);
			}
.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-side {
				width: 60px;
			}

	.grid-positionsCloseBy .table--col-quantity {
				width: 80px;
			}

	.grid-positionsCloseBy .table--col-stopLoss,
			.grid-positionsCloseBy .table--col-takeProfit,
			.grid-positionsCloseBy .table--col-currentPrice {
				width: 87px;
			}

	.grid-positionsCloseBy .table th {
			height: 17px;
		}

	.grid-positionsCloseBy .table--cell .numeric {
				width: auto;
			}

	.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;
	}
.popup-closeBy .popup--content {
			width: 650px;
		}

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

.tradeInfo {
	display: inline-block;
	padding: 0 20px 0 7px;
}

.mobile .tradeInfo {
		padding-left: 0;
	}
.popup-trade {
	position: absolute;
	left: 50%;
	top: 40%;
	width: auto;
	height: auto;
}

	.popup-trade::before {
		content: none;
	}

	.popup-trade .popup--window {
			position: relative;
			left: 0;
			top: 0;
			margin-left: -345px;
			margin-top: -115px;
		}

	.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;
			color: var(--common-text-default);
		}

	.popup-trade .instrument--description {
			display: inline-block;
			font-size: 1.2rem;
			margin-left: 8px;
			width: auto;
			vertical-align: bottom;
			line-height: 1.4;
		}

	.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;
							}
.messagePanel {
	max-height: 0;
	overflow: hidden;
	clear: both;
}

	.messagePanel--content {
		padding: 8px 7px;
		text-align: center;
	}

.messagePanel--content {
		color: var(--common-text-default);
		box-shadow: 0 1px 1px rgba(var(--shadow-color-rgb, .5)) inset;
	}

.messagePanel-error {
		background-color: var(--widget-bg-color);
	}

.messagePanel-warning {
		background-image: linear-gradient(to right, var(--widget-header-grad-color-1), var(--widget-header-grad-color-2));
	}

.control-orderSide {
	min-width: 120px;
}
.control-instrumentStake .control--label {
			margin-right: -.6em;
			color: inherit;
		}

.control-orderDuration .control--buttons {
		white-space: nowrap;
	}
.labeled_form_field_child__labeledContainer:first-child {
			margin-left: 25px;
		}
		.labeled_form_field_child__labeledContainer + .labeledContainer {
			margin-left: 12px;
		}
	.labeled_form_field_child__label {
		margin-right: 4px;
		margin-left: 0;
		color: var(--form-label-text-color);
	}
	.labeled_form_field_child__container {
		flex-direction: row;
	}
	.labeled_form_field_child__container_corrected {
			transition: color var(--animation-fast) linear;
			animation: blinkingText 750ms linear;
		}

@keyframes blinkingText {
	0% {
		color: var(--error-description-text-color);;
	}

	50% {
		color: var(--modal-window-text-color);
	}

	100% {
		color: var(--error-description-text-color);
	}
}

.trade-form-protection-orders__noData {
        color: var(--no-data-text-color);
    }
    .trade-form-protection-orders__Container {
        padding-top: 14px;
        padding-left: 11px;
    }
    .trade-form-protection-orders__Container .form--row {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 16px;
        }
    .trade-form-protection-orders__Container .form--row .selectBox--label {
                line-height: 23px;
            }
    .trade-form-protection-orders__Container .form--row .control {
                width: 140px;
                min-width: 140px;
            }
    .trade-form-protection-orders__Container .form--row .control + .control {
                margin-left: 0;
            }
    .trade-form-protection-orders__Container .form--row .control-checkBox + .control {
                margin-left: 0;
            }
    .trade-form-protection-orders__Container .form--row .control .selectBox {
                min-width: 120px;
            }
    .trade-form-protection-orders__Container .form--row .control-numericStepper {
                width: 122px;
            }
    .trade-form-protection-orders__hint {
        display: flex;
        align-items: center;
    }
.form--fieldset-oco {
	overflow: hidden;
	counter-reset: item;
	box-shadow: 0 -1px 1px var(--line-color-3);
}

	.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;
				color: var(--label-color);
			}

	.form--fieldset-oco .form--row-connected::after {
				content: "";
				display: block;
				position: absolute;
				left: 0;
				width: 10px;
				border-style: solid;
				border-color: var(--input-default-border-outside-color);
			}

	.form--fieldset-oco .form--row-connected:first-child::after {
				bottom: 0;
				top: 22px;
				border-width: 1px 0 0 1px;
			}

	.form--fieldset-oco .form--row-connected:nth-child(2)::after {
				top: 0;
				height: 22px;
				border-width: 0 0 1px 1px;
			}

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


.tradeForm {
	padding-bottom: 43px;
}

	.tradeForm .control--label {
		white-space: nowrap;
		font-size: 1.2rem;
	}

	.tradeForm .form--fieldset {
		padding-left: 10px;
	}

	.tradeForm .form--fieldset-parameters {
			padding-top: 0;
		}

	.tradeForm .form--fieldset-parameters .form--row {
				padding-bottom: 0;
			}

	.tradeForm .form--fieldset-parameters .control {
				margin-bottom: 11px;
			}

	.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: 41px;
			overflow: hidden;
		}

	.tradeForm .form--fieldset-protectionOrders .form--row {
				opacity: 0;
			}

	.tradeForm .form--fieldset-noProtection {
			position: relative;
		}

	.tradeForm .form--fieldset-info,
		.tradeForm .form--fieldset-protectionOrders {
			padding-bottom: 2px;
		}

	.tradeForm .form--fieldset-durationOrders {
			padding-top: 6px;
		}

	.tradeForm .form--fieldset-protectionOrders {
			padding-top: 12px;
		}

	.tradeForm .form--fieldset-info,
		.tradeForm .form--fieldset-orderInfo {
			margin-right: 0;
			padding-top: 10px;
			padding-right: 10px;
		}

	.tradeForm .form--fieldset-info .tradeForm--quantity,
				.tradeForm .form--fieldset-info .tradeForm--openPl,
				.tradeForm .form--fieldset-orderInfo .tradeForm--quantity,
				.tradeForm .form--fieldset-orderInfo .tradeForm--openPl {
					font-size: 1.8rem;
					line-height: 1.4;
				}

	.tradeForm .form--fieldset-orderInfo {
			padding-bottom: 7px;
		}

	.tradeForm .form--fieldset-oco {
			padding-top: 11px;
		}

	.tradeForm .control + .control {
		margin-left: 11px;
	}

	.tradeForm .control-durationHours,
		.tradeForm .control-durationDayMonth,
		.tradeForm .control-durationRemains,
		.tradeForm .control-durationExpiresAt {
			overflow: hidden;
			max-width: 0;
			white-space: nowrap;
			opacity: 0;
			margin-left: 0;
		}

	.tradeForm .control-durationRemains,
		.tradeForm .control-durationExpiresAt {
			line-height: 1.8em;
			font-size: 14px;
		}

	.tradeForm .control-marginImpact .control--label,
			.tradeForm .control-marginImpact .control--wrap {
				display: block;
			}

	.tradeForm .control-marginImpact .control--wrap {
				display: flex;
				align-items: center;
				height: 25px;
			}

	.tradeForm .control-value .value {
				line-height: 2rem;
			}

	.tradeForm .control-value .value strong {
					font-size: 1.8rem;
					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 .control-metric {
		    top: 10px;
			margin-right: 20px;
		 	margin-left: 0;
		}

	.tradeForm .control-metric:last-child {
				margin-right: 0;
			}

	.tradeForm .control-metric .control--label, .tradeForm .control-metric .value {
				font-size: 12px;
				line-height: 14px;
				font-style: normal;
				font-weight: normal;
				font-feature-settings: 'pnum' on, 'lnum' on;
			}

	.tradeForm .time span {
			display: inline-block;
		}

	.tradeForm .time--delimiter {
			margin: 0 0.2em;
		}

	.tradeForm .time--unit {
			margin: 0 0 0 .2em;
		}

	.tradeForm--orderInfo {
		margin-top: 8px;
	}

	.tradeForm--instrument {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.tradeForm--instrument .instrument--title {
				display: flex;
				flex-direction: column;
			}

	.tradeForm--instrument .instrument--description {
				margin-left: 0;
			}

	.tradeForm--lotsLabel {
		display: inline-flex;
		margin-top: 1px;
	}

	.tradeForm--lotsLabel .control--label {
				margin-bottom: 0;
				font-size: inherit;
			}

	.tradeForm--lotsLabel .control--postfix,
			.tradeForm--lotsLabel .control--label {
				color: inherit;
			}

	.tradeForm--side,
	.tradeForm--type {
		display: inline-block;
		vertical-align: baseline;
		width: 64px;
		font-size: 1.8rem;
		font-weight: 400;
		margin-top: 2px;
	}

	.tradeForm--side {
		text-transform: uppercase;
	}

	/* Form States */

	.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 {
						display: block;
					}

	.tradeForm-day .control-durationRemains,
		.tradeForm-day .control-durationExpiresAt {
			overflow: visible;
			opacity: 1;
			max-width: 100px;
			margin-left: 5px;
		}

	/* when GTD is enabled */

	.tradeForm-date .control-durationHours,
		.tradeForm-date .control-durationDayMonth {
			opacity: 1;
			margin-left: 3px;
		}

	.tradeForm-date .control.control-durationHours {
			max-width: 110px;
			width: 110px;
		}

	.tradeForm-date .control-durationDayMonth {
			max-width: 100px;
		}

	.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-currentPrice label {
			margin-bottom: 8px;
		}

	.tradeForm .control-currentPrice.control-durationRemains label, .tradeForm .control-currentPrice.control-durationExpiresAt label {
				margin-bottom: 2px;
			}

	.tradeForm .control-marginImpact .value {
			font-size: 18px;
		}

	.tradeForm .control-currentPrice .value {
			font-size: 14px;
			line-height: 1;
		}

	.tradeForm .control-numericStepper {
		width: 115px;
	}

	.tradeForm .control-numericStepper .numericStepper--input input[type="text"] {
			text-align: left;
		}

	.tradeForm .trade-form-protection-orders__hint {
		padding-bottom: 15px;
		padding-left: 25px;
	}


/* OCO */
.form--fieldset-oco .selectBox-ocoOrderType {
		width: 100%;
	}
.form--fieldset-oco .form--row:last-child .control-marginImpact:first-child {
				width: 120px;
			}

.tradeForm .time {
		color: var(--common-text-default);
	}

.tradeForm--side,
	.tradeForm--type {
		color: var(--common-text-default);
	}

.tradeForm--quantity,
	.tradeForm--openPl {
		color: var(--common-text-default);
	}

.tradeForm--side-positive,
		.tradeForm--side-buy {
			color: var(--buy-text-color);
		}

.tradeForm--side-negative,
		.tradeForm--side-sell {
			color: var(--sell-text-color);
		}

.tradeForm--openPl-positive {
			color: var(--positive-text-color);
		}

.tradeForm--openPl-negative {
			color: var(--negative-text-color);
		}

.tradeForm--side_positive {
			color: var(--positive-text-color);
		}

.tradeForm--side_negative {
			color: var(--negative-text-color);
		}

.tradeForm .form--fieldset {
		transform: translate3d(0, 0, 0);
		transition-duration: var(--animation-fast);
		transition-property: height, width, padding;
		transition-timing-function: ease, ease, linear;
	}

.tradeForm .form--fieldset .form--row {
			transition-property: opacity;
			transition-duration: var(--animation-fast);
		}

.tradeForm .control {
		transform: translate3d(0, 0, 0);
		transition-property: max-width, opacity, margin;
		transition-duration: var(--animation-fast);
		transition-delay: 0s;
	}

.tradeForm .control-leverage .icon {
				fill: var(--icon-contextual-primary-default-color);
			}

.tradeForm .control .value-none span {
				color: var(--additional-text-color);
			}

.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: var(--animation-default);
			}

.tradeForm-market .form--fieldset-protection,
		.tradeForm-market .form--fieldset-parameters,
		.tradeForm-limit .form--fieldset-protection,
		.tradeForm-limit .form--fieldset-parameters,
		.tradeForm-trailingStop .form--fieldset-protection,
		.tradeForm-trailingStop .form--fieldset-parameters {
			transition-delay: 0s;
		}

.tradeForm-market .form--fieldset-protection .form--row, .tradeForm-market .form--fieldset-parameters .form--row, .tradeForm-limit .form--fieldset-protection .form--row, .tradeForm-limit .form--fieldset-parameters .form--row, .tradeForm-trailingStop .form--fieldset-protection .form--row, .tradeForm-trailingStop .form--fieldset-parameters .form--row {
				transition-delay: var(--animation-default);
			}

.tradeForm-market .form--fieldset-impact .form--row, .tradeForm-limit .form--fieldset-impact .form--row, .tradeForm-stop .form--fieldset-impact .form--row {
				height: 51px;
			}

.tradeForm-oco .form--fieldset-oco {
			transition-delay: 0s;
		}

.tradeForm-oco .form--fieldset-oco .form--row {
				transition-delay: var(--animation-default);
			}

.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: var(--animation-fast);
		}

.tradeForm-day .control-durationRemains,
		.tradeForm-day .control-durationExpiresAt {
			transition-delay: var(--animation-fast);
		}

.mobile .tradeForm .control--label {
		font-size: 14px;
	}
	.mobile .tradeForm .form--fieldset-protectionOrders .form--row {
		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;
		}
.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: var(--line-color);
		border-bottom-color: var(--line-color);
	}




.closePosition .control--label {
			color: var(--label-color);
		}




.closePosition .control--wrap {
			color: var(--common-text-default);
		}




.closePosition--side-positive {
			color: var(--positive-text-color);
		}




.closePosition--side-negative {
			color: var(--negative-text-color);
		}




.closePosition--quantity {
		color: var(--common-text-default);
	}




.closePosition--symbol {
		color: var(--additional-text-color);
	}




.closePosition--fillPrice {
		color: var(--common-text-default);
	}




.closePosition--lots {
		color: var(--additional-text-color);
	}




.closePosition--lots strong {
			color: var(--common-text-default);
		}

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

.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: -.55rem;
						margin: 0 5px;
					}

.chart-popupTrade.chart-bidAsk .chartLine-currentQuote::before {
					background: var(--chart-up-line-color);
				}

.chart-popupTrade.chart-bidAsk .chartLine-askQuote::before {
					background: var(--chart-down-line-color);
				}

.chart-popupTrade.chart-bidAsk .chartLine-askQuote .chartLine--quote {
					background: rgba(var(--chart-bg-color-rgb), 0.8);
					color: var(--chart-down-line-color);
				}

.chart-popupTrade.chart-bidAsk .last {
			color: var(--chart-up-line-color);
		}

.chart-popupTrade.chart-bidAsk .last.last-1 {
				color: var(--chart-down-line-color);
			}

.tradeChart {
	width: 284px;
	flex-shrink: 0;
}

	.tradeChart--wrapper {
		z-index: 2;
		position: relative;
		height: calc(100% - 1px);
		box-sizing: border-box;
		border-right: 1px solid var(--line-color);
		background-color: var(--chart-bg-color);
	}

	.tradeChart--container {
		height: 225px;
		max-height: 100%;
	}

	.tradeChart--container-withInfo {
			height: calc(100% - 30px);
		}

	.tradeChart--info {
		position: absolute;
		bottom: 15px;
		left: 10px;
		color: rgba(255, 255, 255, 0.55);
		line-height: 1;
	}

	.tradeChart .chartLayout--cell-axis,
	.tradeChart .chart--axisWrapper-y {
		width: 55px;
	}

	.tradeChart .chart {
		box-sizing: border-box;
		padding: 8px;
	}

	.tradeChart .chart--axis-y > div:first-child {
		display: flex;
		position: absolute;
	}

	.tradeChart .last-1,
	.tradeChart .last {
		display: flex;
		padding: 0 0 0 5px;
		font-size: 10px;
	}

	.tradeChart .last-1 .value, .tradeChart .last .value {
			display: block;
			font-size: 12px;
		}

	.tradeChart .last-1 .value span, .tradeChart .last .value span {
				font-size: 14px;
			}

	.tradeChart .last-1 {
		flex-direction: column;
		margin-top: 4px;
		color: var(--buy-text-color);
		transform: translateY(-100%);
	}

	.tradeChart .last {
		flex-direction: column-reverse;
		margin-top: -3px;
		color: var(--sell-text-color);
		transform: translateY(0);
	}

.tradeChart--container {
		margin-left: 17px;
		padding: 17px 17px 17px 0;
		overflow: hidden;
	}

.tradeChart .chart {
		padding: 0;
	}

.tradeChart .chart--linesWrapper {
			clip: auto;
		}

.tradeChart .chartLine-hideDot {
			display: none;
		}

.tradeChart .chartLine--labelAxis {
			display: flex;
			flex-direction: column;
		}

.tradeChart .chartLine--labelAxis-askQuote {
				top: -7px;
			}

.tradeChart .chartLine--labelAxis-askQuote .chartLine--labelAxis--text {
						order: 2;
					}

.tradeChart .chartLine--labelAxis-bidQuote {
				top: 7px;
			}

.tradeChart .chartLine--labelAxis--text {
			font-size: 12px;
			line-height: 12px;
			letter-spacing: .5px;
		}
.popup-position .instrument--description {
			display: block;
			margin-right: 0;
		}
	.popup-position .tradeForm--side {
		width: auto;
	}
	.popup-position .form--fieldset-info:not(.form--fieldset-orderInfo):first-child {
			padding-top: 5px;
		}
	.popup-position .form--fieldset-info:not(.form--fieldset-orderInfo) .control {
			margin-left: 13px;
		}
	.popup-position .form--fieldset-info:not(.form--fieldset-orderInfo) .control:first-child {
				margin-left: 0;
			}
	.popup-position .form--fieldset-info:not(.form--fieldset-orderInfo) .control-currentPrice .value{
				margin-top: -1px;
			}
	.popup-position .popup--content {
			display: flex;
			flex-wrap: wrap;
		}
	.popup-position.popup-sell .popup--window {
			border-color: rgba(var(--sell-button-default-bg-color-rgb), .6);
		}
	.popup-position.popup-buy .popup--window {
			border-color: rgba(var(--buy-button-default-bg-color-rgb), .6);
		}


.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;
			}
.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: flex;
			justify-content: flex-end;
		}



.layoutList--listItem {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 26px;
		padding: 4px 3px 2px 4px;
		background: var(--input-default-bg-color);
	}
		
		.layoutList--listItem .button-icon {
			display: none;
		}
		
		.layoutList--listItem .button-icon .icon {
				width: 7px;
				height: 7px;
				margin-top: 1px;
				fill: var(--icon-primary-default-color);
			}
		
		.layoutList--listItem:hover {
			background: var(--list-item-hovered-bg-color);
		}
		
		.layoutList--listItem:hover .button-icon {
				display: inline-flex;
				align-items: center;
				justify-content: center;
			}
		
		.layoutList--listItem-selected {
			background: var(--list-item-selected-bg-color);
		}
		
		.layoutList--listItem-selected:hover {
				background: var(--list-item-selected-bg-color);
			}
		
		.layoutList--listItem span {
			display: inline-block;
			max-width: 90%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

.selector {
	height: 100%;
	width: 612px;
}

	.selector--control {
		box-sizing: border-box;
		position: relative;
		flex-shrink: 0;
		height: 60px;
		padding-top: 10px;
		text-align: center;
	}

	.selector--control .button-restoreDefault {
			position: absolute;
			left: 6px;
			top: 17px;
		}

	.selector--control .button-restoreDefault:after {
				content: '';
				position: absolute;
				left: -6px;
				top: 50%;
				transform: translateY(-50%);
				display: block;
				width: 1px;
				height: 24px;
				background: var(--line-color);
				pointer-events: none;
			}

	.selector--control .button-addItem,
		.selector--control .button-removeItem {
			width: 25px;
			height: 25px;
		}

	.selector--control .button .icon {
				fill: var(--link-default-text-color);
			}

	.selector--control .button:hover .icon {
					fill: var(--icon-hovered-color);
				}

	.selector--control .button[disabled] .icon {
				fill: var(--icon-disabled-color);
			}

	.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:hover .selector--itemIcon {
					fill: var(--icon-primary-default-color);
				}

	.selector--item:hover .selector--itemIcon:hover {
						fill: var(--icon-hovered-color);
					}

	.selector--item:hover .selector--itemText {
					color: var(--link-hovered-text-color);
				}

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

.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--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-link {
		display: block;
		margin: 0 auto;
		font-size: 12px;
	}

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

.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;
	}
.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: 12px;
	padding: 0 6px;
}

	.button-controlGroup span {
		line-height: 20px;
	}
.drawingProperties {
	width: 100%;
	max-height: 578px;
	padding-right: 29px;
	box-sizing: border-box;
}

	.drawingProperties .scrollable--wrapper,
		.drawingProperties .scrollable--content {
			overflow: hidden;
		}

	/*Needed to fix the scrollable bug in Edge*/

	.drawingProperties .controlGroup--item {
		display: flex;
		align-items: center;
	}

	.drawingProperties .controlGroup--item .control-line {
			align-self: flex-end;
		}

	.drawingProperties .controlGroup--item .button-controlGroup {
			align-self: flex-end;
			margin-bottom: 3px;
		}

	/*Fix end*/

	.drawingProperties h3 {
		margin-bottom: 16px;
		color: var(--checkbox-tick-color);
		font-weight: 500;
		letter-spacing: 0.8px;
		text-align: left;
		text-transform: uppercase;
	}

	.drawingProperties--labels .control-checkBox {
			min-width: 90px;
		}

	.drawingProperties--extendWrap {
		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: 1px;
				}

	.drawingProperties--extendWrap .controlGroup .controlGroup--item + .controlGroup--item {
					margin-left: 0;
				}

	.drawingProperties--extendWrap .controlGroup .controlGroup--item .control-checkBox {
					margin-bottom: 0;
				}

	.drawingProperties .checkBox--label {
		color: var(--common-text-default);
		font-size: 14px;
	}

	.drawingProperties .form--fieldset {
		padding: 0;
		margin-bottom: 24px;
	}

	.drawingProperties .form--fieldset:last-child {
			margin-bottom: 1px;
		}

	.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-controlGroup {
				margin-bottom: 3px;
				align-self: flex-end;
			}

	.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: var(--common-text-default, 0.8);
				line-height: 1;
			}

	.drawingProperties .control-datePicker {
			margin-right: 10px;
		}

	.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--label,
	.drawingProperties .checkBox--label,
	.drawingProperties .radioButton--text {
		color: var(--common-text-default);
	}

	.drawingProperties .control--label label {
			color: var(--common-text-default);
		}

	.drawingProperties .button-controlGroup {
		color: var(--option-param-additional-text-color);
		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 {
			margin-bottom: 10px;
			vertical-align: baseline;
		}
		
		.mobile .drawingProperties .control-checkBox {
			margin-bottom: 0;
			vertical-align: middle;
		}
.popup-order.popup-creation .control-instrument .control--postfix {
				display: flex;
			}
		.popup-order.popup-creation .instrument--description {
			align-self: flex-end;
			padding-bottom: 7px;
		}
	.popup-order.popup-modification .tradeForm .form--fieldset-info:first-child {
			padding-top: 5px;
		}
	.popup-order.popup-sell .popup--window {
			border-color: rgba(var(--sell-button-default-bg-color-rgb), 0.6);
		}
	.popup-order.popup-buy .popup--window {
			border-color: rgba(var(--buy-button-default-bg-color-rgb), 0.6);
		}
	.popup-order .popup--content {
				display: flex;
				flex-wrap: wrap;
			}

.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 {
				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-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: var(--common-text-default);
	}

.popup-passwordRequest .control-passwordInput .control--label {
				color: var(--common-secondary-text-color);
			}

.passwordInput {
	display: inline-block;
	position: relative;
}

	.passwordInput--passwordInput,
	.passwordInput--textInput {
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding-right: 27px;
	}

	.passwordInput--passwordInput {
		display: block;
	}

	.passwordInput--textInput {
		display: none;
	}

	.passwordInput--icon {
		display: block;
		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-revealed .passwordInput--passwordInput {
				display: none;
			}

	.passwordInput-revealed .passwordInput--textInput {
				display: block;
			}

	.passwordInput-revealed .passwordInput--icon {
				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: var(--icon-primary-default-color);
		}

.loginForm--row {
		box-sizing: border-box;
	}

		.loginForm--row-actions {
			box-sizing: border-box;
			width: 100%;
			padding: 10px 40px;
			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: var(--additional-text-color);
		line-height: 1.5;
	}
	.loginForm .control-toggleButtons .control--wrap {
			display: inline-flex;
			width: 120px;
		}
	.loginForm .control-toggleButtons .control--buttons {
			width: 100%;
		}
	.loginForm div:nth-last-child(3) .loginForm--row:last-child .control {
				height: 60px;
			}

.loginForm--link,
	.loginForm--link-recoverPass {
		text-decoration: none;
	}

.loginForm--row-actions {
			border-color: var(--line-color);
		}

.loginForm--hint {
		color: var(--description-text-color);
	}

.loginForm--subtitle {
		color: var(--common-text-default);
		font-weight: bold;
	}

.loginForm--error {
		color: var(--error-text-color);
		box-shadow: inset 0 1px 0 0 var(--message-wrong-shadow-color);
		background-color: var(--message-wrong-bg-color);
	}

.loginForm .button-live.button-active {
		background: var(--switcher-live-button-bg-color);
	}

.loginForm .button-live.button-active:hover {
			background: var(--switcher-live-button-bg-color);
		}

.loginForm .button-demo.button-active {
		background: var(--switcher-demo-button-bg-color);
	}

.loginForm .button-demo.button-active:hover {
			background: var(--switcher-demo-button-bg-color);
		}

.loginForm--fieldset .loginForm--row:first-of-type .control--label {
						padding-top: 6px;
					}

.loginForm--fieldset .loginForm--row:first-of-type .control--wrap {
						padding-top: 0;
					}
.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: 26px 40px 14px 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: var(--common-secondary-text-color);
			}



.popup-twoStepAuthSetup .popup--content h2 {
				color: var(--common-text-default);
			}



.popup-twoStepAuthSetup .popup--content strong {
				color: var(--common-text-default);
			}



.popup-twoStepAuthSetup .popup--content p {
				color: var(--common-secondary-text-color);
			}



.popup-twoStepAuthSetup .popup--content label {
				color: var(--common-secondary-text-color);
			}



.popup-twoStepAuthSetup .popup--content a {
				text-decoration: none;
			}



.popup-twoStepAuthSetup .popup--content .secretKey {
				background-color: var(--widget-dark-bg-color);
			}



.popup-twoStepAuthSetup .popup--content .secretKey strong {
					color: var(--common-text-default);
				}



.popup-twoStepAuthSetup .popup--content .secretKey small {
					color: var(--description-text-color);
				}



.popup-twoStepAuthSetup .button-barcode {
			background: none;
			color: var(--link-default-text-color);
		}



.popup-twoStepAuthSetup .button-barcode:hover {
				color: var(--link-hovered-text-color);
			}



.popup-twoStepAuthSetup .button-barcode:active {
				color: var(--icon-link-pressed-color);
			}
.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 var(--modal-window-shadow-color);
		}

.button-sort {
	background-color: var(--button-bg-color);
	width: 21px;
	height: 19px;
	padding: 0;
	border: 1px solid transparent;
	position: relative;
}

	.button-sort.button-ascending .icon-sort-ascending {
			fill: var(--icon-primary-default-color);
		}

	.button-sort.button-descending .icon-sort-descending {
			fill: var(--icon-primary-default-color);
		}

	.button-sort .icon {
		height: 16px;
	}

.multiAsset__container {
		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: 0;
				right: 0;
				width: 1px;
				height: 100%;
				background: var(--line-color);
			}
	.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: var(--label-color);
	}
	.multiAsset__availableFields .list .draggable--dragged {
					box-shadow: inset 0 1px 2px 0 var(--overlay-box-shadow-color);
					background: transparent;
					border: 1px solid var(--input-disabled-border-outside-color);
					cursor: grabbing;
				}
	.multiAsset__availableFields .list .draggable--dragged:hover {
						background: transparent;
					}
	.multiAsset__availableFields .list .draggable--dragged .icon {
						display: none;
					}
	.multiAsset__availableFields .list .draggable--dragged .itemName,
					.multiAsset__availableFields .list .draggable--dragged .itemWrap {
						display: none;
					}
	.multiAsset__list {
		width: 216px;
	}
	.multiAsset__list .draggable--dropTarget::after {
					content: "";
					position: absolute;
					width: 100%;
					height: 100%;  top: 0;
					left: 0;
					z-index: 11;
					background: var(--drop-area-highlight-color);
					box-shadow: inset 0 0 40px 0 var(--drop-area-inner-shadow-color);
					background-image: linear-gradient(to right, var(--drop-area-border-color) 50%, transparent 50%),
							linear-gradient(to right, var(--drop-area-border-color) 50%, transparent 50%),
							linear-gradient(to top, var(--drop-area-border-color) 50%, transparent 50%),
							linear-gradient(to top, var(--drop-area-border-color) 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: var(--common-text-disabled);
			background: var(--draggable-item-disabled-bg-color);
			cursor: default;
		}
	.multiAsset__item_isDisabled:hover::after {
					width: 0;
				}
	.multiAsset__item_isDisabled .icon-drag {
				fill: var(--icon-disabled);
			}
	.multiAsset__itemName {
			position: relative;
			z-index: 2;
		}
	.multiAsset__itemWrap {
			padding: 5px 8px;
			background: var(--draggable-item-bg-color);
			width: 100%;
			box-sizing: border-box;
			position: relative;
		}
	.multiAsset__itemWrap:hover::after {
					position: absolute;
					content: "";
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: var(--draggable-item-hover-color);
					z-index: 1;
				}
	.multiAsset__itemExpanded {
			padding: 10px 15px;
			background: var(--draggable-item-expanded-bg-color);
			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: var(--line-color);
					}
	.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: var(--icon-secondary-default-color);
		}
	.multiAsset__item .icon-group-closed:hover, .multiAsset__item .icon-group-opened:hover, .multiAsset__item .icon-about-us:hover {
				fill: var(--icon-secondary-hovered-color);
			}
	.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: var(--drag-and-drop-area-bg-color);
		position: relative;
		background-image: linear-gradient(to right, var(--drag-and-drop-area-border-color) 50%, transparent 50%),
				linear-gradient(to right, var(--drag-and-drop-area-border-color) 50%, transparent 50%),
				linear-gradient(to top, var(--drag-and-drop-area-border-color) 50%, transparent 50%),
				linear-gradient(to top, var(--drag-and-drop-area-border-color) 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 var(--line-color);
			border-bottom: 1px solid var(--line-color);
		}
	.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 var(--line-color);
	}
	.multiAsset__iconWrap {
		position: relative;
		float: right;
		z-index: 2;
	}
	.multiAsset__iconWrap:hover .hint {
				display: block;
			}
	.multiAsset__hint {
		display: none;
		width: 224px;
		padding: 2px 4px;
		position: absolute;
		left: 0;
		bottom: -35px;
		background: var(--hint-tooltip-bg-color);
		box-shadow: 0 2px 10px 0 var(--widget-draggable-shadow-color);
		border: solid 1px var(--context-menu-border-color);
		color: var(--common-text-default);
		z-index: 101;
	}

.draggable--dragging.multiAsset__item {
	width: 216px;
	height: 25px;
	margin-bottom: 0;
	background: var(--draggable-item-dragging-bg-color);
	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;
		}
.popup-pre-config .popup--window {
			max-width: 330px;
		}
		.popup-pre-config .popup--content {
			padding-bottom: 20px;
			padding-left: 20px;
			padding-right: 20px;
		}
		.popup-pre-config .popup--footer {
			text-align: right;
		}

.popup-pre-config__Container {
		text-align: center;
	}

.popup-pre-config__Container .checkBox--view {
				width: 15px;
				height: 15px;
				margin-right: 6px;
			}

.popup-pre-config__Container .checkBox--icon {
				width: 9px;
				height: 9px;
			}

.popup-pre-config__Container .control-numericStepper {
			margin-top: 11px;
			margin-left: 19px;
			width: 110px;
		}

.popup-pre-config__Container .control-numericStepper .control--wrap {
					margin-top: 3px;
				}

.popup-pre-config__Title {
		margin-top: 2px;
		padding-left: 40px;
		padding-right: 40px;
		display: block;
		line-height: 20px;
	}

.popup-pre-config__Item {
		display: flex;
		flex-direction: column;
	}

.popup-pre-config__Content {
		margin-top: 19px;
		display: flex;
		justify-content: space-between;
	}
.loginPanelWrapper{
	position: relative;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, var(--app-bg-grad-top-color), var(--app-bg-grad-bottom-color));
}

	.loginPanelWrapper--footer {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		box-sizing: border-box;
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 100%;
		z-index: 1;
	}

	.loginPanelWrapper--buttons {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	.loginPanelWrapper--copyright {
		display: block;
		margin-top: 27px;
		font-size: 10px;
		color: var(--common-secondary-text-color);
		text-align: center;
	}

	.loginPanelWrapper--agreementLink {
		text-align: center;
		margin-bottom: 17px;
		width: 100%;
	}

	.loginPanelWrapper--disclaimerPanel {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 16px 0px;
		background: var(--widget-bg-overlay-dark);
	 }

	.loginPanelWrapper--disclaimerPanel-text {
			max-width: 1400px;
			color: var(--common-secondary-text-color);
		}

.loginForm--title {
		padding: 0 10px;
		font-family: DINPro;
		font-size: 15px;
		font-weight: 500;
		color: var(--form-label-text-color);	
	}

.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: var(--common-text-default);
    }

.link {
	display: inline-block;
	line-height: 1;
	font-size: 12px;
	text-decoration: none;
	color: var(--link-default-text-color);
}
	
	.link-icon {

		height: 13px;
		line-height: 13px;
	}
	
	.link-icon .icon {
			height: 13px;
			width: 13px;
			margin-right: 8px;
			fill: currentColor;
		}
	
	.link:hover {
		color: var(--link-hovered-text-color);
	}
	
	.link:active {
		color: var(--icon-link-pressed-color);
	}
	
	.link-external {
		display: inline-flex;
		align-items: center;
	}
	
	.link-external .icon {
			order: 2;
			margin-right: 0;
			width: 9px;
			height: 9px;
			margin-left: 7px;
		}
.mobile .link {
		font-size: 14px;
	}
.loginPanel {
	position: absolute;
	top: 47%;
	left: 50%;
	width: 353px;
	height: 201px;
	margin: -100.5px 0 0 -176.5px;
	transform: translateX(0) rotateY(0);
	transform-origin: right center;
	transform-style: preserve-3d;
}

	.loginPanel input {
		caret-color: var(--input-default-text-color);
	}

	.loginPanel input:-webkit-autofill {
			-webkit-box-shadow: inset 0 0 0 1000px var(--input-autofilled-bg-color),
					inset 0 0 0 1000px var(--input-default-bg-color),
					inset 0 1px 0 0 rgba(0, 0, 0, 0.05) !important;
			-webkit-text-fill-color: var(--input-default-text-color) !important;
			border: 1px solid var(--input-autofilled-border-color);
		}

	.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-pwchange .control--error {
			margin-top: 3px;
		}



.loginPanel-backup {
		transform: translateX(0) rotateY(0deg);
	}



.loginPanel--side {
		border-color: var(--modal-window-border-color);
		box-shadow: 0 7px 15px var(--modal-window-shadow-color);
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
		background-image: linear-gradient(to bottom, var(--modal-window-bg-grad-1), var(--modal-window-bg-grad-2));
	}



.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: var(--common-secondary-text-color);
	}

.loginPanel--header {
		margin-bottom: 20px;
	}

.loginPanel--logo:only-child {
			margin-left: 102px;
		}
.tooltipInstrumentDescription__container {
		border: 1px solid var(--trade-builder-step-hint-tooltip-border-color);
		font-size: 14px;
		padding: 8px 20px 10px;
	}
	.tooltipInstrumentDescription__content {
		font-size: 14px;
	}
	.tooltipInstrumentDescription__pointer {
		left: 17px;
	}
	.tooltipInstrumentDescription__pointer::before {
			width: 10px;
			height: 10px;
			border: 1px solid var(--trade-builder-step-hint-tooltip-border-color);
			top: -6px;
			left: 2px;
		}
.table-accountInfo {
	width: auto;
	table-layout: auto;
}

	.table-accountInfo td {
		box-shadow: 0 1px var(--line-color);
		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 td:first-child,
		.table-accountInfo td:last-child {
			 box-shadow: 0 1px var(--line-color);
		}

	.table-accountInfo .grid-empty .grid--body {
				display: none;
			}

	.table-accountInfo .accountItem--header {
			color: var(--additional-text-color);
		}

	.table-accountInfo .accountItem--value {
			font-size: 12px;
			text-align: right;
			color: var(--table-text-color);
		}

	.table-accountInfo .accountItem--value-positive {
				color: var(--positive-text-color);
			}

	.table-accountInfo .accountItem--value-negative {
				color:  var(--negative-text-color);
			}


.contextMenu-accountInfo {
	padding: 7px 7px 5px 7px;
	box-sizing: border-box;
	z-index: 41;
	background-color: var(--context-menu-bg-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
	border: solid 1px var(--context-menu-border-color);
}

	.contextMenu-accountInfo .contextMenu--item {
			padding: 0;
		}

	.contextMenu-accountInfo .contextMenu--item + .contextMenu--item {
				margin-top: 6px;
			}

	.contextMenu-accountInfo .contextMenu--item:hover {
				background-color: transparent;
			}

	.contextMenu-accountInfo .contextMenu--item:hover .icon {
					fill: var(--link-hovered-text-color);
					transition: color 220ms ease-in;
				}

	.contextMenu-accountInfo .contextMenu--item:hover .link-pseudo {
					color: var(--link-hovered-text-color);
				}

	.contextMenu-accountInfo .contextMenu--item:active .icon {
					fill: var(--icon-link-pressed-color);
				}

	.contextMenu-accountInfo .contextMenu--item:active .link-pseudo {
					color: var(--icon-link-pressed-color);
				}

	.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo {
					color: var(--link-default-text-color);
				}

	.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo:hover {
						color: var(--link-hovered-text-color);
					}

	.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo:active {
						color: var(--icon-link-pressed-color);
					}

	.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: var(--link-default-text-color);
				transition: color 220ms ease-out;
			}

	.contextMenu-accountInfo .contextMenu--icon .icon:hover {
					fill: var(--link-hovered-text-color);
				}

	.contextMenu-accountInfo .contextMenu--icon .icon:active {
					fill: var(--icon-link-pressed-color);
				}

	.contextMenu-accountInfo .grid--body {
		position: static;
	}

.control-chartTypeToggler {
	width: 100%;
}

	.control-chartTypeToggler .button .icon {
			width: 13px;
			fill: var(--icon-primary-default-color);
			height: 100%;
		}

.contextMenu-chartSettings .contextMenu--optionList-subMenu {
				width: 190px;
				box-sizing: border-box;
			}
			.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 {
			flex-wrap: wrap;
		}
		
		.mobile .contextMenu-chartSettings .contextMenu--item-withSubMenu:hover {
				background-color: transparent;
			}
		
		.mobile .contextMenu-chartSettings .contextMenu--item-withSubMenu > .contextMenu--subIcon {
				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-chartOrder .contextMenu--optionList {
			min-width: 0;
		}
.contextMenu-alert {
	padding: 0;
}

	.contextMenu-alert .contextMenu--item {
		padding: 0 10px;
	}

	.contextMenu-alert .contextMenu--item .link-pseudo{
			order: 2;
		}

	.contextMenu-alert .contextMenu--item .contextMenu--subIcon {
			order: 1;
			margin-left: 0;
			margin-right: 11px;
			width: 10px;
			height: 10px;
		}

	.contextMenu-alert .contextMenu--item .contextMenu--subIcon .icon {
				fill: var(--icon-contextual-primary-default-color);
			}

	.contextMenu-alert .contextMenu--optionList {
		min-width: 0;
		padding: 3px 0;
	}

	.contextMenu-alert .contextMenu--optionList .link-pseudo {
			margin-right: 0;
		}

	.contextMenu-alert .icon-duplicate-order,
	.contextMenu-alert .icon-duplicate-order-group {
		width: 23px;
		height: 17px;
		margin-top: -3px;
		margin-left: -5px;
	}

	.contextMenu-alert .icon-opposite-order {
		width: 15px;
		height: 8px;
		margin-top: 2px;
		margin-left: -1px;
		color: var(--icon-secondary-default-color);
	}

	.contextMenu-alert .icon-opposite-order-group {
		width: 15px;
		height: 17px;
		margin-top: -3px;
		margin-left: -1px;
		color: var(--icon-secondary-default-color);
	}

.contextMenu-axisScaleSettings .contextMenu--title {
		padding-bottom: 4px;
	}
	.contextMenu-axisScaleSettings .contextMenu--optionList {
		min-width: 0;
	}
	.contextMenu-axisScaleSettings .contextMenu--item .link-pseudo {
			margin-right: 0;
		}
	.contextMenu-axisScaleSettings .contextMenu--item .link-pseudo:hover {
				color: var(--dropdown-list-text-color);
			}
	.contextMenu-axisScaleSettings .contextMenu--item-multiSelectItem:hover .contextMenu--subIcon {
					visibility: visible;
				}
	.contextMenu-axisScaleSettings .contextMenu--item-multiSelectItem:not(.contextMenu--item-current) {
				padding-left: 8px;
			}
	.contextMenu-axisScaleSettings .contextMenu--item-multiSelectItem .contextMenu--subIcon {
				margin: 0 5px 0 3px;
				visibility: hidden;
			}
	.contextMenu-axisScaleSettings .contextMenu--item-current .contextMenu--subIcon {
				visibility: visible;
			}
	.contextMenu-axisScaleSettings .contextMenu--item-current .contextMenu--subIcon .icon {
					fill: var(--icon-selected-color);
				}
	.contextMenu-axisScaleSettings .contextMenu--item-child {
			padding-left: 23px;
		}
	.contextMenu-axisScaleSettings .contextMenu--item-child:not(.contextMenu--item-current) {
				padding-left: 23px;
			}



.contextMenu-ChartVisualModification {
	padding: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

	.contextMenu-ChartVisualModification .contextMenu--item .link-pseudo{
			color: var(--common-text-default);
			margin-right: 20px;
		}

	.contextMenu-ChartVisualModification .contextMenu--item:hover .button-setting {
				display: inline-block;
			}

	.contextMenu-ChartVisualModification .contextMenu--actions {
		background: none;
		opacity: 1;
		padding-right: 0;
		padding-top: 2px;
	}

	.contextMenu-ChartVisualModification .button-setting {
		display: none;
		background-color: transparent;
		box-shadow: none;
		width: 25px;
		height: 100%;
		vertical-align: top;
	}

	.contextMenu-ChartVisualModification .button-setting .icon {
			fill: var(--icon-primary-default-color);
			margin-top: 0;
		}

.contextMenu-separateActions .contextMenu--item-defaultWatchlist {
			justify-content: space-between;
			overflow: hidden;
		}

			.contextMenu-separateActions .contextMenu--item-defaultWatchlist .contextMenu--subIcon {
				display: inline-block;
				margin-right: 11px;
				width: 13px;
				height: 13px;
			}
		.contextMenu-separateActions .contextMenu--item-withSubMenu .contextMenu--item .link-pseudo {
						width: calc(100% - 48px);
						margin-right: 0;
						overflow: hidden;
						text-overflow: ellipsis;
					}
		.contextMenu-separateActions .contextMenu--item-subMenuItem .scrollable {
				width: 100%;
			}
		.contextMenu-separateActions .contextMenu--item-subMenuItem .scrollable--content {
					width: 100%;
				}

.mobile .contextMenu-separateActions .contextMenu--optionList {
			max-height: 160px;
		}
			
			.mobile .contextMenu-separateActions .contextMenu--optionList .contextMenu--optionList,
			.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-positions {
	padding: 0;
}

	.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: 0 3px 0 4px;
			}

	.contextMenu-positions .contextMenu--item-icon .contextMenu--icon .icon.icon-menu-child {
					position: relative;
					left: -3px;
				}

	.contextMenu-positions .contextMenu--item .link-pseudo {
			margin-right: 15px;
		}

	.contextMenu-positions .contextMenu--optionList {
		padding: 2px 0;
	}
.contextMenu-watchlist .contextMenu--optionList {
			min-width: 0;
		}
		.contextMenu-watchlist .contextMenu--icon {
				width: 11px;
				height: 11px;
			}
		.contextMenu-watchlist .contextMenu--icon.protection-order-badge__container:after {
						border-color: var(--dropdown-list-bg-color);
					}
		.contextMenu-watchlist .contextMenu--item-buy:hover {
					background-color: var(--buy-index-bg-color);
				}
		.contextMenu-watchlist .contextMenu--item-sell:hover {
					background-color: var(--sell-index-bg-color);
				}
.contextMenu-numberFilter {
	padding: 7px 0 4px;
}

	.contextMenu-numberFilter .contextMenu--content {
			padding: 0 7px;
		}

.contextMenu-symbolFilter {
	width: 220px;
}

	.contextMenu-symbolFilter .contextMenu--content {
			padding: 7px 9px 4px;
		}

	.contextMenu-symbolFilter .contextMenu--item {
			display: flex;
			padding: 0;
		}

	.contextMenu-symbolFilter .contextMenu--item-delimiter {
				margin: 2px 0;
			}

	.contextMenu-symbolFilter .contextMenu--item .link-pseudo {
				display: inline-block;
				width: 113px;
				flex-shrink: 0;
				overflow: hidden;
				text-overflow: ellipsis;
			}

	.contextMenu-symbolFilter .contextMenu--item .symbol-platform {
				display: inline-block;
				max-width: 61px;
				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: 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-link {
				margin-left: auto;
			}

	.contextMenu-symbolFilter .filter-subsidiary {
		display: flex;
		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: var(--dropdown-list-text-color);
				transition: color 220ms ease-out;
			}

.contextMenu-symbolFilter .contextMenu--item .symbol-platform {
				color: var(--dropdown-list-text-color);
			}

.contextMenu-symbolFilter .contextMenu--item .match-text {
				color: var(--common-text-selected);
				transition: color 220ms ease-out;
			}

.contextMenu-symbolFilter .contextMenu--item-multiSelectItem .contextMenu--subIcon {
					fill: var(--tick-icon-color);
					transition: fill 220ms ease-out;
				}

.contextMenu-symbolFilter .contextMenu--item-multiSelectItem:hover .contextMenu--subIcon {
						fill: var(--icon-hovered-color);
						transition: fill 220ms ease-in;
					}

.contextMenu-symbolFilter .contextMenu--item-multiSelectItem:hover .link-pseudo {
						color: var(--link-hovered-text-color);
						transition: color 220ms ease-in;
					}

.contextMenu-symbolFilter .contextMenu--item-multiSelectItem:hover .match-text {
						color: var(--link-hovered-text-color);
						transition: color 220ms ease-in;
					}

.contextMenu-symbolFilter .contextMenu--item:hover {
				background: transparent;
				transition: background 220ms ease-in;
			}

.contextMenu-symbolFilter .contextMenu--footer {
			color: var(--label-color);
		}

.contextMenu-symbolFilter .filter-searchInfo {
		color: var(--common-text-default);
	}

.contextMenu-symbolFilter .filter-selectedInfo, .contextMenu-symbolFilter .filter-description {
		color: var(--label-color);
	}

.contextMenu-textFilter {
	padding: 9px 8px 6px;
}

.labeled-theme-switcher__container {
		flex-grow: 1;
		justify-content: space-between;
	}
	.labeled-theme-switcher__label {
		color: var(--dropdown-list-text-color);
		margin-right: 8px;
	}

.broker-price-alerts-switcher__label {
		color: var(--dropdown-list-text-color);
	}
	.broker-price-alerts-switcher__container {
		flex-grow: 1;
		justify-content: space-between;
	}
	.broker-price-alerts-switcher__content .switcher--button::after {
			left: 2px;
		}
	.broker-price-alerts-switcher__content .switcher--input:checked ~ .switcher--button::after {
			left: calc(100% - 14px);
		}
	.broker-price-alerts-switcher__content .switcher--input:focus + .switcher--label::after {
						border: 1px solid transparent;
					}
	.broker-price-alerts-switcher__content .switcher:hover .switcher--input:checked + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-on-hovered-bg-color);
							}
	.broker-price-alerts-switcher__content .switcher:hover .switcher--input:not(:checked) + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-off-hovered-bg-color)
							}
	.broker-price-alerts-switcher__content .switcher:active .switcher--input:checked + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-on-default-bg-color);
							}
	.broker-price-alerts-switcher__content .switcher:active .switcher--input:not(:checked) + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-off-default-bg-color);
							}
	.broker-price-alerts-switcher__content .switcher--input:checked + .switcher--label:first-of-type {
							background-color: var(--order-entry-switcher-on-default-bg-color);
						}
	.broker-price-alerts-switcher__content .switcher--input:not(:checked) + .switcher--label:first-of-type {
							background-color: var(--order-entry-switcher-off-default-bg-color);
						}



.drawingToolbar {
	display: none;
}

	.drawingToolbar .button:not(.button-secondary):not(.button-link):not(.button-primary) {
		background-color: var(--button-tertiary-default-bg-color);
		color: var(--button-tertiary-default-text-color);
		box-shadow: 0 0 0 1px var(--button-tertiary-border-outside-color);
	}

	.drawingToolbar .button:not(.button-secondary):not(.button-link):not(.button-primary)::before {
			border-top-color: transparent;
			border-bottom-color: transparent;
			border-left-color: transparent;
			border-right-color: transparent;
		}

	.drawingToolbar .button:not(.button-secondary):not(.button-link):not(.button-primary):focus {
			box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		}

	.drawingToolbar-visible {
		width: 100%;
		display: block;
		text-align: center;
		z-index: 50;
		position: absolute;
		left: 0;
		pointer-events: none;
		top: 50px;
	}

	.drawingToolbar--content {
		display: inline-flex;
		align-items: center;
		white-space: nowrap;
		background: linear-gradient(to right, var(--chart-widget-toolbar-bg-color-1), var(--chart-widget-toolbar-bg-color-2));
		padding: 6px;
		text-align: left;
		pointer-events: auto;
	}

	.drawingToolbar--content .button,
		.drawingToolbar--content .control {
			margin-right: 12px;
		}

	.drawingToolbar--content .button:focus, .drawingToolbar--content .control:focus {
				z-index: 2;
			}

	.drawingToolbar--content .button:last-child, .drawingToolbar--content .control:last-child {
				margin-right: 0;
			}

	.drawingToolbar--content .control + .chartAreaToolbar__divider {
				margin-left: 2px;
			}

	.drawingToolbar--content .control-checkBox label {
					color: var(--common-text-default);
				}

	.drawingToolbar--content .control-line {
			z-index: 1;
		}

	.drawingToolbar--content .chartAreaToolbar__divider {
			display: inline-block;
			vertical-align: top;
			width: 1px;
			height: 25px;
			border-left: 1px solid var(--line-color-4);
			margin: 0 14px 0 2px;
		}

	.drawingToolbar .chartAreaToolbar__divider {
		margin-right: 14px;
	}

	.drawingToolbar .button {
		vertical-align: top;
		height: 25px;
	}

	.drawingToolbar .button-filledIcon {
		width: 25px;
	}

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

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

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


.message--order,
	.message--text {
		position: relative;
	}
	.message--status {
		margin: 0 .4em 0 0;
	}
	.message--time {
		display: inline-block;
		vertical-align: baseline;
		margin: 0 8px 0 0;
		font-size: 1rem;
	}

.message {
	color: var(--common-secondary-text-color);
}

.message--status {
		color: var(--message-sbj-trading-text-color);
	}

.message--dealer {
		color: var(--message-sbj-dealer-text-color);
	}

.message--symbol {
		color: var(--accident-message-sbj-text-color);
	}

.message-notification {
		color: var(--message-sbj-notification-text-color);
	}

.message-warning {
		background-color: var(--message-warning-bg-color);
	}

.message-warning .message--status {
			color: var(--message-sbj-warning-text-color);
		}

.message-warning.message-trading {
			color: var(--common-secondary-text-color);
		}

.message-warning.message-trading .message--status {
				color: var(--message-sbj-warning-text-color);
			}

.message--time {
		color: var(--message-time-text-color);
	}

.message-rejected .message--status {
			color: var(--message-sbj-warning-text-color);
		}

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

.messages {
	height: 100%;
}

	.messages--groupTitle {
		margin: 0 5px;
		line-height: 28px;
		text-align: center;
		font-size: 14px;
		font-weight: 400;
		color: var(--at-text-color-2);
		box-shadow: 0 -1px var(--line-color) inset;
	}

	.messages--message {
		display: block;
		margin: 0;
		padding: 2px 5px 1px;
		line-height: 1.4;
		box-shadow: 0 -1px var(--line-color) inset;
	}

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

.guestOverlay__container {
		position: absolute;
		bottom: 0;
		top: 23px;
		right: 0;
		left: 0;
		height: auto;
		display: flex;
		padding-top: 20px;
		justify-content: 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 .table--cell {
			filter: blur(4px);
		}	

.guestOverlay__container + .grid .grid--body td {
			box-shadow: 0 3px var(--button-inside-border-bot-color);
		}	

@supports (filter: blur(15px)) {
				.guestOverlay__container + .grid .grid--body td {
					box-shadow: 0 1px var(--line-color);
				}
			}	

.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,
		.guestOverlay__container + .grid .grid--body .position--timedate,
		.guestOverlay__container + .grid .grid--body .position--id {
			text-shadow: 0 0 5px var(--common-text-default), 0 0 5px var(--common-text-default), 0 0 5px var(--common-text-default), 0 0 5px var(--common-text-default), 0 0 5px var(--common-text-default), 0 0 5px var(--common-text-default), 0 0 5px var(--common-text-default);
			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,
		.guestOverlay__container + .grid .grid--body .position--timedate,
		.guestOverlay__container + .grid .grid--body .position--id {
				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 var(--buy-text-color), 0 0 5px var(--buy-text-color), 0 0 5px var(--buy-text-color), 0 0 5px var(--buy-text-color), 0 0 5px var(--buy-text-color), 0 0 5px var(--buy-text-color), 0 0 5px var(--buy-text-color);
			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 var(--sell-text-color), 0 0 5px var(--sell-text-color), 0 0 5px var(--sell-text-color), 0 0 5px var(--sell-text-color), 0 0 5px var(--sell-text-color), 0 0 5px var(--sell-text-color), 0 0 5px var(--sell-text-color);
			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 var(--repeated-text-color), 0 0 5px var(--repeated-text-color), 0 0 5px var(--repeated-text-color), 0 0 5px var(--repeated-text-color), 0 0 5px var(--repeated-text-color), 0 0 5px var(--repeated-text-color), 0 0 5px var(--repeated-text-color);
			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: timeSaleBlinkPriceUp 2000ms 0ms ease 1 alternate forwards;
		}
	.gridTimeSales__row_priceDown {
			animation: timeSaleBlinkPriceDown 2000ms 0ms ease 1 alternate forwards;
		}
	.gridTimeSales__row_neutral {
			animation: none;
		}
	.gridTimeSales__row_delimiter td:not(.noneUnderLine) {
				box-shadow: 0 1px rgba(var(--highlight-color-rgb, 0.8));
			}
	.gridTimeSales__row_delimiter td:not(.noneUnderLine):first-child {
					box-shadow: 5px 0 0 var(--table-bg-color) inset, 0 1px rgba(var(--highlight-color-rgb, 0.8));
				}
	.gridTimeSales__row_delimiter td:not(.noneUnderLine):last-child {
					box-shadow: -2px 0 0 var(--table-bg-color) inset, 0 1px rgba(var(--highlight-color-rgb, 0.8));
				}
	.gridTimeSales__price {
		color: var(--table-text-color);
	}
	.gridTimeSales__price_down {
			color: var(--negative-text-color);
		}
	.gridTimeSales__price_up {
			color: var(--positive-text-color);
		}
	.gridTimeSales__price strong {
			font-weight: normal;
			font-size: 16px;
		}
	.gridTimeSales__greyedOut {
		color: var(--additional-text-color-2);
	}

@keyframes timeSaleBlinkPriceUp {
    0% {
        background: rgba(var(--time-and-sales-ask-rgb, 0.5));
    }
    100% {
    }
}
@keyframes timeSaleBlinkPriceDown {
    0% {
        background: rgba(var(--time-and-sales-bid-rgb, 0.5));
    }
    100% {
    }
}
.button-video {
	padding-top: 5px;
}

	.button-video .icon {
		position: relative;
		fill: var(--icon-contextual-primary-default-color);
		transition: fill 220ms ease-out;
	}

	.button-video:hover .icon {
			fill: var(--icon-hovered-color);
			transition: fill 220ms ease-in;
		}

	.button-video:active .icon {
			fill: var(--icon-pressed-color);
		}
.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--col-tradeId, .mobile .grid-trades__container .table--colAdapts-orderId
				.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 tbody .table--cell-commission,
                .grid-trades__container tbody .table--cell-tradeCost {
                    display: flex;
                }

                    .grid-trades__container tbody .table--cell-commission.table--cell-alignRight, .grid-trades__container tbody .table--cell-tradeCost.table--cell-alignRight {
                        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 .table {
            width: calc(100% - 1px);
        }
        .grid-trades__container .table--col-filledQuantity, .grid-trades__container .table--colAdapts-filledQuantity {
                    width: 92px;
                }
.grid-multiCurrencyAccount .table--col-currency, .grid-multiCurrencyAccount .table--colAdapts-currency {
			width: 70px;
		}
		.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;
		}
.grid-tradingJournal .table--col-symbol, .grid-tradingJournal .table--colAdapts-symbol {
			width: 8.7em;
		}
		.grid-tradingJournal .table--col-dateTime, .grid-tradingJournal .table--colAdapts-dateTime {
			width: 11.6em;
		}
		.grid-tradingJournal .table--col-orderId, .grid-tradingJournal .table--colAdapts-orderId {
			width: 7.8em;
		}
		.grid-tradingJournal .table--col-account, .grid-tradingJournal .table--colAdapts-account {
			width: 7.8em;
		}
		.grid-tradingJournal .table--col-tradeCode, .grid-tradingJournal .table--colAdapts-tradeCode {
			width: 7.8em;
		}
		.grid-tradingJournal .table--col-side, .grid-tradingJournal .table--colAdapts-side {
			width: 5em;
		}
		.grid-tradingJournal .table--col-positionEffect, .grid-tradingJournal .table--colAdapts-positionEffect {
			width: 7.6em;
		}
		.grid-tradingJournal .table--col-instrumentType, .grid-tradingJournal .table--colAdapts-instrumentType {
			width: 8.5em;
		}
		.grid-tradingJournal .table--col-tradeQty, .grid-tradingJournal .table--colAdapts-tradeQty {
			width: 5.9em;
		}
		.grid-tradingJournal .table--col-tradePrice, .grid-tradingJournal .table--colAdapts-tradePrice {
			width: 6.5em;
		}
		.grid-tradingJournal .table--col-plCcy, .grid-tradingJournal .table--colAdapts-plCcy {
			width: 8.6em;
		}
		.grid-tradingJournal .table--col-plPips, .grid-tradingJournal .table--colAdapts-plPips {
			width: 5em;
		}
		.grid-tradingJournal .table--col-riskReward, .grid-tradingJournal .table--colAdapts-riskReward {
			width: 6.8em;
		}
		.grid-tradingJournal .table--col-tags, .grid-tradingJournal .table--colAdapts-tags {
			width: 4em;
		}
		.grid-tradingJournal .table--col-note, .grid-tradingJournal .table--colAdapts-note {
			width: 31em;
			min-width: 220px;
		}
.grid-tradingJournal .grid--body .order--side {
		text-transform: none;
	}
	.grid-tradingJournal .table-totals {
			background-color: var(--table-totals-bg-color);
		}
	.grid-tradingJournal .table-totals .aggregationBlock__icon {
					display: none;
				}
	.grid-tradingJournal .table-totals .aggregationBlock__wrapperData {
					margin-left: 2px;
				}
	.grid-tradingJournal .table--row:hover {
				background-color: var(--table-row-bg-hover-color);
			}
	.grid-tradingJournal .table--row:hover .tag-selector__container_unfilled {
					visibility: visible;
				}
	.grid-tradingJournal .table--row:hover .table--cell-emptyNote {
					visibility: visible;
				}
	.grid-tradingJournal .table--row:hover .trade-note__contextMenu {
					visibility: visible;
				}
	.grid-tradingJournal .table--row:hover-grouped .trade-note__contextMenu {
						background-color: var(--table-group-bg-color);
						visibility: visible;
					}
	.grid-tradingJournal .table--row-grouped {
				background-color: var(--table-group-bg-color);
			}
	.grid-tradingJournal .table--row-grouped:hover {
					background-color: var(--table-group-bg-color);
				}
	.grid-tradingJournal .table--row-buy .table--cell-side {
					color: var(--positive-text-color);
				}
	.grid-tradingJournal .table--row-sell .table--cell-side {
					color: var(--negative-text-color);
				}
	.grid-tradingJournal .table--cell-emptyNote {
				visibility: hidden;
			}
	.grid-tradingJournal .tag-selector__container_unfilled {
		visibility: hidden;
	}
.order-book__container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 370px;
        width: 100%;
    }
.order-history__container {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 185px;
        transition: height 0.25s;
    }

        .order-history__container_collapsed {
            height: 25px;
        }
    .order-history__emptyView,
    .order-history__emptyMessage {
        position: relative;
    }

.grid-economicCalendar .table--col-dateTime, .grid-economicCalendar .table--colAdapts-dateTime {
				width: 115px;
			}
			.grid-economicCalendar .table--col-currencyEvent, .grid-economicCalendar .table--colAdapts-currencyEvent {
				width: 381px;
			}
			.grid-economicCalendar .table--col-impact, .grid-economicCalendar .table--colAdapts-impact {
				width: 57px;
			}
			.grid-economicCalendar .table--col-actual,
			.grid-economicCalendar .table--col-previous,
			.grid-economicCalendar .table--colAdapts-actual,
			.grid-economicCalendar .table--colAdapts-previous {
				width: 71px;
			}
			.grid-economicCalendar .table--col-consensus, .grid-economicCalendar .table--colAdapts-consensus {
				width: 75px;
			}

.grid-economicCalendar .table--row-headline {
				cursor: pointer;
			}

				.grid-economicCalendar .table--row-headline:hover {
					background: var(--table-row-bg-hover-color);
				}

				.grid-economicCalendar .table--row-headline.table--row-expanded {
					background: var(--table-group-bg-selected-color);
				}

				.grid-economicCalendar .table--row-headline.table--row-expanded td:first-child .table--cell {
							overflow: visible;
						}

				.grid-economicCalendar .table--row-headline.table--row-expanded td:first-child .table--cell:before {
								height: calc(100% + 3px);
							}
			.grid-economicCalendar .table--row-description .table--cell {
						height: auto;
						padding: 0;
						background: var(--widget-bg-overlay-dark);
						white-space: break-spaces;
						overflow: unset;
					}
			.grid-economicCalendar .table--row-description .scrollable--wrapper .scrollable--container .scrollable--content {
					padding-top: 0;
				}
			.grid-economicCalendar .table--row-description .scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollable--container {
					padding-right: 0;
				}
			.grid-economicCalendar .table--row-expanded td:first-child .table--cell:before {
							position: absolute;
							content: '';
							top: 0;
							left: 0;
							height: 100%;
							width: 3px;
							background: var(--news-article-vertical-border);
						}
		.grid-economicCalendar .table td:first-child {
				box-shadow: none;
			}
		.grid-economicCalendar .table td:first-child .table--cell {
					overflow: visible;
				}

.grid-economic-calendar__date {
		position: absolute;
	}

.grid-economic-calendar__time {
		box-sizing: border-box;
		display: inline-block;
		width: 100%;
		padding-left: 60px;
		position: relative;
	}

.grid-economic-calendar__time::after {
			position: absolute;
			content: "";
			width: calc(100% - 60px + 12px);
			height: 1px;
			background: var(--line-color);
			bottom: -1px;
			right: -12px;
		}

.grid-economic-calendar__value_up {
			color: var(--positive-text-color);
		}

.grid-economic-calendar__value_down {
			color: var(--negative-text-color);
		}

.grid-economic-calendar__emptyValue {
		color: var(--no-data-text-color);
	}

.grid-economic-calendar__description {
		padding: 13px 28px;
	}

.grid-economic-calendar__description h1 {
			margin-bottom: 6px;
		}

.grid-economic-calendar__description p + h1 {
			margin-top: 16px
		}

.grid-economic-calendar__description a {
			text-decoration: none;
		}

.grid-economic-calendar__currency {
		display: inline-block;
		min-width: 25px;
		margin-right: 5px;
	}
.current-time__container {
		height: 17px;
		padding: 0 8px 0 6px;
		border-radius: 9.5px;
		background-color: rgba(0,0,0,0.24);
		box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.5);
	}

		.current-time__container .icon {
			height: 11px;
			width: 11px;
			margin-right: 3px;
			fill: var(--icon-contextual-primary-default-color);
			vertical-align: baseline;
			transform: translateY(1px);
		}

.button-cancelAlert {
	margin-top: -2px;
}

	.button-cancelAlert:active .icon {
			top: calc(50% + 1px);
		}

	.button-cancelAlert .icon {
		width: 7px;
		height: 7px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

.button-cancelAlert .icon {
		fill: var(--icon-primary-default-color);
	}

.button-cancelAlert:hover .icon {
			fill: var(--icon-hovered-color);
			transition: fill 220ms ease-in;
		}
.mobile .button-cancelAlert .icon {
			width: 9px;
			height: 9px;
		}
.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--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 .alerts-cancelled .table--cell, .grid-alerts .alerts-triggered .table--cell, .grid-alerts .alerts-expired .table--cell {
				color: var(--repeated-text-color);
			}
	.grid-alerts .alerts-active .alerts--statusIcon .icon {
					fill: var(--status-active-icon-color);
				}
	.grid-alerts .alerts-active .alerts--status {
				 color: var(--status-active-text-color);
			}
	.grid-alerts .alerts-expired .alerts--statusIcon .icon {
					fill: var(--status-expired-icon-color);
				}
	.grid-alerts .alerts-expired .alerts--status {
				 color: var(--status-expired-text-color);
			}
	.grid-alerts .alerts-cancelled .alerts--statusIcon .icon {
					fill: var(--status-cancelled-icon-color);
				}
	.grid-alerts .alerts-cancelled .alerts--status {
				 color: var(--status-cancelled-text-color);
			}
	.grid-alerts .alerts-triggered .alerts--statusIcon .icon {
					fill: var(--status-triggered-icon-color);
				}
	.grid-alerts .alerts-triggered .alerts--status {
				 color: var(--status-triggered-text-color);
			}
.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;
				}
.tooltipButtonDetails__container {
		padding: 10px 11px;
	}
	.tooltipButtonDetails__content {
		font-size: 10px;
		color: var(--form-label-text-color);
		line-height: 12px;
		white-space: pre;
	}
	.tooltipButtonDetails__anchor {
		display: inline-flex;
		overflow: hidden;
	}
	.tooltipButtonDetails__popover__container {
		top: -1px;
		box-shadow: 0 2px 10px var(--dropdown-list-shadow-color);
	}


:root {
	--depth-info-height: 39px;
}

.depth {
	height: 100%;
	position: relative;
	z-index: 1;
}

.depth--row:hover {
		background: var(--table-row-bg-hover-color);
	}

.depth--row:hover .depth--bid .depth--price-cell {
			border-color: var(--table_row-button-buy-default-border);
		}

.depth--row:hover .depth--ask .depth--price-cell {
			border-color: var(--table_row-button-sell-default-border);
		}

.depth--price-cell {
		border: 1px solid transparent;
		border-radius: 1px;
		padding: 0 4px;
		z-index: 2;
	}

.depth--price-cell:hover {
			cursor: pointer;
		}

.depth--price-cell:hover .depth--price-cell-label {
				display: inline-block;
			}

.depth--price-cell-label {
			display: none;
			text-overflow: ellipsis;
			overflow: hidden;
		}

.depth-withInfo .grid.grid-depth {
			height: calc(100% - var(--depth-info-height));
		}

.depth--info {
		box-sizing: border-box;
		padding: 3px 4px;
		height: var(--depth-info-height);
		border-bottom-width: 1px;
		border-bottom-style: solid;
		background: var(--widget-further-info-bg-color);
		border-bottom-color: var(--depth-border-bottom-color);

	}

.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: var(--positive-text-color);
		}

.depth--change-negative {
			color: var(--negative-text-color);
		}

.depth--suggest {
		position: absolute;
		transform: translateY(100%);
		bottom: 0;
		width: 100%;
	}

.depth .table--colAdapts-bidMyOrders,
			.depth .table--colAdapts-askMyOrders,
			.depth .table--col-bidMyOrders,
			.depth .table--col-askMyOrders {
				width: 95px;
			}

.depth .table--colAdapts-bidAccumulatedQty,
			.depth .table--colAdapts-askAccumulatedQty,
			.depth .table--col-bidAccumulatedQty,
			.depth .table--col-askAccumulatedQty {
				width: 110px;
			}

.depth .table--colAdapts-bidQty,
			.depth .table--colAdapts-askQty,
			.depth .table--colAdapts-bidQuantity,
			.depth .table--colAdapts-askQuantity,
			.depth .table--col-bidQty,
			.depth .table--col-askQty,
			.depth .table--col-bidQuantity,
			.depth .table--col-askQuantity {
				width: 100px;
			}

.depth .table--colAdapts-bid,
			.depth .table--colAdapts-ask,
			.depth .table--col-bid,
			.depth .table--col-ask {
				max-width: 105px;
			}

.depth .table--colAdapts-bidAutofit,
			.depth .table--colAdapts-askAutofit,
			.depth .table--col-bidAutofit,
			.depth .table--col-askAutofit {
				 width: auto;
		 	}

.depth .table td {
			padding-left: 1px;
			padding-right: 1px;
			line-height: 17px;
		}

.depth .table td.depth--bid {
				text-align: right;
			}

.depth .table td.depth--ask {
				text-align: left;
			}

.depth .table td:first-child,
			.depth .table td:last-child {
				box-shadow: 0 1px var(--line-color);
			}

.depth .table td:first-child {
				padding-left: 1px;
			}

.depth .table td:first-child .button-details {
					background: var(--common-positive-bg-color);
				}

.depth .table td:first-child .button-details:hover {
						background: var(--common-positive-bg-color-hover);
					}

.depth .table td:last-child {
				padding-right: 1px;
			}

.depth .table td:last-child .button-details {
					background: var(--common-negative-bg-color);
				}

.depth .table td:last-child .button-details:hover {
						background: var(--common-negative-bg-color-hover);
					}

.depth .table td:nth-child(3) {
				padding-right: 3px;
			}

.depth .table td:nth-child(4) {
				padding-left: 3px;
			}

.depth .table--cell-bidOrd,
			.depth .table--cell-askOrd,
			.depth .table--cell-askMyOrders,
			.depth .table--cell-askAccumulatedQty,
			.depth .table--cell-askPrice,
			.depth .table--cell-askQty,
			.depth .table--cell-bidPrice,
			.depth .table--cell-bidQty,
			.depth .table--cell-bidAccumulatedQty,
			.depth .table--cell-bidMyOrders {
				position: relative;
			}

.depth .table--cell-bidAutofit,
			.depth .table--cell-askAutofit {
				 display: none;
		 	}

.depth .table tbody .table--cell {
			height: 24px;
			line-height: 22px;
			width: auto;
		}

.depth .grid--head {
			padding-right: 0
		}

.depth .grid--body:not(.scrollable-withVerticalScrollbar) {
				margin-right: 0;
			}

.depth .grid--body .price {
				display: inline-block;
				width: auto;
			}

.depth--bar {
		display: block;
		position: absolute;
		z-index: 1;
		height: 24px;
	}

.depth--bar::after {
			height: 100%;
			width: 1px;
			display: block;
			position: absolute;
			background: var(--widget-bg-color);
			content: "";
			top: 0;
		}

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

.depth--bid .depth--bar {
			right: 50%;
			background: var(--metrics-positive-bg-color);
		}

.depth--bid .depth--bar::after {
				right: 0;
			}

.depth--bid .button-depthInvisibleButton {
			right: 50%;
		}

.depth--bid .depth--price-cell {
			margin-right: 1px;
			background: var(--table_row-button-buy-inactive-bg);
			border-color: var(--table_row-button-buy-inactive-border);
			color: var(--positive-text-color);
		}

.depth--bid .depth--price-cell-label {
				padding-right: 4px;
			}

.depth--bid .depth--price-cell:hover {
				background: var(--table_row-button-buy-hovered-bg);
			}

.depth--ask .depth--bar {
			left: 50%;
			background: var(--metrics-negative-bg-color);
		}

.depth--ask .depth--bar::after {
				left: 0;
			}

.depth--ask .button-depthInvisibleButton {
			left: 50%;
		}

.depth--ask .depth--price-cell {
			margin-left: 1px;
			background: var(--table_row-button-sell-inactive-bg);
			border-color: var(--table_row-button-sell-inactive-border);
			color: var(--negative-text-color);
		}

.depth--ask .depth--price-cell-label {
				padding-left: 4px;
			}

.depth--ask .depth--price-cell:hover {
				background: var(--table_row-button-sell-hovered-bg);
			}

.depth--bidAccumulatedQty,
	.depth--askAccumulatedQty {
		color: var(--depth-of-market-table-inactive-price-text-color);
	}

.depth .button-depthInvisibleButton {
		position: absolute;
		width: 50%;
		height: 24px;
		z-index: 1;
		opacity: 0;
	}

.depth .button-details {
		background: var(--market-depth-client-order-bg);
		color: var(--client-order-text);
		height: 18px;
		border-radius: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.depth--row-total {
		color: var(--depth-total-data-text-color);
	}

.depth--info .control-depthSymbol {
				display: inline-block;
				vertical-align: middle;
				width: auto;
				max-width: 40%;
			}

.depth--bidOrd,
	.depth--askOrd,
	.depth--bidMyOrders,
	.depth--askMyOrders,
	.depth--askAccumulatedQty,
	.depth--askPrice,
	.depth--askQty,
	.depth--bidPrice,
	.depth--bidQty,
	.depth--bidAccumulatedQty {
		position: relative;
	}

.depth--bidMyOrders,
	.depth--askMyOrders {
		z-index: 2;
		display: inline-flex;
		 width: 100%;
	}
.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;
			}
.widget-trading-dashboard__headerContent {
		display: flex;
	}
	
		.widget-trading-dashboard__headerContent .control-assetType {
			display: flex;
			align-items: baseline;
		}
	
		.widget-trading-dashboard__headerContent .control-assetType .control--wrap {
				margin-left: 6px;
			}
	
		.widget-trading-dashboard__headerContent .control-assetType .selectBox--inner {
				box-sizing: border-box;
				width: 134px;
			}

.button.button-refresh {
	width: unset;
	padding: 0 1px;
	display: flex;
	align-items: center;
}

.button.button-refresh .icon {
		width: 11px;
		height: 11px;
		fill: var(--link-default-text-color);
		vertical-align: baseline;
	}

.button.button-refresh .button-text,
	.button.button-refresh .button--text {
		margin-left: 5px;
		color: var(--link-default-text-color);
	}
.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:hover {
			background-color: var(--list-item-hovered-bg-color);
		}

	.dropDown-suggest .searchResult.dropDown--option-highlight em {
				color: var(--link-hovered-text-color);
			}

	.dropDown-suggest .searchResult.dropDown--option-highlight .searchResult--name,
				.dropDown-suggest .searchResult.dropDown--option-highlight .searchResult--instrumentTree {
					color: var(--link-default-text-color);
				}

	.dropDown-suggest .searchResult em {
			font-style: normal;
			color: var(--common-text-selected);
		}

	.dropDown-suggest .searchResult--equity {
			font-size: 1rem;
		}

	.dropDown-suggest .searchResult--equity:empty {
				padding: 0;
			}

	.dropDown-suggest .searchResult--name,
		.dropDown-suggest .searchResult--instrumentTree {
			color: var(--description-text-color);
		}

	.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 {
				color: var(--link-hovered-text-color);
				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: var(--line-color-2);
		color: var(--description-text-color);
	}

	.dropDown-suggest .scrollable-withHorizontalScrollbar > .scrollable--wrapper > .scrollable--container > .scrollable--content {
		padding-bottom: 0;
	}

	.dropDown-suggest .scrollable-withHorizontalScrollbar > .scrollable--wrapper > .scrollbar-horizontal {
		display: none;
	}
.iconWrapper--hint {
        display: inline-block;
        fill: var(--icon-secondary-default-color);
        height: 10px;
        margin: 12px 0px 0px 10px;
        width: 10px;
    }

