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

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


.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 {
			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-priceType {
			padding-left: 0;
			padding-right: 0;
		}

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

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

	.contextMenu .control-horizontal .control--wrap {
			width: 100%;
		}

	.contextMenu-replacement .contextMenu--item-replaceActions {
			max-height: 50px;
		}

	.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 .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);
}
.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;
}
.labeled-form-field-legacy__container:not(.labeled-form-field-legacy_vertical) {
		display: inline-flex;
		align-items: center;
	}
	.labeled-form-field-legacy_vertical {
		display: flex;
		gap: 1px;
		flex-direction: column;
		align-items: flex-start;
	}
	.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;
	}
/*! 
 * OverlayScrollbars
 * Version: 2.10.1
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}

.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}
.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}

.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}

.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(calc(1 / 0.1));
}
.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}
.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}
.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}
.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}

.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}

.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}

.os-size-observer-listener-item-final {
  transition: none;
}

@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}
.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}
.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

/**
 * hide native scrollbars
 * changes to this styles need to be reflected in the environment styles to correctly detect scrollbar hiding
 */
[data-overlayscrollbars-initialize],
[data-overlayscrollbars-viewport~=scrollbarHidden] {
  scrollbar-width: none !important;
}

[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner {
  -webkit-appearance: none !important;
          appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/**
 * elements wont suddenly clip after initialization is done
 */
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}

/**
 * applied to body 
 */
html[data-overlayscrollbars-body] {
  overflow: hidden;
}

html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
  width: 100%;
  height: 100%;
  margin: 0;
}

html[data-overlayscrollbars-body] > body {
  overflow: visible;
  margin: 0;
}

/**
 * structure setup 
 */
[data-overlayscrollbars] {
  position: relative;
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  box-sizing: inherit;
  position: relative;
  flex: auto !important;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw: 0;
  --os-vah: 0;
  outline: none;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}
[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}

[data-overlayscrollbars],
[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
  overflow: hidden !important;
}

[data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
  overflow: visible !important;
}

[data-overlayscrollbars-viewport~=measuring] {
  overflow: hidden !important;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

[data-overlayscrollbars-viewport~=overflowXVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
  overflow-x: visible !important;
}

[data-overlayscrollbars-viewport~=overflowXHidden] {
  overflow-x: hidden !important;
}

[data-overlayscrollbars-viewport~=overflowXScroll] {
  overflow-x: scroll !important;
}

[data-overlayscrollbars-viewport~=overflowYVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
  overflow-y: visible !important;
}

[data-overlayscrollbars-viewport~=overflowYHidden] {
  overflow-y: hidden !important;
}

[data-overlayscrollbars-viewport~=overflowYScroll] {
  overflow-y: scroll !important;
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > * {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

[data-overlayscrollbars-viewport~=scrolling] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

[data-overlayscrollbars-content] {
  box-sizing: inherit;
}

/**
 * Display contents to bridge any flickering during deferred initialization.
 */
[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}

/**
 * optional & experimental grid mode
 */
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}

[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}

@property --os-scroll-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --os-viewport-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.os-scrollbar {
  --os-viewport-percent: 0;
  --os-scroll-percent: 0;
  --os-scroll-direction: 0;
  --os-scroll-percent-directional: calc(
    var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *
      var(--os-scroll-direction)
  );
}

.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}

.os-scrollbar-transitionless {
  transition: none !important;
}

.os-scrollbar-track {
  position: relative;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  position: absolute;
}

.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}

.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}

.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}

.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
  height: calc(var(--os-viewport-percent) * 100%);
}

@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    right: auto;
    left: 0;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}

@media print {
  .os-scrollbar {
    display: none;
  }
}
.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}

.os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}
.os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}
.os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}

.os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}
.os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}
.os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}

.os-scrollbar-track:before,
.os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}
.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}
.os-scrollbar-horizontal .os-scrollbar-track:before {
  top: calc(var(--os-padding-perpendicular) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}
.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}

.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}
.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}
.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}

/* NONE THEME: */
[data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}

/* DARK & LIGHT THEME: */
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}

.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}

.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}
.ds-scroller_overlay {
	box-sizing: border-box;
	max-width: 100%;
	max-height: 100%;
}

	.ds-scroller_overlay .os-scrollbar {
		--os-size: var(--ds-scrollbar-hover-width);
		--os-handle-perpendicular-size: var(--ds-scrollbar-default-width);
		--os-handle-bg: var(--ds-scrollbar-default-bg-color);
		--os-handle-bg-hover: var(--ds-scrollbar-hover-bg-color);
		--os-handle-bg-active: var(--ds-scrollbar-hover-bg-color);
		--os-padding-perpendicular: 0;
		--os-handle-min-size: var(--ds-scrollbar-min-height);
		--os-handle-border-radius: var(--ds-scrollbar-border-radius);
	}

	.ds-scroller_overlay .os-scrollbar-vertical .os-scrollbar-handle {
		right: calc((var(--ds-scrollbar-hover-width) + 1px) / 2);
		translate: 50% 0;
	}

	.ds-scroller_overlay .os-scrollbar-horizontal .os-scrollbar-handle {
		bottom: calc((var(--ds-scrollbar-hover-width) + 1px) / 2);
		translate: 0 50%;
	}

.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);
	}
/* 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-fade: #aec0ff;
	--box-accent-fade-rgb: 174, 192, 255;
	--box-accent-pressed: #5468f0;
	--box-accent-pressed-rgb: 84, 104, 240;
	--box-negative-default: #ff5e76;
	--box-negative-default-rgb: 255, 94, 118;
	--box-negative-fade: #ffa2b6;
	--box-negative-fade-rgb: 255, 162, 182;
	--box-negative-pressed: #df4557;
	--box-negative-pressed-rgb: 223, 69, 87;
	--box-positive-default: #6fe659;
	--box-positive-default-rgb: 111, 230, 89;
	--box-positive-fade: #b8f2a2;
	--box-positive-fade-rgb: 184, 242, 162;
	--box-positive-pressed: #57d94c;
	--box-positive-pressed-rgb: 87, 217, 76;
	--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-blue-default: #5cc6ff;
	--extra-blue-default-rgb: 92, 198, 255;
	--extra-blue-fade: #dbfaff;
	--extra-blue-fade-rgb: 219, 250, 255;
	--extra-blue-pressed: #4fb0ff;
	--extra-blue-pressed-rgb: 79, 176, 255;
	--extra-green-default: #c7ff5b;
	--extra-green-default-rgb: 199, 255, 91;
	--extra-green-fade: #f5ffd7;
	--extra-green-fade-rgb: 245, 255, 215;
	--extra-green-selected: #aaf549;
	--extra-green-selected-rgb: 170, 245, 73;
	--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;
	--extra-yellow–default: #f5c96c;
	--extra-yellow–default-rgb: 245, 201, 108;
	--label-bg: rgba(94, 118, 255, 0.14);
	--label-bg-rgb: 94, 118, 255;
	--link-primary-default: #ffe555;
	--link-primary-default-rgb: 255, 229, 85;
	--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-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;

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

.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;
	--widget-header-height: 23px;
}
@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;
}
/**
 * This file was generated using `npx ds-tokens`, please do not edit directly
 * See also: https://codex.in.devexperts.com/design-system-storybook/?path=/docs/getting-started-design-tokens--docs#how-to-use-tokens
 */

:root {
  --ds-core-icon-size-4x: 0.8rem;
  --ds-core-icon-size-5x: 1rem;
  --ds-core-icon-size-6x: 1.2rem;
  --ds-core-icon-size-7x: 1.4rem;
  --ds-core-icon-size-8x: 1.6rem;
  --ds-core-icon-size-9x: 1.8rem;
  --ds-core-icon-size-10x: 2rem;
  --ds-core-icon-size-12x: 2.4rem;
  --ds-core-icon-size-16x: 3.2rem;
  --ds-core-icon-size-20x: 4rem;
  --ds-core-spacer-base: 0.8rem;
  --ds-core-spacer-px: 0.1rem;
  --ds-core-spacer-null: 0rem;
  --ds-core-spacer-0-5x: 0.1rem;
  --ds-core-spacer-1x: 0.2rem;
  --ds-core-spacer-2x: 0.4rem;
  --ds-core-spacer-3x: 0.6rem;
  --ds-core-spacer-4x: 0.8rem;
  --ds-core-spacer-5x: 1rem;
  --ds-core-spacer-6x: 1.2rem;
  --ds-core-spacer-7x: 1.4rem;
  --ds-core-spacer-8x: 1.6rem;
  --ds-core-spacer-9x: 1.8rem;
  --ds-core-spacer-10x: 2rem;
  --ds-core-spacer-12x: 2.4rem;
  --ds-core-spacer-14x: 2.8rem;
  --ds-core-spacer-16x: 3.2rem;
  --ds-core-font-size-base: 1.6rem;
  --ds-core-font-size-4x: 0.8rem;
  --ds-core-font-size-5x: 1rem;
  --ds-core-font-size-6x: 1.2rem;
  --ds-core-font-size-7x: 1.4rem;
  --ds-core-font-size-8x: 1.6rem;
  --ds-core-font-size-9x: 1.8rem;
  --ds-core-font-family-primary: IBM Plex Sans;
  --ds-core-font-family-secondary: TD Graphik;
  --ds-core-font-family-mono: IBM Plex Mono;
  --ds-core-font-weight-s: 400;
  --ds-core-font-weight-m: 500;
  --ds-core-font-weight-l: 600;
  --ds-core-font-weight-xl: 700;
  --ds-core-line-height-base: 1.6rem;
  --ds-core-line-height-5x: 1rem;
  --ds-core-line-height-6x: 1.2rem;
  --ds-core-line-height-7x: 1.4rem;
  --ds-core-line-height-8x: 1.6rem;
  --ds-core-line-height-9x: 1.8rem;
  --ds-core-line-height-10x: 2rem;
  --ds-core-line-height-11x: 2.2rem;
  --ds-core-line-height-12x: 2.4rem;
  --ds-core-line-height-14x: 2.8rem;
  --ds-core-line-height-15x: 3rem;
  --ds-core-line-height-16x: 3.2rem;
  --ds-core-line-height-18x: 3.6rem;
  --ds-core-border-width-none: 0rem;
  --ds-core-border-width-xs: 0.1rem;
  --ds-core-border-width-s: 0.2rem;
  --ds-core-border-width-m: 0.3rem;
  --ds-core-border-width-l: 0.4rem;
  --ds-core-border-width-focus-outline: 0.1rem;
  --ds-core-border-radius-base: 0.4rem;
  --ds-core-border-radius-none: 0rem;
  --ds-core-border-radius-1x: 0.2rem;
  --ds-core-border-radius-2x: 0.4rem;
  --ds-core-border-radius-3x: 0.6rem;
  --ds-core-border-radius-4x: 0.8rem;
  --ds-core-border-radius-6x: 1.2rem;
  --ds-core-border-radius-pill: 100rem;
  --ds-core-outline-offset: 0.1rem;
  --ds-core-down-click-effect: 0.1rem;
  --ds-core-shadow-none: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 1);
  --ds-button-large-gap: 0.6rem;
  --ds-button-large-min-width: 8rem;
  --ds-button-large-min-height: 3.2rem;
  --ds-button-large-padding-block-end: 0.5rem;
  --ds-button-large-padding-inline-end: 1.6rem;
  --ds-button-large-padding-block-start: 0.5rem;
  --ds-button-large-with-icon-min-width: 10rem;
  --ds-button-large-padding-inline-start: 1.6rem;
  --ds-button-large-with-two-icons-min-width: 12rem;
  --ds-button-large-text-padding-block-start: 0rem;
  --ds-button-large-text-padding-block-end: 0rem;
  --ds-button-medium-min-width: 7.5rem;
  --ds-button-medium-gap: 0.4rem;
  --ds-button-medium-min-height: 2.6rem;
  --ds-button-medium-padding-block-end: 0.4rem;
  --ds-button-medium-padding-inline-end: 1.2rem;
  --ds-button-medium-padding-block-start: 0.4rem;
  --ds-button-medium-with-icon-min-width: 7.5rem;
  --ds-button-medium-padding-inline-start: 1.2rem;
  --ds-button-medium-with-two-icons-min-width: 9.5rem;
  --ds-button-medium-text-padding-block-start: 0rem;
  --ds-button-medium-text-padding-block-end: 0rem;
  --ds-button-small-gap: 0.2rem;
  --ds-button-small-min-width: 3.9rem;
  --ds-button-small-min-height: 2rem;
  --ds-button-small-padding-block-end: 0.2rem;
  --ds-button-small-padding-inline-end: 0.6rem;
  --ds-button-small-padding-block-start: 0.2rem;
  --ds-button-small-with-icon-min-width: 5.5rem;
  --ds-button-small-padding-inline-start: 0.6rem;
  --ds-button-small-with-two-icons-min-width: 6.7rem;
  --ds-button-small-text-padding-block-start: 0rem;
  --ds-button-small-text-padding-block-end: 0rem;
  --ds-button-primary-default-box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 1);
  --ds-button-border-width: 0.1rem;
  --ds-button-large-border-radius: 0rem;
  --ds-button-medium-border-radius: 0rem;
  --ds-button-small-border-radius: 0rem;
  --ds-button-large-font-size: 1.6rem;
  --ds-button-medium-font-size: 1.4rem;
  --ds-button-small-font-size: 1.2rem;
  --ds-button-font-family: IBM Plex Sans;
  --ds-button-large-font-weight: 500;
  --ds-button-large-line-height: 1.8rem;
  --ds-button-medium-font-weight: 500;
  --ds-button-small-font-weight: 500;
  --ds-button-medium-line-height: 1.6rem;
  --ds-button-small-line-height: 1.4rem;
  --ds-text-button-large-gap: 0.4rem;
  --ds-text-button-large-min-height: 2rem;
  --ds-text-button-large-padding-inline-start: 0rem;
  --ds-text-button-large-padding-inline-end: 0rem;
  --ds-text-button-large-padding-block-start: 0rem;
  --ds-text-button-large-padding-block-end: 0rem;
  --ds-text-button-large-text-padding-block-start: 0rem;
  --ds-text-button-large-text-padding-block-end: 0.1rem;
  --ds-text-button-large-font-size: 1.6rem;
  --ds-text-button-medium-font-size: 1.4rem;
  --ds-text-button-small-font-size: 1.2rem;
  --ds-text-button-medium-min-height: 1.6rem;
  --ds-text-button-medium-gap: 0.4rem;
  --ds-text-button-medium-padding-inline-start: 0rem;
  --ds-text-button-medium-padding-inline-end: 0rem;
  --ds-text-button-medium-padding-block-start: 0rem;
  --ds-text-button-medium-padding-block-end: 0rem;
  --ds-text-button-medium-text-padding-block-start: 0rem;
  --ds-text-button-medium-text-padding-block-end: 0.1rem;
  --ds-text-button-small-min-height: 1.4rem;
  --ds-text-button-small-gap: 0.2rem;
  --ds-text-button-small-padding-inline-start: 0rem;
  --ds-text-button-small-padding-inline-end: 0rem;
  --ds-text-button-small-padding-block-start: 0rem;
  --ds-text-button-small-padding-block-end: 0rem;
  --ds-text-button-small-text-padding-block-start: 0rem;
  --ds-text-button-small-text-padding-block-end: 0.1rem;
  --ds-text-button-font-family: IBM Plex Sans;
  --ds-text-button-large-font-weight: 400;
  --ds-text-button-medium-font-weight: 400;
  --ds-text-button-small-font-weight: 400;
  --ds-text-button-large-line-height: 1.9rem;
  --ds-text-button-medium-line-height: 1.5rem;
  --ds-text-button-small-line-height: 1.3rem;
  --ds-icon-button-primary-default-box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 1);
  --ds-icon-button-size-xsmall: 1.6rem;
  --ds-icon-button-size-small: 2rem;
  --ds-icon-button-size-medium: 2.6rem;
  --ds-icon-button-size-large: 3.2rem;
  --ds-icon-button-size-xlarge: 4rem;
  --ds-icon-button-xsmall-border-radius: 0rem;
  --ds-icon-button-small-border-radius: 0rem;
  --ds-icon-button-medium-border-radius: 0rem;
  --ds-icon-button-large-border-radius: 0rem;
  --ds-icon-button-xlarge-border-radius: 0rem;
  --ds-icon-button-border-width: 0.1rem;
  --ds-selectbox-small-gap: 0.8rem;
  --ds-selectbox-small-content-gap: 0.4rem;
  --ds-selectbox-small-padding-inline-start: 0.6rem;
  --ds-selectbox-small-padding-inline-end: 0.2rem;
  --ds-selectbox-small-padding-block-start: 0.1rem;
  --ds-selectbox-small-padding-block-end: 0.1rem;
  --ds-selectbox-small-text-padding-block-start: 0rem;
  --ds-selectbox-small-text-padding-block-end: 0rem;
  --ds-selectbox-small-min-height: 2rem;
  --ds-selectbox-small-min-width: 5rem;
  --ds-selectbox-medium-gap: 0.8rem;
  --ds-selectbox-medium-content-gap: 0.4rem;
  --ds-selectbox-medium-padding-inline-start: 0.8rem;
  --ds-selectbox-medium-padding-inline-end: 0.4rem;
  --ds-selectbox-medium-padding-block-start: 0.4rem;
  --ds-selectbox-medium-padding-block-end: 0.4rem;
  --ds-selectbox-medium-text-padding-block-start: 0rem;
  --ds-selectbox-medium-text-padding-block-end: 0rem;
  --ds-selectbox-medium-min-height: 2.6rem;
  --ds-selectbox-medium-min-width: 5.4rem;
  --ds-selectbox-medium-font-size: 1.4rem;
  --ds-selectbox-small-font-size: 1.2rem;
  --ds-selectbox-medium-line-height: 1.6rem;
  --ds-selectbox-small-line-height: 1.4rem;
  --ds-selectbox-medium-border-width: 0.1rem;
  --ds-selectbox-small-border-width: 0.1rem;
  --ds-selectbox-medium-border-radius: 0rem;
  --ds-selectbox-small-border-radius: 0rem;
  --ds-selectbox-medium-font-weight: 400;
  --ds-selectbox-small-font-weight: 400;
  --ds-selectbox-font-family: IBM Plex Sans;
  --ds-switch-shadow: 0rem 0.1rem 0.2rem 0rem rgba(0, 0, 0, 1);
  --ds-switch-small-knob-padding: 0.2rem;
  --ds-switch-small-icon-padding: 0.2rem;
  --ds-switch-small-track-height: 1.4rem;
  --ds-switch-small-track-width: 2.6rem;
  --ds-switch-small-knob-size: 1rem;
  --ds-switch-small-label-font-size: 1.2rem;
  --ds-switch-small-label-line-height: 1.4rem;
  --ds-switch-label-font-weight: 400;
  --ds-switch-medium-knob-padding: 0.2rem;
  --ds-switch-medium-icon-padding: 0.4rem;
  --ds-switch-medium-knob-size: 1.4rem;
  --ds-switch-medium-track-height: 1.8rem;
  --ds-switch-medium-track-width: 3.2rem;
  --ds-switch-medium-label-font-size: 1.4rem;
  --ds-switch-medium-label-line-height: 1.8rem;
  --ds-switch-large-knob-padding: 0.2rem;
  --ds-switch-large-icon-padding: 0.5rem;
  --ds-switch-large-knob-size: 1.8rem;
  --ds-switch-large-track-height: 2.2rem;
  --ds-switch-large-track-width: 4rem;
  --ds-switch-large-label-font-size: 1.6rem;
  --ds-switch-large-label-line-height: 2.2rem;
  --ds-switch-track-border-radius: 1.4rem;
  --ds-switch-knob-border-radius: 1.4rem;
  --ds-scrollbar-default-width: 0.3rem;
  --ds-scrollbar-hover-width: 0.9rem;
  --ds-scrollbar-min-height: 0.2rem;
  --ds-scrollbar-border-radius: 0.6rem;
  --ds-input-large-padding-inline-start: 1rem;
  --ds-input-large-padding-inline-end: 0.6rem;
  --ds-input-large-gap: 1.2rem;
  --ds-input-large-min-width: 10rem;
  --ds-input-large-height: 3.2rem;
  --ds-input-large-suffix-gap: 0.6rem;
  --ds-input-large-text-padding-block-start: 0rem;
  --ds-input-large-text-padding-block-end: 0rem;
  --ds-input-medium-min-width: 10rem;
  --ds-input-medium-height: 2.6rem;
  --ds-input-medium-padding-inline-start: 0.8rem;
  --ds-input-medium-padding-inline-end: 0.4rem;
  --ds-input-medium-gap: 1rem;
  --ds-input-medium-suffix-gap: 0.4rem;
  --ds-input-medium-text-padding-block-start: 0rem;
  --ds-input-medium-text-padding-block-end: 0rem;
  --ds-input-small-min-width: 10rem;
  --ds-input-small-height: 2rem;
  --ds-input-small-padding-inline-start: 0.4rem;
  --ds-input-small-padding-inline-end: 0.4rem;
  --ds-input-small-gap: 0.8rem;
  --ds-input-small-suffix-gap: 0.4rem;
  --ds-input-small-text-padding-block-start: 0rem;
  --ds-input-small-text-padding-block-end: 0rem;
  --ds-input-large-font-size: 1.6rem;
  --ds-input-medium-font-size: 1.4rem;
  --ds-input-small-font-size: 1.2rem;
  --ds-input-large-line-height: 1.8rem;
  --ds-input-medium-line-height: 1.6rem;
  --ds-input-small-line-height: 1.4rem;
  --ds-input-font-family: IBM Plex Sans;
  --ds-input-large-font-weight: 400;
  --ds-input-medium-font-weight: 400;
  --ds-input-small-font-weight: 400;
  --ds-input-large-border-radius: 0rem;
  --ds-input-medium-border-radius: 0rem;
  --ds-input-small-border-radius: 0rem;
  --ds-input-border-width: 0.1rem;
  --ds-tooltip-drop-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 1);
  --ds-tooltip-font-family: IBM Plex Sans;
  --ds-tooltip-font-size: 1.4rem;
  --ds-tooltip-line-height: 1.6rem;
  --ds-tooltip-font-width: 400;
  --ds-tooltip-border-width: 0.1rem;
  --ds-tooltip-border-radius: 0rem;
  --ds-tooltip-inline-padding: 1rem;
  --ds-tooltip-block-start: 0.6rem;
  --ds-tooltip-block-end: 0.6rem;
  --ds-tooltip-min-height: 2.6rem;
  --ds-tooltip-max-width: 60rem;
  --ds-date-input-large-padding-inline-start: 1rem;
  --ds-date-input-large-padding-inline-end: 0.6rem;
  --ds-date-input-large-min-gap: 1rem;
  --ds-date-input-large-min-width: 12.1rem;
  --ds-date-input-large-height: 3.2rem;
  --ds-date-input-large-text-padding-block-start: 0rem;
  --ds-date-input-large-text-padding-block-end: 0rem;
  --ds-date-input-large-button-gap: 0.6rem;
  --ds-date-input-medium-min-width: 10.4rem;
  --ds-date-input-medium-height: 2.6rem;
  --ds-date-input-medium-padding-inline-start: 0.8rem;
  --ds-date-input-medium-padding-inline-end: 0.2rem;
  --ds-date-input-medium-min-gap: 0.8rem;
  --ds-date-input-medium-text-padding-block-start: 0rem;
  --ds-date-input-medium-text-padding-block-end: 0rem;
  --ds-date-input-medium-button-gap: 0.4rem;
  --ds-date-input-small-min-width: 8.5rem;
  --ds-date-input-small-height: 2rem;
  --ds-date-input-small-padding-inline-start: 0.4rem;
  --ds-date-input-small-padding-inline-end: 0.2rem;
  --ds-date-input-small-min-gap: 0.6rem;
  --ds-date-input-small-text-padding-block-start: 0rem;
  --ds-date-input-small-text-padding-block-end: 0rem;
  --ds-date-input-small-button-gap: 0.4rem;
  --ds-date-input-large-font-size: 1.6rem;
  --ds-date-input-medium-font-size: 1.4rem;
  --ds-date-input-small-font-size: 1.2rem;
  --ds-date-input-large-line-height: 1.8rem;
  --ds-date-input-medium-line-height: 1.6rem;
  --ds-date-input-small-line-height: 1.4rem;
  --ds-date-input-font-family: IBM Plex Mono;
  --ds-date-input-large-font-weight: 400;
  --ds-date-input-medium-font-weight: 400;
  --ds-date-input-small-font-weight: 400;
  --ds-date-input-large-border-radius: 0rem;
  --ds-date-input-medium-border-radius: 0rem;
  --ds-date-input-small-border-radius: 0rem;
  --ds-date-input-border-width: 0.1rem;
  --ds-time-input-large-padding-inline-start: 1rem;
  --ds-time-input-large-padding-inline-end: 0.2rem;
  --ds-time-input-large-padding-block-end: 0.2rem;
  --ds-time-input-large-padding-block-start: 0.2rem;
  --ds-time-input-large-min-gap: 0.4rem;
  --ds-time-input-large-button-gap: 0.4rem;
  --ds-time-input-large-time-segments-gap: 0.1rem;
  --ds-time-input-large-min-width: 6.9rem;
  --ds-time-input-large-height: 3.2rem;
  --ds-time-input-large-text-padding-block-start: 0rem;
  --ds-time-input-large-text-padding-block-end: 0rem;
  --ds-time-input-medium-min-width: 5.9rem;
  --ds-time-input-medium-height: 2.6rem;
  --ds-time-input-medium-padding-inline-start: 0.8rem;
  --ds-time-input-medium-padding-inline-end: 0.2rem;
  --ds-time-input-medium-padding-block-end: 0.2rem;
  --ds-time-input-medium-padding-block-start: 0.2rem;
  --ds-time-input-medium-min-gap: 0.4rem;
  --ds-time-input-medium-button-gap: 0.2rem;
  --ds-time-input-medium-time-segments-gap: 0.1rem;
  --ds-time-input-medium-text-padding-block-start: 0rem;
  --ds-time-input-medium-text-padding-block-end: 0rem;
  --ds-time-input-large-font-size: 1.6rem;
  --ds-time-input-medium-font-size: 1.4rem;
  --ds-time-input-small-font-size: 1.2rem;
  --ds-time-input-large-line-height: 1.8rem;
  --ds-time-input-medium-line-height: 1.6rem;
  --ds-time-input-small-line-height: 1.4rem;
  --ds-time-input-font-family: IBM Plex Mono;
  --ds-time-input-large-font-weight: 400;
  --ds-time-input-medium-font-weight: 400;
  --ds-time-input-small-font-weight: 400;
  --ds-time-input-large-border-radius: 0rem;
  --ds-time-input-medium-border-radius: 0rem;
  --ds-time-input-small-border-radius: 0rem;
  --ds-time-input-border-width: 0.1rem;
  --ds-time-input-small-min-width: 5.9rem;
  --ds-time-input-small-height: 2rem;
  --ds-time-input-small-padding-inline-start: 0.6rem;
  --ds-time-input-small-padding-inline-end: 0.2rem;
  --ds-time-input-small-padding-block-end: 0.2rem;
  --ds-time-input-small-padding-block-start: 0.2rem;
  --ds-time-input-small-min-gap: 0.4rem;
  --ds-time-input-small-button-gap: 0.2rem;
  --ds-time-input-small-time-segments-gap: 0.1rem;
  --ds-time-input-small-text-padding-block-start: 0rem;
  --ds-time-input-small-text-padding-block-end: 0rem;
  --ds-stepper-large-gap: 0.2rem;
  --ds-stepper-large-vertical-button-height: 1.2rem;
  --ds-stepper-large-vertical-button-width: 2rem;
  --ds-stepper-large-vertical-upsized-button-height: 2rem;
  --ds-stepper-large-vertical-downsized-button-height: 1.2rem;
  --ds-stepper-large-horizontal-button-height: 2.6rem;
  --ds-stepper-large-horizontal-button-width: 2.6rem;
  --ds-stepper-large-vertical-border-radius: 0rem 0rem 0rem 0rem;
  --ds-stepper-large-horizontal-border-radius: 0rem 0rem 0rem 0rem;
  --ds-stepper-medium-gap: 0.2rem;
  --ds-stepper-medium-vertical-button-height: 0.9rem;
  --ds-stepper-medium-vertical-button-width: 2rem;
  --ds-stepper-medium-vertical-upsized-button-height: 2rem;
  --ds-stepper-medium-vertical-downsized-button-height: 0.9rem;
  --ds-stepper-medium-horizontal-button-height: 2rem;
  --ds-stepper-medium-horizontal-button-width: 2rem;
  --ds-stepper-medium-vertical-border-radius: 0rem 0rem 0rem 0rem;
  --ds-stepper-medium-horizontal-border-radius: 0rem 0rem 0rem 0rem;
  --ds-stepper-small-vertical-button-height: 0.6rem;
  --ds-stepper-small-vertical-button-width: 1.8rem;
  --ds-stepper-small-vertical-upsized-button-height: 1.8rem;
  --ds-stepper-small-vertical-downsized-button-height: 0.6rem;
  --ds-stepper-small-horizontal-button-height: 1.4rem;
  --ds-stepper-small-horizontal-button-width: 1.4rem;
  --ds-stepper-small-gap: 0.2rem;
  --ds-stepper-small-vertical-border-radius: 0rem 0rem 0rem 0rem;
  --ds-stepper-small-horizontal-border-radius: 0rem 0rem 0rem 0rem;
  --ds-stepper-border-width: 0rem;
  --ds-date-picker-header-horizontal-gap: 1.2rem;
  --ds-date-picker-header-vertical-gap: 1.2rem;
  --ds-date-picker-header-padding-block: 0.6rem;
  --ds-date-picker-header-padding-inline: 1rem;
  --ds-date-picker-header-item-gap: 0.8rem;
  --ds-date-picker-header-label-font-weight: 400;
  --ds-date-picker-header-hint-font-weight: 400;
  --ds-date-picker-header-label-line-height: 1.6rem;
  --ds-date-picker-header-hint-line-height: 1.6rem;
  --ds-date-picker-header-label-font-size: 1.4rem;
  --ds-date-picker-header-hint-font-size: 1.4rem;
  --ds-date-picker-header-hint-gap: 0.8rem;
  --ds-date-picker-tenors-gap: 1.6rem;
  --ds-date-picker-tenors-padding-block: 0.6rem;
  --ds-date-picker-tenors-padding-inline: 1rem;
  --ds-date-picker-calendar-padding-inline-start: 1rem;
  --ds-date-picker-calendar-padding-inline-end: 1rem;
  --ds-date-picker-calendar-padding-block-start: 1rem;
  --ds-date-picker-calendar-padding-block-end: 1rem;
  --ds-date-picker-calendar-gap: 0.4rem;
  --ds-date-picker-calendar-week-day-padding-block-start: 0.6rem;
  --ds-date-picker-calendar-week-day-padding-block-end: 0.4rem;
  --ds-date-picker-calendar-table-vertical-gap: 0.1rem;
  --ds-date-picker-calendar-table-horizontal-item-gap: 0rem;
  --ds-date-picker-calendar-table-item-padding-inline: 0.4rem;
  --ds-date-picker-calendar-table-item-padding-block-start: 0.4rem;
  --ds-date-picker-calendar-table-item-padding-block-end: 0.4rem;
  --ds-date-picker-calendar-table-month-label-padding-inline: 0rem;
  --ds-date-picker-calendar-table-month-label-padding-block-start: 0.4rem;
  --ds-date-picker-calendar-table-month-label-padding-block-end: 0.4rem;
  --ds-date-picker-calendar-table-item-line-height: 1.4rem;
  --ds-date-picker-calendar-table-item-font-weight: 400;
  --ds-date-picker-calendar-table-item-header-font-weight: 600;
  --ds-date-picker-calendar-table-item-font-size: 1.2rem;
  --ds-date-picker-calendar-table-label-font-size: 1.2rem;
  --ds-date-picker-calendar-table-label-line-height: 1.6rem;
  --ds-date-picker-calendar-table-label-font-weight: 600;
  --ds-date-picker-calendar-list-item-padding-inline-start: 0.4rem;
  --ds-date-picker-calendar-list-item-padding-inline-end: 0.4rem;
  --ds-date-picker-calendar-list-item-padding-block-start: 0.6rem;
  --ds-date-picker-calendar-list-item-padding-block-end: 0.6rem;
  --ds-date-picker-calendar-list-gap: 0.2rem;
  --ds-date-picker-calendar-list-item-font-size: 1.2rem;
  --ds-date-picker-calendar-list-item-line-height: 1.4rem;
  --ds-date-picker-calendar-list-item-font-weight: 400;
  --ds-date-picker-footer-padding-inline-start: 1rem;
  --ds-date-picker-footer-padding-inline-end: 1rem;
  --ds-date-picker-footer-padding-block-start: 0.8rem;
  --ds-date-picker-footer-padding-block-end: 0.8rem;
  --ds-date-picker-footer-gap: 0.8rem;
  --ds-date-picker-footer-button-gap: 0.8rem;
  --ds-date-picker-font-family: IBM Plex Sans;
  --ds-date-picker-drop-shadow: 0rem 0.2rem 2rem 0rem rgba(0, 0, 0, 1);
  --ds-calendar-default-height: 38.4rem;
  --ds-calendar-mini-height: 22rem;
  --ds-calendar-table-item-height: 2.2rem;
  --ds-calendar-table-item-width: 2.6rem;
  --ds-calendar-header-default-width: 31.6rem;
  --ds-calendar-header-data-range-width: 36.4rem;
  --ds-segment-control-large-min-width: 4.6rem;
  --ds-segment-control-large-min-height: 3.2rem;
  --ds-segment-control-large-padding-inline-start: 0.8rem;
  --ds-segment-control-large-padding-inline-end: 0.8rem;
  --ds-segment-control-large-padding-block-start: 0.6rem;
  --ds-segment-control-large-padding-block-end: 0.6rem;
  --ds-segment-control-large-text-padding-block-start: 0rem;
  --ds-segment-control-large-text-padding-block-end: 0rem;
  --ds-segment-control-large-outer-border-radius: 0.6rem;
  --ds-segment-control-medium-min-width: 4.2rem;
  --ds-segment-control-medium-min-height: 2.6rem;
  --ds-segment-control-medium-padding-inline-start: 0.8rem;
  --ds-segment-control-medium-padding-inline-end: 0.8rem;
  --ds-segment-control-medium-padding-block-start: 0.4rem;
  --ds-segment-control-medium-padding-block-end: 0.4rem;
  --ds-segment-control-medium-text-padding-block-start: 0rem;
  --ds-segment-control-medium-text-padding-block-end: 0rem;
  --ds-segment-control-medium-outer-border-radius: 0.6rem;
  --ds-segment-control-small-min-width: 4.2rem;
  --ds-segment-control-small-min-height: 2rem;
  --ds-segment-control-small-padding-inline-start: 0.8rem;
  --ds-segment-control-small-padding-inline-end: 0.8rem;
  --ds-segment-control-small-padding-block-start: 0.2rem;
  --ds-segment-control-small-padding-block-end: 0.2rem;
  --ds-segment-control-small-text-padding-block-start: 0rem;
  --ds-segment-control-small-text-padding-block-end: 0rem;
  --ds-segment-control-small-outer-border-radius: 0.6rem;
  --ds-segment-control-large-border-width: 0.1rem;
  --ds-segment-control-medium-border-width: 0.1rem;
  --ds-segment-control-small-border-width: 0.1rem;
  --ds-segment-control-font-family: IBM Plex Sans;
  --ds-segment-control-large-font-size: 1.4rem;
  --ds-segment-control-medium-font-size: 1.2rem;
  --ds-segment-control-small-font-size: 1.2rem;
  --ds-segment-control-large-line-height: 1.8rem;
  --ds-segment-control-medium-line-height: 1.6rem;
  --ds-segment-control-small-line-height: 1.4rem;
  --ds-segment-control-large-font-weight: 400;
  --ds-segment-control-medium-font-weight: 400;
  --ds-segment-control-small-font-weight: 400;
  --ds-segment-control-selected-box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 1);
  --ds-segment-control-large-inner-border-radius: 0rem;
  --ds-segment-control-medium-inner-border-radius: 0rem;
  --ds-segment-control-small-inner-border-radius: 0rem;
  --ds-checkbox-large-box-size: 2.2rem;
  --ds-checkbox-large-label-max-width: 20rem;
  --ds-checkbox-large-gap: 0.8rem;
  --ds-checkbox-large-label-gap: 0.4rem;
  --ds-checkbox-large-label-line-height: 2rem;
  --ds-checkbox-large-hint-line-height: 1.8rem;
  --ds-checkbox-large-label-font-size: 1.6rem;
  --ds-checkbox-large-hint-font-size: 1.4rem;
  --ds-checkbox-large-error-gap: 0.8rem;
  --ds-checkbox-medium-box-size: 1.8rem;
  --ds-checkbox-medium-label-max-width: 20rem;
  --ds-checkbox-medium-gap: 0.8rem;
  --ds-checkbox-medium-label-gap: 0.4rem;
  --ds-checkbox-medium-label-line-height: 1.8rem;
  --ds-checkbox-medium-hint-line-height: 1.6rem;
  --ds-checkbox-medium-label-font-size: 1.4rem;
  --ds-checkbox-medium-hint-font-size: 1.2rem;
  --ds-checkbox-medium-error-gap: 0.4rem;
  --ds-checkbox-small-box-size: 1.4rem;
  --ds-checkbox-small-label-max-width: 20rem;
  --ds-checkbox-small-gap: 0.6rem;
  --ds-checkbox-small-label-gap: 0.2rem;
  --ds-checkbox-small-label-line-height: 1.4rem;
  --ds-checkbox-small-hint-line-height: 1.2rem;
  --ds-checkbox-small-label-font-size: 1.2rem;
  --ds-checkbox-small-hint-font-size: 1rem;
  --ds-checkbox-small-error-gap: 0.4rem;
  --ds-checkbox-large-border-radius: 0rem;
  --ds-checkbox-medium-border-radius: 0rem;
  --ds-checkbox-small-border-radius: 0rem;
  --ds-checkbox-border-width: 0.1rem;
  --ds-checkbox-label-font-family: IBM Plex Sans;
  --ds-checkbox-label-font-weight: 400;
  --ds-checkbox-hint-font-weight: 400;
  --ds-checkbox-hint-font-family: IBM Plex Sans;
  --ds-radio-button-large-box-size: 2.2rem;
  --ds-radio-button-large-circle-size: 1.4rem;
  --ds-radio-button-large-gap: 0.8rem;
  --ds-radio-button-large-label-gap: 0.4rem;
  --ds-radio-button-large-label-font-size: 1.6rem;
  --ds-radio-button-large-hint-font-size: 1.4rem;
  --ds-radio-button-large-label-line-height: 2rem;
  --ds-radio-button-large-hint-line-height: 1.8rem;
  --ds-radio-button-large-label-max-width: 20rem;
  --ds-radio-button-large-error-gap: 0.8rem;
  --ds-radio-button-medium-box-size: 1.8rem;
  --ds-radio-button-medium-circle-size: 1rem;
  --ds-radio-button-medium-gap: 0.8rem;
  --ds-radio-button-medium-label-gap: 0.4rem;
  --ds-radio-button-medium-label-font-size: 1.4rem;
  --ds-radio-button-medium-hint-font-size: 1.2rem;
  --ds-radio-button-medium-label-line-height: 1.8rem;
  --ds-radio-button-medium-hint-line-height: 1.6rem;
  --ds-radio-button-medium-label-max-width: 20rem;
  --ds-radio-button-medium-error-gap: 0.4rem;
  --ds-radio-button-small-box-size: 1.4rem;
  --ds-radio-button-small-circle-size: 0.8rem;
  --ds-radio-button-small-gap: 0.6rem;
  --ds-radio-button-small-label-gap: 0.2rem;
  --ds-radio-button-small-label-font-size: 1.2rem;
  --ds-radio-button-small-hint-font-size: 1.2rem;
  --ds-radio-button-small-label-line-height: 1.4rem;
  --ds-radio-button-small-hint-line-height: 1.4rem;
  --ds-radio-button-small-label-max-width: 20rem;
  --ds-radio-button-small-error-gap: 0.4rem;
  --ds-radio-button-border-radius: 100rem;
  --ds-radio-button-default-border-width: 0.1rem;
  --ds-radio-button-label-font-family: IBM Plex Sans;
  --ds-radio-button-hint-font-family: IBM Plex Sans;
  --ds-radio-button-label-font-weight: 400;
  --ds-radio-button-hint-font-weight: 400;
  --ds-radio-button-vertical-group-gap: 0.8rem;
  --ds-radio-button-horizontal-group-gap: 2.4rem;
  --ds-list-item-medium-padding-inline-start: 1rem;
  --ds-list-item-medium-padding-inline-end: 0.8rem;
  --ds-list-item-medium-padding-block-start: 0.8rem;
  --ds-list-item-medium-padding-block-end: 0.8rem;
  --ds-list-item-medium-gap: 0.8rem;
  --ds-list-item-medium-description-gap: 0.4rem;
  --ds-list-item-medium-content-gap: 0.4rem;
  --ds-list-item-medium-text-padding-block-start: 0rem;
  --ds-list-item-medium-text-padding-block-end: 0rem;
  --ds-list-item-small-padding-inline-start: 0.8rem;
  --ds-list-item-small-padding-inline-end: 0.8rem;
  --ds-list-item-small-padding-block-start: 0.6rem;
  --ds-list-item-small-padding-block-end: 0.6rem;
  --ds-list-item-small-gap: 0.8rem;
  --ds-list-item-small-description-gap: 0.2rem;
  --ds-list-item-small-content-gap: 0.4rem;
  --ds-list-item-small-text-padding-block-start: 0rem;
  --ds-list-item-small-text-padding-block-end: 0rem;
  --ds-list-item-medium-border-radius: 0rem;
  --ds-list-item-small-border-radius: 0rem;
  --ds-list-min-width: 6rem;
  --ds-list-max-width: 30rem;
  --ds-list-font-family: IBM Plex Sans;
  --ds-list-medium-label-font-weight: 400;
  --ds-list-medium-label-line-height: 1.6rem;
  --ds-list-medium-label-font-size: 1.4rem;
  --ds-list-medium-hint-font-weight: 400;
  --ds-list-medium-hint-line-height: 1.6rem;
  --ds-list-medium-hint-font-size: 1.4rem;
  --ds-list-medium-header-font-weight: 400;
  --ds-list-medium-header-line-height: 1.2rem;
  --ds-list-medium-header-font-size: 1.2rem;
  --ds-list-small-label-font-weight: 400;
  --ds-list-small-label-line-height: 1.6rem;
  --ds-list-small-label-font-size: 1.2rem;
  --ds-list-small-hint-font-weight: 400;
  --ds-list-small-hint-line-height: 1.6rem;
  --ds-list-small-hint-font-size: 1.2rem;
  --ds-list-small-header-font-weight: 400;
  --ds-list-small-header-line-height: 1rem;
  --ds-list-small-header-font-size: 1rem;
  --ds-list-border-radius: 0rem;
  --ds-list-gap: 0rem;
  --ds-list-padding-block-start: 0.4rem;
  --ds-list-padding-block-end: 0.4rem;
  --ds-list-padding-inline-start: 0rem;
  --ds-list-padding-inline-end: 0rem;
  --ds-list-offset: 0.4rem;
  --ds-list-max-height: 30rem;
  --ds-list-drop-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 1);
  --ds-list-item-divider-border-width: 0.1rem;
  --ds-numeric-stepper-large-padding-inline-start: 1rem;
  --ds-numeric-stepper-large-padding-inline-end: 0.2rem;
  --ds-numeric-stepper-large-gap: 0.4rem;
  --ds-numeric-stepper-large-min-width: 13.2rem;
  --ds-numeric-stepper-large-height: 3.2rem;
  --ds-numeric-stepper-large-suffix-gap: 0.6rem;
  --ds-numeric-stepper-large-text-padding-block-start: 0rem;
  --ds-numeric-stepper-large-text-padding-block-end: 0rem;
  --ds-numeric-stepper-medium-min-width: 9rem;
  --ds-numeric-stepper-medium-height: 2.6rem;
  --ds-numeric-stepper-medium-padding-inline-start: 0.8rem;
  --ds-numeric-stepper-medium-padding-inline-end: 0.2rem;
  --ds-numeric-stepper-medium-gap: 0.4rem;
  --ds-numeric-stepper-medium-suffix-gap: 0.4rem;
  --ds-numeric-stepper-medium-text-padding-block-start: 0rem;
  --ds-numeric-stepper-medium-text-padding-block-end: 0rem;
  --ds-numeric-stepper-small-min-width: 8rem;
  --ds-numeric-stepper-small-height: 2rem;
  --ds-numeric-stepper-small-padding-inline-start: 0.4rem;
  --ds-numeric-stepper-small-padding-inline-end: 0.2rem;
  --ds-numeric-stepper-small-gap: 0.4rem;
  --ds-numeric-stepper-small-suffix-gap: 0.2rem;
  --ds-numeric-stepper-small-text-padding-block-start: 0rem;
  --ds-numeric-stepper-small-text-padding-block-end: 0rem;
  --ds-numeric-stepper-large-font-size: 1.6rem;
  --ds-numeric-stepper-medium-font-size: 1.4rem;
  --ds-numeric-stepper-small-font-size: 1.2rem;
  --ds-numeric-stepper-large-line-height: 1.8rem;
  --ds-numeric-stepper-medium-line-height: 1.6rem;
  --ds-numeric-stepper-small-line-height: 1.4rem;
  --ds-numeric-stepper-font-family: IBM Plex Sans;
  --ds-numeric-stepper-large-font-weight: 400;
  --ds-numeric-stepper-medium-font-weight: 400;
  --ds-numeric-stepper-small-font-weight: 400;
  --ds-numeric-stepper-large-border-radius: 0rem, 0rem, 0rem, 0rem;
  --ds-numeric-stepper-medium-border-radius: 0rem;
  --ds-numeric-stepper-small-border-radius: 0rem;
  --ds-numeric-stepper-border-width: 0.1rem;
  --ds-text-area-large-padding-inline-start: 1rem;
  --ds-text-area-large-padding-inline-end: 2.4rem;
  --ds-text-area-large-padding-block-start: 0.6rem;
  --ds-text-area-large-padding-block-end: 0rem;
  --ds-text-area-large-footer-min-gap: 0.8rem;
  --ds-text-area-large-min-width: 32rem;
  --ds-text-area-large-max-width: 60rem;
  --ds-text-area-large-min-height: 7rem;
  --ds-text-area-large-text-font-size: 1.6rem;
  --ds-text-area-large-hint-font-size: 1.4rem;
  --ds-text-area-large-count-font-size: 1.4rem;
  --ds-text-area-large-text-line-height: 1.8rem;
  --ds-text-area-large-hint-line-height: 2rem;
  --ds-text-area-large-count-line-height: 2rem;
  --ds-text-area-large-resize-icon-padding: 0.2rem;
  --ds-text-area-large-footer-gap: 0.6rem;
  --ds-text-area-large-icon-padding: 0.4rem;
  --ds-text-area-medium-min-width: 28rem;
  --ds-text-area-medium-max-width: 50rem;
  --ds-text-area-medium-min-height: 6.6rem;
  --ds-text-area-medium-padding-inline-start: 0.8rem;
  --ds-text-area-medium-padding-inline-end: 2rem;
  --ds-text-area-medium-padding-block-start: 0.4rem;
  --ds-text-area-medium-padding-block-end: 0rem;
  --ds-text-area-medium-footer-min-gap: 1.6rem;
  --ds-text-area-medium-text-font-size: 1.4rem;
  --ds-text-area-medium-hint-font-size: 1.2rem;
  --ds-text-area-medium-count-font-size: 1.2rem;
  --ds-text-area-medium-text-line-height: 1.6rem;
  --ds-text-area-medium-hint-line-height: 2rem;
  --ds-text-area-medium-count-line-height: 2rem;
  --ds-text-area-medium-resize-icon-padding: 0.2rem;
  --ds-text-area-medium-footer-gap: 0.6rem;
  --ds-text-area-medium-icon-padding: 0.4rem;
  --ds-text-area-small-min-width: 25rem;
  --ds-text-area-small-max-width: 42rem;
  --ds-text-area-small-min-height: 6rem;
  --ds-text-area-small-padding-inline-start: 0.4rem;
  --ds-text-area-small-padding-inline-end: 1.6rem;
  --ds-text-area-small-padding-block-start: 0.2rem;
  --ds-text-area-small-padding-block-end: 0rem;
  --ds-text-area-small-footer-min-gap: 0.8rem;
  --ds-text-area-small-text-font-size: 1.2rem;
  --ds-text-area-small-hint-font-size: 1rem;
  --ds-text-area-small-count-font-size: 1rem;
  --ds-text-area-small-text-line-height: 1.4rem;
  --ds-text-area-small-hint-line-height: 1.4rem;
  --ds-text-area-small-count-line-height: 1.4rem;
  --ds-text-area-small-resize-icon-padding: 0.2rem;
  --ds-text-area-small-footer-gap: 0.4rem;
  --ds-text-area-small-icon-padding: 0.4rem;
  --ds-text-area-font-family: IBM Plex Sans;
  --ds-text-area-large-font-weight: 400;
  --ds-text-area-medium-font-weight: 400;
  --ds-text-area-small-font-weight: 400;
  --ds-text-area-large-border-radius: 0rem;
  --ds-text-area-medium-border-radius: 0rem;
  --ds-text-area-small-border-radius: 0rem;
  --ds-text-area-default-border-width: 0.1rem;
  --ds-service-drop-shadow: 0rem 0.4rem 1.1rem 0rem rgba(0, 0, 0, 1);
  --ds-menu-item-medium-padding-inline-start: 1rem;
  --ds-menu-item-medium-padding-inline-end: 0.8rem;
  --ds-menu-item-medium-padding-block-start: 0.8rem;
  --ds-menu-item-medium-padding-block-end: 0.8rem;
  --ds-menu-item-medium-gap: 0.8rem;
  --ds-menu-item-medium-hint-gap: 0.4rem;
  --ds-menu-item-medium-content-gap: 0.4rem;
  --ds-menu-item-medium-text-padding-block-start: 0rem;
  --ds-menu-item-medium-text-padding-block-end: 0rem;
  --ds-menu-item-small-padding-inline-start: 0.8rem;
  --ds-menu-item-small-padding-inline-end: 0.8rem;
  --ds-menu-item-small-padding-block-start: 0.6rem;
  --ds-menu-item-small-padding-block-end: 0.6rem;
  --ds-menu-item-small-gap: 0.8rem;
  --ds-menu-item-small-hint-gap: 0.2rem;
  --ds-menu-item-small-content-gap: 0.4rem;
  --ds-menu-item-small-text-padding-block-start: 0rem;
  --ds-menu-item-small-text-padding-block-end: 0rem;
  --ds-menu-item-medium-border-radius: 0rem;
  --ds-menu-item-small-border-radius: 0rem;
  --ds-menu-min-width: 6rem;
  --ds-menu-max-width: 30rem;
  --ds-menu-font-family: IBM Plex Sans;
  --ds-menu-medium-label-font-weight: 400;
  --ds-menu-medium-label-line-height: 1.6rem;
  --ds-menu-medium-label-font-size: 1.4rem;
  --ds-menu-medium-hint-font-weight: 400;
  --ds-menu-medium-hint-line-height: 1.6rem;
  --ds-menu-medium-hint-font-size: 1.4rem;
  --ds-menu-medium-header-font-weight: 400;
  --ds-menu-medium-header-line-height: 1.2rem;
  --ds-menu-medium-header-font-size: 1.2rem;
  --ds-menu-small-label-font-weight: 400;
  --ds-menu-small-label-line-height: 1.6rem;
  --ds-menu-small-label-font-size: 1.2rem;
  --ds-menu-small-hint-font-weight: 400;
  --ds-menu-small-hint-line-height: 1.6rem;
  --ds-menu-small-hint-font-size: 1.2rem;
  --ds-menu-small-header-font-weight: 400;
  --ds-menu-small-header-line-height: 1rem;
  --ds-menu-small-header-font-size: 1rem;
  --ds-menu-border-radius: 0rem;
  --ds-menu-gap: 0rem;
  --ds-menu-padding-block-start: 0.4rem;
  --ds-menu-padding-block-end: 0.4rem;
  --ds-menu-padding-inline-start: 0rem;
  --ds-menu-padding-inline-end: 0rem;
  --ds-menu-offset: 0.4rem;
  --ds-menu-max-height: 30rem;
  --ds-menu-drop-shadow: 0rem 0.2rem 2rem 0rem rgba(0, 0, 0, 1);
  --ds-menu-item-divider-border-width: 0.1rem;
  --ds-alias-list-drop-shadow: 0rem 0.2rem 2rem 0rem rgba(0, 0, 0, 1);
  --ds-alias-tooltip-drop-shadow: 0rem 0.2rem 1rem 0rem rgba(0, 0, 0, 1);
  --ds-dialog-min-width: 32rem;
  --ds-dialog-min-body-height: 13.4rem;
  --ds-dialog-max-width: 90rem;
  --ds-dialog-max-height: 60rem;
  --ds-dialog-header-padding-inline-start: 0.6rem;
  --ds-dialog-header-padding-inline-end: 0.6rem;
  --ds-dialog-header-padding-block-start: 0.4rem;
  --ds-dialog-header-padding-block-end: 0.4rem;
  --ds-dialog-header-title-gap: 0.4rem;
  --ds-dialog-body-padding-inline: 2.4rem;
  --ds-dialog-body-padding-block-start: 2.4rem;
  --ds-dialog-body-padding-block-end: 2.8rem;
  --ds-dialog-footer-padding-inline: 0.8rem;
  --ds-dialog-footer-padding-block: 0.8rem;
  --ds-dialog-footer-button-gap: 0.8rem;
  --ds-dialog-footer-gap: 0.8rem;
  --ds-dialog-font-family: IBM Plex Sans;
  --ds-dialog-title-font-weight: 500;
  --ds-dialog-title-line-height: 1.6rem;
  --ds-dialog-title-font-size: 1.2rem;
  --ds-dialog-header-top-border-radius: 0rem;
  --ds-dialog-footer-bottom-border-radius: 0rem;
  --ds-dialog-xsmall-width: 32rem;
  --ds-dialog-small-width: 37.6rem;
  --ds-dialog-medium-width: 44rem;
  --ds-dialog-large-width: 51.2rem;
  --ds-dialog-xlarge-width: 57.6rem;
  --ds-dialog-border-width: 0.1rem;
  --ds-dialog-header-bottom-border-width: 0.1rem;
  --ds-dialog-footer-top-border-width: 0.1rem;
  --ds-dialog-safe-zone-padding-block-start: 4rem;
  --ds-dialog-safe-zone-padding-block-end: 6rem;
  --ds-dialog-animation-duration: 200ms;
  --ds-dialog-body-font-weight: 400;
  --ds-dialog-body-font-size: 1.4rem;
  --ds-dialog-body-line-height: 1.6rem;
  --ds-tab-primary-divider-width: 0.1rem;
  --ds-tab-primary-indicator-border-width: 0.2rem;
  --ds-tab-secondary-divider-width: 0.1rem;
  --ds-tab-secondary-indicator-border-width: 0.1rem;
  --ds-tab-tertiary-divider-width: 0.1rem;
  --ds-tab-tertiary-indicator-border-width: 0.1rem;
  --ds-tab-quaternary-divider-width: 0.1rem;
  --ds-tab-quaternary-indicator-border-width: 0.1rem;
  --ds-tab-large-min-height: 3.2rem;
  --ds-tab-large-min-width: 20rem;
  --ds-tab-large-max-width: 20rem;
  --ds-tab-large-padding-inline-start: 1.2rem;
  --ds-tab-large-padding-inline-end: 1.2rem;
  --ds-tab-large-padding-block-start: 0.6rem;
  --ds-tab-large-padding-block-end: 0.6rem;
  --ds-tab-large-gap: 0.6rem;
  --ds-tab-large-container-gap: 0.2rem;
  --ds-tab-large-label-padding-inline-start: 0.6rem;
  --ds-tab-large-label-padding-inline-end: 0.6rem;
  --ds-tab-large-title-font-weight: 400;
  --ds-tab-large-label-font-weight: 400;
  --ds-tab-large-title-font-size: 1.6rem;
  --ds-tab-large-label-font-size: 1.6rem;
  --ds-tab-large-label-height: 2rem;
  --ds-tab-large-title-line-height: 2rem;
  --ds-tab-large-label-line-height: 2rem;
  --ds-tab-medium-min-height: 2.8rem;
  --ds-tab-medium-min-width: 20rem;
  --ds-tab-medium-max-width: 20rem;
  --ds-tab-medium-padding-inline-start: 0.8rem;
  --ds-tab-medium-padding-inline-end: 0.8rem;
  --ds-tab-medium-padding-block-start: 0.2rem 0.1rem;
  --ds-tab-medium-padding-block-end: 0.2rem 0.1rem;
  --ds-tab-medium-gap: 0.6rem;
  --ds-tab-medium-container-gap: 0.2rem;
  --ds-tab-medium-label-padding-inline-start: 0.4rem;
  --ds-tab-medium-label-padding-inline-end: 0.4rem;
  --ds-tab-medium-title-font-weight: 400;
  --ds-tab-medium-label-font-weight: 400;
  --ds-tab-medium-title-font-size: 1.4rem;
  --ds-tab-medium-label-font-size: 1.4rem;
  --ds-tab-medium-label-height: 1.8rem;
  --ds-tab-medium-title-line-height: 1.8rem;
  --ds-tab-medium-label-line-height: 1.8rem;
  --ds-tab-font-family: IBM Plex Sans;
  --ds-tab-large-border-radius: 0rem;
  --ds-tab-medium-border-radius: 0rem;
  --ds-tab-list-padding-inline-start: 2rem;
  --ds-tab-list-padding-inline-end: 2rem;
  --ds-tab-list-padding-block-start: 0.8rem;
  --ds-tab-list-padding-block-end: 0rem;
  --ds-tab-list-gap: 0rem;
  --ds-tab-list-border-width: 0.1rem;
  --ds-embed-icon-button-small-size: 1.4rem;
  --ds-embed-icon-button-medium-size: 1.6rem;
  --ds-embed-icon-button-large-size: 2rem;
  --ds-link-large-gap: 0.4rem;
  --ds-link-large-font-size: 1.6rem;
  --ds-link-medium-font-size: 1.4rem;
  --ds-link-small-font-size: 1.2rem;
  --ds-link-medium-gap: 0.4rem;
  --ds-link-small-gap: 0.2rem;
  --ds-link-font-family: IBM Plex Sans;
  --ds-link-large-font-weight: 400;
  --ds-link-medium-font-weight: 400;
  --ds-link-small-font-weight: 400;
  --ds-link-large-line-height: 2rem;
  --ds-link-medium-line-height: 1.8rem;
  --ds-link-small-line-height: 1.4rem;
}

/**
 * This file was generated using `npx ds-tokens`, please do not edit directly
 * See also: https://codex.in.devexperts.com/design-system-storybook/?path=/docs/getting-started-design-tokens--docs#how-to-use-tokens
 */

:root {
  --ds-core-null: rgba(0,0,0,0);
  --ds-core-neutral-a-50: #FFFFFF;
  --ds-core-neutral-a-100: #F2F2F2;
  --ds-core-neutral-a-150: #EAECEF;
  --ds-core-neutral-a-200: #E2E5EB;
  --ds-core-neutral-a-250: #E3E3E3;
  --ds-core-neutral-a-300: #D7DBE1;
  --ds-core-neutral-a-400: #CFD4DB;
  --ds-core-neutral-a-450: #CCCBC8;
  --ds-core-neutral-a-500: #B2B1AE;
  --ds-core-neutral-a-600: #9A9999;
  --ds-core-neutral-a-700: #8E8D8D;
  --ds-core-neutral-a-800: #81807E;
  --ds-core-neutral-a-900: #767676;
  --ds-core-neutral-a-950: #70706F;
  --ds-core-neutral-b-50: #9EA8B2;
  --ds-core-neutral-b-100: #99A0A8;
  --ds-core-neutral-b-200: #8591A3;
  --ds-core-neutral-b-250: #7F858F;
  --ds-core-neutral-b-300: #79756D;
  --ds-core-neutral-b-350: #66655E;
  --ds-core-neutral-b-400: #625D51;
  --ds-core-neutral-b-450: #585751;
  --ds-core-neutral-b-500: #4D4C4A;
  --ds-core-neutral-b-600: #3B3A39;
  --ds-core-neutral-b-650: #343434;
  --ds-core-neutral-b-700: #292928;
  --ds-core-neutral-b-750: #232322;
  --ds-core-neutral-b-800: #1F2226;
  --ds-core-neutral-b-850: #1D1D1D;
  --ds-core-neutral-b-900: #141414;
  --ds-core-neutral-b-950: #000000;
  --ds-core-primary-50: #D4C49C;
  --ds-core-primary-100: #CFBD91;
  --ds-core-primary-200: #B2A37D;
  --ds-core-primary-300: #B29447;
  --ds-core-primary-400: #877D62;
  --ds-core-primary-500: #84795F;
  --ds-core-primary-600: #816D3F;
  --ds-core-primary-700: #716852;
  --ds-core-primary-900: #665D47;
  --ds-core-primary-950: #664816;
  --ds-core-secondary-25: #88D29B;
  --ds-core-secondary-100: #29CC49;
  --ds-core-secondary-200: #23AF3F;
  --ds-core-secondary-400: #00B624;
  --ds-core-secondary-600: #4F964F;
  --ds-core-secondary-800: #037D03;
  --ds-core-danger-50: #FF5C4A;
  --ds-core-danger-100: #C63737;
  --ds-core-danger-200: #D83B29;
  --ds-core-danger-300: #df3825;
  --ds-core-danger-400: #D42511;
  --ds-core-danger-500: #B6200F;
  --ds-core-danger-600: #AE1100;
  --ds-core-danger-700: #9d1001;
  --ds-core-danger-800: #9D1E10;
  --ds-core-danger-900: #531A13;
  --ds-core-danger-950: #4D231F;
  --ds-core-success-25: #69A16C;
  --ds-core-success-50: #4B8443;
  --ds-core-success-100: #4BA046;
  --ds-core-success-200: #359A35;
  --ds-core-success-300: #337521;
  --ds-core-success-400: #1F8F1F;
  --ds-core-success-500: #1E8A1E;
  --ds-core-success-600: #1B7B1B;
  --ds-core-success-700: #156615;
  --ds-core-success-800: #184518;
  --ds-core-distinctive-50: #F9D16B;
  --ds-core-distinctive-100: #F7C545;
  --ds-core-distinctive-200: #F6BB22;
  --ds-core-distinctive-400: #F5B309;
  --ds-core-distinctive-600: #D39A08;
  --ds-core-distinctive-650: #A97B06;
  --ds-core-distinctive-700: #8A6405;
  --ds-core-distinctive-800: #574411;
  --ds-core-distinctive-900: #312402;
  --ds-core-system-100: #B8D5F9;
  --ds-core-system-350: #178FE5;
  --ds-core-system-400: #0693F9;
  --ds-core-system-500: #4C6C94;
  --ds-core-system-900: #354152;
  --ds-core-white-op-5: rgba(255,255,255,0.05);
  --ds-core-white-op-10: rgba(255,255,255,0.1);
  --ds-core-white-op-20: rgba(255,255,255,0.2);
  --ds-core-white-op-30: rgba(255,255,255,0.3);
  --ds-core-white-op-40: rgba(255,255,255,0.4);
  --ds-core-white-op-50: rgba(255,255,255,0.5);
  --ds-core-white-op-60: rgba(255,255,255,0.6);
  --ds-core-white-op-70: rgba(255,255,255,0.7);
  --ds-core-white-op-80: rgba(255,255,255,0.8);
  --ds-core-white-op-90: rgba(255,255,255,0.9);
  --ds-core-black-op-5: rgba(0,0,0,0.05);
  --ds-core-black-op-10: rgba(0,0,0,0.1);
  --ds-core-black-op-20: rgba(0,0,0,0.2);
  --ds-core-black-op-30: rgba(0,0,0,0.3);
  --ds-core-black-op-40: rgba(0,0,0,0.4);
  --ds-core-black-op-50: rgba(0,0,0,0.5);
  --ds-core-black-op-60: rgba(0,0,0,0.6);
  --ds-core-black-op-70: rgba(0,0,0,0.7);
  --ds-core-black-op-80: rgba(0,0,0,0.8);
  --ds-core-black-op-90: rgba(0,0,0,0.9);
  --ds-core-primary-op-20: rgba(207,189,145,0.2);
  --ds-core-primary-op-40: rgba(207,189,145,0.4);
  --ds-core-primary-op-60: rgba(207,189,145,0.6);
  --ds-core-primary-op-80: rgba(207,189,145,0.8);
  --ds-button-primary-default-bg-color: #CFBD91;
  --ds-button-primary-hover-bg-color: #D4C49C;
  --ds-button-primary-active-bg-color: #B2A37D;
  --ds-button-primary-default-border-color: #CFBD91;
  --ds-button-primary-hover-border-color: #CFBD91;
  --ds-button-primary-active-border-color: #CFBD91;
  --ds-button-primary-focus-border-color: #CFBD91;
  --ds-button-primary-text-color: #1D1D1D;
  --ds-button-primary-icon-color: #1D1D1D;
  --ds-button-primary-disabled-bg-color: #3B3A39;
  --ds-button-primary-disabled-border-color: #4D4C4A;
  --ds-button-primary-disabled-text-color: #81807E;
  --ds-button-primary-disabled-icon-color: #81807E;
  --ds-button-secondary-default-bg-color: #1D1D1D;
  --ds-button-secondary-hover-bg-color: #343434;
  --ds-button-secondary-active-bg-color: #141414;
  --ds-button-secondary-default-border-color: #CFBD91;
  --ds-button-secondary-hover-border-color: #CFBD91;
  --ds-button-secondary-active-border-color: #CFBD91;
  --ds-button-secondary-focus-border-color: #CFBD91;
  --ds-button-secondary-text-color: #FFFFFF;
  --ds-button-secondary-icon-color: #FFFFFF;
  --ds-button-secondary-disabled-bg-color: #3B3A39;
  --ds-button-secondary-disabled-border-color: #4D4C4A;
  --ds-button-secondary-disabled-text-color: #81807E;
  --ds-button-secondary-disabled-icon-color: #81807E;
  --ds-button-tertiary-default-bg-color: #292928;
  --ds-button-tertiary-hover-bg-color: #3B3A39;
  --ds-button-tertiary-active-bg-color: #1D1D1D;
  --ds-button-tertiary-default-border-color: #4D4C4A;
  --ds-button-tertiary-hover-border-color: #4D4C4A;
  --ds-button-tertiary-active-border-color: #4D4C4A;
  --ds-button-tertiary-focus-border-color: #4D4C4A;
  --ds-button-tertiary-text-color: #E2E5EB;
  --ds-button-tertiary-icon-color: #E2E5EB;
  --ds-button-tertiary-disabled-bg-color: #3B3A39;
  --ds-button-tertiary-disabled-border-color: #4D4C4A;
  --ds-button-tertiary-disabled-text-color: #81807E;
  --ds-button-tertiary-disabled-icon-color: #81807E;
  --ds-button-alt-primary-default-bg-color: #F5B309;
  --ds-button-alt-primary-hover-bg-color: #F7C545;
  --ds-button-alt-primary-active-bg-color: #D39A08;
  --ds-button-alt-primary-default-border-color: #F5B309;
  --ds-button-alt-primary-hover-border-color: #F5B309;
  --ds-button-alt-primary-active-border-color: #F5B309;
  --ds-button-alt-primary-focus-border-color: #F5B309;
  --ds-button-alt-primary-text-color: #1D1D1D;
  --ds-button-alt-primary-icon-color: #1D1D1D;
  --ds-button-alt-primary-disabled-bg-color: #3B3A39;
  --ds-button-alt-primary-disabled-border-color: #4D4C4A;
  --ds-button-alt-primary-disabled-text-color: #81807E;
  --ds-button-alt-primary-disabled-icon-color: #81807E;
  --ds-button-alt-secondary-default-bg-color: #1D1D1D;
  --ds-button-alt-secondary-hover-bg-color: #343434;
  --ds-button-alt-secondary-active-bg-color: #141414;
  --ds-button-alt-secondary-default-border-color: #F5B309;
  --ds-button-alt-secondary-hover-border-color: #F5B309;
  --ds-button-alt-secondary-active-border-color: #F5B309;
  --ds-button-alt-secondary-focus-border-color: #F5B309;
  --ds-button-alt-secondary-text-color: #FFFFFF;
  --ds-button-alt-secondary-icon-color: #FFFFFF;
  --ds-button-alt-secondary-disabled-bg-color: #3B3A39;
  --ds-button-alt-secondary-disabled-border-color: #4D4C4A;
  --ds-button-alt-secondary-disabled-text-color: #81807E;
  --ds-button-alt-secondary-disabled-icon-color: #81807E;
  --ds-button-success-default-bg-color: #1F8F1F;
  --ds-button-success-hover-bg-color: #359A35;
  --ds-button-success-active-bg-color: #1B7B1B;
  --ds-button-success-default-border-color: #184518;
  --ds-button-success-hover-border-color: #184518;
  --ds-button-success-active-border-color: #184518;
  --ds-button-success-focus-border-color: #184518;
  --ds-button-success-text-color: #FFFFFF;
  --ds-button-success-icon-color: #FFFFFF;
  --ds-button-success-disabled-bg-color: #3B3A39;
  --ds-button-success-disabled-border-color: #4D4C4A;
  --ds-button-success-disabled-text-color: #81807E;
  --ds-button-success-disabled-icon-color: #81807E;
  --ds-button-danger-default-bg-color: #D42511;
  --ds-button-danger-hover-bg-color: #D83B29;
  --ds-button-danger-active-bg-color: #B6200F;
  --ds-button-danger-default-border-color: #531A13;
  --ds-button-danger-hover-border-color: #531A13;
  --ds-button-danger-active-border-color: #531A13;
  --ds-button-danger-focus-border-color: #531A13;
  --ds-button-danger-text-color: #FFFFFF;
  --ds-button-danger-icon-color: #FFFFFF;
  --ds-button-danger-disabled-bg-color: #3B3A39;
  --ds-button-danger-disabled-border-color: #4D4C4A;
  --ds-button-danger-disabled-text-color: #81807E;
  --ds-button-danger-disabled-icon-color: #81807E;
  --ds-text-button-primary-default-text-color: #00B624;
  --ds-text-button-primary-default-icon-color: #00B624;
  --ds-text-button-primary-hover-text-color: #D4C49C;
  --ds-text-button-primary-hover-icon-color: #D4C49C;
  --ds-text-button-primary-active-text-color: #B29447;
  --ds-text-button-primary-active-icon-color: #B29447;
  --ds-text-button-primary-focus-border-color: rgba(0,0,0,0);
  --ds-text-button-primary-disabled-text-color: #4B8443;
  --ds-text-button-primary-disabled-icon-color: #4B8443;
  --ds-text-button-primary-loading-text-color: #4B8443;
  --ds-icon-button-primary-default-bg-color: rgba(0,0,0,0);
  --ds-icon-button-primary-default-border-color: rgba(0,0,0,0);
  --ds-icon-button-primary-default-icon-color: #CFBD91;
  --ds-icon-button-primary-hover-bg-color: rgba(0,0,0,0);
  --ds-icon-button-primary-hover-border-color: rgba(0,0,0,0);
  --ds-icon-button-primary-hover-icon-color: #D4C49C;
  --ds-icon-button-primary-active-bg-color: rgba(0,0,0,0);
  --ds-icon-button-primary-active-border-color: rgba(0,0,0,0);
  --ds-icon-button-primary-active-icon-color: #B29447;
  --ds-icon-button-primary-focus-border-color: rgba(0,0,0,0);
  --ds-icon-button-primary-disabled-bg-color: rgba(0,0,0,0);
  --ds-icon-button-primary-disabled-border-color: rgba(0,0,0,0);
  --ds-icon-button-primary-disabled-icon-color: #3B3A39;
  --ds-icon-button-secondary-default-bg-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-default-border-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-default-icon-color: #FFFFFF;
  --ds-icon-button-secondary-hover-bg-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-hover-border-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-hover-icon-color: #D4C49C;
  --ds-icon-button-secondary-active-bg-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-active-border-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-active-icon-color: #B29447;
  --ds-icon-button-secondary-focus-border-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-disabled-bg-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-disabled-border-color: rgba(0,0,0,0);
  --ds-icon-button-secondary-disabled-icon-color: #3B3A39;
  --ds-icon-button-tertiary-default-bg-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-default-border-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-default-icon-color: #81807E;
  --ds-icon-button-tertiary-hover-bg-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-hover-border-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-hover-icon-color: #D4C49C;
  --ds-icon-button-tertiary-active-bg-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-active-border-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-active-icon-color: #B29447;
  --ds-icon-button-tertiary-focus-border-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-disabled-bg-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-disabled-border-color: rgba(0,0,0,0);
  --ds-icon-button-tertiary-disabled-icon-color: #3B3A39;
  --ds-icon-button-alt-primary-default-bg-color: #292928;
  --ds-icon-button-alt-primary-default-border-color: #4D4C4A;
  --ds-icon-button-alt-primary-default-icon-color: #FFFFFF;
  --ds-icon-button-alt-primary-hover-bg-color: #3B3A39;
  --ds-icon-button-alt-primary-hover-border-color: #4D4C4A;
  --ds-icon-button-alt-primary-hover-icon-color: #FFFFFF;
  --ds-icon-button-alt-primary-active-bg-color: #1D1D1D;
  --ds-icon-button-alt-primary-active-border-color: #4D4C4A;
  --ds-icon-button-alt-primary-active-icon-color: #FFFFFF;
  --ds-icon-button-alt-primary-focus-border-color: #4D4C4A;
  --ds-icon-button-alt-primary-disabled-bg-color: #3B3A39;
  --ds-icon-button-alt-primary-disabled-border-color: #4D4C4A;
  --ds-icon-button-alt-primary-disabled-icon-color: #81807E;
  --ds-icon-button-alt-secondary-default-bg-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-default-border-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-default-icon-color: #81807E;
  --ds-icon-button-alt-secondary-hover-bg-color: #3B3A39;
  --ds-icon-button-alt-secondary-hover-border-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-hover-icon-color: #D4C49C;
  --ds-icon-button-alt-secondary-active-bg-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-active-border-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-active-icon-color: #B2A37D;
  --ds-icon-button-alt-secondary-focus-border-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-disabled-bg-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-disabled-border-color: rgba(0,0,0,0);
  --ds-icon-button-alt-secondary-disabled-icon-color: #3B3A39;
  --ds-icon-button-danger-default-bg-color: #D42511;
  --ds-icon-button-danger-default-border-color: #531A13;
  --ds-icon-button-danger-default-icon-color: #FFFFFF;
  --ds-icon-button-danger-hover-bg-color: #D83B29;
  --ds-icon-button-danger-hover-border-color: #531A13;
  --ds-icon-button-danger-hover-icon-color: #FFFFFF;
  --ds-icon-button-danger-active-bg-color: #B6200F;
  --ds-icon-button-danger-active-border-color: #531A13;
  --ds-icon-button-danger-active-icon-color: #FFFFFF;
  --ds-icon-button-danger-focus-border-color: #531A13;
  --ds-icon-button-danger-disabled-bg-color: #3B3A39;
  --ds-icon-button-danger-disabled-border-color: #4D4C4A;
  --ds-icon-button-danger-disabled-icon-color: #81807E;
  --ds-icon-button-success-default-bg-color: #1F8F1F;
  --ds-icon-button-success-default-border-color: #184518;
  --ds-icon-button-success-default-icon-color: #FFFFFF;
  --ds-icon-button-success-hover-bg-color: #359A35;
  --ds-icon-button-success-hover-border-color: #184518;
  --ds-icon-button-success-hover-icon-color: #FFFFFF;
  --ds-icon-button-success-active-bg-color: #1B7B1B;
  --ds-icon-button-success-active-border-color: #184518;
  --ds-icon-button-success-active-icon-color: #FFFFFF;
  --ds-icon-button-success-focus-border-color: #184518;
  --ds-icon-button-success-disabled-bg-color: #3B3A39;
  --ds-icon-button-success-disabled-border-color: #4D4C4A;
  --ds-icon-button-success-disabled-icon-color: #81807E;
  --ds-selectbox-primary-default-bg-color: #292928;
  --ds-selectbox-primary-default-border-color: #4D4C4A;
  --ds-selectbox-primary-default-text-color: #FFFFFF;
  --ds-selectbox-primary-default-placeholder-color: #81807E;
  --ds-selectbox-primary-default-icon-color: #CFBD91;
  --ds-selectbox-primary-default-chevron-color: #CFBD91;
  --ds-selectbox-primary-hover-bg-color: #3B3A39;
  --ds-selectbox-primary-hover-border-color: #4D4C4A;
  --ds-selectbox-primary-hover-text-color: #FFFFFF;
  --ds-selectbox-primary-hover-icon-color: #CFBD91;
  --ds-selectbox-primary-hover-chevron-color: #CFBD91;
  --ds-selectbox-primary-active-bg-color: #1D1D1D;
  --ds-selectbox-primary-active-border-color: #4D4C4A;
  --ds-selectbox-primary-active-text-color: #FFFFFF;
  --ds-selectbox-primary-active-icon-color: #CFBD91;
  --ds-selectbox-primary-focus-border-color: #4D4C4A;
  --ds-selectbox-primary-disabled-bg-color: #343434;
  --ds-selectbox-primary-disabled-border-color: #4D4C4A;
  --ds-selectbox-primary-disabled-text-color: #8E8D8D;
  --ds-selectbox-primary-disabled-chevron-color: #8E8D8D;
  --ds-selectbox-primary-disabled-icon-color: #8E8D8D;
  --ds-selectbox-secondary-default-bg-color: #3B3A39;
  --ds-selectbox-secondary-default-border-color: #232322;
  --ds-selectbox-secondary-default-text-color: #FFFFFF;
  --ds-selectbox-secondary-default-icon-color: #CFBD91;
  --ds-selectbox-secondary-default-chevron-color: #8E8D8D;
  --ds-selectbox-secondary-hover-bg-color: #4D4C4A;
  --ds-selectbox-secondary-hover-border-color: #232322;
  --ds-selectbox-secondary-hover-text-color: #FFFFFF;
  --ds-selectbox-secondary-hover-icon-color: #CFBD91;
  --ds-selectbox-secondary-hover-chevron-color: #8E8D8D;
  --ds-selectbox-secondary-active-bg-color: #3B3A39;
  --ds-selectbox-secondary-active-border-color: #232322;
  --ds-selectbox-secondary-active-text-color: #FFFFFF;
  --ds-selectbox-secondary-active-icon-color: #CFBD91;
  --ds-selectbox-secondary-focus-border-color: #232322;
  --ds-selectbox-secondary-disabled-bg-color: #343434;
  --ds-selectbox-secondary-disabled-border-color: #4D4C4A;
  --ds-selectbox-secondary-disabled-text-color: #8E8D8D;
  --ds-selectbox-secondary-disabled-chevron-color: #8E8D8D;
  --ds-selectbox-secondary-disabled-icon-color: #8E8D8D;
  --ds-selectbox-tertiary-default-bg-color: #1D1D1D;
  --ds-selectbox-tertiary-default-border-color: #625D51;
  --ds-selectbox-tertiary-default-text-color: #FFFFFF;
  --ds-selectbox-tertiary-default-icon-color: #FFFFFF;
  --ds-selectbox-tertiary-default-chevron-color: #8E8D8D;
  --ds-selectbox-tertiary-hover-bg-color: #292928;
  --ds-selectbox-tertiary-hover-border-color: #625D51;
  --ds-selectbox-tertiary-hover-text-color: #FFFFFF;
  --ds-selectbox-tertiary-hover-icon-color: #FFFFFF;
  --ds-selectbox-tertiary-hover-chevron-color: #8E8D8D;
  --ds-selectbox-tertiary-active-bg-color: #141414;
  --ds-selectbox-tertiary-active-border-color: #625D51;
  --ds-selectbox-tertiary-active-text-color: #FFFFFF;
  --ds-selectbox-tertiary-active-icon-color: #FFFFFF;
  --ds-selectbox-tertiary-focus-border-color: #625D51;
  --ds-selectbox-tertiary-disabled-bg-color: #343434;
  --ds-selectbox-tertiary-disabled-border-color: #4D4C4A;
  --ds-selectbox-tertiary-disabled-text-color: #8E8D8D;
  --ds-selectbox-tertiary-disabled-chevron-color: #8E8D8D;
  --ds-selectbox-tertiary-disabled-icon-color: #8E8D8D;
  --ds-selectbox-flat-default-icon-color: #F5B309;
  --ds-selectbox-flat-default-text-color: #F5B309;
  --ds-selectbox-flat-default-chevron-color: #F5B309;
  --ds-selectbox-flat-hover-icon-color: #F7C545;
  --ds-selectbox-flat-hover-text-color: #F7C545;
  --ds-selectbox-flat-hover-chevron-color: #F7C545;
  --ds-selectbox-flat-active-text-color: #D39A08;
  --ds-selectbox-flat-active-icon-color: #D39A08;
  --ds-selectbox-flat-active-chevron-color: #D39A08;
  --ds-selectbox-flat-focus-border-color: rgba(0,0,0,0);
  --ds-selectbox-flat-disabled-bg-color: rgba(0,0,0,0);
  --ds-selectbox-flat-disabled-border-color: rgba(0,0,0,0);
  --ds-selectbox-flat-disabled-text-color: #8E8D8D;
  --ds-selectbox-flat-disabled-chevron-color: #8E8D8D;
  --ds-selectbox-flat-disabled-icon-color: #8E8D8D;
  --ds-selectbox-flat-default-border-color: rgba(0,0,0,0);
  --ds-switch-primary-on-default-bg-color: #00B624;
  --ds-switch-primary-on-hover-bg-color: #29CC49;
  --ds-switch-primary-on-active-bg-color: #037D03;
  --ds-switch-primary-on-focus-border-color: #00B624;
  --ds-switch-primary-on-disabled-bg-color: #4F964F;
  --ds-switch-primary-off-default-bg-color: #4D4C4A;
  --ds-switch-primary-off-hover-bg-color: #66655E;
  --ds-switch-primary-off-active-bg-color: #3B3A39;
  --ds-switch-primary-off-focus-border-color: #4D4C4A;
  --ds-switch-primary-off-disabled-bg-color: #3B3A39;
  --ds-switch-primary-icon-color: #FFFFFF;
  --ds-switch-primary-knob-color: #FFFFFF;
  --ds-switch-primary-disabled-icon-color: #81807E;
  --ds-switch-primary-disabled-knob-color: #81807E;
  --ds-switch-primary-label-color: #FFFFFF;
  --ds-switch-secondary-on-default-bg-color: #F5B309;
  --ds-switch-secondary-on-hover-bg-color: #F7C545;
  --ds-switch-secondary-on-active-bg-color: #F7C545;
  --ds-switch-secondary-on-focus-border-color: #F5B309;
  --ds-switch-secondary-on-disabled-bg-color: #8A6405;
  --ds-switch-secondary-off-default-bg-color: #4D4C4A;
  --ds-switch-secondary-off-hover-bg-color: #66655E;
  --ds-switch-secondary-off-active-bg-color: #3B3A39;
  --ds-switch-secondary-off-focus-border-color: #4D4C4A;
  --ds-switch-secondary-off-disabled-bg-color: #3B3A39;
  --ds-switch-secondary-icon-color: #FFFFFF;
  --ds-switch-secondary-knob-color: #FFFFFF;
  --ds-switch-secondary-disabled-icon-color: #81807E;
  --ds-switch-secondary-disabled-knob-color: #81807E;
  --ds-switch-secondary-label-color: #FFFFFF;
  --ds-switch-tertiary-on-default-bg-color: #4D4C4A;
  --ds-switch-tertiary-on-hover-bg-color: #66655E;
  --ds-switch-tertiary-on-active-bg-color: #3B3A39;
  --ds-switch-tertiary-on-focus-border-color: #4D4C4A;
  --ds-switch-tertiary-on-disabled-bg-color: #3B3A39;
  --ds-switch-tertiary-off-default-bg-color: #4D4C4A;
  --ds-switch-tertiary-off-hover-bg-color: #66655E;
  --ds-switch-tertiary-off-active-bg-color: #3B3A39;
  --ds-switch-tertiary-off-focus-border-color: #4D4C4A;
  --ds-switch-tertiary-off-disabled-bg-color: #3B3A39;
  --ds-switch-tertiary-icon-color: #FFFFFF;
  --ds-switch-tertiary-knob-color: #FFFFFF;
  --ds-switch-tertiary-disabled-icon-color: #81807E;
  --ds-switch-tertiary-disabled-knob-color: #81807E;
  --ds-switch-tertiary-label-color: #FFFFFF;
  --ds-scrollbar-default-bg-color: #81807e80;
  --ds-scrollbar-hover-bg-color: #cfbd9180;
  --ds-input-primary-default-bg-color: #141414;
  --ds-input-primary-default-text-color: #FFFFFF;
  --ds-input-primary-default-placeholder-color: #81807E;
  --ds-input-primary-default-border-color: #70706F;
  --ds-input-primary-hover-bg-color: #232322;
  --ds-input-primary-hover-border-color: #B2B1AE;
  --ds-input-primary-focus-bg-color: #141414;
  --ds-input-primary-focus-border-color: #B2B1AE;
  --ds-input-primary-focus-placeholder-color: #70706F;
  --ds-input-primary-count-color: #81807E;
  --ds-input-primary-disabled-bg-color: #1D1D1D;
  --ds-input-primary-disabled-border-color: #3B3A39;
  --ds-input-primary-disabled-text-color: #81807E;
  --ds-input-primary-disabled-placeholder-color: #81807E;
  --ds-input-error-border-color: #AE1100;
  --ds-input-error-count-color: #D83B29;
  --ds-tooltip-standard-bg-color: #E2E5EB;
  --ds-tooltip-standard-border-color: #E2E5EB;
  --ds-tooltip-standard-text-color: #1D1D1D;
  --ds-tooltip-info-bg-color: #292928;
  --ds-tooltip-info-border-color: #292928;
  --ds-tooltip-info-text-color: #E2E5EB;
  --ds-tooltip-error-bg-color: #531A13;
  --ds-tooltip-error-border-color: #531A13;
  --ds-tooltip-error-text-color: #FFFFFF;
  --ds-date-input-primary-default-bg-color: #141414;
  --ds-date-input-primary-default-text-color: #FFFFFF;
  --ds-date-input-primary-default-placeholder-color: #81807E;
  --ds-date-input-primary-default-border-color: #70706F;
  --ds-date-input-primary-hover-bg-color: #232322;
  --ds-date-input-primary-hover-border-color: #B2B1AE;
  --ds-date-input-primary-focus-bg-color: #141414;
  --ds-date-input-primary-focus-border-color: #B2B1AE;
  --ds-date-input-error-border-color: #AE1100;
  --ds-date-input-disabled-bg-color: #1D1D1D;
  --ds-date-input-disabled-border-color: #3B3A39;
  --ds-date-input-disabled-text-color: #81807E;
  --ds-date-input-disabled-placeholder-color: #81807E;
  --ds-time-input-primary-default-bg-color: #141414;
  --ds-time-input-primary-default-border-color: #70706F;
  --ds-time-input-primary-default-placeholder-color: #81807E;
  --ds-time-input-primary-default-text-color: #FFFFFF;
  --ds-time-input-primary-hover-bg-color: #232322;
  --ds-time-input-primary-hover-border-color: #B2B1AE;
  --ds-time-input-primary-focus-bg-color: #141414;
  --ds-time-input-primary-focus-border-color: #B2B1AE;
  --ds-time-input-error-border-color: #AE1100;
  --ds-time-input-disabled-bg-color: #1D1D1D;
  --ds-time-input-disabled-border-color: #3B3A39;
  --ds-time-input-disabled-text-color: #81807E;
  --ds-stepper-primary-default-bg-color: #292928;
  --ds-stepper-primary-hover-bg-color: #3B3A39;
  --ds-stepper-primary-active-bg-color: #1D1D1D;
  --ds-stepper-primary-default-icon-color: #CFBD91;
  --ds-stepper-primary-disabled-bg-color: #3B3A39;
  --ds-stepper-primary-disabled-icon-color: #81807E;
  --ds-danger-icon-default-icon-color: #D83B29;
  --ds-date-picker-header-bg-color: #292928;
  --ds-date-picker-header-label-color: #FFFFFF;
  --ds-date-picker-header-hint-color: #B2B1AE;
  --ds-date-picker-tenors-bg-color: #292928;
  --ds-date-picker-calendar-table-day-default-bg-color: rgba(0,0,0,0);
  --ds-date-picker-calendar-table-day-default-text-color: #FFFFFF;
  --ds-date-picker-calendar-table-day-default-today-border-color: #CFBD91;
  --ds-date-picker-calendar-table-day-default-selected-bg-color: #3B3A39;
  --ds-date-picker-calendar-table-day-hover-bg-color: #343434;
  --ds-date-picker-calendar-table-day-hover-selected-bg-color: #79756D;
  --ds-date-picker-calendar-table-day-selected-text-color: #FFFFFF;
  --ds-date-picker-calendar-table-day-weekend-text-color: #D4736A;
  --ds-date-picker-calendar-table-day-weekend-selected-text-color: #DFCDCD;
  --ds-date-picker-calendar-table-day-disabled-text-color: rgba(255,255,255,0.5);
  --ds-date-picker-calendar-table-default-header-color: rgba(255,255,255,0.5);
  --ds-date-picker-calendar-table-label-color: #FFFFFF;
  --ds-date-picker-calendar-list-item-default-text-color: #FFFFFF;
  --ds-date-picker-calendar-list-item-hover-bg-color: rgba(255,255,255,0.1);
  --ds-date-picker-calendar-list-item-disabled-text-color: #9A9999;
  --ds-date-picker-calendar-bg-color: #292928;
  --ds-date-picker-calendar-divider-color: rgba(255,255,255,0.1);
  --ds-date-picker-footer-bg-color: #292928;
  --ds-segment-control-unselected-primary-default-bg-color: #292928;
  --ds-segment-control-unselected-primary-hover-bg-color: #3B3A39;
  --ds-segment-control-unselected-primary-active-bg-color: #1D1D1D;
  --ds-segment-control-unselected-primary-default-border-color: #4D4C4A;
  --ds-segment-control-unselected-primary-default-text-color: #FFFFFF;
  --ds-segment-control-unselected-primary-default-icon-color: #B2B1AE;
  --ds-segment-control-unselected-primary-focus-border-color: #4D4C4A;
  --ds-segment-control-unselected-primary-disabled-bg-color: #232322;
  --ds-segment-control-unselected-primary-disabled-border-color: #4D4C4A;
  --ds-segment-control-unselected-primary-disabled-text-color: rgba(255,255,255,0.5);
  --ds-segment-control-unselected-primary-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-primary-default-bg-color: #816D3F;
  --ds-segment-control-selected-primary-hover-bg-color: #716852;
  --ds-segment-control-selected-primary-active-bg-color: #816D3F;
  --ds-segment-control-selected-primary-default-border-color: #CFBD91;
  --ds-segment-control-selected-primary-default-text-color: #FFFFFF;
  --ds-segment-control-selected-primary-default-icon-color: #CFBD91;
  --ds-segment-control-selected-primary-focus-border-color: #CFBD91;
  --ds-segment-control-selected-primary-disabled-bg-color: #716852;
  --ds-segment-control-selected-primary-disabled-border-color: #4D4C4A;
  --ds-segment-control-selected-primary-disabled-text-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-primary-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-danger-default-bg-color: #B6200F;
  --ds-segment-control-selected-danger-hover-bg-color: #df3825;
  --ds-segment-control-selected-danger-active-bg-color: #AE1100;
  --ds-segment-control-selected-danger-default-border-color: #C63737;
  --ds-segment-control-selected-danger-default-text-color: #FFFFFF;
  --ds-segment-control-selected-danger-default-icon-color: #FFFFFF;
  --ds-segment-control-selected-danger-focus-border-color: #C63737;
  --ds-segment-control-selected-danger-disabled-bg-color: #C63737;
  --ds-segment-control-selected-danger-disabled-border-color: #4D4C4A;
  --ds-segment-control-selected-danger-disabled-text-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-danger-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-success-default-bg-color: #337521;
  --ds-segment-control-selected-success-hover-bg-color: #1E8A1E;
  --ds-segment-control-selected-success-active-bg-color: #156615;
  --ds-segment-control-selected-success-default-border-color: #359A35;
  --ds-segment-control-selected-success-default-text-color: #FFFFFF;
  --ds-segment-control-selected-success-default-icon-color: #FFFFFF;
  --ds-segment-control-selected-success-focus-border-color: #359A35;
  --ds-segment-control-selected-success-disabled-bg-color: #4B8443;
  --ds-segment-control-selected-success-disabled-border-color: #4D4C4A;
  --ds-segment-control-selected-success-disabled-text-color: rgba(255,255,255,0.5);
  --ds-segment-control-selected-success-disabled-icon-color: rgba(255,255,255,0.5);
  --ds-segment-control-outline-color: #0693F9;
  --ds-segment-control-container-bg-color: rgba(0,0,0,0);
  --ds-checkbox-primary-unchecked-default-bg-color: #141414;
  --ds-checkbox-primary-unchecked-hover-bg-color: #232322;
  --ds-checkbox-primary-unchecked-default-border-color: #70706F;
  --ds-checkbox-primary-unchecked-hover-border-color: #B2B1AE;
  --ds-checkbox-primary-unchecked-focus-border-color: #70706F;
  --ds-checkbox-primary-checked-default-bg-color: #00B624;
  --ds-checkbox-primary-checked-hover-bg-color: #29CC49;
  --ds-checkbox-primary-checked-default-border-color: #037D03;
  --ds-checkbox-primary-checked-hover-border-color: #037D03;
  --ds-checkbox-primary-checked-focus-border-color: #037D03;
  --ds-checkbox-primary-checked-icon-color: #FFFFFF;
  --ds-checkbox-primary-mixed-default-bg-color: #00B624;
  --ds-checkbox-primary-mixed-hover-bg-color: #29CC49;
  --ds-checkbox-primary-mixed-default-border-color: #037D03;
  --ds-checkbox-primary-mixed-hover-border-color: #037D03;
  --ds-checkbox-primary-mixed-focus-border-color: #037D03;
  --ds-checkbox-primary-mixed-icon-color: #FFFFFF;
  --ds-checkbox-primary-label-color: #FFFFFF;
  --ds-checkbox-primary-hint-color: #B2B1AE;
  --ds-checkbox-primary-disabled-bg-color: #1D1D1D;
  --ds-checkbox-primary-disabled-border-color: #3B3A39;
  --ds-checkbox-primary-disabled-icon-color: #81807E;
  --ds-checkbox-primary-error-bg-color: #141414;
  --ds-checkbox-primary-error-hover-bg-color: #232322;
  --ds-checkbox-primary-error-border-color: #AE1100;
  --ds-checkbox-primary-error-icon-color: #FFFFFF;
  --ds-radio-button-primary-unchecked-default-bg-color: #141414;
  --ds-radio-button-primary-unchecked-default-border-color: #70706F;
  --ds-radio-button-primary-unchecked-hover-bg-color: #232322;
  --ds-radio-button-primary-unchecked-hover-border-color: #B2B1AE;
  --ds-radio-button-primary-unchecked-focus-border-color: #70706F;
  --ds-radio-button-primary-checked-default-bg-color: #141414;
  --ds-radio-button-primary-checked-default-border-color: #70706F;
  --ds-radio-button-primary-checked-hover-bg-color: #232322;
  --ds-radio-button-primary-checked-hover-border-color: #B2B1AE;
  --ds-radio-button-primary-checked-focus-border-color: #70706F;
  --ds-radio-button-primary-checked-default-circle-color: #00B624;
  --ds-radio-button-primary-checked-error-circle-color: #D83B29;
  --ds-radio-button-primary-label-color: #FFFFFF;
  --ds-radio-button-primary-hint-color: #B2B1AE;
  --ds-radio-button-primary-disabled-bg-color: #1D1D1D;
  --ds-radio-button-primary-disabled-border-color: #3B3A39;
  --ds-radio-button-primary-disabled-circle-color: #81807E;
  --ds-radio-button-primary-error-bg-color: #141414;
  --ds-radio-button-primary-error-hover-bg-color: #232322;
  --ds-radio-button-primary-error-border-color: #AE1100;
  --ds-list-item-primary-default-bg-color: rgba(0,0,0,0);
  --ds-list-item-primary-default-label-color: #FFFFFF;
  --ds-list-item-primary-default-hint-color: #B2B1AE;
  --ds-list-item-primary-default-leading-icon-color: #B2B1AE;
  --ds-list-item-primary-hover-bg-color: #3B3A39;
  --ds-list-item-primary-selected-default-bg-color: rgba(0,0,0,0);
  --ds-list-item-primary-selected-label-color: #F5B309;
  --ds-list-item-primary-selected-hint-color: #B2B1AE;
  --ds-list-item-primary-selected-trailing-icon-color: #CFBD91;
  --ds-list-item-primary-selected-hover-bg-color: #3B3A39;
  --ds-list-item-primary-header-color: #816D3F;
  --ds-list-item-primary-divider-color: rgba(255,255,255,0.1);
  --ds-list-item-disabled-leading-icon-color: #81807E;
  --ds-list-item-disabled-trailing-icon-color: #81807E;
  --ds-list-item-disabled-label-color: #81807E;
  --ds-list-item-disabled-hint-color: #81807E;
  --ds-list-item-disabled-default-bg-color: rgba(0,0,0,0);
  --ds-list-item-disabled-selected-bg-color: rgba(0,0,0,0);
  --ds-list-bg-color: #292928;
  --ds-list-border-color: #292928;
  --ds-loader-primary-default-bg-color: rgba(207,189,145,0.6);
  --ds-loader-primary-default-spinner-color: #CFBD91;
  --ds-numeric-stepper-primary-default-bg-color: #141414;
  --ds-numeric-stepper-primary-default-text-color: #FFFFFF;
  --ds-numeric-stepper-primary-default-placeholder-color: #81807E;
  --ds-numeric-stepper-primary-default-border-color: #70706F;
  --ds-numeric-stepper-primary-hover-bg-color: #232322;
  --ds-numeric-stepper-primary-hover-border-color: #B2B1AE;
  --ds-numeric-stepper-primary-focus-bg-color: #141414;
  --ds-numeric-stepper-primary-focus-border-color: #B2B1AE;
  --ds-numeric-stepper-primary-focus-placeholder-color: #70706F;
  --ds-numeric-stepper-primary-disabled-bg-color: #1D1D1D;
  --ds-numeric-stepper-primary-disabled-border-color: #3B3A39;
  --ds-numeric-stepper-primary-disabled-text-color: #81807E;
  --ds-numeric-stepper-primary-disabled-placeholder-color: #81807E;
  --ds-numeric-stepper-error-border-color: #AE1100;
  --ds-text-area-primary-default-bg-color: #141414;
  --ds-text-area-primary-default-text-color: #FFFFFF;
  --ds-text-area-primary-default-placeholder-color: #81807E;
  --ds-text-area-primary-default-border-color: #70706F;
  --ds-text-area-primary-default-resize-icon-color: #81807E;
  --ds-text-area-primary-hover-bg-color: #232322;
  --ds-text-area-primary-hover-border-color: #B2B1AE;
  --ds-text-area-primary-focus-bg-color: #141414;
  --ds-text-area-primary-focus-border-color: #B2B1AE;
  --ds-text-area-primary-focus-placeholder-color: #70706F;
  --ds-text-area-primary-count-color: #81807E;
  --ds-text-area-primary-hint-color: #B2B1AE;
  --ds-text-area-primary-disabled-bg-color: #1D1D1D;
  --ds-text-area-primary-disabled-border-color: #3B3A39;
  --ds-text-area-primary-disabled-placeholder-color: #81807E;
  --ds-text-area-primary-disabled-text-color: #81807E;
  --ds-text-area-primary-disabled-resize-icon-color: #3B3A39;
  --ds-text-area-error-border-color: #AE1100;
  --ds-text-area-error-count-color: #D83B29;
  --ds-bg-01: #141414;
  --ds-bg-02: #1D1D1D;
  --ds-bg-03: #292928;
  --ds-h-01: #FFFFFF;
  --ds-h-02: #B2B1AE;
  --ds-h-03: #81807E;
  --ds-note: #FF008A;
  --ds-note-bg: #ff008a26;
  --ds-highlight: #0693F9;
  --ds-menu-item-primary-default-bg-color: rgba(0,0,0,0);
  --ds-menu-item-primary-default-label-color: #FFFFFF;
  --ds-menu-item-primary-default-hint-color: #B2B1AE;
  --ds-menu-item-primary-default-leading-icon-color: #B2B1AE;
  --ds-menu-item-primary-default-trailing-icon-color: #B2B1AE;
  --ds-menu-item-primary-hover-bg-color: #3B3A39;
  --ds-menu-item-primary-selected-default-bg-color: rgba(0,0,0,0);
  --ds-menu-item-primary-selected-label-color: #F5B309;
  --ds-menu-item-primary-selected-hint-color: #B2B1AE;
  --ds-menu-item-primary-selected-trailing-icon-color: #CFBD91;
  --ds-menu-item-primary-selected-hover-bg-color: #3B3A39;
  --ds-menu-item-primary-header-color: #B2A37D;
  --ds-menu-item-primary-divider-color: rgba(255,255,255,0.1);
  --ds-menu-item-disabled-leading-icon-color: #81807E;
  --ds-menu-item-disabled-trailing-icon-color: #81807E;
  --ds-menu-item-disabled-label-color: #81807E;
  --ds-menu-item-disabled-hint-color: #81807E;
  --ds-menu-item-disabled-default-bg-color: rgba(0,0,0,0);
  --ds-menu-bg-color: #292928;
  --ds-menu-border-color: #292928;
  --ds-base-outline-color: #0693F9;
  --ds-base-selection-color: #4C6C94;
  --ds-base-fg-primary-color: #FFFFFF;
  --ds-base-fg-secondary-color: #B2B1AE;
  --ds-base-fg-tertiary-color: #81807E;
  --ds-base-fg-brand-default-color: #CFBD91;
  --ds-base-fg-brand-hover-color: #D4C49C;
  --ds-base-fg-brand-active-color: #B29447;
  --ds-base-fg-accent-default-color: #00B624;
  --ds-base-fg-accent-hover-color: #29CC49;
  --ds-base-fg-accent-active-color: #037D03;
  --ds-base-fg-accent-disabled-color: #4F964F;
  --ds-base-fg-extra-default-color: #F5B309;
  --ds-base-fg-extra-hover-color: #F7C545;
  --ds-base-fg-extra-active-color: #D39A08;
  --ds-base-bg-primary: #141414;
  --ds-base-bg-secondary: #1D1D1D;
  --ds-base-bg-tertiary: #292928;
  --ds-base-bg-brand-default-color: #CFBD91;
  --ds-base-bg-brand-hover-color: #D4C49C;
  --ds-base-bg-brand-active-color: #B2A37D;
  --ds-base-bg-extra-default-color: #F5B309;
  --ds-base-bg-extra-hover-color: #F7C545;
  --ds-base-bg-extra-active-color: #D39A08;
  --ds-base-bg-danger-default-color: #D42511;
  --ds-base-bg-danger-hover-color: #D83B29;
  --ds-base-bg-danger-active-color: #B6200F;
  --ds-base-bg-success-default-color: #1F8F1F;
  --ds-base-bg-success-hover-color: #359A35;
  --ds-base-bg-success-active-color: #1B7B1B;
  --ds-base-error-border-color: #AE1100;
  --ds-base-error-default-fg-color: #D83B29;
  --ds-alias-button-primary-default-bg-color: #CFBD91;
  --ds-alias-button-primary-default-border-color: #CFBD91;
  --ds-alias-button-primary-default-fg-color: #1D1D1D;
  --ds-alias-button-primary-hover-bg-color: #D4C49C;
  --ds-alias-button-primary-hover-border-color: #CFBD91;
  --ds-alias-button-primary-active-bg-color: #B2A37D;
  --ds-alias-button-primary-active-border-color: #CFBD91;
  --ds-alias-button-primary-disabled-bg-color: #3B3A39;
  --ds-alias-button-primary-disabled-border-color: #4D4C4A;
  --ds-alias-button-primary-disabled-fg-color: #81807E;
  --ds-alias-button-secondary-default-bg-color: #1D1D1D;
  --ds-alias-button-secondary-default-border-color: #CFBD91;
  --ds-alias-button-secondary-default-fg-color: #FFFFFF;
  --ds-alias-button-secondary-hover-bg-color: #343434;
  --ds-alias-button-secondary-hover-border-color: #CFBD91;
  --ds-alias-button-secondary-active-bg-color: #141414;
  --ds-alias-button-secondary-active-border-color: #CFBD91;
  --ds-alias-button-secondary-disabled-bg-color: #3B3A39;
  --ds-alias-button-secondary-disabled-border-color: #4D4C4A;
  --ds-alias-button-secondary-disabled-fg-color: #81807E;
  --ds-alias-button-tertiary-default-bg-color: #292928;
  --ds-alias-button-tertiary-default-border-color: #4D4C4A;
  --ds-alias-button-tertiary-default-fg-color: #E2E5EB;
  --ds-alias-button-tertiary-hover-bg-color: #3B3A39;
  --ds-alias-button-tertiary-hover-border-color: #4D4C4A;
  --ds-alias-button-tertiary-active-bg-color: #1D1D1D;
  --ds-alias-button-tertiary-active-border-color: #4D4C4A;
  --ds-alias-button-tertiary-disabled-bg-color: #3B3A39;
  --ds-alias-button-tertiary-disabled-border-color: #4D4C4A;
  --ds-alias-button-tertiary-disabled-fg-color: #81807E;
  --ds-alias-button-alt-primary-default-bg-color: #F5B309;
  --ds-alias-button-alt-primary-default-border-color: #F5B309;
  --ds-alias-button-alt-primary-default-fg-color: #1D1D1D;
  --ds-alias-button-alt-primary-hover-bg-color: #F7C545;
  --ds-alias-button-alt-primary-hover-border-color: #F5B309;
  --ds-alias-button-alt-primary-active-bg-color: #D39A08;
  --ds-alias-button-alt-primary-active-border-color: #F5B309;
  --ds-alias-button-alt-primary-disabled-bg-color: #3B3A39;
  --ds-alias-button-alt-primary-disabled-border-color: #4D4C4A;
  --ds-alias-button-alt-primary-disabled-fg-color: #81807E;
  --ds-alias-button-alt-secondary-default-bg-color: #1D1D1D;
  --ds-alias-button-alt-secondary-default-border-color: #F5B309;
  --ds-alias-button-alt-secondary-default-fg-color: #FFFFFF;
  --ds-alias-button-alt-secondary-hover-bg-color: #343434;
  --ds-alias-button-alt-secondary-hover-border-color: #F5B309;
  --ds-alias-button-alt-secondary-active-bg-color: #141414;
  --ds-alias-button-alt-secondary-active-border-color: #F5B309;
  --ds-alias-button-alt-secondary-disabled-bg-color: #3B3A39;
  --ds-alias-button-alt-secondary-disabled-border-color: #4D4C4A;
  --ds-alias-button-alt-secondary-disabled-fg-color: #81807E;
  --ds-alias-button-danger-default-bg-color: #D42511;
  --ds-alias-button-danger-default-border-color: #531A13;
  --ds-alias-button-danger-default-fg-color: #FFFFFF;
  --ds-alias-button-danger-hover-bg-color: #D83B29;
  --ds-alias-button-danger-hover-border-color: #531A13;
  --ds-alias-button-danger-active-bg-color: #B6200F;
  --ds-alias-button-danger-active-border-color: #531A13;
  --ds-alias-button-danger-disabled-bg-color: #3B3A39;
  --ds-alias-button-danger-disabled-border-color: #4D4C4A;
  --ds-alias-button-danger-disabled-fg-color: #81807E;
  --ds-alias-button-success-default-bg-color: #1F8F1F;
  --ds-alias-button-success-default-border-color: #184518;
  --ds-alias-button-success-default-fg-color: #FFFFFF;
  --ds-alias-button-success-hover-bg-color: #359A35;
  --ds-alias-button-success-hover-border-color: #184518;
  --ds-alias-button-success-active-bg-color: #1B7B1B;
  --ds-alias-button-success-active-border-color: #184518;
  --ds-alias-button-success-disabled-bg-color: #3B3A39;
  --ds-alias-button-success-disabled-border-color: #4D4C4A;
  --ds-alias-button-success-disabled-fg-color: #81807E;
  --ds-alias-icon-button-primary-default-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-primary-default-icon-color: #CFBD91;
  --ds-alias-icon-button-primary-hover-icon-color: #D4C49C;
  --ds-alias-icon-button-primary-active-icon-color: #B29447;
  --ds-alias-icon-button-primary-disabled-icon-color: #3B3A39;
  --ds-alias-icon-button-secondary-default-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-secondary-default-icon-color: #FFFFFF;
  --ds-alias-icon-button-secondary-hover-icon-color: #D4C49C;
  --ds-alias-icon-button-secondary-active-icon-color: #B29447;
  --ds-alias-icon-button-secondary-disabled-icon-color: #3B3A39;
  --ds-alias-icon-button-tertiary-default-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-tertiary-default-icon-color: #81807E;
  --ds-alias-icon-button-tertiary-hover-icon-color: #D4C49C;
  --ds-alias-icon-button-tertiary-active-icon-color: #B29447;
  --ds-alias-icon-button-tertiary-disabled-icon-color: #3B3A39;
  --ds-alias-icon-button-alt-primary-default-bg-color: #292928;
  --ds-alias-icon-button-alt-primary-default-border-color: #4D4C4A;
  --ds-alias-icon-button-alt-primary-default-icon-color: #FFFFFF;
  --ds-alias-icon-button-alt-primary-hover-bg-color: #3B3A39;
  --ds-alias-icon-button-alt-primary-active-bg-color: #1D1D1D;
  --ds-alias-icon-button-alt-primary-disabled-bg-color: #3B3A39;
  --ds-alias-icon-button-alt-primary-disabled-border-color: #4D4C4A;
  --ds-alias-icon-button-alt-primary-disabled-icon-color: #81807E;
  --ds-alias-icon-button-alt-secondary-default-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-alt-secondary-default-border-color: rgba(0,0,0,0);
  --ds-alias-icon-button-alt-secondary-default-icon-color: #81807E;
  --ds-alias-icon-button-alt-secondary-hover-bg-color: #3B3A39;
  --ds-alias-icon-button-alt-secondary-hover-icon-color: #D4C49C;
  --ds-alias-icon-button-alt-secondary-active-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-alt-secondary-active-icon-color: #B2A37D;
  --ds-alias-icon-button-alt-secondary-disabled-bg-color: rgba(0,0,0,0);
  --ds-alias-icon-button-alt-secondary-disabled-border-color: rgba(0,0,0,0);
  --ds-alias-icon-button-alt-secondary-disabled-icon-color: #3B3A39;
  --ds-alias-icon-button-danger-default-bg-color: #D42511;
  --ds-alias-icon-button-danger-default-border-color: #531A13;
  --ds-alias-icon-button-danger-default-icon-color: #FFFFFF;
  --ds-alias-icon-button-danger-hover-bg-color: #D83B29;
  --ds-alias-icon-button-danger-active-bg-color: #B6200F;
  --ds-alias-icon-button-danger-disabled-bg-color: #3B3A39;
  --ds-alias-icon-button-danger-disabled-border-color: #4D4C4A;
  --ds-alias-icon-button-danger-disabled-icon-color: #81807E;
  --ds-alias-icon-button-success-default-bg-color: #1F8F1F;
  --ds-alias-icon-button-success-default-border-color: #184518;
  --ds-alias-icon-button-success-default-icon-color: #FFFFFF;
  --ds-alias-icon-button-success-hover-bg-color: #359A35;
  --ds-alias-icon-button-success-active-bg-color: #1B7B1B;
  --ds-alias-icon-button-success-disabled-bg-color: #3B3A39;
  --ds-alias-icon-button-success-disabled-border-color: #4D4C4A;
  --ds-alias-icon-button-success-disabled-icon-color: #81807E;
  --ds-alias-forms-default-bg-color: #141414;
  --ds-alias-forms-hover-bg-color: #232322;
  --ds-alias-forms-default-border-color: #70706F;
  --ds-alias-forms-hover-border-color: #B2B1AE;
  --ds-alias-forms-accent-default-color: #00B624;
  --ds-alias-forms-accent-hover-color: #29CC49;
  --ds-alias-forms-accent-default-border-color: #037D03;
  --ds-alias-forms-accent-hover-border-color: #037D03;
  --ds-alias-forms-default-fg-color: #FFFFFF;
  --ds-alias-forms-on-accent-color: #FFFFFF;
  --ds-alias-forms-default-placeholder-color: #81807E;
  --ds-alias-forms-focus-muted-fg-color: #70706F;
  --ds-alias-forms-disabled-bg-color: #1D1D1D;
  --ds-alias-forms-disabled-border-color: #3B3A39;
  --ds-alias-forms-disabled-fg-color: #81807E;
  --ds-alias-link-default-color: #00B624;
  --ds-alias-link-hover-color: #D4C49C;
  --ds-alias-link-active-color: #B29447;
  --ds-alias-link-disabled-color: #4B8443;
  --ds-alias-list-bg-color: #292928;
  --ds-alias-list-default-text-color: #FFFFFF;
  --ds-alias-list-default-hint-color: #B2B1AE;
  --ds-alias-list-default-icon-color: #B2B1AE;
  --ds-alias-list-selected-text-color: #F5B309;
  --ds-alias-list-trailing-icon-color: #CFBD91;
  --ds-alias-list-header-color: #816D3F;
  --ds-alias-list-hover-bg-color: #3B3A39;
  --ds-alias-list-divider-color: rgba(255,255,255,0.1);
  --ds-alias-list-disabled-fg-color: #81807E;
  --ds-alias-loader-primary-default-bg-color: rgba(207,189,145,0.6);
  --ds-alias-loader-primary-default-spinner-color: #CFBD91;
  --ds-alias-switch-primary-default-bg-color: #00B624;
  --ds-alias-switch-primary-hover-bg-color: #29CC49;
  --ds-alias-switch-primary-active-bg-color: #037D03;
  --ds-alias-switch-primary-disabled-bg-color: #4F964F;
  --ds-alias-switch-primary-icon-color: #FFFFFF;
  --ds-alias-switch-secondary-default-bg-color: #F5B309;
  --ds-alias-switch-secondary-hover-bg-color: #F7C545;
  --ds-alias-switch-secondary-active-bg-color: #F7C545;
  --ds-alias-switch-secondary-disabled-bg-color: #8A6405;
  --ds-alias-switch-secondary-icon-color: #FFFFFF;
  --ds-alias-switch-tertiary-default-bg-color: #4D4C4A;
  --ds-alias-switch-tertiary-hover-bg-color: #66655E;
  --ds-alias-switch-tertiary-active-bg-color: #3B3A39;
  --ds-alias-switch-tertiary-disabled-bg-color: #3B3A39;
  --ds-alias-switch-tertiary-icon-color: #FFFFFF;
  --ds-alias-switch-off-default-bg-color: #4D4C4A;
  --ds-alias-switch-off-hover-bg-color: #66655E;
  --ds-alias-switch-off-active-bg-color: #3B3A39;
  --ds-alias-switch-off-disabled-bg-color: #3B3A39;
  --ds-alias-switch-off-icon-color: #FFFFFF;
  --ds-alias-switch-knob-on-color: #FFFFFF;
  --ds-alias-switch-knob-off-color: #FFFFFF;
  --ds-alias-switch-knob-disabled-color: #81807E;
  --ds-alias-switch-icon-disabled-color: #81807E;
  --ds-alias-selectbox-primary-default-bg-color: #292928;
  --ds-alias-selectbox-primary-default-border-color: #4D4C4A;
  --ds-alias-selectbox-primary-hover-bg-color: #3B3A39;
  --ds-alias-selectbox-primary-hover-border-color: #4D4C4A;
  --ds-alias-selectbox-primary-active-bg-color: #1D1D1D;
  --ds-alias-selectbox-primary-text-color: #FFFFFF;
  --ds-alias-selectbox-primary-placeholder-color: #81807E;
  --ds-alias-selectbox-primary-icon-color: #CFBD91;
  --ds-alias-selectbox-primary-chevron-color: #CFBD91;
  --ds-alias-selectbox-secondary-default-bg-color: #3B3A39;
  --ds-alias-selectbox-secondary-default-border-color: #232322;
  --ds-alias-selectbox-secondary-hover-bg-color: #4D4C4A;
  --ds-alias-selectbox-secondary-hover-border-color: #232322;
  --ds-alias-selectbox-secondary-active-bg-color: #3B3A39;
  --ds-alias-selectbox-secondary-text-color: #FFFFFF;
  --ds-alias-selectbox-secondary-placeholder-color: #81807E;
  --ds-alias-selectbox-secondary-icon-color: #CFBD91;
  --ds-alias-selectbox-secondary-chevron-color: #8E8D8D;
  --ds-alias-selectbox-tertiary-default-bg-color: #1D1D1D;
  --ds-alias-selectbox-tertiary-default-border-color: #625D51;
  --ds-alias-selectbox-tertiary-hover-bg-color: #292928;
  --ds-alias-selectbox-tertiary-hover-border-color: #625D51;
  --ds-alias-selectbox-tertiary-active-bg-color: #141414;
  --ds-alias-selectbox-tertiary-text-color: #FFFFFF;
  --ds-alias-selectbox-tertiary-placeholder-color: #81807E;
  --ds-alias-selectbox-tertiary-icon-color: #FFFFFF;
  --ds-alias-selectbox-tertiary-chevron-color: #8E8D8D;
  --ds-alias-selectbox-flat-default-bg-color: rgba(0,0,0,0);
  --ds-alias-selectbox-flat-default-border-color: rgba(0,0,0,0);
  --ds-alias-selectbox-flat-default-text-color: #F5B309;
  --ds-alias-selectbox-flat-default-icon-color: #F5B309;
  --ds-alias-selectbox-flat-default-chevron-color: #F5B309;
  --ds-alias-selectbox-flat-hover-text-color: #F7C545;
  --ds-alias-selectbox-flat-hover-icon-color: #F7C545;
  --ds-alias-selectbox-flat-hover-chevron-color: #F7C545;
  --ds-alias-selectbox-flat-active-text-color: #D39A08;
  --ds-alias-selectbox-flat-active-icon-color: #D39A08;
  --ds-alias-selectbox-flat-active-chevron-color: #D39A08;
  --ds-alias-selectbox-flat-placeholder-color: #8A6405;
  --ds-alias-selectbox-disabled-bg-color: #343434;
  --ds-alias-selectbox-disabled-border-color: #4D4C4A;
  --ds-alias-selectbox-disabled-fg-color: #8E8D8D;
  --ds-alias-stepper-default-bg-color: #292928;
  --ds-alias-stepper-default-icon-color: #CFBD91;
  --ds-alias-stepper-hover-bg-color: #3B3A39;
  --ds-alias-stepper-active-bg-color: #1D1D1D;
  --ds-alias-stepper-disabled-bg-color: #3B3A39;
  --ds-alias-stepper-disabled-icon-color: #81807E;
  --ds-alias-segment-control-primary-selected-default-bg-color: #816D3F;
  --ds-alias-segment-control-primary-selected-default-border-color: #CFBD91;
  --ds-alias-segment-control-primary-selected-default-text-color: #FFFFFF;
  --ds-alias-segment-control-primary-selected-default-icon-color: #CFBD91;
  --ds-alias-segment-control-primary-selected-hover-bg-color: #716852;
  --ds-alias-segment-control-primary-selected-active-bg-color: #816D3F;
  --ds-alias-segment-control-primary-selected-disabled-bg-color: #716852;
  --ds-alias-segment-control-primary-selected-disabled-border-color: #4D4C4A;
  --ds-alias-segment-control-primary-selected-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-segment-control-primary-default-bg-color: #292928;
  --ds-alias-segment-control-primary-default-border-color: #4D4C4A;
  --ds-alias-segment-control-primary-default-text-color: #FFFFFF;
  --ds-alias-segment-control-primary-default-icon-color: #B2B1AE;
  --ds-alias-segment-control-primary-hover-bg-color: #3B3A39;
  --ds-alias-segment-control-primary-active-bg-color: #1D1D1D;
  --ds-alias-segment-control-primary-disabled-bg-color: #232322;
  --ds-alias-segment-control-primary-disabled-border-color: #4D4C4A;
  --ds-alias-segment-control-primary-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-segment-control-danger-default-bg-color: #B6200F;
  --ds-alias-segment-control-danger-default-border-color: #C63737;
  --ds-alias-segment-control-danger-default-text-color: #FFFFFF;
  --ds-alias-segment-control-danger-default-icon-color: #FFFFFF;
  --ds-alias-segment-control-danger-hover-bg-color: #df3825;
  --ds-alias-segment-control-danger-active-bg-color: #AE1100;
  --ds-alias-segment-control-danger-disabled-bg-color: #C63737;
  --ds-alias-segment-control-danger-disabled-border-color: #4D4C4A;
  --ds-alias-segment-control-danger-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-segment-control-success-default-bg-color: #337521;
  --ds-alias-segment-control-success-default-border-color: #359A35;
  --ds-alias-segment-control-success-default-text-color: #FFFFFF;
  --ds-alias-segment-control-success-default-icon-color: #FFFFFF;
  --ds-alias-segment-control-success-hover-bg-color: #1E8A1E;
  --ds-alias-segment-control-success-active-bg-color: #156615;
  --ds-alias-segment-control-success-disabled-bg-color: #4B8443;
  --ds-alias-segment-control-success-disabled-border-color: #4D4C4A;
  --ds-alias-segment-control-success-disabled-fg-color: rgba(255,255,255,0.5);
  --ds-alias-tooltip-standard-bg-color: #E2E5EB;
  --ds-alias-tooltip-standard-text-color: #1D1D1D;
  --ds-alias-tooltip-info-bg-color: #292928;
  --ds-alias-tooltip-info-text-color: #E2E5EB;
  --ds-alias-tooltip-error-bg-color: #531A13;
  --ds-alias-tooltip-error-text-color: #FFFFFF;
  --ds-common-outline-color: #0693F9;
  --ds-common-selection-color: #4C6C94;
  --ds-dialog-body-bg-color: #1D1D1D;
  --ds-dialog-border-color: #343434;
  --ds-dialog-header-bg-color: #343434;
  --ds-dialog-header-bottom-border-color: #232322;
  --ds-dialog-header-icon-color: #81807E;
  --ds-dialog-body-text-color: #FFFFFF;
  --ds-dialog-header-text-color: #FFFFFF;
  --ds-dialog-footer-bg-color: #1D1D1D;
  --ds-dialog-footer-top-border-color: rgba(255,255,255,0.1);
  --ds-dialog-modal-overlay-bg-color: rgba(0,0,0,0.6);
  --ds-tab-primary-inactive-default-bg-color: #1D1D1D;
  --ds-tab-primary-inactive-default-border-color: #4D4C4A;
  --ds-tab-primary-inactive-default-text-color: #EAECEF;
  --ds-tab-primary-inactive-default-icon-color: #9A9999;
  --ds-tab-primary-inactive-hover-bg-color: #292928;
  --ds-tab-primary-inactive-hover-border-color: #4D4C4A;
  --ds-tab-primary-inactive-hover-text-color: #EAECEF;
  --ds-tab-primary-inactive-hover-icon-color: #9A9999;
  --ds-tab-primary-inactive-disabled-bg-color: #1D1D1D;
  --ds-tab-primary-inactive-disabled-border-color: #4D4C4A;
  --ds-tab-primary-inactive-disabled-text-color: #81807E;
  --ds-tab-primary-inactive-disabled-icon-color: #81807E;
  --ds-tab-primary-inactive-label-bg-color: #3B3A39;
  --ds-tab-primary-inactive-label-text-color: #CCCBC8;
  --ds-tab-primary-inactive-default-indicator-color: rgba(0,0,0,0);
  --ds-tab-primary-inactive-hover-indicator-color: #625D51;
  --ds-tab-primary-inactive-disabled-indicator-color: rgba(0,0,0,0);
  --ds-tab-primary-inactive-default-container-gradient: linear-gradient(90deg, rgba(29, 29, 29, 0.0) 3%, rgba(29, 29, 29, 1) 10%);
  --ds-tab-primary-inactive-hover-container-gradient: linear-gradient(90deg, rgba(41, 41, 40, 0.0) 3%, rgba(41, 41, 40, 1) 10%);
  --ds-tab-primary-active-default-bg-color: #1D1D1D;
  --ds-tab-primary-active-default-border-color: #4D4C4A;
  --ds-tab-primary-active-default-text-color: #FFFFFF;
  --ds-tab-primary-active-default-icon-color: #9A9999;
  --ds-tab-primary-active-hover-bg-color: #292928;
  --ds-tab-primary-active-hover-border-color: #4D4C4A;
  --ds-tab-primary-active-hover-text-color: #FFFFFF;
  --ds-tab-primary-active-hover-icon-color: #9A9999;
  --ds-tab-primary-active-disabled-bg-color: #1D1D1D;
  --ds-tab-primary-active-disabled-border-color: #4D4C4A;
  --ds-tab-primary-active-disabled-text-color: #81807E;
  --ds-tab-primary-active-disabled-icon-color: #81807E;
  --ds-tab-primary-active-label-bg-color: #3B3A39;
  --ds-tab-primary-active-label-text-color: #CCCBC8;
  --ds-tab-primary-active-default-indicator-color: #CFBD91;
  --ds-tab-primary-active-hover-indicator-color: #D4C49C;
  --ds-tab-primary-active-disabled-indicator-color: #877D62;
  --ds-tab-primary-active-default-container-gradient: linear-gradient(90deg, rgba(29, 29, 29, 0.0) 3%, rgba(29, 29, 29, 1) 10%);
  --ds-tab-primary-active-hover-container-gradient: linear-gradient(90deg, rgba(41, 41, 40, 0.0) 3%, rgba(41, 41, 40, 1) 10%);
  --ds-tab-secondary-inactive-default-bg-color: #292928;
  --ds-tab-secondary-inactive-default-border-color: #4D4C4A;
  --ds-tab-secondary-inactive-default-text-color: #EAECEF;
  --ds-tab-secondary-inactive-default-icon-color: #9A9999;
  --ds-tab-secondary-inactive-hover-bg-color: #3B3A39;
  --ds-tab-secondary-inactive-hover-border-color: #4D4C4A;
  --ds-tab-secondary-inactive-hover-text-color: #EAECEF;
  --ds-tab-secondary-inactive-hover-icon-color: #9A9999;
  --ds-tab-secondary-inactive-disabled-bg-color: #292928;
  --ds-tab-secondary-inactive-disabled-border-color: #4D4C4A;
  --ds-tab-secondary-inactive-disabled-text-color: #81807E;
  --ds-tab-secondary-inactive-disabled-icon-color: #81807E;
  --ds-tab-secondary-inactive-label-bg-color: #4D4C4A;
  --ds-tab-secondary-inactive-label-text-color: #D7DBE1;
  --ds-tab-secondary-inactive-default-indicator-color: rgba(0,0,0,0);
  --ds-tab-secondary-inactive-hover-indicator-color: #79756D;
  --ds-tab-secondary-inactive-disabled-indicator-color: rgba(0,0,0,0);
  --ds-tab-secondary-inactive-default-container-gradient: linear-gradient(90deg, rgba(41, 41, 40, 0.0) 3%, rgba(41, 41, 40, 1) 10%);
  --ds-tab-secondary-inactive-hover-container-gradient: linear-gradient(90deg, rgba(59, 58, 57, 0.0) 3%, rgba(59, 58, 57, 1) 10%);
  --ds-tab-secondary-active-default-bg-color: #292928;
  --ds-tab-secondary-active-default-border-color: #4D4C4A;
  --ds-tab-secondary-active-default-text-color: #FFFFFF;
  --ds-tab-secondary-active-default-icon-color: #9A9999;
  --ds-tab-secondary-active-hover-bg-color: #3B3A39;
  --ds-tab-secondary-active-hover-border-color: #4D4C4A;
  --ds-tab-secondary-active-hover-text-color: #FFFFFF;
  --ds-tab-secondary-active-hover-icon-color: #9A9999;
  --ds-tab-secondary-active-disabled-bg-color: #292928;
  --ds-tab-secondary-active-disabled-border-color: #4D4C4A;
  --ds-tab-secondary-active-disabled-text-color: #81807E;
  --ds-tab-secondary-active-disabled-icon-color: #81807E;
  --ds-tab-secondary-active-label-bg-color: #4D4C4A;
  --ds-tab-secondary-active-label-text-color: #D7DBE1;
  --ds-tab-secondary-active-default-indicator-color: #CFBD91;
  --ds-tab-secondary-active-hover-indicator-color: #D4C49C;
  --ds-tab-secondary-active-disabled-indicator-color: #877D62;
  --ds-tab-secondary-active-default-container-gradient: linear-gradient(90deg, rgba(41, 41, 40, 0.0) 3%, rgba(41, 41, 40, 1) 10%);
  --ds-tab-secondary-active-hover-container-gradient: linear-gradient(90deg, rgba(59, 58, 57, 0.0) 3%, rgba(59, 58, 57, 1) 10%);
  --ds-tab-tertiary-inactive-default-bg-color: #3B3A39;
  --ds-tab-tertiary-inactive-default-border-color: #4D4C4A;
  --ds-tab-tertiary-inactive-default-text-color: #EAECEF;
  --ds-tab-tertiary-inactive-hover-bg-color: #4D4C4A;
  --ds-tab-tertiary-inactive-hover-border-color: #79756D;
  --ds-tab-tertiary-inactive-hover-text-color: #EAECEF;
  --ds-tab-tertiary-inactive-disabled-bg-color: #3B3A39;
  --ds-tab-tertiary-inactive-disabled-border-color: #4D4C4A;
  --ds-tab-tertiary-inactive-disabled-text-color: #81807E;
  --ds-tab-tertiary-active-default-bg-color: #3B3A39;
  --ds-tab-tertiary-active-default-border-color: #4D4C4A;
  --ds-tab-tertiary-active-default-text-color: #FFFFFF;
  --ds-tab-tertiary-active-hover-bg-color: #4D4C4A;
  --ds-tab-tertiary-active-hover-border-color: #79756D;
  --ds-tab-tertiary-active-hover-text-color: #FFFFFF;
  --ds-tab-tertiary-active-disabled-bg-color: #3B3A39;
  --ds-tab-tertiary-active-disabled-border-color: #4D4C4A;
  --ds-tab-tertiary-active-disabled-text-color: #81807E;
  --ds-tab-tertiary-active-indicator-color: #CFBD91;
  --ds-tab-quaternary-inactive-default-bg-color: rgba(0,0,0,0);
  --ds-tab-quaternary-inactive-default-border-color: #4D4C4A;
  --ds-tab-quaternary-inactive-default-text-color: #EAECEF;
  --ds-tab-quaternary-inactive-hover-bg-color: #292928;
  --ds-tab-quaternary-inactive-hover-border-color: #79756D;
  --ds-tab-quaternary-inactive-hover-text-color: #EAECEF;
  --ds-tab-quaternary-inactive-disabled-bg-color: #1D1D1D;
  --ds-tab-quaternary-inactive-disabled-border-color: #4D4C4A;
  --ds-tab-quaternary-inactive-disabled-text-color: #81807E;
  --ds-tab-quaternary-active-default-bg-color: rgba(0,0,0,0);
  --ds-tab-quaternary-active-default-border-color: #4D4C4A;
  --ds-tab-quaternary-active-default-text-color: #FFFFFF;
  --ds-tab-quaternary-active-hover-bg-color: #292928;
  --ds-tab-quaternary-active-hover-border-color: #79756D;
  --ds-tab-quaternary-active-hover-text-color: #FFFFFF;
  --ds-tab-quaternary-active-disabled-bg-color: #1D1D1D;
  --ds-tab-quaternary-active-disabled-border-color: #4D4C4A;
  --ds-tab-quaternary-active-disabled-text-color: #81807E;
  --ds-tab-quaternary-active-indicator-color: #CFBD91;
  --ds-tab-list-bg-color: #1D1D1D;
  --ds-tab-list-border-color: #4D4C4A;
  --ds-embed-icon-button-default-icon-color: #8E8D8D;
  --ds-embed-icon-button-hover-icon-color: #D4C49C;
  --ds-embed-icon-button-active-icon-color: #B29447;
  --ds-embed-icon-button-disabled-icon-color: #66655E;
  --ds-link-primary-default-text-color: #00B624;
  --ds-link-primary-default-icon-color: #00B624;
  --ds-link-primary-hover-text-color: #D4C49C;
  --ds-link-primary-hover-icon-color: #D4C49C;
  --ds-link-primary-active-text-color: #B29447;
  --ds-link-primary-active-icon-color: #B29447;
  --ds-link-primary-disabled-text-color: #4B8443;
  --ds-link-primary-disabled-icon-color: #4B8443;
}

/* 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[data-fixed-layout] {
				 padding-right: 12px;
			 }

.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--menuItemIcon {
			width: 16px;
			height: 16px;
			fill: var(--app-header-button-default-text-color);
			margin-right: 5px;
		}

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

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

.mobile .logo {
		height: clamp(7rem, 12dvh, 29.7rem);
		display: flex
	;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

.mobile .logo svg {
			height: 100%;
			max-height: 7rem;
			max-width: 15rem;
			width: 100%;
			flex-shrink: 0;
		  }

.mobile .loadingWheel {
		display: block;
		margin: 30px auto 15px;
		width: 24px;
		height: 24px;
		border: 2px solid var(--box-accent-default);
		border-bottom-color: transparent;
		border-radius: 50%;
		box-sizing: border-box;
		animation: spinner-c7wet2 1s infinite linear;
	}

.mobile .loadingWheel-big {
			border: none;
	 	}

@keyframes spinner-c7wet2 {
		100% {
			transform: rotate(1turn);
		}
	}

.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%;
	}
	.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;
	 	padding-left: 12px;
	}
	.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 .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;
		}

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

.price-bid {
	margin-left: 3px;
}

.price-ask {
	margin-right: 3px;
}
.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: 100px;
	}

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

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

.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 {
                min-width: 90px;
            }
    .trade-form-protection-orders__Container .form--row .checkBox--text {
                max-width: 150px;
            }
    .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 {
		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);
		}

.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 {
	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;
		}
.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-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;
	}
.order-entry-sidebar .popup--window {
		box-shadow: none;
	}
	.order-entry-sidebar .popup--content {
		padding: 8px 0;
	}
	.order-entry-sidebar .tradeForm-protected .form--fieldset-protectionOrders .form--row {
			display: flex;
			align-items: center;
		}
.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;
	}

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

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

.depth .table th .table--columnHeader {
	justify-content: center;
	text-align: center;
}


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