.additional-step-page {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

	.additional-step-page .container {
		font-family: 'Open Sans', sans-serif;
		margin: auto;

	}

	.additional-step-page .container .text {
			text-align: center;
			color: var(--modal-window-text-color);
		}

	.additional-step-page .container .title {
			font-size: 21px;
			font-weight: 400;
			line-height: 26px;
		}

	.additional-step-page .container .message {
			font-size: 15px;
			font-weight: 400;
			line-height: 26px;
			margin-top: 8px;
		}

	.additional-step-page .container form {
			margin-top: 24px;
		}

	.additional-step-page .container form button {
				position: relative;
				border-radius: 2px;
				background-color: var(--button-primary-default-bg-color);
				color: var(--button-primary-default-text-color);
				padding: 4px 24px;
				outline: none;
				border: none;
				box-shadow: 0 0 0 1px var(--button-secondary-border-outside-color);
			}

	.additional-step-page .container form button:before {
					content: '';
					display: block;
					width: calc(100% - 2px);
					height: calc(100% - 2px);
					position: absolute;
					top: 0;
					left: 0;
					border-radius: calc(var(--controls-border-radius) - 1px);
					border-width: 1px;
					border-style: solid;
					border-top-color: var(--button-secondary-border-inside-top-color);
					border-bottom-color: var(--button-secondary-border-inside-bottom-color);
					border-left-color: var(--button-secondary-border-inside-side-color);
					border-right-color: var(--button-secondary-border-inside-side-color);
				}

	.additional-step-page .container form button:hover::before {
						background: var(--button-hovered-overlay-color);
					}

	.additional-step-page .container form button:active::before {
						background: var(--button-pressed-overlay-color);
					}

	.additional-step-page .container form button:active {
					box-shadow: none;
}

	.additional-step-page .container form button:focus {
					background-color: var(--form-control-focused-border-outside-color);
					box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
				}

	.additional-step-page .container p {
			margin-top: 21px;
		}

	.additional-step-page .container p a {
				color: var(--link-default-multiparts);
				text-decoration: none;
			}

	.additional-step-page .container p a:hover {
					color: var(--link-hovered-multiparts);
				}

	.additional-step-page .container p a:active {
					color: var(--link-pressed-multiparts);
				}

	.additional-step-page .container p a:focus {
					color: var(--form-control-focused-border-outside-color);
				}
.cursor {
	position: absolute;
	white-space: nowrap;
	height: 1rem;
	margin-top: -1rem;
}

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

	.cursor--quote::before {
			content : "";
			background-image: url(../../wl/vanquishtrader/icons-positions-orders-statuses.png);
			display: inline-block;
			vertical-align: middle;
			width: 11px;
			height: 11px;
			margin-right: 2px;
			margin-top: -1px;
			border-radius: 50%;
		}

	.cursor::after {
		content : "";
		display: block;
		position: absolute;
		top: 75%;
		left: -11px;
		height: 1px;
		width: 26px;
	}

.cursor-limit .cursor--quote:before {
		background-position: left 0;
	}

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

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

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

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

.cursor-stop.cursor-below .cursor--quote:before, .cursor-stop_market.cursor-below .cursor--quote:before {
		background-color: var(--chart-trading-down-line-color);
	}
.icon__container___third-party-legacy-react-kit-components-icon-theme- {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: inherit;
	fill: currentcolor;
}

.button__container___third-party-legacy-react-kit-components-button- {
	color: 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___third-party-legacy-react-kit-components-button-:before {
		content: '';
		display: block;
		width: calc(100% - 2px);
		height: calc(100% - 2px);
		position: absolute;
		top: 0;
		left: 0;
		border-radius: calc(var(--controls-border-radius) - 1px);
		border-width: 1px;
		border-style: solid;
		border-top-color: var(--button-secondary-border-inside-top-color);
		border-bottom-color: var(--button-secondary-border-inside-bottom-color);
		border-left-color: var(--button-secondary-border-inside-side-color);
		border-right-color: var(--button-secondary-border-inside-side-color);
	}

	.button__container___third-party-legacy-react-kit-components-button-:hover::before {
			background: var(--button-hovered-overlay-color);
		}

	.button__container___third-party-legacy-react-kit-components-button-:active::before {
			background: var(--button-pressed-overlay-color);
		}

	.button__container___third-party-legacy-react-kit-components-button-:active .button__inner___third-party-legacy-react-kit-components-button- {
				top: 1px;
			}

	.button__container___third-party-legacy-react-kit-components-button-:focus {
		box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
	}

	.button__container_primary___third-party-legacy-react-kit-components-button- {
		color: var(--button-primary-default-text-color);
		background-color: var(--button-primary-default-bg-color);
		box-shadow: 0 0 0 1px var(--button-primary-border-outside-color);
	}

	.button__container_primary___third-party-legacy-react-kit-components-button-::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__container_extra___third-party-legacy-react-kit-components-button- {
		color: var(--button-tertiary-default-text-color);
		background-color: var(--button-tertiary-default-bg-color);
		box-shadow: 0 0 0 1px var(--button-tertiary-border-outside-color);
	}

	.button__container_extra___third-party-legacy-react-kit-components-button-::before {
			border-top-color: var(--button-tertiary-border-inside-top-color);
			border-bottom-color: var(--button-tertiary-border-inside-bottom-color);
			border-left-color: var(--button-tertiary-border-inside-side-color);
			border-right-color: var(--button-tertiary-border-inside-side-color);
		}

	.button__container___third-party-legacy-react-kit-components-button-:disabled,
	.button__container___third-party-legacy-react-kit-components-button-[disabled] {
		/* only the 1st 3 variables are used, the last 3 are added just for mixin to wor */
		color: var(--common-text-disabled);
		background-color: var(--button-disabled-bg-color);
		box-shadow: 0 0 0 1px var(--button-disabled-border-outside-color);
		cursor: default;
		pointer-events: none;
	}

	.button__container___third-party-legacy-react-kit-components-button-:disabled::before, .button__container___third-party-legacy-react-kit-components-button-[disabled]::before {
			display: none;
		}

	.button__container___third-party-legacy-react-kit-components-button-:disabled .button__inner___third-party-legacy-react-kit-components-button-, .button__container___third-party-legacy-react-kit-components-button-[disabled] .button__inner___third-party-legacy-react-kit-components-button- {
			top: 0;
		}

	.button__container_flat___third-party-legacy-react-kit-components-button-,
		.button__container_flat___third-party-legacy-react-kit-components-button-:focus,
		.button__container_flat___third-party-legacy-react-kit-components-button-:disabled,
		.button__container_flat___third-party-legacy-react-kit-components-button-[disabled] {
			border: 0;
			background-color: transparent;
			box-shadow: none;
		}

	.button__container_flat___third-party-legacy-react-kit-components-button-:before, .button__container_flat___third-party-legacy-react-kit-components-button-:focus:before, .button__container_flat___third-party-legacy-react-kit-components-button-:disabled:before, .button__container_flat___third-party-legacy-react-kit-components-button-[disabled]:before {
				content: none;
			}

	.button__container_isLoading___third-party-legacy-react-kit-components-button- .button__loadingIndicator___third-party-legacy-react-kit-components-button- {
			display: flex;
		}

	.button__container_isLoading___third-party-legacy-react-kit-components-button- .button__inner___third-party-legacy-react-kit-components-button- {
			opacity: 0;
		}

.button__inner___third-party-legacy-react-kit-components-button- {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.button__loadingIndicator___third-party-legacy-react-kit-components-button- {
	display: none;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;			
	border-radius: 1px;
}
.button-icon__container___third-party-legacy-react-kit-components-button-icon-theme- {
	width: 23px;
	min-width: auto;
	height: 23px;
	padding: 3px 6px;
	border: none;
	box-shadow: none;
	background: transparent;
}

.button-icon__inner--iconName___third-party-legacy-react-kit-components-button-icon-theme- {
	height: 100%;
}

.button-icon__icon___third-party-legacy-react-kit-components-button-icon-theme- {
	display: block;
	margin: 0 auto;
}

.checkbox__container___third-party-legacy-react-kit-components-checkbox- {
	display: flex;
	position: relative;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	align-items: center;
}

    .checkbox__container___third-party-legacy-react-kit-components-checkbox-:active .checkbox__view___third-party-legacy-react-kit-components-checkbox-:not(.checkbox__view_isDisabled___third-party-legacy-react-kit-components-checkbox-) {
        border-color: var(--form-control-focused-border-outside-color);
        background: var(--selected-input-bg-color);
    }

    .checkbox__container___third-party-legacy-react-kit-components-checkbox-:hover .checkbox__view___third-party-legacy-react-kit-components-checkbox-:not(.checkbox__view_isDisabled___third-party-legacy-react-kit-components-checkbox-) {
		 outline: none;
		 border: 1px solid var(--input-hovered-border-outside-color);
	}

    .checkbox__container___third-party-legacy-react-kit-components-checkbox-:focus .checkbox__view___third-party-legacy-react-kit-components-checkbox-:not(.checkbox__view_isDisabled___third-party-legacy-react-kit-components-checkbox-) {
        outline: none;
		background: var(--selected-input-bg-color);
		border: 1px solid var(--form-control-focused-border-outside-color);
    }

    .checkbox__container___third-party-legacy-react-kit-components-checkbox- .checkbox__input___third-party-legacy-react-kit-components-checkbox- {
        position: absolute;
        visibility: hidden;
    }

    .checkbox__container___third-party-legacy-react-kit-components-checkbox- .checkbox__icon___third-party-legacy-react-kit-components-checkbox- {
        display: none;
        width: 11px;
        height: 11px;
        color: var(--checkbox-tick-color);
        cursor: pointer;
    }

    .checkbox__container___third-party-legacy-react-kit-components-checkbox- .checkbox__icon_isChecked___third-party-legacy-react-kit-components-checkbox- {
        display: inline-block;
        vertical-align: top;
    }

    .checkbox__container___third-party-legacy-react-kit-components-checkbox- .checkbox__container_isIndeterminate___third-party-legacy-react-kit-components-checkbox- {
		display: flex;
		align-items: center;
		justify-content: center;
	}

    .checkbox__container___third-party-legacy-react-kit-components-checkbox- .checkbox__icon_isIndeterminate___third-party-legacy-react-kit-components-checkbox- {
		display: block;
		width: 7px;
		height: 1px;
		visibility: visible;
		background-color: var(--icon-primary-default-color);
		margin: 0 3px;
	}

    .checkbox__container___third-party-legacy-react-kit-components-checkbox- .checkbox__view___third-party-legacy-react-kit-components-checkbox- {
        position: relative;
        width: 16px;
		height: 16px;
        box-sizing: border-box;
        margin-right: 0.66em;
        flex-shrink: 0;
        border: 1px solid var(--input-default-border-outside-color);
        text-align: center;
        overflow: hidden;
        background: var(--input-default-bg-color);
        box-shadow: 0 1px 0 0 var(--input-default-shadow-inner-color) inset;
        transition: box-shadow, background 220ms ease-in;

		padding-top: 1px;
    }

    .checkbox__container___third-party-legacy-react-kit-components-checkbox- .checkbox__view___third-party-legacy-react-kit-components-checkbox-::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__container___third-party-legacy-react-kit-components-checkbox- .checkbox__view_isDisabled___third-party-legacy-react-kit-components-checkbox-, .checkbox__container___third-party-legacy-react-kit-components-checkbox- .checkbox__view_isDisabled___third-party-legacy-react-kit-components-checkbox-:hover, .checkbox__container___third-party-legacy-react-kit-components-checkbox- .checkbox__view_isDisabled___third-party-legacy-react-kit-components-checkbox-:active {
            background: var(--input-disabled-bg-color);
            border-color: var(--input-disabled-border-outside-color);
            box-shadow: 0 1px 0 0 var(--input-default-shadow-inner-color) inset;
        }

    .checkbox__container___third-party-legacy-react-kit-components-checkbox- .checkbox__view_isDisabled___third-party-legacy-react-kit-components-checkbox- .checkbox__icon___third-party-legacy-react-kit-components-checkbox-, .checkbox__container___third-party-legacy-react-kit-components-checkbox- .checkbox__view_isDisabled___third-party-legacy-react-kit-components-checkbox-:hover .checkbox__icon___third-party-legacy-react-kit-components-checkbox-, .checkbox__container___third-party-legacy-react-kit-components-checkbox- .checkbox__view_isDisabled___third-party-legacy-react-kit-components-checkbox-:active .checkbox__icon___third-party-legacy-react-kit-components-checkbox- {
                fill: var(--disabled-symbol-color);
            }

    .checkbox__container___third-party-legacy-react-kit-components-checkbox- .checkbox__text___third-party-legacy-react-kit-components-checkbox- {
        color: var(--checkbox-text-color);
		display: flex;
		align-items: center;
    }

.checkbox__container_isDisabled___third-party-legacy-react-kit-components-checkbox- {
	opacity: 0.5;
}

.checkbox__container_isDisabled___third-party-legacy-react-kit-components-checkbox- .checkbox__text___third-party-legacy-react-kit-components-checkbox- {
        color: var(--common-text-disabled);
    }

.checkbox__checkboxContainer___third-party-legacy-react-kit-components-checkbox- {
	display: flex;
	align-items: center;
	justify-content: center;
}


.calendar-button-icon__container {
    order: 1;
	width: 23px;
	height: 23px;
	margin-right: 8px;
    background: transparent;
	fill: var(--icon-secondary-default-color);
	border: none;
}

    .calendar-button-icon__container::before {
        display: none;
    }

    .calendar-button-icon__container:hover {
		fill: var(--icon-secondary-hovered-color);
	}

    .calendar-button-icon__container[disabled] {
        background: transparent;
    }

    .calendar-button-icon__container:focus {
		box-shadow: none;
	}

.calendar-button-icon__icon {
    display: block;
	width: 17px;
	height: 9px;
}

.mobile .calendar-button-icon__container {
		padding: 0;
		margin: 0;
		transform: translateX(-22px);
	}

.mobile .calendar-button-icon__icon {
		width: 21px;
		height: auto;
	}
.button-icon__icon___third-party-legacy-react-kit-components-date-input-theme- {
	color: var(--icon-secondary-default-color);
}

	.button-icon__icon___third-party-legacy-react-kit-components-date-input-theme-:hover {
		color: var(--icon-secondary-hovered-color);
	}
.date-input__inner___third-party-legacy-react-kit-components-date-input-theme- {
	flex: 1;
	padding: 0 6px;
	line-height: normal;
}

.date-input__section_isActive___third-party-legacy-react-kit-components-date-input-theme- {
		background-color: var(--input-text-selection-bg-color);
	}

.date-input__separator___third-party-legacy-react-kit-components-date-input-theme- {
	transition: background-color 0.1s ease;
}

.input__container___third-party-legacy-react-kit-components-date-input-theme- {
    width: 121px;
}

.mobile .input__container___third-party-legacy-react-kit-components-date-input-theme- {
		width: 140px;
		height: 29px;
		font-size: 15px;
	}
.highlight__mark___third-party-legacy-react-kit-components-highlight-theme- {
	background-color: transparent;
	color: var(--common-text-selected);
}
.input__container___third-party-legacy-react-kit-components-input- {
	outline: none;
	display: inline-block;
	box-sizing: border-box;
	position: relative;
}

.input__input___third-party-legacy-react-kit-components-input- {
	display: inline-block;
	outline: none;
	box-sizing: border-box;
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	color: inherit;
}

.input__wrapper___third-party-legacy-react-kit-components-input- {
	display: inline-block;
	outline: none;
}

.input__container___third-party-legacy-react-kit-components-input- {
	box-sizing: border-box;
	height: 27px;
	line-height: 25px;
	font-size: inherit;
	color: var(--input-default-text-color);
	border-width: 1px;
	border-style: solid;
	background-color: var(--input-default-bg-color);
	box-shadow: inset 0 1px var(--input-default-shadow-inner-color);
	border-color: var(--input-default-border-outside-color);
	border-radius: var(--controls-border-radius);
	transition: color 0.1s ease, background 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease;
}

.input__container___third-party-legacy-react-kit-components-input-:hover {
		border-color: var(--input-hovered-border-outside-color);
	}

.input__container___third-party-legacy-react-kit-components-input-:active:not(.input__container_isDisabled___third-party-legacy-react-kit-components-input-) {
		border-color: var(--form-control-focused-border-outside-color);
		background-color: var(--selected-input-bg-color);
	}

.input__container_hasError___third-party-legacy-react-kit-components-input- {
		border-color: var(--input-wrong-border-outside-color);
	}

.input__container_hasError___third-party-legacy-react-kit-components-input-:hover {
			border-color: var(--input-wrong-border-outside-color);
		}

.input__container___third-party-legacy-react-kit-components-input-:focus:not(.input__container_isDisabled___third-party-legacy-react-kit-components-input-),
	.input__container_isFocused___third-party-legacy-react-kit-components-input-:not(.input__container_isDisabled___third-party-legacy-react-kit-components-input-) {
		border-color: var(--form-control-focused-border-outside-color);
		background-color: var(--selected-input-bg-color);
	}

.input__container___third-party-legacy-react-kit-components-input-:focus:not(.input__container_isDisabled___third-party-legacy-react-kit-components-input-), .input__container___third-party-legacy-react-kit-components-input-:focus:not(.input__container_isDisabled___third-party-legacy-react-kit-components-input-):hover, .input__container_isFocused___third-party-legacy-react-kit-components-input-:not(.input__container_isDisabled___third-party-legacy-react-kit-components-input-), .input__container_isFocused___third-party-legacy-react-kit-components-input-:not(.input__container_isDisabled___third-party-legacy-react-kit-components-input-):hover {
			border-color: var(--form-control-focused-border-outside-color);
		}

.input__container_isDisabled___third-party-legacy-react-kit-components-input-,
	.input__container___third-party-legacy-react-kit-components-input-[disabled] {
		pointer-events: none;
		color: var(--common-text-disabled);
		background-color: var(--input-disabled-bg-color);
		border-color: var(--input-disabled-border-outside-color);
	}

.input__container_isDisabled___third-party-legacy-react-kit-components-input-,
		.input__container_isDisabled___third-party-legacy-react-kit-components-input-:hover,
		.input__container_isDisabled___third-party-legacy-react-kit-components-input-:active,
		.input__container___third-party-legacy-react-kit-components-input-[disabled],
		.input__container___third-party-legacy-react-kit-components-input-[disabled]:hover,
		.input__container___third-party-legacy-react-kit-components-input-[disabled]:active {
			box-shadow: inset 0 1px var(--input-default-shadow-inner-color);
		}

.input__input___third-party-legacy-react-kit-components-input- {
	height: 100%;
	vertical-align: top;
	background-color: transparent;
	border: 0;
	padding: 0 4px;
	box-shadow: none;
}

.input__input___third-party-legacy-react-kit-components-input-::-moz-selection {
		background: var(--input-text-selection-bg-color);
	}

.input__input___third-party-legacy-react-kit-components-input-::selection {
		background: var(--input-text-selection-bg-color);
	}

.input__input___third-party-legacy-react-kit-components-input-::-moz-selection {
		background: var(--input-text-selection-bg-color);
	}

.mobile .input__container___third-party-legacy-react-kit-components-input- {
		font-size: 15px;
		height: 29px;
		line-height: 27px;
	}

.link__container___third-party-legacy-react-kit-components-link-theme-,
.link__container_isDisabled___third-party-legacy-react-kit-components-link-theme- {
	text-decoration: none;
	color: var(--link-default-multiparts);
	transition: color .1s ease;

}
	
	.link__container___third-party-legacy-react-kit-components-link-theme-:hover, .link__container_isDisabled___third-party-legacy-react-kit-components-link-theme-:hover {
		color: var(--link-hovered-multiparts);
	}
	
	.link__container___third-party-legacy-react-kit-components-link-theme-:active, .link__container_isDisabled___third-party-legacy-react-kit-components-link-theme-:active {
		color: var(--link-pressed-multiparts);
	}

.link__container_isDisabled___third-party-legacy-react-kit-components-link-theme- {
	cursor: default;
}
@keyframes loading-indicator__rotation___third-party-legacy-react-kit-components-loading-indicator-theme- {
	0% {
		transform: rotate(0deg);
	}
	
	50% {
		transform: rotate(360deg);
	}
	
	100% {
		transform: rotate(720deg);
	}
}

.loading-indicator__container___third-party-legacy-react-kit-components-loading-indicator-theme- {

	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: loading-indicator__rotation___third-party-legacy-react-kit-components-loading-indicator-theme- 1.1s infinite linear;
}

.loading-indicator__container_small___third-party-legacy-react-kit-components-loading-indicator-theme- {
        width: 14px;
        height: 14px;
        border-width: 1px;
    }

.loading-indicator__container_medium___third-party-legacy-react-kit-components-loading-indicator-theme- {
        width: 34px;
        height: 34px;
        border-width: 3px;
    }

.loading-indicator__container_large___third-party-legacy-react-kit-components-loading-indicator-theme- {
        width: 52px;
        height: 52px;
        border-width: 4px;
    }
.menu__container___third-party-legacy-react-kit-components-menu- {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu__item___third-party-legacy-react-kit-components-menu- {
	position: relative;
	box-sizing: border-box;
	padding: 0 6px 0 6px;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	transform-origin: top center;
	transition: color 220ms ease-in;
}

.menu__item___third-party-legacy-react-kit-components-menu-:hover {
		background: var(--list-item-hovered-bg);
	}

.menu__item_active___third-party-legacy-react-kit-components-menu- {
		color: var(--common-text-selected);
	}
.tab-component__tab___third-party-legacy-react-kit-components-tabs-theme- {
	display: flex;
	cursor: pointer;
	position: relative;
	align-items: center;
	white-space: nowrap;
	text-decoration: none;
}

	.tab-component__tab_active___third-party-legacy-react-kit-components-tabs-theme- {
		cursor: default;
	}

.icon-wrapper-component__container___third-party-legacy-react-kit-components-icon-wrapper-,
	.icon-wrapper-component__container___third-party-legacy-react-kit-components-icon-wrapper- > svg:first-child {
		width: 100%;
		height: 100%;
		display: block
	}
.control-passwordInput,
.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-error-withCoordinates {
			position: absolute;
		}
.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: 13px 8px 13px 0px;
		}
.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);
		border-left-color: var(--wrong-tooltip-bg-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-multiparts);
			}

.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; 
		}
.icon {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.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;
	}
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(--input-wrong-border-outside-color);
	}

	25% {
		background-color: var(--input-default-bg-color);
	}

	50% {
		background-color: var(--input-wrong-border-outside-color);
	}

	100% {
		background-color: var(--input-default-bg-color);
	}
}
.control-textInput {
	width: 98px;
}

	.control-textInput.control-withReset .control--reset {
				display: block;
				position: absolute;
				top: 50%;
				right: 5px;
				height: 9px;
				width: 9px;
				cursor: pointer;
				transform: translateY(-50%);
			}

	.control-textInput.control-withReset .control--wrap {
				box-sizing: border-box;
				position: relative;
			}

	.control-textInput.control-withReset .control--wrap input {
					padding-right: 18px;
				}

	.control-textInput .control--loadingWheel {
        display: block;
        position: absolute;
        top: 2px;
        right: 0;
    }

	.control-textInput .control--loadingWheel .loadingWheel {
            margin-left: 0;
        }

	.control-textInput.control-orderId {
		width: 60px;
	}

.control-textInput.control-withReset .control--reset {
				fill: var(--icon-primary-default-color);
			}
.mobile .control-textInput {
		width: 110px;
	}
		
		.mobile .control-textInput.control-withReset .control--reset {
					right: 7px;
					height: 11px;
					width: 11px;
					margin-top: 1px;
				}
		
		.mobile .control-textInput.control-withReset .control--wrap input {
						padding-right: 22px;
					}
.widget-tab__container {
    position: relative;
    min-width: 39px;
    max-width: 163px;
}

    .widget-tab__container_active {
        min-width: unset;
    }

.widget-tab__tabtitle__bold {
        font-weight: bold;
    }

.widget-tab__hideTab {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.widget-tab__draggingTab.widget-tab__draggingTab {
    color: var(--tab-text-color);
    background: var(--dropdown-list-item-dragged-bg-color);
    box-shadow: 0 2px 10px 0 var(--item-dragged-shadow-color);
}

.widget-tab__tab_editor_container {
    color: var(--modal-window-header-text-color);
    transition: color 220ms ease-in;
    height: 19px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.widget-tab__tab_editor_container .widget-tab__text {
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        flex-grow: 1;
        max-width: 150px;
    }

.widget-tab__tab_editor_container .widget-tab__text:first-child {
            margin-left: 0;
        }

.widget-tab__tab_editor_container .widget-tab__text+.widget-tab__icon {
            margin-left: 5px;
            margin-right: 0;
        }

.widget-tab__tab_editor_container .icon {
            fill: var(--modal-window-header-text-color);
            transition: fill 220ms ease-in;
        }

.widget-tab__tab_editor_container .control {
            height: 100%;
        }

.widget-tab__tab_editor_container .control--wrap {
                height: 100%;
            }

.widget-tab__tab_editor_container .control input[type=text] {
                height: 100%;
                line-height: 1;
            }

.widget-tab__tab_editor_container .control--errorMessage {
                padding-top: 4px;
                padding-bottom: 4px;
            }

.widget-tab__tab_editor_container:hover {
        color: var(--link-hovered-multiparts);
    }

.widget-tab__tab_editor_container:hover .icon {
            fill: var(--link-hovered-multiparts);
        }

.widget-tab__tab_editor_container:active {
        color: var(--link-pressed-multiparts);
    }

.widget-tab__tab_editor_container:active .widget-tab__text,
        .widget-tab__tab_editor_container:active .widget-tab__icon {
            transform: translateY(1px);
        }

.widget-tab__tab_editor_container:active .icon {
            fill: var(--link-pressed-multiparts);
        }

.widget-tab__tab_editor_container_disabled {
        pointer-events: none;
        color: var(--dropdown-alt-disabled-text);
    }

.widget-tab__tab_editor_container_disabled .icon {
            fill: var(--dropdown-alt-disabled-text);
        }

.widget-tab__tab_editor_container_opened {
        color: var(--link-default-multiparts);
    }

.widget-tab__tab_editor_container_opened .icon {
            fill: var(--link-default-multiparts);
        }
.button-icon-h-child__container___15XzF.button-icon-h-child__container___15XzF {
    position: absolute;
    right: 0;
    top: 0;
    width: 19px;
    height: 19px;
    background: transparent;
    border: 0;
    padding: 5px;
    margin-top: 2px;
}

    .button-icon-h-child__container___15XzF.button-icon-h-child__container___15XzF .button-icon-h-child__icon___lC-F2 {
        width: 7px;
        height: 7px;
        fill: var(--icon-contextual-secondary-default-color);
    }

    .button-icon-h-child__container___15XzF.button-icon-h-child__container___15XzF:hover .button-icon-h-child__icon___lC-F2 {
            fill: var(--link-hovered-multiparts);
        }

    .button-icon-h-child__container___15XzF.button-icon-h-child__container___15XzF:active .button-icon-h-child__icon___lC-F2 {
            fill: var(--icon-pressed-color);
        }

    .button-icon-h-child__container___15XzF.button-icon-h-child__container___15XzF:focus {
        box-shadow: none;
    }

    .button-icon-h-child__container___15XzF.button-icon-h-child__container___15XzF::before {
        content: none;
    }
.tab-h-child__container___S4cn7 {
	box-sizing: border-box;
	height: 23px;
	min-width: 40px;
	padding: 0 19px 1px;
	color: var(--widget_tab-default-text);
	margin-right: 0;
	border-right: 1px solid var(--widget-header-tab-divider-color);
	background: var(--widget-header-tab-bg-color);
	transition: all 220ms ease-out;
	overflow: hidden;
}

	.tab-h-child__container___S4cn7::before {
		content: "";
		position: absolute;
		height: 1px;
		width: 100%;
		bottom: 0;
		left: 0;
		background: transparent;
		transition: all 220ms ease-out;
	}

	.tab-h-child__container___S4cn7:hover {
		color: var(--widget_tab-hovered-text);
		background: var(--button-hovered-overlay-color);
	}

	.tab-h-child__container___S4cn7:hover::before {
			background: var(--widget-header-tab-hovered-line-color);
		}

	.tab-h-child__container___S4cn7 span {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.tab-h-child__tab_active___2Pf8h {
		color: var(--widget_tab-selected-text);
		background: var(--widget_header-tab-selected-bg);
	}

.tab-h-child__tab_active___2Pf8h::before {
			background: var(--tab-selected-line-color);
		}

.tab-h-child__tab_active___2Pf8h:hover::before {
				background: var(--tab-selected-line-color);
			}

.tab-h-child__tab_dragging___2bZ0r::before {
			background: transparent;
		}

.tab-h-child__tab_dragging___2bZ0r:hover {
			color: var(--widget_tab-default-text);
		}

.tab-h-child__tab_dragging___2bZ0r:hover::before {
				background: transparent;
			}

.draggable-item__hideTab___third-party-legacy-react-kit-components-element-placeholder-components-draggable-menu-item-theme- {
	display: none;
}

.droppable-placeholder__placeholder___third-party-legacy-react-kit-components-layout-components-droppable-body-components-droppable-placeholder-theme- {
	position: absolute;
	z-index: 102;
	border: 1px dashed var(--drop-area-border-deny-color);
	background-color: var(--drop-area-background-deny-color);
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

	.droppable-placeholder__placeholder_fits___third-party-legacy-react-kit-components-layout-components-droppable-body-components-droppable-placeholder-theme- {
		border: 1px dashed var(--drop-area-border-color);
		background-color: var(--drop-area-highlight-color);
	}

	.droppable-placeholder__placeholder_maximized___third-party-legacy-react-kit-components-layout-components-droppable-body-components-droppable-placeholder-theme- {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		background-color: var(--drop-area-chart-maximized-highlight-color);
		border: 1px dashed var(--drop-area-chart-maximized-border-color);
	}

	@supports ((-webkit-backdrop-filter: blur(25px)) or (backdrop-filter: blur(25px))) {
			.droppable-placeholder__placeholder_maximized___third-party-legacy-react-kit-components-layout-components-droppable-body-components-droppable-placeholder-theme- {
				-webkit-backdrop-filter: blur(25px);
				        backdrop-filter: blur(25px);
				background-color: transparent;
			}
		}

	.droppable-placeholder__placeholder_top___third-party-legacy-react-kit-components-layout-components-droppable-body-components-droppable-placeholder-theme- {
		top: 0;
		left: 0;
		right: 0;
		bottom: 50%;
	}

	.droppable-placeholder__placeholder_bottom___third-party-legacy-react-kit-components-layout-components-droppable-body-components-droppable-placeholder-theme- {
		top: 50%;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.droppable-placeholder__placeholder_left___third-party-legacy-react-kit-components-layout-components-droppable-body-components-droppable-placeholder-theme- {
		top: 0;
		right: 50%;
		left: 0;
		bottom: 0;
	}

	.droppable-placeholder__placeholder_right___third-party-legacy-react-kit-components-layout-components-droppable-body-components-droppable-placeholder-theme- {
		top: 0;
		left: 50%;
		right: 0;
		bottom: 0;
	}

	.droppable-placeholder__placeholder_full___third-party-legacy-react-kit-components-layout-components-droppable-body-components-droppable-placeholder-theme- {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

.droppable-placeholder__error___third-party-legacy-react-kit-components-layout-components-droppable-body-components-droppable-placeholder-theme- {
    border-color: var(--drop-area-border-deny-color);
    background-color: var(--drop-area-background-deny-color);
}
.droppable-body__wrapper___third-party-legacy-react-kit-components-layout-components-droppable-body-theme- {
	position: relative;
	width: 100%;
	height: 100%;
}

	.droppable-body__wrapper__container___third-party-legacy-react-kit-components-layout-components-droppable-body-theme- {
		width: 100%;
		height: 100%;
	}


.button-icon-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1KxVQ.button-icon-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1KxVQ {
    width: 19px;
    height: 100%;
    background: transparent;
    border: 0;
    padding: 5px;
    flex-shrink: 0;
}

    .button-icon-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1KxVQ.button-icon-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1KxVQ .button-icon-h-child__icon___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1l2f8 {
        width: 7px;
        height: 7px;
        fill: var(--icon-secondary-default-color);
    }

    .button-icon-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1KxVQ.button-icon-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1KxVQ .button-icon-h-child__icon___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1l2f8.button-icon-h-child__iconArrow___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___3InJj {
            height: 6px;
            fill: var(--widget-header-text-color);
        }

    .button-icon-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1KxVQ.button-icon-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1KxVQ:hover,
    .button-icon-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1KxVQ.button-icon-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1KxVQ:active {
        background: var(--button-hovered-overlay-color);
    }

    .button-icon-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1KxVQ.button-icon-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1KxVQ:focus {
        box-shadow: none;
    }

    .button-icon-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1KxVQ.button-icon-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1KxVQ::before {
        content: none;
    }
.selectbox-h-child__container__item___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1gO43 {
		min-width: 142px;
		padding-left: 3px;
		padding-right: 3px;
		box-sizing: border-box;
	}

		.selectbox-h-child__container__item__text___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___3TDMI {
			padding-right: 0;
		}

		.selectbox-h-child__container__item__activeIcon___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___3tnab {
			display: none;
		}

.selectbox-h-child__label___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___yE2dz {
	display: flex;
	padding: 7px 9px 6px;
	font-size: 10px;
	line-height: 1;
	font-weight: 400;
	color: var(--form-label-text-color);
	pointer-events: none;
}

.selectbox-h-child__label___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___yE2dz .selectbox-h-child__container__item___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___1gO43 {
		min-width: 0;
		padding: 0;
	}

.selectbox-h-child__label___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___yE2dz::after {
		content: '';
		display: block;
		height: 1px;
		margin: 6px -1px 0 5px;
		flex-grow: 1;
		background-color: var(--line-color);
	}
.tab-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___3V-B0 {
	display: flex;
	height: 23px;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding-left: 9px;
	padding-right: 10px;
	color: var(--widget-header-text-color);
	background-color: var(--widget-header-tab-bg-color);
	box-shadow: none;
}

	.tab-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___3V-B0::before {
		content: none;
	}
.widget-tab-selector__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme- {
	display: flex;
	height: 23px;
	width: 100%;
	max-width: 154px;
	padding: 0;
	color: var(--widget-header-text-color);
	background-color: var(--widget-header-tab-bg-color);
}
.widget-tab-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___3gRH9 {
	display: flex;
	height: 23px;
	width: 100%;
	overflow: hidden;
	padding: 0;
	box-sizing: border-box;
	color: var(--widget-header-text-color);
	background-color: var(--widget-header-tab-bg-color);
	cursor: grab;
}
	.widget-tab-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___3gRH9::before {
		content: none;
	}
	.widget-tab-h-child__container___third-party-legacy-react-kit-components-element-placeholder-components-widget-tab-selector-theme-___3gRH9 > div[draggable="true"] {
		display: flex;
		flex-grow: 1;
	}
.tabs-adaptive__container___third-party-legacy-react-kit-components-element-placeholder-components-tabs-adaptive-theme- {
	display: flex;
	position: relative;
	height: 24px;
	overflow: hidden;
}

	.tabs-adaptive__container_dropdown___third-party-legacy-react-kit-components-element-placeholder-components-tabs-adaptive-theme- {
		flex: 1 1 0;
		margin-right: 1px;
		min-width: 80px;
	}

.tabs-adaptive__inner___third-party-legacy-react-kit-components-element-placeholder-components-tabs-adaptive-theme- {
	position: relative;
	height: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: flex;
	justify-content: flex-start;
	min-width: 0;
	flex: 1 1 0;
}

.tabs-adaptive__fullTabs___third-party-legacy-react-kit-components-element-placeholder-components-tabs-adaptive-theme- {
	position: absolute;
	pointer-events: none;
	z-index: 20;
	white-space: nowrap;
	display: flex;
	visibility: hidden;
	top: 0;
	left: 0;
}
.drag-icon-child__container___third-party-legacy-react-kit-components-element-placeholder-theme- {
	height: 23px;
	width: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--widget-header-grad-color-1);
	cursor: grab;
	border-right: 1px solid var(--widget-header-tab-divider-color);
}

	.drag-icon-child__container___third-party-legacy-react-kit-components-element-placeholder-theme-:active {
		cursor: grabbing;
	}

.drag-icon-child__icon___third-party-legacy-react-kit-components-element-placeholder-theme- {
	width: 6px;
	height: 10px;
	display: inline-flex;
}
.placeholder-child__container___third-party-legacy-react-kit-components-element-placeholder-theme- {
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 102;
    top: 0;
    box-shadow: inset 0 0 40px 0 var(--drop-area-highlight-color)__drop-area-inner-shadow-color;
    border: 1px dashed var(--drop-area-border-color);
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 4px 0;
}

.placeholder-child__error___third-party-legacy-react-kit-components-element-placeholder-theme- {
    border-color: var(--drop-area-border-deny-color);
    background-color: var(--drop-area-background-deny-color);
}

.placeholder-child__icon___third-party-legacy-react-kit-components-element-placeholder-theme- {
	fill: var(--drop-area-border-deny-color);
	width: 72px;
	height: 72px;
}
.element-placeholder__container___third-party-legacy-react-kit-components-element-placeholder-theme- {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 24px;
}

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

.element-placeholder__header_container___third-party-legacy-react-kit-components-element-placeholder-theme- {
		display: flex;
		position: relative;
	}

.element-placeholder__body___third-party-legacy-react-kit-components-element-placeholder-theme- {
	height: 100%;
	overflow: hidden;
	position: relative;
}

.element-placeholder__actions_container___third-party-legacy-react-kit-components-element-placeholder-theme-,
.element-placeholder__actions___third-party-legacy-react-kit-components-element-placeholder-theme- {
	position: relative;
	max-width: 100%;
	display: flex;
	align-items: center;
	flex: 1 1 120px;
	min-width: 0;
	height: 100%;
	flex-shrink: 0;
}

.element-placeholder__actions___third-party-legacy-react-kit-components-element-placeholder-theme- .widgetNew__header {
			background: none;
			box-shadow: none;
		}
.widget__container___third-party-legacy-react-kit-components-widget-theme- {
	position: relative;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	overflow: hidden;
	border: 1px solid var(--widget-outside-border);
	transition: border 220ms ease-out;
	background: linear-gradient(to bottom, var(--widget-bg-top-color), var(--widget-bg-bottom-color));
}
	
.widget__header___third-party-legacy-react-kit-components-widget-theme- {
	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__body___third-party-legacy-react-kit-components-widget-theme- {
	height: 100%;
	position: relative;
}

.widget__body___third-party-legacy-react-kit-components-widget-theme- .loadingIndicatorWrapper {
			position: absolute;
			height: calc(100% - 24px);
			right: 0;
			bottom: 0;
			left: 0;
			display: flex;
			align-items: center;
			justify-content: center;
		}

.widget__resizeHandler___third-party-legacy-react-kit-components-widget-theme- {
	height: 1em;
	width: 1em;
	position: absolute;
	bottom: 0;
	right: 0;
	border: none;
	outline: none;
	cursor: pointer;
	background-color: transparent;
	padding: 0;
	margin: 0;
	color: inherit;
	fill: currentcolor;
}

.widget__resizeHandlerIcon___third-party-legacy-react-kit-components-widget-theme- {
		display: block;
		width: 1em;
		height: 1em;
	}

/* TODO: remove when similar Java constants are removed */
.widget--notification {
			position: absolute;
		}
.widget-error {
			position: relative;
		}

.popover__container___third-party-legacy-react-kit-components-popover-theme- {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
}

	.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-theme-.popover__container_placementTop___third-party-legacy-react-kit-components-popover-theme- .popover__arrow___third-party-legacy-react-kit-components-popover-theme- {
				top: 100%;
			}

	.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-theme-.popover__container_placementBottom___third-party-legacy-react-kit-components-popover-theme- .popover__arrow___third-party-legacy-react-kit-components-popover-theme- {
				bottom: 100%;
			}

	.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-theme-.popover__container_placementLeft___third-party-legacy-react-kit-components-popover-theme- .popover__arrow___third-party-legacy-react-kit-components-popover-theme- {
				left: 100%;
			}

	.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-theme-.popover__container_placementRight___third-party-legacy-react-kit-components-popover-theme- .popover__arrow___third-party-legacy-react-kit-components-popover-theme- {
				right: 100%;
			}

.popover__content___third-party-legacy-react-kit-components-popover-theme- {
	position: relative;
}

.popover__arrow___third-party-legacy-react-kit-components-popover-theme- {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	border-style: solid;
}

.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-theme-.popover__container_placementTop___third-party-legacy-react-kit-components-popover-theme- .popover__arrow___third-party-legacy-react-kit-components-popover-theme- {
	padding-bottom: 5px;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-theme-.popover__container_placementTop___third-party-legacy-react-kit-components-popover-theme- .popover__popover__arrow___third-party-legacy-react-kit-components-popover-theme- {
	border-width: 5px 5px 0 5px;
	border-color: var(--widget-header-grad-color-1) transparent transparent transparent;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-theme-.popover__container_placementBottom___third-party-legacy-react-kit-components-popover-theme- {
	padding-top: 5px;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-theme-.popover__container_placementBottom___third-party-legacy-react-kit-components-popover-theme- .popover__arrow___third-party-legacy-react-kit-components-popover-theme- {
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent var(--widget-header-grad-color-1) transparent;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-theme-.popover__container_placementLeft___third-party-legacy-react-kit-components-popover-theme- {
	padding-right: 5px;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-theme-.popover__container_placementLeft___third-party-legacy-react-kit-components-popover-theme- .popover__arrow___third-party-legacy-react-kit-components-popover-theme- {
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent var(--widget-header-grad-color-1) transparent;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-theme-.popover__container_placementRight___third-party-legacy-react-kit-components-popover-theme- {
	padding-left: 5px;
}
.popover__container_hasArrow___third-party-legacy-react-kit-components-popover-theme-.popover__container_placementRight___third-party-legacy-react-kit-components-popover-theme- .popover__arrow___third-party-legacy-react-kit-components-popover-theme- {
	border-width: 5px 5px 5px 0;
	border-color: transparent transparent transparent var(--widget-header-grad-color-1);
}
.popover__container___third-party-legacy-react-kit-components-popover-theme- {
	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);
	-webkit-backdrop-filter: blur(25px);
	        backdrop-filter: blur(25px);
	transition: visibility 0s linear 0s;
	background-color: var(--dropdown-list-bg-color);
}
.popover__container___third-party-legacy-react-kit-components-popover-theme-:has(.contextMenu--optionList-widgetLinkingSubMenu) {
		top: -4px;
		box-shadow: none;
	}

.popover__content___third-party-legacy-react-kit-components-popover-theme-:not(:empty) {
		color: var(--table-text-color);
		white-space: pre;
	}
.resize-handler__horizontal___third-party-legacy-react-kit-components-layout-components-resize-handler-theme- {
	cursor: ew-resize;
}

.resize-handler__vertical___third-party-legacy-react-kit-components-layout-components-resize-handler-theme- {
	cursor: ns-resize;
}

.resize-handler__disabled___third-party-legacy-react-kit-components-layout-components-resize-handler-theme- {
	cursor: default;
}

.resize-handler__container___third-party-legacy-react-kit-components-layout-components-resize-handler-theme- {
	position: absolute;
	top: 0;
	left: 0;
	background-color: inherit;
	transition: background 220ms ease-out;
}

.resize-handler__container___third-party-legacy-react-kit-components-layout-components-resize-handler-theme-:not(.resize-handler__disabled___third-party-legacy-react-kit-components-layout-components-resize-handler-theme-):hover,
		.resize-handler__container___third-party-legacy-react-kit-components-layout-components-resize-handler-theme-:not(.resize-handler__disabled___third-party-legacy-react-kit-components-layout-components-resize-handler-theme-):active {
			 background-color: var(--resize-line-color);
			 transition: background 220ms ease-in;
		}
.layout__container___third-party-legacy-react-kit-components-layout-theme- {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	background-color: inherit;
}

.layout__item___third-party-legacy-react-kit-components-layout-theme- {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.layout__fixedContainer___third-party-legacy-react-kit-components-layout-theme- {
	background-color: inherit;
}


: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;
	height: 100%;
	width: 100%;
	background-color: inherit;
	max-height: inherit;
}

.scrollable--wrapper {
		display: block;
		width: 100%;
		height: 100%;
		max-height: inherit;
	}

.scrollable--container {
		padding: 0;
		overflow: scroll;
		box-sizing: border-box;
		max-height: inherit;
		width: 100%;
		height: 100%;
		scrollbar-width: none;
	}

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

/* 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;
		}
.scrollable-h-child__scrollable___third-party-legacy-react-kit-components-selectbox-theme-___bRM68 {
    max-height: none;
}

@keyframes selectbox__showDropdownItem___third-party-legacy-react-kit-components-selectbox- {
	from {
		opacity: 0;
		transform: scale(0.5);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

.selectbox__container__anchor___third-party-legacy-react-kit-components-selectbox- {
		min-width: 70px;
		border-radius: var(--controls-border-radius);
		color: var(--dropdown-default-text-color);
		border-color: var(--dropdown-border-outside-color);
		background-color: var(--dropdown-default-bg-color);
	}

.selectbox__container__anchor___third-party-legacy-react-kit-components-selectbox-:before {
			border-top-color: var(--dropdown-border-inside-top-color);
			border-bottom-color: var(--dropdown-border-inside-bottom-color);
			border-left-color: var(--dropdown-border-inside-side-color);
			border-right-color: var(--dropdown-border-inside-side-color);
		}

.selectbox__container__anchor___third-party-legacy-react-kit-components-selectbox-:active .selectbox__container__anchor__content___third-party-legacy-react-kit-components-selectbox- {
				top: 1px;
			}

.selectbox__container__anchor___third-party-legacy-react-kit-components-selectbox-:disabled .selectbox__container__anchor__content___third-party-legacy-react-kit-components-selectbox-, .selectbox__container__anchor___third-party-legacy-react-kit-components-selectbox-[disabled] .selectbox__container__anchor__content___third-party-legacy-react-kit-components-selectbox- {
				top: 0;
			}

.selectbox__container__anchor__content___third-party-legacy-react-kit-components-selectbox- {
			position: relative;
		}

.selectbox__container__anchor__content_hasCaret___third-party-legacy-react-kit-components-selectbox- {
				padding-right: 13px;
				height: 16px;
				display: flex;
				align-items: center;
			}

.selectbox__container__anchor__content_hasCaret___third-party-legacy-react-kit-components-selectbox- .selectbox__container__anchor__caret___third-party-legacy-react-kit-components-selectbox- {
					display: block;
					position: absolute;
					box-sizing: border-box;
					width: 7px;
					height: 12px;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
				}

.selectbox__container__anchor__caret___third-party-legacy-react-kit-components-selectbox- {
			color: var(--icon-secondary-default-color);
		}

.selectbox__container__anchor___third-party-legacy-react-kit-components-selectbox-:hover .selectbox__container__anchor__caret___third-party-legacy-react-kit-components-selectbox- {
				color: var(--icon-secondary-hovered-color);
			}

.selectbox__container__item___third-party-legacy-react-kit-components-selectbox- {
		animation-name: selectbox__showDropdownItem___third-party-legacy-react-kit-components-selectbox-;
		animation-timing-function: ease-in;
		animation-fill-mode: both;
	}

.selectbox__container__item___third-party-legacy-react-kit-components-selectbox- .multiselect__text {
			margin-right: 27px;
		}

.selectbox__container__item__activeIcon___third-party-legacy-react-kit-components-selectbox- {
		display: block;
		position: absolute;
		right: 8px;
		top: 50%;
		transform: translateY(-50%);
		width: 10px;
		height: 10px;
		color: inherit;
	}
.slider__container___third-party-legacy-react-kit-components-slider-theme- {
	position: relative;
	display: inline-block;
}

.slider__handlerContainer___third-party-legacy-react-kit-components-slider-theme- {
	position: absolute;
}

.slider__handlerContainer___third-party-legacy-react-kit-components-slider-theme- .react-draggable {
			position: absolute;
		}

.slider__handler___third-party-legacy-react-kit-components-slider-theme- {
	display: block;
}

.slider__track___third-party-legacy-react-kit-components-slider-theme- {
	position: absolute;
	left: 0;
	pointer-events: none;
}

.slider__rail___third-party-legacy-react-kit-components-slider-theme- {
	width: 100%;
	margin: 0 auto;
}

.slider__container_isDisabled___third-party-legacy-react-kit-components-slider-theme- {
	opacity: .8;
	cursor: no-drop;
}

.slider__container_isDisabled___third-party-legacy-react-kit-components-slider-theme- .slider__rail___third-party-legacy-react-kit-components-slider-theme- {
		border-color: #eee;
		pointer-events: none;
	}

.slider__container_isDisabled___third-party-legacy-react-kit-components-slider-theme- .slider__handler___third-party-legacy-react-kit-components-slider-theme- {
		opacity: .8;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3);
	}

.slider__handlerContainer___third-party-legacy-react-kit-components-slider-theme- {
	top: -2px;
	width: calc(100% + 11px);
	margin-left: -5px;
}

.slider__handler___third-party-legacy-react-kit-components-slider-theme- {
	width: 10px;
	height: 11px;
	border-radius: 50%;
	box-shadow: 0 1px 4px 0 rgba(0, 72, 107, 0.3);
	background-color: #f7fbfd;
	border: solid 1px rgba(0, 75, 129, 0.3);
}

.slider__track___third-party-legacy-react-kit-components-slider-theme- {
	border-radius: 3.5px;
	height: 100%;
}

.slider__track_positive___third-party-legacy-react-kit-components-slider-theme- {
		background-color: #009982;
	}

.slider__rail___third-party-legacy-react-kit-components-slider-theme- {
	width: 100%;
	margin: 0 auto;
	height: 7px;
	background-color: rgba(217,216,212,0.4);
	border: solid 1px rgba(12,26,33,0.1);
	border-radius: 3.5px;
}

.slider__rail___third-party-legacy-react-kit-components-slider-theme- {
	border-radius: 0;
	background: linear-gradient(to left top, rgba(var(--slider-bg-color-rgb), 1) 45%, transparent 55%) no-repeat;
	background-origin: border-box;
}

.slider__handler___third-party-legacy-react-kit-components-slider-theme- {
	width: 0;
	margin-left: 2px;
	background-color: transparent;
	border-color: transparent transparent var(--slider-handle-color) transparent;
	border-style: solid;
	border-width: 4px;
	border-top: none;
	border-radius: 0;
	box-shadow: none;
}

.slider__handlerContainer___third-party-legacy-react-kit-components-slider-theme- .react-draggable {
			height: calc(100% + 6px);
		}

.slider__container_isDisabled___third-party-legacy-react-kit-components-slider-theme- {
		opacity: 0.8;
		cursor: no-drop;
	}

.slider__container_isDisabled___third-party-legacy-react-kit-components-slider-theme- .slider__rail___third-party-legacy-react-kit-components-slider-theme- {
			background: linear-gradient(to left top, rgba(var(--slider-disabled-bg-color-rgb), 1) 45%, transparent 55%) no-repeat;
			background-origin: border-box;
			border-color: transparent;
		}

.slider__container_isDisabled___third-party-legacy-react-kit-components-slider-theme- .slider__handler___third-party-legacy-react-kit-components-slider-theme- {
			border-color: transparent transparent var(--slider-disabled-handle-color) transparent;
			box-shadow: none;
		}


.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme- {
	background: var(--small-button-bg-color);
	margin-right: 1px;
	border-radius: 0;
	height: 11px;
	position: absolute;
	right: 0;
	z-index: 0;
	transition: height 0.2s;
	top: 13px;
	color: var(--icon-primary-default-color);
}

	.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-:last-child {
		top: auto;
		bottom: 13px;
	}

	.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-::before {
		border-radius: 0;
	}

	.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-:hover {
		height: 23px;
		z-index: 2;
	}

	.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-:focus {
		box-shadow: none;
	}

	.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-:disabled,
	.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-[disabled] {
		color: var(--icon-disabled-color);
		background-color: var(--small-button-disabled-bg-color);
		box-shadow: none;
		border: none;
	}

	.button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-:disabled svg, .button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-[disabled] svg {
			top: 0;
			fill: var(--icon-disabled-color);
		}

.button-icon__icon___third-party-legacy-react-kit-components-steppable-input-theme- {
	width: 7px;
	height: 7px;
}

.mobile .button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme- {
		top: 14px;
	}

.mobile .button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-:last-child {
			top: auto;
			bottom: 14px;
		}
.clear-button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme- {
	width: 7px;
	padding: 0;
	opacity: 1;
    background: transparent;
	border: none;
}

	.clear-button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-[disabled] {
		background: transparent;
	}

	.clear-button-icon__container___third-party-legacy-react-kit-components-steppable-input-theme-::before {
		display: none;
	}

.clear-button-icon__icon___third-party-legacy-react-kit-components-steppable-input-theme- {
	width: 7px;
}

.mobile .clear-button-icon__icon___third-party-legacy-react-kit-components-steppable-input-theme- {
		width: 11px;
		height: 11px;
	}
.steppable-input__inner___third-party-legacy-react-kit-components-steppable-input-theme- {
	height: 100%;
    display: flex;
	align-items: center;
}
.steppable-input-child__inner___third-party-legacy-react-kit-components-time-input-theme- {
	width: 110px;
}

.time-input__inner___third-party-legacy-react-kit-components-time-input-theme- {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	flex: 1;
}

.time-input__section___third-party-legacy-react-kit-components-time-input-theme-,
.time-input__separator___third-party-legacy-react-kit-components-time-input-theme- {
	cursor: default;
}

.time-input__inner___third-party-legacy-react-kit-components-time-input-theme- {
	width: 74px;
	padding-left: 5px;
	padding-right: 4px;
	line-height: normal;
    transition: color .1s ease;
	box-sizing: border-box;
	display: flex;
	flex: 0 auto;
}

.time-input__inner_isFilled___third-party-legacy-react-kit-components-time-input-theme- {
		position: relative;
	}

.time-input__section___third-party-legacy-react-kit-components-time-input-theme- {
	padding-left: 2px;
	padding-right: 2px;
}

.time-input__section_isActive___third-party-legacy-react-kit-components-time-input-theme- {
		background-color: var(--input-text-selection-bg-color);
	}

.time-input__section___third-party-legacy-react-kit-components-time-input-theme-,
.time-input__separator___third-party-legacy-react-kit-components-time-input-theme- {
    cursor: default;
	transition: background-color .1s ease;
}
.password-input__container___third-party-legacy-react-kit-components-password-input- {
	position: relative;
}

.password-input__inputContainer___third-party-legacy-react-kit-components-password-input- {
	width: 100%;
}

.password-input__icon___third-party-legacy-react-kit-components-password-input- {
	display: block;
	width: 100%;
	height: 100%;
	fill: var(--icon-primary-default-color);
}

.password-input__buttonContainer___third-party-legacy-react-kit-components-password-input- {
	position: absolute;
	right: 5px;
	top: 50%;
	width: 17px;
	height: 17px;
	min-width: auto;
	padding: 0;
	border: none;
	background-color: transparent;
	transform: translateY(-50%);
}

.password-input__buttonContainer___third-party-legacy-react-kit-components-password-input-::before {
		content: normal;
	}
.button-h-child__container___third-party-legacy-react-kit-components-combobutton-theme-___3N0CM {
	display: block;
	border-radius: var(--controls-border-radius) 0 0 var(--controls-border-radius);
	min-width: 36px;
	padding: 0 10px;
	color: var(--dropdown-default-text-color);
	border-color: var(--dropdown-border-outside-color);
	background-color: var(--dropdown-default-bg-color);
}

.button-h-child__inner___third-party-legacy-react-kit-components-combobutton-theme-___1LEt2 {
	display: flex;
	align-items: center;
	text-indent: 7px;
}

.button-h-child__inner___third-party-legacy-react-kit-components-combobutton-theme-___1LEt2 > i {
		width: 17px;
		height: 13px;
	}

.combobutton__container___third-party-legacy-react-kit-components-combobutton-theme- {
	display: flex;
	fill: var(--dropdown-default-text-color);
}
	.combobutton__container___third-party-legacy-react-kit-components-combobutton-theme- .combobutton__container_active___third-party-legacy-react-kit-components-combobutton-theme- {
		background-color: var(--button-primary-default-bg-color);
		color:  var(--button-primary-default-text-color);
		fill: var(--button-primary-default-text-color);
	}

.selectbox-h-child__anchor___third-party-legacy-react-kit-components-combobutton-theme-___zcRBj {
	width: 100%;
	min-width: var(--combobutton-selectbox-min-width);
}

	.selectbox-h-child__anchor-content--caret___third-party-legacy-react-kit-components-combobutton-theme-___sk4Lu {
			left: 0;
			right: var(--combobutton-selectbox-content-x-offset);
		}

	.selectbox-h-child__anchor-text___third-party-legacy-react-kit-components-combobutton-theme-___3u7sR {
		display: none;
	}

	.selectbox-h-child__anchor-inner___third-party-legacy-react-kit-components-combobutton-theme-___2_FaF {
		width: 100%;
	}

	.selectbox-h-child__anchor-caret___third-party-legacy-react-kit-components-combobutton-theme-___ng0vh {
		position: relative;
		right: -100%;
		transform: translateX(-50%);
	}

	.selectbox-h-child__anchor-caret___third-party-legacy-react-kit-components-combobutton-theme-___ng0vh i {
			position: absolute;
			width: inherit;
			height: inherit;
			right: 100%;
		}

	.selectbox-h-child__anchor___third-party-legacy-react-kit-components-combobutton-theme-___zcRBj:focus+button {
		border-right-color: var(--form-control-focused-border-outside-color);
	}

.tooltip-h-child__anchor___third-party-legacy-react-kit-components-combobutton-theme-___26gR2 {
    width: 36px;
}
.switcher__container_checked___third-party-legacy-react-kit-components-switcher-theme- .switcher__bubble___third-party-legacy-react-kit-components-switcher-theme- {
			left: 14px;
		}

.switcher__control___third-party-legacy-react-kit-components-switcher-theme- {
	width: 26px;
	height: 12px;
	border-radius: 8px;
	padding: 1px;
	border-width: 1px;
}

.switcher__bubble___third-party-legacy-react-kit-components-switcher-theme- {
	width: 12px;
	height: 12px;
}

.switcher__icon_wrapper___third-party-legacy-react-kit-components-switcher-theme- {
	height: 16px;
	margin-top: -14px;
}

.switcher__icon___third-party-legacy-react-kit-components-switcher-theme- {
	padding: 2px 0;
	height: 12px;
	width: 12px;
}

.switcher__container___third-party-legacy-react-kit-components-switcher-theme- {
	display: inline-block;
	cursor: pointer;
}

.switcher__container_checked___third-party-legacy-react-kit-components-switcher-theme- .switcher__control___third-party-legacy-react-kit-components-switcher-theme- {
			background-color: var(--order-entry-switcher-on-bg-color);
		}

.switcher__container_checked___third-party-legacy-react-kit-components-switcher-theme- .switcher__icon_wrapper___third-party-legacy-react-kit-components-switcher-theme- {
			text-align: left;
		}

.switcher__container___third-party-legacy-react-kit-components-switcher-theme-:hover .switcher__control___third-party-legacy-react-kit-components-switcher-theme- {
			background-color: var(--order-entry-switcher-off-hover-bg-color-1);
		}

.switcher__container_checked___third-party-legacy-react-kit-components-switcher-theme-:hover .switcher__control___third-party-legacy-react-kit-components-switcher-theme- {
			background-color: var(--order-entry-switcher-on-hover-bg-color);
		}

.switcher__input___third-party-legacy-react-kit-components-switcher-theme- {
	position: absolute;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	width: 0;
	height: 0;
}

.switcher__input___third-party-legacy-react-kit-components-switcher-theme-:active ~ .switcher__control___third-party-legacy-react-kit-components-switcher-theme-, .switcher__input___third-party-legacy-react-kit-components-switcher-theme-:focus ~ .switcher__control___third-party-legacy-react-kit-components-switcher-theme- {
		border-color: var(--order-entry-switcher-focused-outside-border-color);
	}

.switcher__control___third-party-legacy-react-kit-components-switcher-theme- {
	display: inline-block;
	vertical-align: middle;
	background-color: var(--order-entry-switcher-off-bg-color-1);
	border-color: transparent;
	border-style: solid;
}

.switcher__bubble___third-party-legacy-react-kit-components-switcher-theme- {
	transition: left 200ms ease-in-out;
	left: 0;
	position: relative;
	border-radius: 100%;
	background-color: var(--order-entry-switcher-bubble-color);
}

.switcher__icon_wrapper___third-party-legacy-react-kit-components-switcher-theme- {
	width: 100%;
	text-align: right;
}

.switcher__icon___third-party-legacy-react-kit-components-switcher-theme- {
	display: inline-block;
	fill: var(--order-entry-switcher-bubble-color);
}

:root {
	--border-radius: calc(var(--controls-border-radius) - 1px);
}

.toggle-buttons__container__wrapper___third-party-legacy-react-kit-components-toggle-buttons-theme- {
	display: inline-block;
}

.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme- {
	min-width: 73px;
	fill: var(--button-tertiary-default-text-color);
	position: relative;
	z-index: 1;
}

.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:first-child {
		margin-right: 0;
	}

.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:last-child {
		margin-left: 0;
	}

.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-,
	.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:before {
		border-radius: 0;
	}

.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:first-child,
	.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:first-child:before {
		border-radius: var(--border-radius) 0 0 var(--border-radius);
	}

.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:last-child,
	.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:last-child:before {
		border-radius: 0 var(--border-radius) var(--border-radius) 0;
	}

.toggle-buttons__container__item_active___third-party-legacy-react-kit-components-toggle-buttons-theme- {
		cursor: default;
		pointer-events: none;
		z-index: 2;
		background-color: var(--segmented_control-alt-selected-bg);
		box-shadow: 0 0 0 1px var(--segmented_control-selected-border-outside);
	}

.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:focus {
		z-index: 3;
		box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
	}

.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:disabled,
	.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-[disabled] {
		fill: var(--common-text-disabled);
		box-shadow: -1px 0 0 0 transparent, 0 0 0 1px var(--button-disabled-border-outside-color);
	}

/*to get rid of semi-transparent box-shadows overlapping each other*/

.toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-:disabled:last-child, .toggle-buttons__container__item___third-party-legacy-react-kit-components-toggle-buttons-theme-[disabled]:last-child {
			box-shadow: 0 0 0 1px var(--button-disabled-border-outside-color); /* to get rid of semi-transparent box-shadows overlapping each other*/
		}

.toggle-buttons__container__vertical___third-party-legacy-react-kit-components-toggle-buttons-theme- {
	display: block;
	width: 100%;
}

.toggle-buttons__container__vertical___third-party-legacy-react-kit-components-toggle-buttons-theme-:first-child,
	.toggle-buttons__container__vertical___third-party-legacy-react-kit-components-toggle-buttons-theme-:first-child:before {
		border-radius: 0;
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius);
	}

.toggle-buttons__container__vertical___third-party-legacy-react-kit-components-toggle-buttons-theme-:last-child,
	.toggle-buttons__container__vertical___third-party-legacy-react-kit-components-toggle-buttons-theme-:last-child:before {
		border-radius: 0;
		border-bottom-left-radius: var(--border-radius);
		border-bottom-right-radius: var(--border-radius);
	}
.popup__backdrop___third-party-legacy-react-kit-components-popup-theme- {
	position: fixed;
	left: 0;
	top: -150%;
	width: 100%;
	height: 100%;
	z-index: 99;
	text-align: center;
	pointer-events: none;
	transition: visibility 0s linear 0.3s,
		top 0s linear 0.3s;
}

	.popup__backdrop___third-party-legacy-react-kit-components-popup-theme-:before {
		content: '';
		display: inline-block;
		height: 90%;
		vertical-align: middle;
		width: 0;
	}

.popup__backdropShow___third-party-legacy-react-kit-components-popup-theme- {
	top: 0;
	visibility: visible;
	transition-delay: 0s, 0s;
}

.popup__backdrop_isModal___third-party-legacy-react-kit-components-popup-theme- {
	pointer-events: all;
}

.popup__backdrop_isModal___third-party-legacy-react-kit-components-popup-theme- .popup__conttainer___third-party-legacy-react-kit-components-popup-theme- {
		box-shadow: 0 6px 25px var(--modal-window-shadow-color);
	}

.popup__backdrop_isModal___third-party-legacy-react-kit-components-popup-theme-:after {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 25;
		background-color: var(--modal-window-blocking-bg-color);
	}

.popup__container___third-party-legacy-react-kit-components-popup-theme- {
	pointer-events: auto;
	display: inline-block;
	box-sizing: border-box;
	z-index: 30;
	border: 1px solid;
	vertical-align: middle;
	text-align: left;
	position: relative;
	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(--shadow-color);
	border-color: var(--modal-window-border-color);
	color: var(--modal-window-text-color);
}

.popup__header___third-party-legacy-react-kit-components-popup-theme- {
	color: var(--modal-window-header-text-color);
	font-weight: 600;
}

.popup__containerShow___third-party-legacy-react-kit-components-popup-theme- {
	animation: popup__popupShow___third-party-legacy-react-kit-components-popup-theme- 0.3s cubic-bezier(0, 0, 0, 1.3);
}

.popup__containerHide___third-party-legacy-react-kit-components-popup-theme- {
	animation: popup__popupHide___third-party-legacy-react-kit-components-popup-theme- 0.3s linear;
	transition: transform linear 0.3s;

}

.popup__header___third-party-legacy-react-kit-components-popup-theme- {
	padding: 4px 8px 5px;
	box-sizing: border-box;
	min-height: 24px;
	background: var(--modal-window-header-bg-color);
	background-image: linear-gradient(88deg, var(--modal-window-header-bg-color-1), var(--modal-window-header-bg-color-2));
	box-shadow: 0 -1px 0 var(--modal-window-header-shadow-color) inset;
	cursor: move;
	font-weight: 600;
}

.popup__body___third-party-legacy-react-kit-components-popup-theme- {
	padding: 8px 30px;
	position: relative;
	color: var(--modal-window-text-color);
}

.popup__footer___third-party-legacy-react-kit-components-popup-theme- {
	position: relative;
	text-align: center;
	box-shadow: inset 0 1px 0 var(--line-color);
	padding: 9px 8px 8px;
}

.popup__closeButton___third-party-legacy-react-kit-components-popup-theme- {
	position: absolute;
	top: 0;
	right: 1px;
	background: transparent;
}

.popup__closeButton___third-party-legacy-react-kit-components-popup-theme-:hover svg polygon {
					fill: var(--link-hovered-multiparts);
					transition: fill 220ms ease-in;
				}

.popup__closeButton___third-party-legacy-react-kit-components-popup-theme-:active {
		margin-top: 1px;
	}

.popup__closeButton___third-party-legacy-react-kit-components-popup-theme-:active svg {
				fill: var(--icon-pressed-color);
			}

.popup__closeButton___third-party-legacy-react-kit-components-popup-theme-:focus {
		box-shadow: none;
	}

.popup__closeButton___third-party-legacy-react-kit-components-popup-theme- svg {
			fill: var(--modal-header-icon-primary-default-color);
		}

@keyframes popup__popupShow___third-party-legacy-react-kit-components-popup-theme- {
	0% {
		opacity: 0;
		transform: translateY(-200px);
	}
	33% {
		opacity: 1;
	}
	100% {
		transform: translateY(0px);
	}
}

@keyframes popup__popupHide___third-party-legacy-react-kit-components-popup-theme- {
	0% {
		opacity: 1;
	}
	33% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

/*Safari Only 7.1+*/
_::-webkit-full-page-media, _:future, :root .popup__container___third-party-legacy-react-kit-components-popup-theme- {
	//background-color: var(--modal-window-bg-color, 0.83);
}
.resize-detector__container___third-party-legacy-react-kit-components-resize-detector- {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1000;
	width: 100%;
	height: 100%;
	border: none;
}

.icon-h-child__container___third-party-legacy-react-kit-components-layout-components-placeholder-theme-___3sTp6 {
	fill: var(--drop-area-border-deny-color);
	width: 72px;
	height: 72px;
}
.placeholder__icon___third-party-legacy-react-kit-components-layout-components-placeholder-theme- {
	fill: var(--drop-area-border-deny-color);
	width: 72px;
	height: 72px;
}

.placeholder__hint___third-party-legacy-react-kit-components-layout-components-placeholder-theme- {
	font-size: 40px;
	font-weight: 500;
	text-align: center;
	margin-top: 28px;
}

.placeholder__hint___third-party-legacy-react-kit-components-layout-components-placeholder-theme- small {
		display: block;
		font-size: 20px;
	}
:root {
	--scrollable-scrollbar-size: 9px;
	--scrollable-min-bar-size: 10px;
}
.Grid__container___third-party-legacy-react-kit-components-grid- {
	overflow: hidden;
	width: 100%;
}
	
.Grid__cell_left___third-party-legacy-react-kit-components-grid- {
		text-align: left;
	}
	
.Grid__cell_center___third-party-legacy-react-kit-components-grid- {
		text-align: center;
	}
	
.Grid__cell_right___third-party-legacy-react-kit-components-grid- {
		text-align: right;
	}
	
.Grid__gridCell__placeholder___third-party-legacy-react-kit-components-grid- {
		display: inline-block;
	}
	
.Grid__gridCell__content___third-party-legacy-react-kit-components-grid- {
		display: inline-block;
	}
	
.Grid__gridCell__content_left___third-party-legacy-react-kit-components-grid- {
			text-align: left;
		}
	
.Grid__gridCell__content_center___third-party-legacy-react-kit-components-grid- {
			text-align: center;
		}
	
.Grid__gridCell__content_right___third-party-legacy-react-kit-components-grid- {
			text-align: right;
		}
	
.Grid__gridHead_paddedForScrollbar___third-party-legacy-react-kit-components-grid- {
		padding-right: var(--scrollable-scrollbar-size);
	}
.popover-h-child__container___2bFRb {
	border: none;
    background-color: var(--hint-tooltip-bg-color);
    box-shadow: 0 2px 30px var(--overlay-box-shadow-color);
}

	.popover-h-child__container___2bFRb .tooltip__container {
			position: relative;
		}
.tooltip__container {
	pointer-events: none;
	box-shadow:  0 -2px 10px var(--shadow-color), 0 4px 10px var(--shadow-color);
	background-color: var(--hint-tooltip-bg-color);
	max-width: 300px;
	padding: 5px 10px 4px 10px;
	text-align: left;
	margin-top: -2px;
	z-index: 100;
}

.tooltip__content {
	font-size: var(--body-font-size);
	line-height: var(--body-font-size) + 2;
	color: var(--hint-tooltip-text-color);
}
.MessageValue__container___third-party-legacy-react-kit-components-toasts-components-message-value- {
	color: var(--common-secondary-text-color);
}

	.MessageValue__container_positive___third-party-legacy-react-kit-components-toasts-components-message-value- {
	}

	.MessageValue__container_positive___third-party-legacy-react-kit-components-toasts-components-message-value- .MessageValue__status___third-party-legacy-react-kit-components-toasts-components-message-value- {
			color: var(--message-sbj-triggered-text-color);
		}

	.MessageValue__container_negative___third-party-legacy-react-kit-components-toasts-components-message-value- {
	}

	.MessageValue__container_negative___third-party-legacy-react-kit-components-toasts-components-message-value- .MessageValue__status___third-party-legacy-react-kit-components-toasts-components-message-value- {
			color: var(--message-sbj-warning-text-color);
		}

.MessageValue__status___third-party-legacy-react-kit-components-toasts-components-message-value- {
	text-transform: uppercase;
	color: var(--message-sbj-trading-text-color);
}

.MessageValue__highlight___third-party-legacy-react-kit-components-toasts-components-message-value- {
	color: var(--message-sbj-dealer-text-color);
}

.MessageValue__dealer___third-party-legacy-react-kit-components-toasts-components-message-value- {
	text-transform: none;
}

.MessageValue__description___third-party-legacy-react-kit-components-toasts-components-message-value- {
	display: block;
}

.MessageValue__additional___third-party-legacy-react-kit-components-toasts-components-message-value- {
}

.mobile .MessageValue__description___third-party-legacy-react-kit-components-toasts-components-message-value- {
		font-size: 16px;
	}
@keyframes toast__container_flash1___third-party-legacy-react-kit-components-toasts-components-toast-theme- {
	0% {
		transform: translateY(4px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes toast__container_flash2___third-party-legacy-react-kit-components-toasts-components-toast-theme- {
	0% {
		transform: translateY(4px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes toast__container_after_flash1___third-party-legacy-react-kit-components-toasts-components-toast-theme- {
	0% {
		background-color: var(--corner-message-highlight-color);
	}
	100% {
		background-color: transparent;
	}
}
@keyframes toast__container_after_flash2___third-party-legacy-react-kit-components-toasts-components-toast-theme- {
	0% {
		background-color: var(--corner-message-highlight-color);
	}
	100% {
		background-color: transparent;
	}
}

.toast__container___third-party-legacy-react-kit-components-toasts-components-toast-theme- {
	position: relative;
	box-sizing: border-box;
	width: 260px;
	background-color: var(--toast-notification-default-bg-color);
	border: 1px solid var(--toast-notification-default-bg-color);
	box-shadow: 0 7px 15px var(--toast-notification-default-shadow-color);
	cursor: default;
	transition: background-color 250ms;
}

.toast__container___third-party-legacy-react-kit-components-toasts-components-toast-theme-:hover {
		background-color: var(--toast-notification-hover-bg-color);
		box-shadow: 0 7px 15px var(--toast-notification-hover-shadow-color);
	}

.toast__container_isUpdating___third-party-legacy-react-kit-components-toasts-components-toast-theme-::after {
			content: '';
			position: absolute;
			top: -1px;
			left: -1px;
			right: -1px;
			bottom: -1px;
		}

.toast__container_isUpdating_isActive___third-party-legacy-react-kit-components-toasts-components-toast-theme-::after {
				background-color: transparent;
				transition: background-color 1000ms ease-in;
			}

.toast__container_flash1___third-party-legacy-react-kit-components-toasts-components-toast-theme-.toast__container_isUpdating___third-party-legacy-react-kit-components-toasts-components-toast-theme-:after, .toast__container_flash2___third-party-legacy-react-kit-components-toasts-components-toast-theme-.toast__container_isUpdating___third-party-legacy-react-kit-components-toasts-components-toast-theme-:after {
			content: '';
			position: absolute;
			top: -1px;
			left: -1px;
			right: -1px;
			bottom: -1px;
		}

.toast__container_flash1___third-party-legacy-react-kit-components-toasts-components-toast-theme- {
		animation: toast__container_flash1___third-party-legacy-react-kit-components-toasts-components-toast-theme- 1000ms linear;
	}

.toast__container_flash1___third-party-legacy-react-kit-components-toasts-components-toast-theme-::after {
			animation: toast__container_after_flash1___third-party-legacy-react-kit-components-toasts-components-toast-theme- 1000ms linear;
		}

.toast__container_flash2___third-party-legacy-react-kit-components-toasts-components-toast-theme- {
		animation: toast__container_flash2___third-party-legacy-react-kit-components-toasts-components-toast-theme- 1000ms linear;
	}

.toast__container_flash2___third-party-legacy-react-kit-components-toasts-components-toast-theme-::after {
			animation: toast__container_after_flash2___third-party-legacy-react-kit-components-toasts-components-toast-theme- 1000ms linear;
		}

.toast__header___third-party-legacy-react-kit-components-toasts-components-toast-theme- {
	font-size: 12px;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 30px;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--table-text-color);
}

.toast__dismiss___third-party-legacy-react-kit-components-toasts-components-toast-theme- {
	display: block;
	position: absolute;
	top: 9px;
	right: 9px;
	padding: 0;
	border: none;
	width: 11px;
	height: 11px;
	z-index: 1;
	background-color: transparent;
	cursor: pointer;
	fill: var(--icon-primary-default-color);
	opacity: 0.5;
}

.toast__dismiss___third-party-legacy-react-kit-components-toasts-components-toast-theme-:hover {
		opacity: 1;
	}

.toast__content___third-party-legacy-react-kit-components-toasts-components-toast-theme- {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 6px;
}

/*the order is revers - the last child is the top*/

.toast__transition__enter___third-party-legacy-react-kit-components-toasts-components-toast-theme-:last-child .toast__container___third-party-legacy-react-kit-components-toasts-components-toast-theme-::after {
					content: '';
					position: absolute;
					top: -1px;
					left: -1px;
					right: -1px;
					bottom: -1px;
					background-color: var(--corner-message-highlight-color);
				}

.toast__transition__enter_active___third-party-legacy-react-kit-components-toasts-components-toast-theme-:last-child .toast__container___third-party-legacy-react-kit-components-toasts-components-toast-theme-::after {
						background-color: transparent;
						transition: background-color 1000ms ease-in;
					}

.toast__transition__exit___third-party-legacy-react-kit-components-toasts-components-toast-theme- .toast__container___third-party-legacy-react-kit-components-toasts-components-toast-theme- {
			opacity: 1;
		}

.toast__transition__exit_active___third-party-legacy-react-kit-components-toasts-components-toast-theme- .toast__container___third-party-legacy-react-kit-components-toasts-components-toast-theme- {
				opacity: 0.01;
				transition: opacity 200ms ease-in;
			}


.mobile .toast__header___third-party-legacy-react-kit-components-toasts-components-toast-theme- {
		font-size: 16px;
		margin-top: 9px;
		margin-bottom: 8px;
	}


.mobile .toast__container___third-party-legacy-react-kit-components-toasts-components-toast-theme- {
		width: 300px;
		font-size: 16px;
	}


.mobile .toast__content___third-party-legacy-react-kit-components-toasts-components-toast-theme- {
		margin-bottom: 9px;
	}

.popover__wrapper {
	box-sizing: border-box;
	position: absolute;
	z-index: 102;
	background-color: var(--dropdown-list-bg-color);
	color: var(--table-text-color);
	border: var(--popover-border-width) solid var(--dropdown-list-border-color);
	box-shadow: var(--popover-shadow-param) var(--overlay-box-shadow-color);
	-webkit-backdrop-filter: blur(var(--popover-backdrop-filter-blur-size));
	        backdrop-filter: blur(var(--popover-backdrop-filter-blur-size));
	transition: visibility 0s linear 0s;

	--popover-arrow-color: var(--widget-header-grad-color-1);
}

	.popover__wrapper:focus {
		outline: var(--outline-width) solid var(--form-control-focused-border-outside-color);
	}

	.popover__wrapper:focus:not(:focus-visible) {
			outline: none;
		}

.popover__arrow .stroke {
		fill: transparent;
	}

.popover__arrow .fill {
		fill: var(--popover-arrow-color);
	}
.account-suggest-button__button {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border: none;
	padding: 0;
	background: transparent;
}

	.account-suggest-button__button:hover::before {
		background: transparent;
	}

	.account-suggest-button__button:focus {
		outline: var(--account-suggest-button-outline) solid var(--form-control-focused-border-outside-color);
	}

	.account-suggest-button__button:focus:not(:focus-visible) {
			outline: none;
		}

	.account-suggest-button__button_icon {
		display: flex;
		padding: var(--account-suggest-button-icon-padding);
		width: var(--account-suggest-button-icon-width);
		height: var(--account-suggest-button-icon-height);
		color: var(--icon-contextual-secondary-default-color);
	}

.account-suggest-button__loginName {
	white-space: nowrap;
	color: var(--application-header-item-text-color);
}
.account-suggest-selector__accountInfo {
	position: relative;
	display: grid;
	grid-template-rows: 1fr 1fr;
}

	.account-suggest-selector__accountInfo_label {
		color: var(--application-header-section-text-color);
	}

	.account-suggest-selector__accountInfo_account {
		padding-right: var(--app-header-account-selector-right-spacer);
	}

	.account-suggest-selector__accountInfo_fullNameInfo {
		padding-left: var(--app-header-account-selector-right-spacer);
		max-width: var(--account-suggest-account-info-fullname-max-width);
	}

.account-suggest-selector__container {
	display: flex;
	white-space: nowrap;
	padding: 0 16px;
}

.account-suggest-selector__separator:before {
		content: "";
		position: absolute;
		height: var(--account-suggest-separator-height);
		left: 0;
		border-left: 1px dotted var(--app-header-divider-vertical-color);
	}

.account-suggest-selector__separator:after {
		content: "";
		position: absolute;
		height: var(--account-suggest-separator-height);
		right: 0;
		border-left: 1px dotted var(--app-header-divider-vertical-color);
	}

.account-suggest-selector__separator_inlay {
	margin: 0 16px;
	position: relative;
}

.account-suggest-selector__separator_inlay:before {
		content: "";
		position: absolute;
		height: var(--account-suggest-separator-height);
		left: 0;
		border-left: 1px dotted var(--app-header-divider-vertical-color);
	}
.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,
		.button[disabled] > .icon,
		.button[disabled] > span {
			top: 0;
		}

	.control-disabled .button > .icon, .button-disabled > .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,
			.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,
			.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,
			.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,
			.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, .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, .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, .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, .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, .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, .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, .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, .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: var(--button-secondary-border-inside-top-color);
			border-bottom-color: var(--button-secondary-border-inside-bottom-color);
			border-left-color: var(--button-secondary-border-inside-side-color);
			border-right-color: var(--button-secondary-border-inside-side-color);
		}

	.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: var(--button-tertiary-border-inside-top-color);
			border-bottom-color: var(--button-tertiary-border-inside-bottom-color);
			border-left-color: var(--button-tertiary-border-inside-side-color);
			border-right-color: var(--button-tertiary-border-inside-side-color);
		}

	.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 {
		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-link {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--link-default-multiparts);
	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-multiparts);
	}

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

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

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

	.button-link .icon {
		width: 13px;
		height: 13px;
		margin-right: 5px;
		fill: var(--link-default-multiparts);
		transition: fill 200ms;
		vertical-align: middle;
	}
.account-suggest-input__container,
.account-suggest-input__input {
	width: 100%;
}

.account-suggest-input__container {
	height: 2rem;
}

.account-suggest-input__label {
	flex-grow: 1;
}
.account-suggest__accountSuggestWrapper {
	width: 460px;
}

.account-suggest__accountSuggest_container {
		background-color: var(--symbol-suggest-bg-color);
	}

.account-suggest__accountSuggest_message {
		padding: var(--account-suggest-message-padding);
	}

.account-suggest__loadingIndicator_wrapper {
		padding: var(--account-suggest-loading-indicator-wrapper-padding);
	}

.account-suggest__accountInput {
	display: flex;
	align-items: center;
	margin: 0.4rem 0;
	padding: var(--account-suggest-input-padding);
	color: var(--form-label-text-color);
	gap: 1rem;
}

.account-suggest__accountInput_label {
		margin-right: var(--account-suggest-input-label-margin-right);
	}

.account-suggest__accountInput_wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		flex-grow: 1;
	}
.account-suggest-table-scrollable__content {
	width: 100%;
	overflow: hidden;
}

.account-suggest-table-scrollable__container {
	max-height: var(--account-suggest-table-max-height);
	overflow-x: hidden;
}
.account-suggest-table__accountSuggestTable_headerRow {
		color: var(--table-column-text-header-color);
		font-size: var(--grid-head-cell-font-size);
		background-color: var(--table-header-bg-color);
		padding: 0.4rem 0;
	}
	.account-suggest-table__accountSuggestTable_cell {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 2rem;
	}
	.account-suggest-table__accountSuggestTable_row {
		font-size: var(--grid-body-cell-font-size);
		padding: var(--account-suggest-table-row-padding) 0;
		cursor: pointer;
	}
	.account-suggest-table__accountSuggestTable_row:hover,
		.account-suggest-table__accountSuggestTable_row:focus,
		.account-suggest-table__accountSuggestTable_row_active {
			background-color: var(--dropdown-list-bg-hover-color);
		}
	.account-suggest-table__accountSuggestTable_row,
	.account-suggest-table__accountSuggestTable_headerRow {
		display: grid;
		grid-template-columns: var(--account-suggest-table-grid-template);
		padding: var(--account-suggest-table-row-padding) 0;
	}
	.account-suggest-table__accountSuggestTable_row>span,
		.account-suggest-table__accountSuggestTable_row div,
		.account-suggest-table__accountSuggestTable_headerRow>span,
		.account-suggest-table__accountSuggestTable_headerRow div {
			padding: 0 var(--account-suggest-table-cell-padding);
		}
	.account-suggest-table__accountSuggestTable_container {
		padding-bottom: var(--account-suggest-table-cell-padding);
		border-top: 0.1rem solid var(--divider-bg);
	}
.account-suggest-loading-indicator__container {
	display: flex;
	padding: var(--account-suggest-loading-indicator-padding);
	margin: auto;
}
.button-icon {
	width: 16px;
	height: 16px;
	padding: 0;
	border: none;
	transition: background-color 0.3s;
}

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

	.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: var(--button-tertiary-border-inside-top-color);
			border-bottom-color: var(--button-tertiary-border-inside-bottom-color);
			border-left-color: var(--button-tertiary-border-inside-side-color);
			border-right-color: var(--button-tertiary-border-inside-side-color);
		}

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

.button-filledIcon .icon {
		height: 16px;
		fill: var(--icon-primary-default-color);
	}
.button-download {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	background: var(--widget-header-button-bg-color);
	border-radius: 1px;
}


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


	.button-download .icon {
		width: 13px;
		height: 13px;
	}
.account-info-mode__container {
	align-self: center;
	padding: 0px 3px;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	border-radius: 2px;
	height: 13px;
	box-sizing: border-box;
	color: var(--account-label-text-color);
	transition: background 220ms ease-in;
}

	.account-info-mode__container_inactive:not(:hover):not(:active) {
		background: var(--account-label-inactive-bg);
	}

	.account-info-mode__container_button {
		box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.2);
		border-radius: 0px 0px 2px 2px;
		cursor: pointer;
	}

	.account-info-mode__container_button:active {
			line-height: 14px;
		}

	.account-info-mode__container_button:not(:last-child) {
			margin-right: 1px;
		}

	.account-info-mode__container_live {
		background: var(--account-label-live-bg-color);
	}

	.account-info-mode__container_demo {
		background: var(--account-label-demo-bg-color);
	}

.account-info-mode-switcher__container {
	display: flex;
	position: absolute;
	top: -10px;
	right: 16px;
}

.account-type-label__container {
	display: inline-block;
	padding: 0 3px;
	border-radius: 2px;
	color: var(--account-label-text-color);
	text-transform: uppercase;
	font-size: 11px;
	height: 13px;
	line-height: 13px;
	font-weight: 600;
	align-self: center;
}

	.account-type-label__container_eq {
		background: var(--label-eq-bg);
	}

	.account-type-label__container_eqo {
		background: var(--label-eqo-bg);
	}

	.account-type-label__container_cfd {
		background: var(--label-cfd-bg);
	}

	.account-type-label__container_fut {
		background: var(--label-fut-bg);
	}

	.account-type-label__container_mul {
	 	background: var(--label-mul-bg);
 	}

	.account-type-label__container_demo {
		background: var(--account-label-demo-bg-color);
	}

	.account-type-label__container_live {
		background: var(--account-label-live-bg-color);
	}

	.account-type-label__container_cash, .account-type-label__container_margin {
		background: var(--labels-currency-label-bg-color, #A2A5AA);
	}

	.account-type-label__container_master {
		background: #DDDFE9;
	}
.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);
        }

    .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-disabled {
            color: rgb(170, 170, 170);
        }

    .dropDown--option-disabled:hover {
                color: rgb(170, 170, 170);
                background: var(--dropdown-list-bg-color);
            }

    .dropDown--option-disabled .icon {
                display: none;
            }

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

    .dropDown--option-disabledViewOption {
            color: rgb(170, 170, 170);
        }

    .dropDown--option-disabledViewOption:hover {
                color: rgb(170, 170, 170);
                background: var(--dropdown-list-bg-color);
            }

    .dropDown--option-disabledViewOption .icon {
                display: none;
            }

    .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--option-selected .dropDown--selectedIcon .icon {
							fill: var(--icon-selected-color);
							color: var(--icon-selected-color);
						}

    .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--optionText-categorytype {
                    font-size: 12px;
                    font-weight: 500;
                    display: inline-block;
                    margin-right: 4px;
                    color: rgba(var(--dropdown-list-text-color-rgb), 0.5);
                }

    .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 .dropDown-optionContainer {
                display: inline-flex;
                gap: 10px;
                align-items: center;
	            justify-content: center;
            }

    .dropDown-selectBox .dropDown--settlementIndicator {
                height: 12px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--time_format-label-text);
                padding: 0px 2px 1px 3px;
                border: 1px solid var(--time_format-label-border);
                border-radius: 2px;
                font-size: 8px;
                font-weight: 600;
                line-height: 11px;
                letter-spacing: 0.5px;
            }

    .dropDown-selectBox .dropDown--settlementIndicator:empty{
                    display: 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 {
    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--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;
		display: inline-block;
		fill: var(--icon-primary-default-color);
	}

	.selectBox--categorytype {
		 margin-right: 4px;
		 color: var(--label-color);
	}

	.selectBox--optionText {
		 display: inline-block;
		 vertical-align: middle;
	}

	.selectBox--optionText-categorytype {
			 font-size: 12px;
			 font-weight: 500;
			 display: inline-block;
			 margin-right: 4px;
			 color: rgba(var(--dropdown-list-text-color-rgb), 0.5);
		 }

	.selectBox-optionContainer {
		 display: inline-flex;
		 gap: 10px;
		 align-items: center;
		 justify-content: center;
    }

	.selectBox--settlementIndicator {
		 height: 12px;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 color: var(--time_format-label-text);
		 padding: 0px 2px 1px 3px;
		 border: 1px solid var(--time_format-label-border);
		 border-radius: 2px;
		 font-size: 8px;
		 font-weight: 600;
		 line-height: 11px;
		 letter-spacing: 0.5px;
   }

	.selectBox--settlementIndicator:empty{
			 display: none;
		 }

	.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--inner > .account-type-label__container, .selectBox-active:hover .selectBox--inner > .account-type-label__container, .selectBox:active .selectBox--inner > .account-type-label__container {
			transform: translateY(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: var(--dropdown-border-inside-top-color);
		border-bottom-color: var(--dropdown-border-inside-bottom-color);
		border-left-color: var(--dropdown-border-inside-side-color);
		border-right-color: var(--dropdown-border-inside-side-color);
		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-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;
		}
.accountParams--col {
		font-size: 12px;
		padding: 3px 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.accountParams--delimiter {
		padding: 0 5px;
	}
	.accountParams--cashTypeCategory {
		color: var(--label-color);
		margin-right: 4px;
	}
	.accountParams--cashTypeCategory:empty {
			display: none;
		}
	.accountParams--currency, .accountParams--accounttype {
		text-transform: uppercase;
		text-align: center;
	}
	.accountParams--type {
		text-transform: uppercase;
	}
	.accountParams--type-sb {
			color: var(--account-label-sb-bg-color);
		}
	.accountParams--type-fx {
			color: #d3bfb4;
		}

.dropDown-selectBox-accountInfo:not(.dropDown-selectBox-abovePopup) {
		z-index: 98;
	}
	.dropDown-selectBox-accountInfo .dropDown--option {
		align-items: center;
		padding: 0 16px;
		color: var(--common-text-default);
		outline-width: 0;

		display: grid;
    	grid-auto-flow: row;
    	grid-template-columns: minmax(45px, auto) 1fr auto min-content auto minmax(min-content, 45px);
	}
	.dropDown-selectBox-accountInfo .dropDown--option-with-delimeter:after {
			content: "";
			display: block;
			background: var(--line-color);
			height: var(--app-header-account-info-dropdown-delimeter-height);
			margin: var(--app-header-account-info-dropdown-delimeter-vertical-spacer)
				var(--app-header-account-info-dropdown-delimeter-horizontal-spacer);
			box-sizing: border-box;
			flex-basis: 100%;
		}
	.dropDown-selectBox-accountInfo .dropDown--option[data-email="true"] {
			color: var(--label-color);
			position: relative;
			cursor: default;
			pointer-events: none;
		}
	.dropDown-selectBox-accountInfo .dropDown--option[data-email="true"]:hover {
				background-color: var(--dropdown-list-bg-color);
			}
	.dropDown-selectBox-accountInfo .dropDown--option[data-email="true"]::before {
				content: "";
				position: absolute;
				height: 1px;
				background-color: var(--label-color);
				left: 16px;
				right: 16px;
				top: 0;
			}
	.dropDown-selectBox-accountInfo .dropDown--option[data-email="true"] .accountParams--id {
				width: 100%;
			}
	.dropDown-selectBox-accountInfo .dropDown--option[data-email="true"] .accountParams--delimiter,
			.dropDown-selectBox-accountInfo .dropDown--option[data-email="true"] .accountParams--currency,
			.dropDown-selectBox-accountInfo .dropDown--option[data-email="true"] .accountParams--accounttype,
			.dropDown-selectBox-accountInfo .dropDown--option[data-email="true"] .accountParams--type {
				display: none;
			}
	.dropDown-selectBox-accountInfo .dropDown--option-selected {
			color: var(--common-text-selected);
		}
	.dropDown-selectBox-accountInfo .dropDown--option-selected .accountParams--type-fx, .dropDown-selectBox-accountInfo .dropDown--option-selected .accountParams--cashTypeCategory {
				color: var(--common-text-selected);
			}
	.dropDown-selectBox-accountInfo .dropDown--option span {
			padding-top: 3px;
			padding-bottom: 3px;
		}
	.dropDown-selectBox-accountInfo .dropDown--option .dropDown--selectedIcon {
			display: none;
		}

.selectBox-accountInfo {
	border-width: 0;
	background: transparent;
	box-shadow: none;
	position: relative;
	top: 1px;
}

	.selectBox-accountInfo .control--label {
		font-size: 12px;
		color: var(--application-header-section-text-color);
		margin-bottom: 4px;
		display: block;
	}

	.selectBox-accountInfo:hover,
	.selectBox-accountInfo:active {
		background: transparent;
	}

	.selectBox-accountInfo:hover::before, .selectBox-accountInfo:active::before {
			background: transparent;
		}

	.selectBox-accountInfo::before {
		border-top-color: transparent;
		border: 0;
	}

	.selectBox-accountInfo .selectBox-active:before,
		.selectBox-accountInfo .selectBox-active:hover:before,
		.selectBox-accountInfo .selectBox:active:before {
			background: transparent;
		}

	.selectBox-accountInfo .selectBox--label {
			padding: 0;
			font-size: 14px;
			line-height: 1.2;
			color: var(--application-header-item-text-color);
			display: flex;
		}

	.selectBox-accountInfo .selectBox--labelCurrency {
			text-transform: uppercase;
		}

	.selectBox-accountInfo .selectBox--labelCashTypeCategory {
			color: var(--label-color);
			margin-right: 4px;
		}

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

	.selectBox-accountInfo .selectBox--inner {
			display: flex;
		}

	.selectBox-accountInfo .selectBox--inner .account-type-label__container {
				margin-left: 6px;
				margin-right: 2px;
			}

.accountInfoReadonly {
	position: relative;
	display: inline-block;
	top: -2px;
}

.accountInfoLabel {
	margin-bottom: 1px;
	font-size: 12px;
	color: var(--application-header-section-text-color);
}

.accountInfoUser {
	line-height: 1.2;
	font-size: 14px;
	color: var(--application-header-item-text-color);
	white-space: nowrap;
}

.toast-widget-customization__container {
	min-width: 216px;
	max-width: 456px;
	width: -moz-fit-content;
	width: fit-content;
}

.toast-widget-customization__header-text {
	display: flex;
	align-items: baseline;
}

.toast-widget-customization__header-text_error {
		color: var(--status-rejected-text-color);
	}

.toast-widget-customization__header-text_success {
		color: var(--status-filled-text-color);
	}

.toast-widget-customization__icon {
	width: 9px;
	height: 9px;
	margin-right: 6px;
}

.toast-trading-log__header___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
	display: flex;
	align-items: center;
}

	.toast-trading-log__header__icon___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
		display: inline-block;
		margin-right: 5px;
		width: 14px;
		height: 14px;
		position: relative;
	}

	.toast-trading-log__header__text___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
		font-weight: bold;
		font-size: 14px;
		letter-spacing: .5px;
		color: var(--order-cancelled-text-color);
		text-transform: uppercase;
	}

	.toast-trading-log__header__text_positive___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme-,
		.toast-trading-log__header__text_negative___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
			position: relative;
		}

	.toast-trading-log__header__text_positive___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
			color: var(--positive-text-color);
		}

	.toast-trading-log__header__text_negative___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
			color: var(--negative-text-color);
		}

.toast-trading-log__subheader___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
	font-style: normal;
	color: var(--common-text-default);
	margin-bottom: 9px;
}

.toast-trading-log__subheader___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- + .toast-trading-log__wrap___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
		margin-top: 0;
	}

.toast-trading-log__subheader_negativeStatus___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
		color: var(--message-sbj-warning-text-color);
		text-transform: capitalize;
	}

.toast-trading-log__subheader_positiveStatus___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
	  color: var(--message-sbj-triggered-text-color);
		text-transform: capitalize;
  }

.toast-trading-log__subHeaderStatus___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
	margin-left: 5px;
	margin-right: 5px;
	color: var(--toast-notification-text-color-1);
}

.toast-trading-log__wrap___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
	line-height: 16px;
}

.toast-trading-log__subheader___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme-,
.toast-trading-log__wrap___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
	font-size: 14px;
	padding-right: 5px;
}

.toast-trading-log__status___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme-,
.toast-trading-log__side___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
	text-transform: uppercase;
}

.mobile .toast-trading-log__header__text___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
			font-size: 18px;
		}

.mobile .toast-trading-log__subheader___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
		font-size: 16px;
	}

.mobile .toast-trading-log__content___third-party-legacy-react-kit-components-toasts-components-toast-trading-log-theme- {
		font-size: 16px;
	}

.toast-order-status-redesign__container___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- {
	box-sizing: border-box;
	width: 304px;
	position: relative;
	padding-left: 5px;
	border: none;
	overflow: hidden;
}

	.toast-order-status-redesign__container___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme-::after {
		content: '';
		width: 4px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}

.toast-order-status-redesign__negative___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- {
	background-color: var(--notification-corner-critical-bg-color);
}

.toast-order-status-redesign__negative___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme-::after {
		background-color: var(--notification-corner-critical-vertical-line-color);
	}

.toast-order-status-redesign__neutral___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- {
	background-color: var(--toast-notification-default-bg-color);
}

.toast-order-status-redesign__neutral___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme-::after {
		background-color: var(--notification-corner-order-vertical-line-color);
	}


.toast-order-status-redesign__content___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- {
	padding-right: 39px;
	margin-bottom: 6px;
}

.toast-order-status-redesign__info___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	flex-flow: column;
    align-items: flex-start;
	color: var(--common-text-default);
}

.toast-order-status-redesign__info___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- div {
		margin-top: 8px;
	}

.toast-order-status-redesign__chunk___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- {
	margin-right: 4px;
	word-break: break-word;
}

.toast-order-status-redesign__title_negative___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- {
	color: var(--negative-text-color);
}

.toast-order-status-redesign__title_positive___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- {
	color: var(--positive-text-color);
}

.toast-order-status-redesign__status___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- {
	margin-left: 4px;
}

.toast-order-status-redesign__message-block___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- {
	margin-bottom: 5px;
}

.toast-order-status-redesign__header___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- {
	margin-top: 9px;
	margin-bottom: 5px;
}

.toast-order-status-redesign__titlePostfix___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- {
	font-size: 12px;
	font-weight: 400;
	color: var(--description-text-color);
	margin-left: 4px;
}

.toast-order-status-redesign__footer___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- {
	display: flex;
	flex-wrap: wrap;
    word-break: break-all;
}

.toast-order-status-redesign__footer___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- span:not(:last-child) {
		position: relative;
		margin-right: 13px;
	}

.toast-order-status-redesign__footer___third-party-legacy-react-kit-components-toasts-components-toast-generic-status-redesign-theme- span:not(:last-child)::after {
			content: '•';
			position: absolute;
			right: -9px;
			top: 0;
			display: flex;
			height: 100%;
			align-items: end;
		}

.toast-basic__container___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme- {
	position: relative;
}

	.toast-basic__container___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme-,
	.toast-basic__container___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme-:hover {
		background: var(--notification-corner-neutral-bg-color);
		box-shadow: 0 7px 15px 0 var(--overlay-box-shadow-color);
	}

	.toast-basic__container___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme-::after {
		background-color: var(--notification-corner-vertical-line-color);
	}

	.toast-basic__container_trading___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme-,
		.toast-basic__container_trading___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme-:hover {
			background: var(--notification-corner-order-bg-color);
			box-shadow: 0 7px 15px 0 var(--notification-corner-order-shadow-color);
		}

	.toast-basic__container_trading___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme-::after {
			background-color: var(--notification-corner-order-vertical-line-color);
		}

	.toast-basic__container_critical___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme-,
		.toast-basic__container_critical___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme-:hover {
			background: var(--notification-corner-critical-bg-color);
			box-shadow: 0 7px 15px 0 var(--notification-corner-critical-shadow-color);
			border: 1px solid transparent;
		}

	.toast-basic__container_critical___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme- .toast-basic__header__text___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme- {
			color: var(--negative-text-color);
		}

	.toast-basic__container_critical___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme-::after {
			background-color: var(--notification-corner-critical-vertical-line-color);
		}

	.toast-basic__container_created___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme- .toast-basic__header__text___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme- {
			color: var(--up-text-color);
		}

	.toast-basic__container_failed___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme- .toast-basic__header__text___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme- {
			color: var(--down-text-color);
		}

	.toast-basic__container_failed___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme- .toast-basic__item___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme- {
			font-weight: 500;
		}

.toast-basic__date___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme- {
	display: block;
	margin-bottom: 10px;
}

.toast-basic__item___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme- {
	display: inline-block;
	margin-right: 3px;
}

.toast-basic__item___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme-:last-child {
		margin: 0;
	}

.toast-basic__item_buy___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme- {
		font-weight: 500;
		color: var(--buy-text-color);
	}

.toast-basic__item_sell___third-party-legacy-react-kit-components-toasts-components-toast-basic-theme- {
		font-weight: 500;
		color: var(--sell-text-color);
	}
.ToastClientNotification__headerText___third-party-legacy-react-kit-components-toasts-components-toast-client-notification-theme- {
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.6rem;
}

	.ToastClientNotification__headerText_low___third-party-legacy-react-kit-components-toasts-components-toast-client-notification-theme- {
		color: var(--admin_notification-priority-low-multiparts);
	}

	.ToastClientNotification__headerText_high___third-party-legacy-react-kit-components-toasts-components-toast-client-notification-theme- {
		color: var(--admin_notification-priority-high-multiparts);
	}

	.ToastClientNotification__headerText_critical___third-party-legacy-react-kit-components-toasts-components-toast-client-notification-theme- {
		color: var(--admin_notification-priority-critical-multiparts);
	}

.ToastClientNotification__description___third-party-legacy-react-kit-components-toasts-components-toast-client-notification-theme-,
.ToastClientNotification__date___third-party-legacy-react-kit-components-toasts-components-toast-client-notification-theme- {
	font-size: 1.2rem;
	line-height: 1.6rem;
}

.ToastClientNotification__date___third-party-legacy-react-kit-components-toasts-components-toast-client-notification-theme- {
	color: var(--common-text-default);
}

.ToastClientNotification__description___third-party-legacy-react-kit-components-toasts-components-toast-client-notification-theme- {
	display: flex;
	white-space: nowrap;
	color: var(--common-secondary-text-color);
	margin-top: 0.8rem;
	text-wrap: wrap;
}

.ToastClientNotification__subject___third-party-legacy-react-kit-components-toasts-components-toast-client-notification-theme- {
	margin-left: 0.4rem;
}

.toast-critical__container___third-party-legacy-react-kit-components-toasts-components-toast-critical-theme- {
	box-sizing: border-box;
	position: relative;
	border: none;
	overflow: hidden;
}

	.toast-critical__container___third-party-legacy-react-kit-components-toasts-components-toast-critical-theme-,
	.toast-critical__container___third-party-legacy-react-kit-components-toasts-components-toast-critical-theme-:hover {
		background: var(--notification-corner-critical-bg-color);
		box-shadow: 0 7px 15px 0 var(--notification-corner-critical-shadow-color);
	}

	.toast-critical__container___third-party-legacy-react-kit-components-toasts-components-toast-critical-theme-::after {
		background-color: var(--notification-corner-critical-vertical-line-color);
	}

.toast-critical__header__text___third-party-legacy-react-kit-components-toasts-components-toast-critical-theme- {
	color: var(--negative-text-color);
}

.toast-critical__text___third-party-legacy-react-kit-components-toasts-components-toast-critical-theme- {
	margin-top: 15px;
	line-height: 1.36;
	color: var(--common-text-default);
}

.toast-critical__message___third-party-legacy-react-kit-components-toasts-components-toast-critical-theme- {
	margin-top: 9px;
	line-height: 1.36;
	color: var(--corner-notification-description-text-color);
}

.toast-critical__account___third-party-legacy-react-kit-components-toasts-components-toast-critical-theme- {
	color: var(--toast-notification-text-color-1);
}
.toast-deposit__container___third-party-legacy-react-kit-components-toasts-components-toast-deposit-theme- {
	box-sizing: border-box;
	width: 407px;
	position: relative;
	padding-left: 5px;
	background-color: var(--toast-notification-default-bg-color);
	border: none;
	overflow: hidden;
}

	.toast-deposit__container___third-party-legacy-react-kit-components-toasts-components-toast-deposit-theme-::after {
		content: '';
		width: 5px;
		height: 100%;
		background-color: var(--notification-corner-order-vertical-line-color);
		position: absolute;
		left: 0;
		top: 0;
	}

.toast-deposit__info___third-party-legacy-react-kit-components-toasts-components-toast-deposit-theme- {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: var(--common-text-default);
}

.toast-deposit__time___third-party-legacy-react-kit-components-toasts-components-toast-deposit-theme- {
	margin-right: 4px;
}

.toast-deposit__status___third-party-legacy-react-kit-components-toasts-components-toast-deposit-theme- {
	margin-left: 4px;
}

.toast-deposit__status___third-party-legacy-react-kit-components-toasts-components-toast-deposit-theme-,
.toast-deposit__label___third-party-legacy-react-kit-components-toasts-components-toast-deposit-theme- {
	color: var(--toast-notification-text-color-1);
}

.toast-deposit__header___third-party-legacy-react-kit-components-toasts-components-toast-deposit-theme- {
	margin-top: 9px;
	margin-bottom: 15px;
}

.toast-deposit__content___third-party-legacy-react-kit-components-toasts-components-toast-deposit-theme- {
	margin-bottom: 15px;
}
.toast-liquidation__container___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme- {
	box-sizing: border-box;
	width: 407px;
	position: relative;
	padding-left: 5px;
	background-color: var(--notification-corner-critical-bg-color);
	border: none;
	overflow: hidden;
}

.toast-liquidation__container___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme-::after {
	 content: '';
	 width: 5px;
	 height: 100%;
	 background-color: var(--notification-corner-critical-vertical-line-color);
	 position: absolute;
	 left: 0;
	 top: 0;
 }

.toast-liquidation__container___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme-:hover {
	  background-color: var(--notification-corner-critical-bg-color);
  }

.toast-liquidation__info___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme- {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: var(--common-text-default);
}

.toast-liquidation__status___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme- {
	margin-left: 4px;
}

.toast-liquidation__header___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme- {
	margin-top: 9px;
	margin-bottom: 15px;
}

.toast-liquidation__content___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme- {
	margin-bottom: 15px;
}

.toast-margin-alert__container___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme- {
	box-sizing: border-box;
	width: 407px;
	position: relative;
	padding-left: 5px;
	background-color: var(--toast-notification-default-bg-color);
	border: none;
	overflow: hidden;
}

.toast-margin-alert__container___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme-::after {
	 content: '';
	 width: 5px;
	 height: 100%;
	 background-color: var(--notification-corner-order-vertical-line-color);
	 position: absolute;
	 left: 0;
	 top: 0;
 }

.toast-margin-alert__info___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme- {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: var(--common-text-default);
}

.toast-margin-alert__message___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme- {
	color: var(--common-text-default);
}

.toast-margin-alert__status___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme- {
	margin-left: 4px;
}

.toast-margin-alert__header__text_positive___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme- {
	color: var(--warning-description-multiparts	)
}

.toast-margin-alert__status___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme-,
.toast-margin-alert__label___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme- {
	color: var(--toast-notification-text-color-1);
}

.toast-margin-alert__header___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme- {
	margin-top: 9px;
	margin-bottom: 15px;
}

.toast-margin-alert__content___third-party-legacy-react-kit-components-toasts-components-toast-liquidation-theme- {
	margin-bottom: 15px;
}

.toast-order-handling__container___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- .MessageValue__container {
			display: block;
		}
		.toast-order-handling__container___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- .MessageValue__description {
			word-break: break-word;
		}

.toast-order-handling__info___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: var(--common-text-default);
}

.toast-order-handling__time___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme-,
.toast-order-handling__account___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme-,
.toast-order-handling__number___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
	color: var(--common-text-default);
}

.toast-order-handling__account___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
	margin-right: 7px;
}

.toast-order-handling__description___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
	color: var(--corner-notification-description-text-color);
}

.toast-order-handling__status___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
	margin: 0 8px;
	color: var(--toast-notification-text-color-1);
	text-transform: uppercase;
}

.toast-order-handling__iconWrapper___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
	display: inline-flex;
	align-items: center;
}

.toast-order-handling__mode___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
	color: var(--link-default-multiparts);
	font-weight: 500;
}

.toast-order-handling__icon___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
	width: 32px;
	height: 22px;
}

.toast-order-handling__icon___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- svg {
		width: 100%;
		height: 100%;
	}

.toast-order-handling__icon___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme-:not(:last-of-type) {
		margin-right: 7px;
	}

.toast-order-handling__icon_midi___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
		width: 28px;
		height: 14px;
	}

.toast-order-handling__icon_min___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
		width: 18px;
		height: 14px;
	}

.toast-order-handling__textStatus___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
	font-weight: 500;
}

.toast-order-handling__textStatus_buy___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
		color: var(--positive-text-color);
	}

.toast-order-handling__textStatus_sell___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
		color: var(--negative-text-color);
	}

.toast-order-handling__text___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
	color: var(--common-text-default);
}

.toast-order-handling__textItem___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
	display: block;
}

.toast-order-handling__textWrapper___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
	margin-top: 10px;
}

.toast-order-handling__message___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
	margin-top: 12px;
}

.toast-order-handling__dogSymbol___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
	color: var(--at-text-color-2);
}

.mobile .toast-order-handling__info___third-party-legacy-react-kit-components-toasts-components-toast-order-handling-theme- {
		font-size: 16px;
	}
.toast-order__container___third-party-legacy-react-kit-components-toasts-components-toast-order-theme- {
	position: relative;
}

	.toast-order__container___third-party-legacy-react-kit-components-toasts-components-toast-order-theme- .MessageValue__container {
			display: block;
		}

	.toast-order__container___third-party-legacy-react-kit-components-toasts-components-toast-order-theme- .MessageValue__description {
			word-break: break-word;
			white-space: pre-wrap;
		}

.toast-order__icon_orderFilled___third-party-legacy-react-kit-components-toasts-components-toast-order-theme- {
		fill: var(--status-positive-multiparts);
	}

.toast-order__icon_orderPlaced___third-party-legacy-react-kit-components-toasts-components-toast-order-theme- {
		fill: var(--status-nonfinal-multiparts);
	}

.toast-order__icon_orderModified___third-party-legacy-react-kit-components-toasts-components-toast-order-theme- {
		fill: var(--status-neutral-multiparts);
	}

.toast-order__icon_orderCancelled___third-party-legacy-react-kit-components-toasts-components-toast-order-theme- {
		fill: var(--status-neutral-multiparts);
	}

.toast-order__icon_orderRejected___third-party-legacy-react-kit-components-toasts-components-toast-order-theme- {
		fill: var(--status-negative-multiparts);
	}

.toast-order__icon_orderExpired___third-party-legacy-react-kit-components-toasts-components-toast-order-theme- {
		fill: var(--status-neutral-multiparts);
	}

.toast-order__icon_orderInReview___third-party-legacy-react-kit-components-toasts-components-toast-order-theme- {
		fill: var(--status-nonfinal-multiparts);
	}
.toast-host__container___third-party-legacy-react-kit-components-toasts-components-toast-host-theme- {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 3;
}

	.toast-host__container_isMounted___third-party-legacy-react-kit-components-toasts-components-toast-host-theme- {
		opacity: 1;
		visibility: inherit;
	}

.toast-host__item___third-party-legacy-react-kit-components-toasts-components-toast-host-theme- {
	position: absolute;
	right: 0;
	transition: transform 300ms ease-in;
}
.palette-tool__container {
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 20px;
	z-index: 100;
}
.selectbox-h-child__container__anchor__text___2oOG7 {
	max-width: 180px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
:root {
    /*base tokens*/
    --font-size-xs: 1rem;
    --font-size-s: 1.1rem;
    --font-size-m: 1.2rem;
    --font-size-l: 1.4rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2.1rem;
    --font-size-3xl: 2.6rem;
    --font-size-4xl: 3.2rem;
    --font-size-5xl: 5rem;

    --font-line-height-x: 1rem;
    --font-line-height-lx: 1.2rem;
    --font-line-height-2x: 1.4rem;
    --font-line-height-3x: 1.6rem;
    --font-line-height-4x: 2rem;
    --font-line-height-5x: 2.2rem;
    --font-line-height-6x: 2.6rem;
    --font-line-height-7x: 3.6rem;
    --font-line-height-8x: 3.8rem;
    --font-line-height-9x: 5rem;

    --font-letter-spacing-m: 0;
    --font-letter-spacing-l: 0.1rem;

    --border-radius-s: 0;
    --border-radius-m: 0;
    --border-radius-l: 0;

    --spacer-3xs: 0.1rem;
    --spacer-2xs: 0.2rem;
    --spacer-xs: 0.3rem;
    --spacer-s: 0.4rem;
    --spacer-m: 0.5rem;
    --spacer-l: 0.8rem;
    --spacer-xl: 1.2rem;
    --spacer-2xl: 1.6rem;
    --spacer-3xl: 2rem;
    --spacer-4xl: 2.4rem;
    --spacer-5xl: 3.2rem;
    --spacer-6xl: 4rem;
	--delimiter-thickness: 0.1rem;

    --suggest-info-button-info-left-spacer: 0.5rem;

    --control-height-s: 1.9rem;
    --control-height-m: 2.5rem;
    --control-height-l: 3rem;

    --control-active-state-offset: 0.1rem;
    --backdrop-filter-blur-size: 2.5rem;

    /*buttons tokens*/
    --button-height-s: 1.9rem;
    --button-height-m: 2.1rem;
    --button-height-l: 2.2rem;
    --button-height-xl: 2.5rem;

    --button-border-radius: 0;
    --button-border-width: 0.1rem;

    --button-spacer-s: 0.4rem;
    --button-spacer-m: 0.8rem;
    --button-spacer-l: 1.2rem;
    --button-spacer-lx: 1.4rem;

    --button-font-size-s: 1rem;
    --button-font-size-m: 1.2rem;
    --button-font-size-l: 1.4rem;

    /*buttons icon tokens*/
    --button-icon-height-s: 1.6rem;
    --button-icon-height-m: 2.1rem;
    --button-icon-height-l: 2.3rem;

    --button-icon-width-s: 1.6rem;
    --button-icon-width-m: 2.1rem;
    --button-icon-width-l: 2.3rem;

    --button-icon-spacer-s: 0.3rem;
    --button-icon-spacer-m: 0.6rem;
    --trade-button-min-width: 5.8rem;
    --trade-button-line-height: 1.8rem;
    --trade-button-font-weight: 500;

    --button-icon-text-spacer: 0.7rem;

    /*button group linking tokens*/
    --button-group-linking-height: 1.4rem;
    --button-group-linking-min-width: 1.4rem;
    --button-group-linking-icon-width: 1.1rem;
    --button-group-linking-icon-height: 1.1rem;
    --button-group-linking-outline-offset: 0.4rem;
    --button-group-linking-tooltip-height: 2rem;
    --button-group-linking-tooltip-horizontal-spacer: 0.7rem;
    --button-group-linking-tooltip-vertical-spacer: 0.3rem;
    --button-group-linking-tooltip-y-position: 2rem;
    --button-group-linking-tooltip-shadow-y-offset: 0.2rem;
    --button-group-linking-tooltip-shadow-blur: 1rem;
    --button-group-linking-dropdown-min-width: 8.8rem;
    --button-group-linking-dropdown-x-offset: -1rem;
    --button-group-linking-dropdown-vertical-spacer: 0.3rem;
    --button-group-linking-item-height: 2.6rem;
    --button-group-linking-item-line-height: 2.5rem;
    --button-group-linking-item-horizontal-spacer: 1rem;
    --button-group-linking-item-icon-right-spacer: 0.6rem;
    --button-group-linking-item-unlink-bottom-spacer: 0.5rem;
    --button-group-linking-item-unlink-delimiter-height: 0.1rem;
    --button-group-linking-item-unlink-delimiter-y-offset: -0.3rem;
    --button-group-linking-item-unlink-icon-height: 1.1rem;
    --button-group-linking-item-unlink-icon-width: 1.1rem;
    --button-group-linking-item-tick-icon-height: 0.7rem;
    --button-group-linking-item-tick-icon-width: 0.9rem;
    --button-group-linking-item-group-icon-height: 1.1rem;
    --button-group-linking-item-group-icon-width: 1.3rem;

    /*fold button tokens*/
    --fold-button-width: 0.8rem;
    --fold-button-top-spacer: 0.1rem;
    --fold-button-icon-width: 0.8rem;
    --fold-button-icon-height: 0.8rem;
    --multi-asset-fold-button-left-spacer: 0.6rem;
    --multi-asset-fold-button-x-offset: -0.4rem;
    --widget-header-fold-button-right-spacer: 1rem;
    --widget-header-fold-button-icon-y-offset: -0.2rem;

    /*toggle buttons tokens*/
    --toggle-buttons-height-s: 1.9rem;
    --toggle-buttons-height-m: 2.5rem;
    --toggle-buttons-min-width: 7.3rem;
    --toggle-buttons-x-offset: 0.1rem;
    --toggle-buttons-border-width: 0.1rem;
    --toggle-buttons-border-radius: 0;
    --toggle-buttons-postfix-top-spacer: 0.6rem;
    --toggle-buttons-postfix-bottom-spacer: -0.2rem;
    --toggle-buttons-postfix-letter-spacing: 0.03rem;
    --toggle-buttons-postfix-font-size: 1rem;
    --widget-mode-switcher-toggle-buttons-width: 3.6rem;
    --widget-mode-switcher-toggle-buttons-icon-height: 1.1rem;
    --widget-mode-switcher-toggle-buttons-icon-list-width: 1.1rem;
    --widget-mode-switcher-toggle-buttons-icon-heatmap-width: 1.1rem;
    --widget-mode-switcher-toggle-buttons-icon-calendar-width: 1.3rem;
    --widget-mode-switcher-toggle-buttons-icon-table-width: 1.1rem;
    --widget-mode-switcher-toggle-buttons-icon-grid-width: 2.4rem;
    --calendar-view-mode-switcher-toggle-buttons-width: 5.4rem;

    /*context menu button tokens*/
    --context-menu-button-spacer: 0;
    --context-menu-button-icon-caret-width: 0.7rem;
    --context-menu-button-icon-caret-height: 0.4rem;
    --context-menu-button-icon-caret-x-offset: 0.8rem;

    /*order init buttons tokens*/
    --order-init-buttons-container-horizontal-spacer: -0.1rem;
    --order-init-buttons-container-bottom-spacer: 1rem;
    --order-init-buttons-spread-width: 10rem;
    --order-init-buttons-spread-min-height: 1.9rem;
    --order-init-buttons-spread-line-height: 1.9rem;
    --order-init-buttons-spread-border-width: 0.2rem;
    --order-init-buttons-spread-border-radius: 0.1rem;
    --order-init-buttons-item-top-spacer: 0.5rem;
    --order-init-buttons-item-bottom-spacer: 1rem;
    --order-init-buttons-item-horizontal-spacer: 1rem;
    --order-init-buttons-item-outer-horizontal-spacer: 0.1rem;
    --order-init-buttons-item-border-radius: 0.1rem;
    --order-init-buttons-item-outline-width: 0.1rem;
    --order-init-buttons-item-value-bottom-spacer: 0.6rem;
    --order-init-buttons-item-value-font-size: 2.1rem;
    --order-init-buttons-item-value-line-height: 2.6rem;
    --order-init-buttons-item-value-pips-font-size: 3.2rem;
    --order-init-buttons-item-value-pips-line-height: 3.6rem;
    --order-init-buttons-item-title-font-size: 1.3rem;
    --order-init-buttons-item-title-line-height: 1.2rem;
    --order-init-buttons-item-title-letter-spacing: 0.1rem;
    --order-init-buttons-item-title-x-offset: 5rem;

    /*comboButton tokens*/
    --combobutton-x-offset: 2.7rem;
    --combobutton-y-offset: -2.5rem;
    --combobutton-min-width: 3.5rem;
    --combobutton-horizontal-spacer: 1rem;
    --combobutton-content-text-x-offset: 0.7rem;
    --combobutton-content-icon-width: 1.7rem;
    --combobutton-content-icon-height: 1.3rem;
    --combobutton-selectbox-min-width: 6rem;
    --combobutton-selectbox-content-x-offset: -0.4rem;

    /*radio button tokens*/
    --radio-button-height-s: 1.5rem;
    --radio-button-width-s: 1.5rem;
    --radio-button-icon-height-s: 0.7rem;
    --radio-button-icon-width-s: 0.7rem;
    --radio-button-text-spacer: 0.5rem;
    --radio-button-border-width: 0.1rem;
    --radio-button-inner-shadow-width: 0.1rem;

    /*date range filter tokens*/
    --date-range-filter-width: 1rem;
    --date-range-filter-height: 1rem;
    --date-range-filter-icon-width: 1rem;
    --date-range-filter-icon-height: 1rem;

    /*control range tokens*/
    --control-range-vertical-spacer: 0.4rem;
    --control-range-horizontal-spacer: 0;
    --control-range-x-offset: 0.4rem;
    --control-range-width: 12.2rem;
    --control-range-postfix-width: 1.7rem;
    --control-range-postfix-font-size: 1rem;
    --control-range-postfix-left-spacer: 0.6rem;
    --control-range-slider-handler-width: 0.4rem;
    --control-range-slider-handler-x-offset: -0.4rem;
    --control-range-slider-bar-height: 0.8rem;
    --control-range-slider-height: 1.4rem;
    --control-range-slider-top-spacer: 0.2rem;
    --control-range-slider-gap: 0.2rem;

    /*checkbox tokens*/
    --checkbox-height-s: 1.5rem;
    --checkbox-width-s: 1.5rem;
    --checkbox-tick-height-s: 1.3rem;
    --checkbox-tick-width-s: 1.3rem;
    --checkbox-border-radius-s: 0;
    --checkbox-text-spacer: 0.5rem;
    --checkbox-border-width: 0.1rem;
    --checkbox-inner-shadow-width: 0.1rem;

    /*switcher tokens*/
    --switcher-width: 2.6rem;
    --switcher-height: 1.6rem;
    --switcher-border-radius: 0.8rem;
    --switcher-bubble-width: 1.2rem;
    --switcher-bubble-height: 1.2rem;
    --switcher-bubble-x-position: 0.2rem;
    --switcher-icon-wrapper-spacer: 0.2rem;
    --switcher-icon-width: 1.2rem;
    --switcher-icon-height: 1.2rem;
    --switcher-focus-outline-width: 0.1rem;

    /*emptyView component tokens*/
    --empty-view-icon-width: 4.8rem;
    --empty-view-icon-height: 4.8rem;
    --empty-view-icon-y-offset: -6.3rem;
    --empty-view-text-max-width: 40rem;
    --empty-view-text-spacer: 0.4rem;
    --empty-view-link-spacer: 0.3rem;
    --empty-view-title-font-size: 1.4rem;
    --empty-view-text-font-size: 1rem;

    /*input tokens*/
    --input-width: 9.8rem;
    --input-order-id-width: 6rem;
    --input-height-s: 1.9rem;
    --input-height-m: 2.7rem;
    --input-mobile-height-s: 2.9rem;
    --input-mobile-font-size: 1.5rem;
    --input-border-width: 0.1rem;
    --input-border-radius: 0;
    --input-spacer-s: 0.5rem;
    --input-spacer-with-reset-icon: 1.8rem;
    --input-reset-icon-height: 0.9rem;
    --input-reset-icon-width: 0.9rem;
    --input-loader-y-position: 0.2rem;

    /*password input tokens*/
    --password-input-eye-button-width: 1.4rem;
    --password-input-eye-button-height: 1.2rem;
    --password-input-eye-button-x-position: 0.6rem;

    /*time input tokens*/
    --time-input-width: 11rem;
    --time-input-inner-container-right-spacer: 0.4rem;
    --time-input-inner-container-left-spacer: 0.5rem;
    --time-input-time-section-spacer: 0.2rem;

    /*textarea tokens*/
    --textarea-horizontal-spacer: 0.4rem;
    --textarea-border-width: 0.1rem;
    --textarea-inner-shadow-width: 0.1rem;
    --textarea-min-height: 2.3rem;
    --textarea-line-height: 2.4rem;
    --textarea-wrapper-height: 2.5rem;
    --textarea-wrapper-max-height: 7.5rem;
    --char-counter-textarea-font-size: 0.9rem;
    --char-counter-textarea-y-offset: 1.5rem;
    --char-counter-textarea-x-offset: 0.5rem;

    /*numeric stepper tokens*/
    --numeric-stepper-width-s: 8.9rem;
    --numeric-stepper-width-m: 12.5rem;
    --numeric-stepper-input-min-width-s: 6.8rem;
    --numeric-stepper-input-min-width-m: 8.8rem;
    --numeric-stepper-button-spacer-s: 3.5rem;
    --numeric-stepper-button-spacer-m: 5.1rem;
    --numeric-stepper-down-up-button-width-s: 1.5rem;
    --numeric-stepper-down-up-button-width-m: 2.3rem;
    --numeric-stepper-down-up-button-height-s: 1.5rem;
    --numeric-stepper-down-up-button-height-m: 2.3rem;
    --numeric-stepper-down-up-button-border-radius: 0;
    --numeric-stepper-down-up-button-border-width: 0.1rem;
    --numeric-stepper-down-up-button-y-position: 0.2rem;
    --numeric-stepper-down-up-icon-width: 0.7rem;
    --numeric-stepper-down-up-icon-height: 0.7rem;
    --numeric-stepper-up-button-x-position: 0.2rem;
    --numeric-stepper-down-button-x-position-s: 1.8rem;
    --numeric-stepper-down-button-x-position-m: 2.6rem;
    --numeric-stepper-font-size: 1.2rem;
    --numeric-stepper-down-up-vertical-button-height-s: 1rem;
    --numeric-stepper-down-up-vertical-button-height-m: 1.1rem;
    --numeric-stepper-vertical-button-spacer: 3rem;
    --numeric-stepper-down-up-vertical-button-x-position: 0.2rem;
    --numeric-stepper-clear-button-wrapper-width: 2rem;
    --numeric-stepper-clear-button-wrapper-x-position: 2.9rem;
    --numeric-stepper-clear-button-wrapper-y-position: 0.1rem;
    --numeric-stepper-clear-button-x-position: 0.5rem;
    --numeric-stepper-clear-button-y-position: 0.9rem;
    --numeric-stepper-pseudo-input-font-size: 1.4rem;
    --numeric-stepper-pseudo-input-height: 2.3rem;
    --numeric-stepper-pseudo-input-right-spacer: 2.8rem;
    --numeric-stepper-pseudo-input-left-spacer: 1.2rem;
    --numeric-stepper-in-option-chain-input-width: 5.1rem;
    --numeric-stepper-in-option-chain-button-spacer: 2.8rem;
    --numeric-stepper-in-option-chain-label-font-size: 1.2rem;
    --numeric-stepper-in-option-chain-label-spacer: 0.8rem;

    /*date time control tokens*/
    --date-time-control-width: 9.9rem;

    /*date picker tokens*/
    --date-picker-width: 12.1rem;
    --date-picker-input-right-spacer: 2.5rem;
    --date-picker-calendar-button-width: 1.7rem;
    --date-picker-calendar-button-x-position: 0.9rem;
    --date-picker-clear-button-x-position: 3.4rem;

    /*steppable-input tokens*/
    --steppable-input-down-up-vertical-button-x-position: 0.1rem;
    --steppable-input-clear-button-width: 0.7rem;
    --steppable-input-clear-button-spacer: 3rem;
    --steppable-input-clear-icon-width: 0.7rem;
    --steppable-input-clear-icon-height: 0.7rem;

    /*date input tokens*/
    --date-input-calendar-button-width: 2.8rem;
    --date-input-calendar-button-height: 2.3rem;
    --date-input-calendar-icon-width: 1.7rem;
    --date-input-calendar-icon-height: 0.9rem;
    --date-input-inner-container-horizontal-spacer: 0.6rem;

    /*combobox tokens*/
    --combobox-input-right-spacer: 2.2rem;
    --assets-combobox-width: 11.9rem;

    /*selectbox tokens*/
    --selectbox-height-s: 1.7rem;
    --selectbox-height-m: 2.3rem;
    --selectbox-border-radius: 0;
    --selectbox-border-width: 0.1rem;
    --selectbox-caret-spacer-s: 1.6rem;
    --selectbox-caret-spacer-m: 1.7rem;
    --selectbox-caret-spacer-l: 1.9rem;
    --selectbox-text-spacer-s: 0.6rem;
    --selectbox-text-spacer-m: 1.1rem;
    --selectbox-min-width: 5.2rem;
    --selectbox-caret-icon-height: 0.4rem;
    --selectbox-caret-icon-width: 0.7rem;
    --selectbox-caret-icon-spacer-s: 0.4rem;
    --selectbox-caret-icon-spacer-m: 0.5rem;
    --selectbox-caret-icon-spacer-l: 0.6rem;
    --selectbox-icon-height: 1.6rem;
    --selectbox-icon-width: 1.6rem;
    --selectbox-icon-spacer: 0.5rem;
    --selectbox-icon-y-offset-s: 0.2rem;
    --selectbox-tick-icon-height: 1rem;
    --selectbox-tick-icon-width: 1rem;
    --selectbox-tick-icon-x-position: -3.6rem;
    --selectbox-font-size-s: 1.2rem;

    /*heatmap tokens*/
    --treemap-header-left-spacer: 1.2rem;
    --treemap-header-right-spacer: 0.5rem;
    --treemap-header-icon-left-spacer: 0.8rem;
    --treemap-header-icon-min-width: 1.3rem;
    --treemap-title-font-size: 1.2rem;
    --heatmap-tooltip-shadow-y-offset: 0.2rem;
    --heatmap-tooltip-shadow-blur: 3rem;
    --heatmap-tooltip-vertical-spacer: 1.4rem;
    --heatmap-tooltip-horizontal-spacer: 1rem;
    --heatmap-tooltip-title-font-size: 1.4rem;
    --heatmap-tooltip-content-font-size: 1.2rem;
    --heatmap-tooltip-bid-x-offset: 2rem;
    --heatmap-tooltip-change-x-offset: 1rem;
    --heatmap-tooltip-last-x-offset: 1rem;
    --heatmap-tooltip-last-vertical-spacer: 0rem;
    --heatmap-tooltip-last-horizontal-spacer: 0.8rem;
    --heatmap-tooltip-last-border-radius: 1rem;
    --heatmap-tooltip-description-top-spacer: 0.4rem;
    --heatmap-list-table-min-width: 66.5rem;
    --heatmap-list-table-symbol-col-width: 6.2rem;
    --heatmap-list-table-lastPrice-col-width: 7.4rem;
    --heatmap-list-table-change-col-width: 6.2rem;
    --heatmap-list-table-marketCap-col-width: 8.7rem;
    --heatmap-list-table-lastPrice-column-title-x-offset: 0.8rem;
    --heatmap-list-table-symbol-cell-left-spacer: 0.6rem;
    --heatmap-list-table-lastPrice-cell-right-spacer: 0.4rem;
    --heatmap-list-table-change-cell-right-spacer: 0.4rem;
    --heatmap-list-table-marketCap-cell-right-spacer: 0.4rem;
    --heatmap-list-table-description-cell-left-spacer: 1.5rem;
    --heatmap-list-table-symbol-cell-left-resize-handle-x-position: -1.2rem;
    --heatmap-list-table-lastPrice-cell-resize-handle-x-position: -1rem;
    --heatmap-list-table-change-cell-resize-handle-x-position: -1rem;
    --heatmap-list-table-marketCap-cell-resize-handle-x-position: -1rem;
    --heatmap-list-table-description-cell-left-resize-handle-x-position: -2.1rem;
    --heatmap-list-table-change-cell-icon-width: 0.5rem;
    --heatmap-list-table-change-cell-icon-left-spacer: 0.3rem;
    --heatmap-list-context-menu-options-list-min-width: 1.13rem;
    --heatmap-list-context-menu-options-list-vertical-spacer: 0.1rem;
    --heatmap-list-context-menu-options-list-horizontal-spacer: 0rem;
    --heatmap-list-context-menu-options-list-option-icon-width: 1.1rem;
    --heatmap-list-context-menu-options-list-option-icon-height-s: 1.1rem;
    --heatmap-list-context-menu-options-list-option-icon-height-m: 1.4rem;
    --heatmap-list-context-menu-item-vertical-spacer: 0;
    --heatmap-list-context-menu-item-horizontal-spacer: 1rem;
    --heatmap-list-context-menu-item-delimiter-top-spacer: 0.1rem;
    --heatmap-list-context-menu-item-delimiter-bottom-spacer: 0;
    --widget-heatmap-view-switcher-left-spacer: 0.4rem;
    --widget-heatmap-coordinates-popup-width: 14.8rem;
    --widget-heatmap-coordinates-popup-height: 11.7rem;
    --widget-heatmap-coordinates-popup-shadow-y-offset: 0.4rem;
    --widget-heatmap-coordinates-popup-shadow-blur: 3rem;

    /* popup order confirmation tokens */
    --popup-order-confirmation-width: 60rem;
    --popup-order-confirmation-error-line-height: 1.4rem;
    --popup-order-confirmation-error-font-size: 1.2rem;
    --popup-order-confirmation-error-icon-width: 1.4rem;
    --popup-order-confirmation-error-icon-height: 1.2rem;
    --popup-order-confirmation-error-icon-y-offset: 0.1rem;
    --popup-order-confirmation-error-text-left-spacer: 0.6rem;
    --popup-order-confirmation-error-control-top-spacer: 1.2rem;
    --popup-order-confirmation-footer-table-top-spacer: 1rem;
    --popup-order-confirmation-footer-table-left-spacer: 1.8rem;
    --popup-order-confirmation-footer-table-right-spacer: 1rem;
    --popup-order-confirmation-footer-table-bottom-spacer: 1.3rem;
    --popup-order-confirmation-footer-table-column-gap: 2rem;
    --popup-order-confirmation-footer-table-header-line-height: 1rem;
    --popup-order-confirmation-footer-table-header-font-size: 1rem;
    --popup-order-confirmation-footer-table-header-bottom-spacer: 0.3rem;
    --popup-order-confirmation-footer-table-infinity-value-icon-width: 1.4rem;
    --popup-order-confirmation-footer-table-infinity-value-icon-height: 1.7rem;
    --popup-order-confirmation-footer-errors-right-spacer: 3rem;
    --popup-order-confirmation-footer-errors-left-spacer: 1.8rem;
    --popup-order-confirmation-footer-last-error-bottom-spacer: 2.8rem;
    --popup-order-confirmation-footer-textarea-top-spacer: 1.5rem;
    --popup-order-confirmation-footer-textarea-right-spacer: 1rem;
    --popup-order-confirmation-footer-textarea-bottom-spacer: 2rem;
    --popup-order-confirmation-footer-textarea-left-spacer: 1.8rem;
    --popup-order-confirmation-footer-buttons-top-spacer: 0.8rem;
    --popup-order-confirmation-footer-buttons-horizontal-spacer: 0.8rem;
    --popup-order-confirmation-footer-button-horizontal-spacer: 1.4rem;
    --popup-order-confirmation-footer-button-font-size: 1.4rem;
    --popup-order-confirmation-footer-button-gap: 0.8rem;
    --popup-order-confirmation-footer-script-text-top-spacer: 1.3rem;
    --popup-order-confirmation-footer-script-text-horizontal-spacer: 1.6rem;
    --popup-order-confirmation-footer-script-text-bottom-spacer: 1.1rem;
    --popup-order-confirmation-footer-script-text-line-height: 2rem;
    --popup-order-confirmation-footer-script-button-wrapper-top-spacer: 0.4rem;
    --popup-order-confirmation-footer-script-button-wrapper-bottom-spacer: 0.5rem;
    --popup-order-confirmation-footer-script-button-icon-width: 1.1rem;
    --popup-order-confirmation-grid-header-height: 1.8rem;
    --popup-order-confirmation-grid-column-cost-width: 6.2rem;
    --popup-order-confirmation-grid-column-fees-width: 6.2rem;
    --popup-order-confirmation-grid-column-commission-width: 12rem;
    --popup-order-confirmation-grid-column-total-width: 8rem;
    --popup-order-confirmation-grid-cost-column-right-spacer: 0.8rem;
    --popup-order-confirmation-grid-item-vertical-spacer: 0.5rem;
    --popup-order-confirmation-grid-item-left-spacer: 0.8rem;
    --popup-order-confirmation-grid-item-right-spacer: 1rem;
    --popup-order-confirmation-grid-item-cancel-case-vertical-spacer: 1.2rem;
    --popup-order-confirmation-grid-item-cancel-case-horizontal-spacer: 1.8rem;
    --popup-order-confirmation-grid-item-parent-body-left-spacer: 1.4rem;
    --popup-order-confirmation-grid-item-body-left-spacer: 0.5rem;
    --popup-order-confirmation-grid-item-connector-line-thickness: 0.1rem;
    --popup-order-confirmation-grid-item-connector-horizontal-segment-width: 0.5rem;
    --popup-order-confirmation-grid-item-connector-bullet-icon-size: 0.3rem;
    --popup-order-confirmation-grid-item-connector-bullet-icon-y-offset: -0.1rem;
    --popup-order-confirmation-grid-item-connector-bullet-icon-x-position: -0.5rem;
    --popup-order-confirmation-grid-item-child-connector-bullet-icon-x-position: -0.5rem;
    --popup-order-confirmation-grid-item-connector-vertical-segment-y-position: 0.7rem;
    --popup-order-confirmation-grid-item-connector-horizontal-segment-with-bullet-icon-width: 0.6rem;
    --popup-order-confirmation-grid-item-child-oso-connector-horizontal-segment-with-bullet-icon-width: 1rem;
    --popup-order-confirmation-grid-item-connector-horizontal-segment-with-bullet-icon-x-position: -1.4rem;
    --popup-order-confirmation-grid-item-child-connector-horizontal-segment-with-bullet-icon-x-position: -0.8rem;
    --popup-order-confirmation-grid-item-symbol-icon-left-spacer: 1.4rem;
    --popup-order-confirmation-grid-item-child-oso-connector-horizontal-segment-with-bullet-icon-x-position: -1.4rem;
    --popup-order-confirmation-grid-item-child-symbol-icon-left-spacer: 1.3rem;
    --popup-order-confirmation-grid-item-symbol-icon-width: 1.9rem;
    --popup-order-confirmation-grid-item-symbol-fto-icon-width: 1.9rem;
    --popup-order-confirmation-grid-item-symbol-icon-height: 1.4rem;
    --popup-order-confirmation-grid-item-description-line-height: 2rem;
    --popup-order-confirmation-grid-item-line-height: 1.6rem;
    --popup-order-confirmation-grid-item-text-gap: 0.4rem;
    --popup-order-confirmation-grid-item-title-right-spacer: 1rem;
    --popup-order-confirmation-grid-item-title-font-weight: 700;
    --popup-order-confirmation-grid-item-delimiter-font-weight: 400;
    --popup-order-confirmation-grid-item-activation-rule-icon-size: 1.3rem;
    --popup-order-confirmation-grid-item-activation-rule-icon-right-spacer: 0.5rem;
    --popup-order-confirmation-grid-item-activation-rule-icon-y-offset: 0.1rem;
    --popup-order-confirmation-badge-left-spacer: 0.4rem;

    /*context menu tokens*/
    --context-menu-min-width: 14.4rem;
    --context-menu-vertical-spacer: 0.2rem;
    --context-menu-border-width: 0.1rem;
    --context-menu-shadow-y-offset: 0.2rem;
    --context-menu-shadow-blur: 1rem;
    --context-menu-title-horizontal-spacer: 0.8rem;
    --context-menu-title-top-spacer: 0.4rem;
    --context-menu-title-bottom-spacer: 0.6rem;
    --context-menu-title-font-size: 1rem;
    --context-menu-title-delimiter-height: 0.1rem;
    --context-menu-title-delimiter-left-spacer: 0.4rem;
    --context-menu-item-horizontal-spacer: 0.8rem;
    --context-menu-item-chart-type-horizontal-spacer: 3rem;
    --context-menu-item-height: 2.6rem;
    --context-menu-item-text-right-spacer: 0.6rem;
    --context-menu-item-delimiter-height: 0.1rem;
    --context-menu-item-delimiter-horizontal-spacer: 0.7rem;
    --context-menu-item-delimiter-vertical-spacer: 0.2rem;
    --context-menu-item-divider-font-size: 1rem;
    --context-menu-item-divider-horizontal-spacer: 0.9rem;
    --context-menu-item-divider-top-spacer: 0.2rem;
    --context-menu-item-divider-bottom-spacer: 0.1rem;
    --context-menu-item-divider-delimiter-height: 0.1rem;
    --context-menu-item-divider-delimiter-left-spacer: 0.4rem;
    --context-menu-item-divider-title-vertical-spacer: 0.5rem;
    --context-menu-item-cell-bottom-spacer: 0.8rem;
    --context-menu-item-icon-width: 1.3rem;
    --context-menu-item-icon-height: 1.3rem;
    --context-menu-item-icon-right-spacer: 0.6rem;
    --context-menu-item-icon-cancel-width: 1.1rem;
    --context-menu-item-icon-cancel-height: 1.1rem;
    --context-menu-item-icon-cancel-right-spacer: 0.8rem;
    --context-menu-item-sub-icon-width: 1rem;
    --context-menu-item-sub-icon-height: 1rem;
    --context-menu-item-sub-icon-right-spacer: 0.5rem;
    --context-menu-item-submenu-icon-width: 0.7rem;
    --context-menu-item-submenu-icon-height: 0.7rem;
    --context-menu-item-button-horizontal-spacer: 0.7rem;
    --context-menu-item-button-offset: 0.1rem;
    --context-menu-item-focus-button-border-width: 0.1rem;
    --context-menu-item-actions-left-spacer: 1.5rem;
    --context-menu-item-actions-right-spacer: 0.8rem;
    --context-menu-item-actions-gradient-width: 2rem;
    --context-menu-item-actions-button-width: 1.1rem;
    --context-menu-item-actions-button-height: 1.1rem;
    --context-menu-item-actions-button-left-spacer: 0.5rem;
    --context-menu-item-dragging-min-width: 16rem;
    --context-menu-item-replace-actions-max-height: 5rem;
    --context-menu-item-multiselect-left-spacer: 2.3rem;
    --context-menu-scrollable-top-spacer: 0.1rem;
    --context-menu-sub-menu-y-offset: -0.4rem;
    --context-menu-sub-menu-connection-box-width: 0.6rem;
    --context-menu-sub-item-left-spacer: 2rem;
    --context-menu-sub-item-with-icon-left-spacer: 0.8rem;
    --context-menu-pointer-icon-size: 1rem;
    --context-menu-pointer-icon-border-width: 0.1rem;
    --context-menu-pointer-icon-x-position: 0.2rem;
    --context-menu-pointer-icon-y-position: 0.4rem;
    --context-menu-pointer-icon-side-mode-x-position: 0.4rem;
    --context-menu-pointer-icon-side-mode-y-position: 0.2rem;
    --context-menu-pointer-container-thickness: 1.6rem;
    --context-menu-pointer-container-length: 1rem;
    --context-menu-pointer-container-x-position: 0.5rem;
    --context-menu-pointer-container-y-position: -1rem;
    --context-menu-pointer-container-side-mode-x-position: -1rem;
    --context-menu-pointer-container-side-mode-y-position: 0.5rem;
    --switching-settings-context-menu-vertical-spacer: 0.4rem;
    --future-context-menu-max-width: 17.2rem;
    --future-context-menu-top-spacer: 0.6rem;
    --future-context-menu-font-size: 1.2rem;
    --future-context-menu-pointer-icon-size: 1.2rem;
    --future-context-menu-pointer-icon-x-position: 0.6rem;
    --future-context-menu-pointer-icon-y-position: 0.2rem;
    --button-context-menu-max-width: 25rem;
    --button-context-menu-font-size: 1.4rem;
    --button-context-menu-x-position: -0.8rem;

    /*spread selector tokens*/
    --spread-selector-text-spacer: 1rem;
    --spread-selector-icon-height: 1.3rem;
    --spread-selector-icon-width: 1.8rem;
    --spread-selector-icon-right-spacer: 0.2rem;
    --spread-selector-icon-y-offset: 0.1rem;
    --spread-selector-dropdown-item-left-spacer: 1rem;
    --spread-selector-dropdown-item-right-spacer: 2.5rem;
    --spread-selector-dropdown-item-font-size: 1.4rem;
    --spread-selector-dropdown-item-icon-right-spacer: 0.7rem;
    --spread-selector-dropdown-item-delimiter-right-spacer: 1rem;
    --spread-selector-dropdown-item-delimiter-y-offset: -0.2rem;
    --spread-selector-dropdown-item-delimiter-line-height: 0.1rem;
    --spread-selector-dropdown-item-delimiter-line-left-spacer: 1rem;
    --spread-selector-dropdown-item-delimiter-font-size: 1.2rem;

    /*list tokens*/
    --list-spacer: 2.4rem;
    --list-spacer-level-0: 0;

    /*levels disclosure tokens*/
    --levels-header-height: 1.9rem;
    --levels-extended-header-height: 2.3rem;
    --levels-left-spacer-s: 0.6rem;
    --levels-left-spacer-m: 2.1rem;
    --levels-left-spacer-l: 3.6rem;
    --level-delimiter-width: 0.1rem;
    --levels-action-button-shadow-blur: 0.1rem;
    --levels-action-button-width: 1.7rem;
    --levels-action-button-height: 1.7rem;
    --levels-title-button-shadow-blur: 0.1rem;
    --levels-title-button-min-width: 8.4rem;
    --levels-title-button-spacer: 0;
    --levels-title-font-size: 1.2rem;
    --levels-title-line-height: 1.7rem;
    --levels-ellipsed-title-width: 12rem;
    --levels-active-title-y-position: 0.1rem;
    --levels-title-button-icon-right-spacer: 0.8rem;
    --levels-menu-item-right-spacer: 2.5rem;
    --levels-menu-item-left-spacer: 0.6rem;
    --levels-selectbox-font-size: 1.2rem;
    --levels-selectbox-line-height: 1.4rem;
    --levels-selectbox-height: 1.7rem;
    --levels-selectbox-shadow-blur: 0.1rem;
    --levels-selectbox-active-icon-y-offset: -2rem;
    --levels-selectbox-text-spacer: 0;

    /*loading indicator tokens*/
    --loading-indicator-height-xs: 1.2rem;
    --loading-indicator-width-xs: 1.2rem;
    --loading-indicator-border-width-xs: 0.1rem;
    --loading-indicator-height-s: 1.4rem;
    --loading-indicator-width-s: 1.4rem;
    --loading-indicator-border-width-s: 0.1rem;
    --loading-indicator-height-m: 3.4rem;
    --loading-indicator-width-m: 3.4rem;
    --loading-indicator-border-width-m: 0.3rem;
    --loading-indicator-height-l: 5.2rem;
    --loading-indicator-width-l: 5.2rem;
    --loading-indicator-border-width-l: 0.4rem;

    /*color picker tokens*/
    --color-picker-width: 4.2rem;
    --color-picker-height: 2.5rem;
    --color-picker-caret-spacer: 0.9rem;
    --color-picker-border-width: 0.1rem;
    --color-picker-outline-offset: -0.1rem;
    --color-picker-x-offset: 0.1rem;
    --color-picker-indicator-width: 1.7rem;
    --color-picker-indicator-height: 1.7rem;
    --color-picker-indicator-spacer: 0.3rem;
    --color-picker-icon-width: 1rem;
    --color-picker-icon-height: 0.9rem;
    --color-picker-icon-spacer: 0.1rem;
    --color-picker-dropdown-width: 32.2rem;
    --color-picker-dropdown-horizontal-spacer: 0.4rem;
    --color-picker-dropdown-vertical-spacer: 0.8rem;
    --color-picker-dropdown-y-offset: 0.1rem;
    --color-picker-dropdown-indicator-width: 2.4rem;
    --color-picker-dropdown-indicator-height: 2.4rem;
    --color-picker-dropdown-indicator-spacer: 0.4rem;
    --color-picker-dropdown-indicator-selected-border-width: 0.2rem;
    --color-picker-dropdown-group-horizontal-spacer: 0.4rem;
    --color-picker-dropdown-group-vertical-spacer: 0.7rem;
    --color-picker-dropdown-group-title-font-size: 1rem;
    --color-picker-dropdown-group-title-line-height: 2rem;
    --color-picker-dropdown-group-title-spacer: 0.4rem;
    --line-color-control-width: 5.5rem;
    --line-color-control-indicator-width: 2.8rem;
    --multiline-color-control-width: 4.1rem;
    --multiline-color-control-indicator-width: 1.7rem;
    --multiline-color-control-indicator-height: 0.2rem;
    --multiline-color-control-indicator-spacer: 0.3rem;
    --multiline-color-control-icon-x-offset: 0.2rem;
    --font-color-control-width: 4.1rem;
    --font-color-control-indicator-width: 1.7rem;
    --font-color-control-indicator-height: 0.2rem;
    --font-color-control-indicator-spacer: 0.4rem;
    --font-color-control-icon-x-offset: 0.2rem;
    --background-color-control-width: 4.1rem;
    --background-color-control-indicator-width: 1.7rem;
    --background-color-control-indicator-height: 0.2rem;
    --background-color-control-indicator-spacer: 0.3rem;
    --background-color-control-icon-x-offset: 0.2rem;

    /*multiline text tool tokens*/
    --multiline-text-tool-font-size: 1.2rem;
    --multiline-text-tool-border-width: 0.1rem;
    --multiline-text-tool-border-radius: 0;
    --multiline-text-tool-react-resizable-handle-position-x: 0.1rem;
    --multiline-text-tool-react-resizable-handle-position-y: 0.1rem;
    --multiline-text-tool-react-resizable-handle-width: 1.5rem;
    --multiline-text-tool-react-resizable-handle-height: 1.5rem;
    --multiline-text-tool-react-resizable-handle-icon-position-x: 0;
    --multiline-text-tool-react-resizable-handle-icon-position-y: 0;
    --multiline-text-tool-react-resizable-handle-icon-width: 0.5rem;
    --multiline-text-tool-react-resizable-handle-icon-height: 0.5rem;
    --multiline-text-tool-react-resizable-handle-icon-border-width: 0.1rem;
    --multiline-text-tool-wrapper-content-height: 1.8rem;
    --multiline-text-tool-wrapper-content-border-width: 0.1rem;
    --multiline-text-tool-text-spacer-s: 0.4rem;
    --multiline-text-tool-text-spacer-m: 0.5rem;
    --multiline-text-tool-hint-spacer: 0.5rem;
    --multiline-text-tool-hint-font-size: 1rem;
    --multiline-text-tool-icon-container-position-x: 0;
    --multiline-text-tool-icon-container-width: 1.3rem;
    --multiline-text-tool-icon-container-height: 1.3rem;

    /*multiselect tokens*/
    --multiselect-text-spacer: 0.7rem;
    --multiselect-control-label-spacer: 0.3rem;
    --multiselect-menu-item-row-spacer: 2rem;
    --multiselect-menu-item-row-text-spacer: 2rem;
    --multiselect-hover-indicator-icon-position-x: 0.35rem;
    --multiselect-hover-indicator-icon-width: 1rem;
    --multiselect-hover-indicator-icon-height: 1rem;

    /*dateTime filter tokens*/
    --date-time-filter-top-spacer: 0.5rem;
    --date-time-filter-bottom-spacer: 0.5rem;
    --date-time-filter-fieldset-bottom-spacer: 0.5rem;
    --date-time-filter-label-bottom-spacer: 0.3rem;
    --date-time-filter-actions-border-width: 0.1rem;
    --date-time-filter-actions-left-spacer: 0.8rem;
    --date-time-filter-actions-right-spacer: 0.8rem;
    --date-time-filter-actions-top-spacer: 1rem;
    --date-time-filter-actions-y-offset: 0.7rem;
    --date-time-filter-time-input-width: 11.2rem;
    --date-time-filter-time-input-x-offset: 0.5rem;
    --date-time-filter-date-input-width: 11.9rem;

    /*date range tokens*/
    --date-range-width: 31.5rem;
    --date-range-date-picker-top-spacer: 0.8rem;
    --date-range-date-picker-horizontal-spacer: 1rem;
    --date-range-date-picker-active-indicator-height: 0.3rem;
    --date-range-date-picker-label-right-spacer: 0.7rem;
    --date-range-date-picker-input-width: 11.2rem;
    --date-range-buttons-panel-height: 3.1rem;
    --date-range-buttons-panel-horizontal-spacer: 0.7rem;
    --date-range-buttons-panel-vertical-spacer: 0.2rem;
    --date-range-buttons-panel-item-gap: 1.8rem;
    --date-range-buttons-panel-item-font-size: 1.2rem;
    --date-range-footer-height: 3rem;
    --date-range-footer-horizontal-spacer: 1rem;
    --date-range-footer-border-width: 0.1rem;
    --date-range-clear-button-font-size: 1.2rem;
    --date-range-calendar-right-spacer: 1rem;
    --date-range-calendar-left-spacer: 0.7rem;
    --date-range-calendar-border-width: 0.1rem;

    /*lock tokens*/
    --lock-button-right-alignment-x-offset: 0.7rem;
    --lock-button-y-offset: 0.2rem;
    --lock-button-width: 1.2rem;
    --lock-button-icon-width: 1.2rem;
    --lock-button-icon-height: 1.1rem;

    /*history period selector tokens*/
    --history-period-selector-min-width: 5.2rem;
    --history-period-selector-left-spacer: 0.7rem;
    --history-period-selector-border-radius: 0;
    --history-period-selector-border-width: 0.1rem;
    --history-period-selector-dropdown-max-height: 27.9rem;
    --history-period-selector-dropdown-item-right-spacer: 1.1rem;
    --history-period-selector-dropdown-item-left-spacer: 0.9rem;
    --history-period-selector-dropdown-item-time-right-spacer: 0.3rem;
    --history-period-selector-dropdown-item-separator-right-spacer: 0.3rem;
    --history-period-selector-dropdown-footer-vertical-spacer: 0.4rem;
    --history-period-selector-dropdown-footer-delimiter-width: 0.1rem;
    --history-period-selector-dropdown-footer-delimiter-y-position: 0.1rem;
    --history-period-selector-dropdown-footer-delimiter-horizontal-spacer: 0.9rem;
    --history-period-selector-dropdown-footer-button-font-size: 1.3rem;
    --history-period-selector-dropdown-footer-button-height: 2.6rem;
    --history-period-selector-dropdown-footer-button-horizontal-spacer: 0.5rem;

    /* popover tokens */
    --popover-arrow-width: 0.5rem;
    --popover-placement-spacer: 0.5rem;
    --popover-y-offset: 0.1rem;
    --popover-border-width: 0.1rem;
    --popover-outer-shadow-x-offset: 0;
    --popover-outer-shadow-y-offset: 0.2rem;
    --popover-outer-shadow-blur: 1rem;
    --popover-outer-shadow-spread: 0;
    --popover-backdrop-filter-blur-size: 2.5rem;

    /* slider tokens */
    --slider-handler-icon-size: 0.6rem;
    --slider-handle-container-y-position: -0.2rem;
    --slider-handle-draggable-item-height: 0.6rem;
    --slider-track-border-radius: 0.35rem;
    --slider-rail-height: 0.9rem;

    /* tabs panel tokens */
    --tabs-panel-font-size: 1.3rem;
    --tabs-panel-horizontal-spacer: 0.9rem;
    --tabs-panel-bottom-spacer: 0.4rem;
    --tabs-panel-bottom-line-thickness: 0.1rem;
    --tabs-panel-item-height: 2.4rem;
    --tabs-panel-item-horizontal-spacer: 1rem;
    --tabs-panel-item-font-size: 1.2rem;
    --tabs-panel-item-outline-width: 0.1rem;
    --tabs-panel-item-active-indicator-height: 0.3rem;
    --tabs-panel-item-active-indicator-y-offset: 0.1rem;
    --tabs-panel-add-button-width: 4.2rem;
    --tabs-panel-add-button-font-size: 2rem;
    --tabs-panel-add-icon-width: 0.9rem;
    --tabs-panel-add-icon-height: 0.9rem;
    --tabs-panel-add-icon-x-position: 0.9rem;
    --tabs-panel-add-icon-y-position: 0.7rem;
    --secondary-tabs-panel-item-height: 1.9rem;
    --secondary-tabs-panel-item-border-radius: 0.2rem;
    --secondary-tabs-panel-item-gap-width: 0.1rem;
    --secondary-tabs-panel-item-border-width: 0.1rem;

    /*login panel tokens*/
    --login-panel-width: 35.1rem;
    --login-panel-header-top-spacer: 2.4rem;
    --login-panel-header-bottom-spacer: 2.4rem;
    --login-panel-side-border-width: 0.1rem;
    --login-panel-side-shadow-y-offset: 0.7rem;
    --login-panel-side-shadow-blur: 1.5rem;
    --login-panel-scrollable-y-offset: 0.2rem;
    --login-panel-scrollable-top-spacer: 0.1rem;
    --login-panel-scrollable-bottom-spacer: 0.1rem;
    --login-panel-scrollable-header-top-spacer: 2.1rem;
    --login-panel-scrollable-clip-gradient-width: 1.2rem;
    --login-panel-pwchange-control-label-width: 11.6rem;
    --login-panel-pwchange-control-wrap-width: 15.4rem;
    --login-panel-pwchange-control-error-top-spacer: 0.3rem;
    --login-panel-input-autofill-border-width: 0.1rem;
    --login-panel-input-autofill-inner-shadow-spread: 100rem;
    --login-panel-input-autofill-inner-shadow-y-offset: 0.1rem;

    /*scrollable tokens*/
    --scrollable-track-size: 0.9rem;
    --scrollable-thumb-size: 0.3rem;
    --scrollable-thumb-min-length: 1rem;
    --scrollable-thumb-spacer: 0.3rem;
    --scrollable-thumb-border-radius: 0.1rem;
    --scrollable-thumb-expanded-border-radius: 0.4rem;

    /*menu tokens*/
    --menu-item-right-spacer: 4.7rem;
    --menu-item-left-spacer: 0.6rem;
    --menu-item-line-height: 2.6rem;

    /*tooltip tokens*/
    --tooltip-max-width: 30rem;
    --tooltip-font-size: 1.2rem;
    --tooltip-line-height: 1.6rem;
    --tooltip-horizontal-spacer: 1rem;
    --tooltip-top-spacer: 0.5rem;
    --tooltip-bottom-spacer: 0.4rem;
    --tooltip-y-offset: -0.2rem;
    --tooltip-shadow-param: 0 0.7rem 1.5rem 0;
    --tooltip-shadow-y-offset: 0.7rem;
    --tooltip-shadow-blur: 1.5rem;
    --tooltip-border-width: 0.1rem;
    --tooltip-header-bottom-spacer: 1rem;
    --tooltip-pointer-icon-size: 0.8rem;
    --tooltip-pointer-container-thickness: 1.2rem;
    --tooltip-pointer-container-length: 1.6rem;
    --tooltip-pointer-container-position: 0.6rem;
    --tooltip-pointer-icon-position: 0.4rem;
    --tooltip-text-with-bullet-left-spacer: 0.7rem;
    --tooltip-text-with-bullet-top-spacer: 0.4rem;
    --tooltip-text-paragraph-bottom-spacer: 0.8rem;
    --rule-tooltip-max-width: 43rem;
    --option-chain-tooltip-font-size: 1.4rem;
    --option-chain-tooltip-horizontal-spacer: 1rem;
    --option-chain-tooltip-top-spacer: 0.3rem;
    --option-chain-tooltip-bottom-spacer: 0.5rem;
    --password-input-tooltip-spacer: 1.2rem;
    --planned-marker-tooltip-right-spacer: 0.8rem;
    --grid-tooltip-horizontal-spacer: 0.8rem;
    --grid-tooltip-top-spacer: 0.4rem;
    --grid-tooltip-bottom-spacer: 0.3rem;
    --instrument-description-tooltip-font-size: 1.4rem;
    --instrument-description-tooltip-horizontal-spacer: 2rem;
    --instrument-description-tooltip-top-spacer: 0.8rem;
    --instrument-description-tooltip-bottom-spacer: 1rem;
    --instrument-description-tooltip-pointer-container-position: 1.7rem;
    --instrument-description-tooltip-pointer-icon-size: 1rem;
    --instrument-description-tooltip-pointer-icon-x-position: 0.2rem;
    --instrument-description-tooltip-pointer-icon-y-position: -0.6rem;

    /*popup tokens*/
    --popup-container-border-width: 0.1rem;
    --popup-modal-container-shadow-y-offset: 0.6rem;
    --popup-modal-container-shadow-blur: 2.5rem;
    --popup-container-shadow-y-offset: 0.7rem;
    --popup-container-shadow-blur: 1.5rem;
    --popup-header-font-size: 1.2rem;
    --popup-header-shadow-y-offset: -0.1rem;
    --popup-header-min-height: 2.4rem;
    --popup-header-top-spacer: 0.4rem;
    --popup-header-bottom-spacer: 0.5rem;
    --popup-header-horizontal-spacer: 0.8rem;
    --popup-body-vertical-spacer: 0.8rem;
    --popup-body-horizontal-spacer: 3rem;
    --popup-footer-top-spacer: 0.9rem;
    --popup-footer-bottom-spacer: 0.8rem;
    --popup-footer-horizontal-spacer: 0.8rem;
    --popup-footer-shadow-y-offset: 0.1rem;
    --popup-close-button-x-position: 0.1rem;
    --popup-close-button-right-spacer: 0.2rem;
    --popup-close-button-icon-width: 1.1rem;
    --popup-close-button-icon-height: 1.1rem;
    --popup-close-button-icon-spacer: 0.3rem;
    --popup-container-animation-y-offset: -20rem;
    --popup-sub-title-top-spacer: 1rem;
    --popup-sub-title-bottom-spacer: 2rem;
    --popup-sub-title-font-size: 1.4rem;
    --popup-content-text-font-size: 1.4rem;
    --popup-content-text-spacer: 1rem;
    --popup-footer-button-min-width: 7.5rem;
    --popup-footer-button-font-size: 1.4rem;
    --popup-footer-button-gap: 0.8rem;
    --popup-footer-restore-button-top-spacer: 0.5rem;
    --popup-footer-restore-button-line-height: 1.4rem;
    --popup-footer-context-menu-button-top-spacer: 0.6rem;
    --popup-footer-context-menu-button-right-spacer: 1rem;
    --popup-footer-context-menu-button-left-spacer: 2.2rem;
    --popup-error-message-horizontal-spacer: 3rem;
    --popup-error-message-vertical-spacer: 1.5rem;
    --popup-error-message-max-height: 7.5rem;
    --popup-error-message-border-width: 0.1rem;
    --popup-error-message-x-offset: -0.1rem;
    --popup-error-message-shadow-y-offset: 0.1rem;
    --popup-error-panel-message-max-height: 5rem;
    --popup-cancel-button-max-width: 8.5rem;
    --popup-cancel-button-font-size: 1rem;
    --popup-cancel-button-height: 4.1rem;
    --popup-close-position-width: 12.3rem;
    --popup-close-position-y-position: 0.2rem;
    --popup-close-position-border-width: 0.1rem;
    --popup-close-position-y-offset: -1rem;
    --popup-close-position-inner-container-width: 8.7rem;
    --popup-close-position-inner-container-height: 8.7rem;
    --popup-close-position-inner-container-border-width: 0.3rem;

    /*popup notification tokens*/
    --popup-notification-min-width: 40rem;
    --popup-notification-max-width: 60rem;
    --popup-notification-footer-top-spacer: 2.4rem;
    --popup-notification-footer-left-spacer: 1.1rem;
    --popup-notification-footer-text-top-spacer: 1.4rem;
    --popup-notification-footer-text-bottom-spacer: 1.3rem;
    --popup-notification-footer-date-right-spacer: 0.4rem;
    --popup-notification-content-top-spacer: 0.9rem;
    --popup-notification-content-bottom-spacer: 0.3rem;
    --popup-notification-content-horizontal-spacer: 1.2rem;
    --popup-notification-message-date-right-spacer: 0.9rem;
    --popup-notification-message-priority-icon-size: 1.3rem;
    --popup-notification-message-priority-text-left-spacer: 0.2rem;
    --popup-notification-message-priority-text-text-transform: capitalize;
    --popup-notification-message-title-font-size: 2.1rem;
    --popup-notification-message-title-font-weight: bold;
    --popup-notification-message-title-top-spacer: 0.6rem;
    --popup-notification-message-title-bottom-spacer: 1rem;
    --popup-notification-message-header-delimiter-width: 0.1rem;
    --popup-notification-message-body-top-spacer: 1.2rem;
    --popup-notification-message-text-gap: 1.2rem;
    --popup-notification-message-list-left-spacer: 1.5rem;
	--popup-notification-delimiter-thickness: 0.1rem;

    /*calendar tokens*/
    --calendar-container-horizontal-spacer: 1rem;
    --calendar-container-top-spacer: 0.4rem;
    --calendar-selector-column-width: 9.3rem;
    --calendar-selector-column-right-spacer: 0.8rem;
    --calendar-selector-separator-width: 0.1rem;
    --calendar-selector-separator-top-spacer: 0.6rem;
    --calendar-selector-separator-bottom-spacer: 0.5rem;
    --calendar-selector-separator-left-spacer: 0.4rem;
    --calendar-year-selector-height: 3rem;
    --calendar-year-selector-delimiter-width: 0.1rem;
    --calendar-year-selector-buttons-container-width: 2.1rem;
    --calendar-year-selector-buttons-container-height: 1.8rem;
    --calendar-year-selector-buttons-container-y-position: 0.3rem;
    --calendar-year-selector-button-height: 0.9rem;
    --calendar-year-selector-button-shadow-y-offset: 0.2rem;
    --calendar-year-selector-button-shadow-blur: 1rem;
    --calendar-year-selector-arrow-icon-height: 0.6rem;
    --calendar-year-selector-arrow-icon-width: 0.9rem;
    --calendar-year-selector-button-expanded-height: 2rem;
    --calendar-year-selector-button-gap: 0.1rem;
    --calendar-year-selector-selectbox-min-width: 7.1rem;
    --calendar-year-selector-selectbox-left-spacer: 1.3rem;
    --calendar-year-selector-caret-icon-height: 1.2rem;
    --calendar-year-selector-caret-icon-width: 0.7rem;
    --calendar-year-selector-caret-icon-x-offset: 3.8rem;
    --calendar-year-selector-text-horizontal-spacer: 0.7rem;
    --calendar-year-selector-text-top-spacer: 0.2rem;
    --calendar-year-selector-text-font-size: 1.2rem;
    --calendar-year-selector-dropdown-max-height: 32.1rem;
    --calendar-year-selector-dropdown-item-left-spacer: 0.9rem;
    --calendar-month-selector-horizontal-spacer: 0.8rem;
    --calendar-month-selector-top-spacer: 0.7rem;
    --calendar-month-selector-button-font-size: 1.2rem;
    --calendar-month-selector-button-height: 2.3rem;
    --calendar-month-selector-button-horizontal-spacer: 0.7rem;
    --calendar-month-selector-button-top-spacer: 0.4rem;
    --calendar-month-selector-button-bottom-spacer: 0.5rem;
    --calendar-month-selector-button-gap: 0.3rem;
    --calendar-day-selector-header-font-size: 1rem;
    --calendar-day-selector-header-right-spacer: 0.9rem;
    --calendar-day-selector-header-bottom-spacer: 0.4rem;
    --calendar-day-selector-header-border-width: 0.1rem;
    --calendar-day-selector-header-cell-width: 2.8rem;
    --calendar-day-selector-header-cell-height: 2.8rem;
    --calendar-day-selector-header-cell-line-height: 2.4rem;
    --calendar-day-selector-header-cell-gap: 0.1rem;
    --calendar-day-selector-body-font-size: 1.2rem;
    --calendar-day-selector-body-height: 31.2rem;
    --calendar-day-selector-body-bottom-spacer: 0.4rem;
    --calendar-day-selector-body-cell-width: 2.7rem;
    --calendar-day-selector-body-cell-height: 2.3rem;
    --calendar-day-selector-body-cell-right-spacer: 0.1rem;
    --calendar-day-selector-body-cell-vertical-spacer: 0.3rem;
    --calendar-day-selector-body-cell-border-width: 0.1rem;
    --calendar-day-selector-body-cell-border-radius: 0;
    --calendar-day-selector-body-row-bottom-spacer: 0.1rem;
    --calendar-day-selector-body-month-name-y-offset: -1.8rem;
    --calendar-day-selector-body-month-name-top-spacer: 0.9rem;
    --calendar-day-selector-body-month-name-bottom-spacer: 0.4rem;
    --calendar-day-selector-body-month-name-left-spacer: 0.2rem;
    --calendar-day-selector-body-month-name-border-width: 0.1rem;
    --calendar-day-selector-body-month-name-first-top-spacer: 0.3rem;

    /*compact calendar tokens*/
    --compact-calendar-year-month-selector-font-size: 1.2rem;
    --compact-calendar-year-month-selector-top-spacer: 0.8rem;
    --compact-calendar-year-month-selector-bottom-spacer: 0.7rem;
    --compact-calendar-year-month-selector-horizontal-spacer: 0.5rem;
    --compact-calendar-year-month-selector-border-width: 0.1rem;
    --compact-calendar-year-month-selector-month-right-spacer: 0.3rem;
    --compact-calendar-year-month-selector-button-width: 1.1rem;
    --compact-calendar-year-month-selector-button-height: 1.6rem;
    --compact-calendar-year-month-selector-button-horizontal-spacer: 2rem;
    --compact-calendar-day-selector-header-font-size: 1rem;
    --compact-calendar-day-selector-header-top-spacer: 0.5rem;
    --compact-calendar-day-selector-header-bottom-spacer: 0.6rem;
    --compact-calendar-day-selector-header-cell-top-spacer: 0.4rem;
    --compact-calendar-day-selector-header-cell-bottom-spacer: 0.6rem;
    --compact-calendar-day-selector-header-cell-horizontal-spacer: 1rem;
    --compact-calendar-day-selector-body-cell-width: 2.5rem;
    --compact-calendar-day-selector-body-cell-font-size: 1.2rem;
    --compact-calendar-day-selector-body-cell-horizontal-spacer: 1rem;
    --compact-calendar-day-selector-body-cell-bottom-spacer: 0.2rem;
    --compact-calendar-day-selector-body-cell-inner-spacer: 0.5rem;
    --compact-calendar-day-selector-body-cell-border-width: 0.1rem;
    --compact-calendar-day-selector-body-bottom-spacer: 0.3rem;

    /*info-block tokens*/
    --info-block-icon-size: 1.4rem;
    --info-block-font-size: 1.2rem;
    --info-block-row-gap: 0.6rem;
    --info-block-column-gap: 0.4rem;

    /*adaptive toolbar tokens*/
    --adaptive-toolbar-vertical-spacer: 1rem;
    --adaptive-toolbar-item-min-height: 2.7rem;
    --adaptive-toolbar-item-horizontal-spacer: 0.4rem;
    --adaptive-toolbar-other-item-height: 1.9rem;
    --adaptive-toolbar-other-item-width: 1.9rem;
    --adaptive-toolbar-other-item-outline-width: 0.1rem;
    --adaptive-toolbar-other-icon-width: 1rem;
    --adaptive-toolbar-other-icon-height: 0.2rem;
    --widget-header-adaptive-toolbar-left-spacer: 1.5rem;
    --popover-adaptive-toolbar-border-width: 0.1rem;

    /*dropdown tokens*/
    --dropdown-border-width: 0.1rem;
    --dropdown-top-spacer: 0.1rem;
    --dropdown-shadow-y-offset: 0.2rem;
    --dropdown-shadow-blur: 1rem;
    --dropdown-selectbox-option-right-spacer: 2.3rem;
    --dropdown-selectbox-option-icon-width: 1.4rem;
    --dropdown-selectbox-option-icon-height: 1.4rem;
    --dropdown-selectbox-option-icon-right-spacer: 0.8rem;
    --dropdown-selectbox-option-icon-left-spacer: 0.2rem;
    --dropdown-selectbox-option-selected-icon-x-position: 0.8rem;
    --dropdown-selectbox-option-selected-icon-width: 1rem;
    --dropdown-selectbox-option-selected-icon-height: 1rem;
    --baseCurrency-dropdown-width: 7.1rem;
    --baseCurrency-dropdown-border-width: 0.1rem;
    --baseCurrency-dropdown-x-offset: -1.5rem;
    --baseCurrency-dropdown-option-top-spacer: 0.6rem;
    --baseCurrency-dropdown-option-bottom-spacer: 0.6rem;
    --baseCurrency-dropdown-option-right-spacer: 2.7rem;
    --baseCurrency-dropdown-option-left-spacer: 1.5rem;

    /*suggest tokens*/
    --suggest-popover-min-width: 37.1rem;
    --suggest-popover-min-height: 6.1rem;
    --suggest-popover-top-spacer: 0.2rem;
    --suggest-popover-shadow-y-offset: 0.2rem;
    --suggest-popover-shadow-blur: 3rem;
    --suggest-tabs-panel-height: 2.2rem;
    --suggest-tabs-panel-border-width: 0.2rem;
    --suggest-tabs-panel-font-size: 1.2rem;
    --suggest-tabs-outline-width: 0.1rem;
    --suggest-tabs-outline-offset: -0.1rem;
    --suggest-tabs-item-horizontal-spacer: 1.5rem;
    --suggest-tabs-first-item-horizontal-spacer: 2rem;
    --suggest-tabs-item-delimiter-width: 0.1rem;
    --suggest-tabs-item-outline-width: 0.1rem;
    --suggest-tabs-item-outline-offset: -0.1rem;
    --suggest-tabs-item-active-indicator-height: 0.2rem;
    --suggest-loading-indicator-top-spacer: 1.5rem;
    --suggest-loading-indicator-bottom-spacer: 1.2rem;
    --suggest-select-all-button-width: 1rem;
    --suggest-select-all-button-outline-width: 0.1rem;
    --suggest-select-all-button-outline-offset: 0.1rem;
    --suggest-placeholder-x-position: 0.4rem;
    --suggest-placeholder-with-wrapper-x-position: 0.5rem;
    --suggest-filter-horizontal-spacer: 1rem;
    --suggest-filter-height: 2.4rem;
    --suggest-filter-font-size: 1.2rem;
    --suggest-filter-delimiter-height: 0.1rem;
    --suggest-filter-counter-line-height: 1.6rem;
    --suggest-filter-clear-button-line-height: 2rem;
    --suggest-filter-description-vertical-spacer: 1rem;
    --suggest-filter-description-line-height: 1.6rem;
    --suggest-footer-horizontal-spacer: 0.9rem;
    --suggest-footer-top-spacer: 2.1rem;
    --suggest-footer-bottom-spacer: 2.7rem;
    --suggest-footer-font-size: 1.2rem;
    --suggest-footer-with-expired-top-spacer: 0.4rem;
    --suggest-grid-footer-horizontal-spacer: 1rem;
    --suggest-grid-footer-bottom-spacer: 0.6rem;
    --suggest-grid-footer-font-size: 1.2rem;
    --suggest-grid-footer-delimiter-height: 0.1rem;
    --suggest-grid-footer-delimiter-vertical-spacer: 0.6rem;
    --suggest-grid-width: 58.8rem;
    --suggest-grid-cell-min-width: 3rem;
    --suggest-grid-head-cell-font-size: 1.2rem;
    --suggest-grid-head-shadow-x-offset: -0.1rem;
    --suggest-grid-head-shadow-y-offset: 0.1rem;
    --suggest-grid-head-shadow-blur: 0.3rem;
    --suggest-grid-head-delimiter-height: 0.1rem;
    --suggest-grid-head-delimiter-y-offset: 0.2rem;
    --suggest-grid-body-cell-font-size: 1.2rem;
    --suggest-grid-body-cell-height: 2rem;
    --suggest-grid-body-cell-horizontal-spacer: 1rem;
    --suggest-grid-body-group-cell-height: 3rem;
    --suggest-grid-body-group-cell-font-size: 1.2rem;
    --suggest-grid-body-group-cell-bottom-spacer: 1rem;
    --suggest-grid-body-description-clip-gradient-width: 2rem;
    --suggest-grid-body-arrow-cell-min-width: 2rem;
    --suggest-grid-body-arrow-cell-right-spacer: 0.2rem;
    --suggest-grid-body-quick-link-font-size: 1.2rem;
    --suggest-grid-body-quick-link-height: 1.6rem;
    --suggest-grid-body-quick-link-focus-outline-width: 0.1rem;
    --suggest-grid-body-quick-link-icon-width: 0.5rem;
    --suggest-grid-body-quick-link-icon-height: 1.2rem;
    --suggest-grid-body-quick-link-icon-y-position: 0.2rem;
    --suggest-grid-body-quick-link-icon-left-spacer: 0.3rem;

    /*symbol suggest tokens*/
    --compact-suggest-grid-cell-line-height: 2rem;
    --compact-suggest-grid-cell-right-spacer: 1rem;
    --compact-suggest-grid-name-cell-left-spacer: 0.5rem;
    --compact-suggest-grid-additional-cell-vertical-spacer: 0.5rem;
    --compact-suggest-grid-additional-cell-top-spacer: 0.7rem;
    --compact-suggest-grid-additional-cell-border-width: 0.1rem;
    --compact-suggest-scroll-wrapper-max-height: 20rem;

    /*logo tokens*/
    --logo-width-s: 9.1rem;
    --logo-height-s: 3.4rem;
    --logo-width-m: 12.3rem;
    --logo-height-m: 5rem;

    /*initial state tokens*/
    --initial-state-message-font-size: 1.4rem;

    /*grid tokens*/
    --grid-head-right-spacer: 0.3rem;
    --grid-head-shadow-x-offset: -0.1rem;
    --grid-head-shadow-y-offset: 0.1rem;
    --grid-head-shadow-blur: 0.3rem;
    --grid-head-cell-height: 1.8rem;
    --grid-head-cell-font-size: 1rem;
    --grid-head-cell-icon-height: 1rem;
    --grid-head-cell-sort-icon-width: 0.6rem;
    --grid-head-cell-sort-icon-x-position: 1rem;
    --grid-head-cell-sort-icon-x-offset: -0.6rem;
    --grid-head-cell-filter-icon-width: 1rem;
    --grid-head-cell-filter-icon-x-position: 1.1rem;
    --grid-head-cell-filter-icon-x-offset: -1.1rem;
    --grid-head-cell-filter-icon-right-spacer: 0.1rem;
    --grid-head-cell-tree-icon-width: 0.7rem;
    --grid-head-cell-tree-icon-height: 0.9rem;
    --grid-separator-width: 0.1rem;
    --grid-head-cell-button-icon-left-spacer: 0.4rem;
    --grid-head-aggregated-cell-left-spacer: 2.6rem;
    --grid-cell-horizontal-spacer: 1.2rem;
    --grid-cell-border-width: 0.1rem;
    --grid-body-y-position: 2rem;
    --grid-body-cell-top-spacer: 0.1rem;
    --grid-body-cell-font-size: 1.2rem;
    --grid-body-cell-height: 1.9rem;
    --grid-body-aggregated-cell-left-spacer: 1rem;
    --grid-resize-handle-height: 1.4rem;
    --grid-resize-handle-width: 1.2rem;
    --grid-resize-handle-x-offset: -1.8rem;
    --grid-resize-delimiter-width: 0.1rem;
    --position-grid-side-cell-width: 1.1rem;
    --position-grid-side-cell-y-offset: -0.1rem;
    --ruler-grid-orders-symbol-width: 3.6rem;
    --ruler-grid-button-info-left-spacer: 0.4rem;
    --ruler-grid-control-symbol-right-spacer: 1.4rem;
    --ruler-grid-control-symbol-left-spacer: 1rem;
    --ruler-grid-spread-selector-right-spacer: 2.5rem;
    --grid-dropdown-selectbox-option-left-spacer: 1.2rem;
    --grid-dropdown-selectbox-option-right-spacer: 0.4rem;
    --grid-selectbox-caret-top-spacer: 0.4rem;
    --grid-selectbox-text-right-spacer: 1rem;
    --grid-selectbox-icon-height: 1.3rem;
    --grid-selectbox-icon-width: 1.8rem;
    --grid-selectbox-icon-y-offset: 0.1rem;
    --grid-selectbox-left-spacer: 0.1rem;
    --grid-control-placeholder-right-spacer: 2.5rem;
    --grid-date-picker-width: 11rem;
    --grid-button-after-selectbox-x-position: 2.9rem;
    --grid-numeric-stepper-pseudo-input-left-spacer: 1.7rem;

    /*instrument info tokens*/
    --instrument-info-button-left-spacer: 0.3rem;
    --instrument-info-button-icon-width: 1.2rem;
    --instrument-info-button-icon-height: 1.2rem;
    --instrument-info-popover-shadow-y-offset: 0.2rem;
    --instrument-info-popover-shadow-blur: 1rem;
    --instrument-info-popover-border-width: 0.1rem;
    --instrument-info-popover-font-size: 1.4rem;
    --instrument-info-popover-line-height: 1.6rem;
    --instrument-info-popover-top-spacer: 0.8rem;
    --instrument-info-popover-horizontal-spacer: 2rem;
    --instrument-info-popover-bottom-spacer: 1rem;
    --instrument-info-popover-with-details-shadow-y-offset: 0.2rem;
    --instrument-info-popover-with-details-shadow-blur: 0.2rem;
    --instrument-info-container-vertical-spacer: 1.6rem;
    --instrument-info-container-horizontal-spacer: 1.8rem;
    --instrument-info-header-bottom-spacer: 1.7rem;
    --instrument-info-header-delimiter-height: 0.1rem;
    --instrument-info-header-title-font-size: 2.1rem;
    --instrument-info-header-description-font-size: 1.2rem;
    --instrument-info-header-description-bottom-spacer: 0.7rem;
    --instrument-info-header-table-top-spacer: 0.6rem;
    --instrument-info-header-table-bottom-spacer: 1rem;
    --instrument-info-header-table-cell-font-size: 1.2rem;
    --instrument-info-header-table-cell-right-spacer: 1.6rem;
    --instrument-info-body-vertical-spacer: 0.3rem;
    --instrument-info-body-table-day-column-width: 3rem;
    --instrument-info-body-table-day-column-delimiter-width: 0.1rem;
    --instrument-info-body-table-day-cell-bottom-spacer: 0.5rem;
    --instrument-info-body-table-row-gap: 1rem;
    --instrument-info-body-table-overnight-rate-right-spacer: 1rem;
    --instrument-info-body-table-cell-font-size: 1.2rem;
    --instrument-info-body-table-cell-right-spacer: 0.7rem;
    --instrument-info-body-table-thead-cell-y-offset: -0.8rem;
    --instrument-info-body-table-timezone-cell-right-spacer: 0.8rem;
    --instrument-info-rates-width: 18.8rem;
    --instrument-info-rates-top-spacer: 0.7rem;
    --instrument-info-rates-right-spacer: 0.7rem;

    /*erroneous state tokens*/
    --erroneous-state-message-font-size: 1.4rem;
    --erroneous-state-button-y-offset: 1.2rem;
    --erroneous-state-button-spacer: 0;

    /*treeList tokens*/
    --tree-list-item-tooltip-horizontal-spacer: 1rem;
    --tree-list-item-tooltip-vertical-spacer: 0.5rem;
    --tree-list-item-tooltip-shadow-y-offset: 0.2rem;
    --tree-list-item-tooltip-shadow-blur: 1rem;
    --tree-list-item-popover-y-offset: 1.8rem;
    --tree-list-item-popover-x-offset: 0.5rem;
    --tree-list-item-expand-button-width: 0.7rem;
    --tree-list-item-expand-button-height: 0.7rem;
    --tree-list-item-expand-button-horizontal-spacer: 0.5rem;
    --tree-list-item-expand-button-vertical-spacer: 1rem;
    --tree-list-item-expand-button-x-offset: 0.2rem;
    --tree-list-item-expand-button-active-top-spacer: 1.1rem;
    --tree-list-item-button-height: 2.6rem;
    --tree-list-item-button-border-width: 0.1rem;

    /*contact-us-button*/
    --contact-us-button-width: 1.4rem;
    --contact-us-button-height: 1.3rem;

    /*contact-us-list*/
    --contact-us-list-grid-gap: 1.2rem;
    --contact-us-list-top-spacer: 1.2rem;
    --contact-us-list-right-spacer: 1.5rem;
    --contact-us-list-bottom-spacer: 1.5rem;
    --contact-us-list-left-spacer: 1rem;

    /*sources selector tokens*/
    --sources-selector-shadow-blur: 0.1rem;
    --sources-selector-text-left-spacer: 0.3rem;
    --sources-selector-option-item-right-spacer: 2.6rem;
    --sources-selector-option-item-left-spacer: 0.9rem;
    --sources-selector-first-option-item-bottom-spacer: 0.5rem;
    --sources-selector-option-item-delimiter-width: 0.1rem;
    --sources-selector-option-item-delimiter-y-offset: -0.3rem;
    --sources-selector-option-item-delimiter-left-spacer: 0.9rem;
    --sources-selector-option-item-delimiter-right-spacer: 0.9rem;

    /*widget calendar event details tooltip tokens*/
    --widget-calendar-event-details-tooltip-max-width: 30rem;
    --widget-calendar-event-details-tooltip-close-button-left-spacer: 1rem;
    --widget-calendar-event-details-tooltip-close-button-size: 0.7rem;
    --widget-calendar-event-details-tooltip-close-button-extra-size: 1.5rem;
    --widget-calendar-event-details-tooltip-parameter-line-height: 1.6rem;

    /* widget header tokens */
    --widget-header-height: 2.3rem;
    --widget-border-width: 0.1rem;
    --widget-header-shadow-param: 0 0.1rem 0 0;
    --widget-header-content-wrapper-min-width: 2rem;
    --widget-tab-height: 2.3rem;
    --widget-tab-min-width: 4rem;
    --widget-tab-bold-title-font-weight: 700;
    --widget-tab-horizontal-spacer: 1.9rem;
    --widget-tab-bottom-spacer: 0.1rem;
    --widget-tab-border-width: 0.1rem;
    --widget-tab-active-indicator-height: 0.1rem;
    --widget-draggable-tab-shadow-param: 0 0.2rem 1rem 0;
    --widget-tab-close-button-width: 1.9rem;
    --widget-tab-close-button-height: 1.9rem;
    --widget-tab-close-button-spacer: 0.5rem;
    --widget-tab-close-button-y-offset: 0.2rem;
    --widget-tab-close-button-icon-width: 0.7rem;
    --widget-tab-close-button-icon-height: 0.7rem;
    --widget-tab-add-button-width: 2.3rem;
    --widget-tab-add-button-x-offset: -0.1rem;
    --widget-tab-add-button-icon-width: 1.3rem;
    --widget-tab-add-button-icon-height: 1.3rem;
    --widget-selector-context-menu-options-list-width: 12rem;
    --widget-selector-context-menu-options-list-max-width: 15em;
    --widget-tabs-header-info-fullscreen-icon-width: 1.5rem;
    --widget-tabs-header-info-fullscreen-icon-height: 1.5rem;
    --widget-tabs-header-info-fullscreen-icon-top-spacer: -0.5rem;
    --widget-tabs-header-info-fullscreen-icon-right-spacer: 0.6rem;
    --widget-tabs-header-info-loading-indicator-right-spacer: 0.6rem;
    --widget-tabs-header-info-title-left-spacer: 0.6rem;
    --widget-tabs-header-info-title-right-spacer: 0.6rem;
    --widget-tabs-header-info-title-font-weight: 600;
    --widget-tabs-header-info-slim-title-right-spacer: 2rem;
    --widget-tabs-header-info-slim-title-left-spacer: 0.6rem;
    --widget-tabs-header-content-button-shadow-param: 0 0 0 0.1rem;
    --widget-tabs-header-content-info-button-height: 1.1rem;
    --widget-tabs-header-content-info-button-outline-offset: 0.5rem;
    --widget-tabs-header-add-widget-button-right-spacer: 1.2rem;
    --widget-tabs-header-actions-right-spacer: 0.6rem;
    --widget-tabs-header-actions-left-spacer: 1.1rem;
    --widget-tabs-header-action-button-font-size: 1.2rem;
    --widget-tabs-header-action-button-shadow-param: 0 0 0 0.1rem;
    --widget-tabs-header-action-button-left-spacer-s: 0.8rem;
    --widget-tabs-header-action-button-left-spacer-m: 1rem;
    --widget-tabs-header-action-button-left-spacer-m-empty: 0;
    --widget-tabs-main-controls-left-spacer: 1rem;
    --widget-tabs-main-controls-x-offset: 1rem;
    --widget-tabs-main-controls-border-width: 0.1rem;
    --widget-tabs-main-controls-button-width: 1.1rem;
    --widget-tabs-main-controls-button-height: 1.1rem;
    --widget-tabs-main-controls-focus-button-outline-offset: 0.5rem;
    --widget-minimized-header-content-min-width: 6.5rem;
    --widget-minimized-header-content-max-width: 6.5rem;
    --widget-minimized-header-content-toolbar-min-width: 2rem;
    --widget-minimized-header-content-toolbar-max-width: 2rem;
    --widget-header-control-height: 1.9rem;
    --widget-header-control-font-size: 1.2rem;
    --widget-header-control-border-width: 0.1rem;
    --widget-header-period-control-width: 7.6rem;
    --widget-header-positions-button-left-spacer: 0.8rem;
    --widget-close-big-button-size: 3.7rem;
    --widget-close-big-button-x-position: 0.5rem;
    --widget-close-big-button-y-position: 1.2rem;
    --widget-close-big-button-border-width: 0.1rem;
    --widget-close-big-button-icon-size: 1.7rem;
    --widget-customize-columns-button-size: 1.9rem;
    --widget-customize-columns-button-border-width: 0.1rem;
    --widget-customize-columns-button-icon-size: 1.3rem;
    --widget-filter-panel-vertical-spacer: 0.3rem;
    --widget-filter-panel-horizontal-spacer: 0.6rem;
    --widget-filter-panel-font-size: 1.2rem;
    --widget-filter-panel-data-right-spacer: 1rem;
    --widget-filter-panel-title-right-spacer: 0.9rem;
    --widget-filter-panel-name-right-spacer: 0.5rem;
    --widget-filter-panel-by-right-spacer: 1rem;
    --widget-filter-panel-details-max-width: 35.5rem;
    --widget-filter-panel-details-shadow-param: 0 0.2rem 0.4rem 0;
    --widget-filter-panel-details-row-gap: 0.3rem;
    --widget-filter-panel-details-column-gap: 1rem;
    --widget-filter-panel-details-horizontal-spacer: 1rem;
    --widget-filter-panel-details-vertical-spacer: 0.7rem;

    /* widget chart area tokens */
    --widget-chart-area-header-toolbar-item-gap: 1.2rem;
    --widget-chart-area-chart-controls-gap: 0.6rem;
    --widget-chart-area-chart-combobox-width: 9rem;
    --widget-chart-area-switcher-wrapper-right-spacer: 0.8rem;
    --widget-chart-area-switcher-label-left-spacer: 0.5rem;
    --widget-chart-area-delimiter-height: 2.5rem;
    --widget-chart-area-delimiter-right-spacer: 0.8rem;
    --widget-chart-area-delimiter-left-spacer: 0.2rem;
    --widget-chart-area-toolbar-top-spacer: 0.7rem;
    --widget-chart-area-toolbar-horizontal-spacer: 0.8rem;
    --widget-chart-area-toolbar-bottom-spacer: 0.8rem;
    --widget-chart-area-toolbar-item-gap: 1rem;
    --widget-chart-area-active-selectbox-shadow-param: 0 0 0 0.1rem;
    --widget-chart-area-active-selectbox-border-width: 0.1rem;
    --widget-chart-area-active-selectbox-border-y-offset: -0.2rem;
    --widget-chart-area-cut-button-icon-height: 1.3rem;
    --widget-chart-area-zoom-button-icon-height: 1.7rem;
    --widget-chart-area-zoomout-button-right-spacer: 0.1rem;
    --widget-chart-area-zoomout-button-left-spacer: 0.6rem;
    --widget-chart-area-scale-button-right-spacer: 0.6rem;
    --widget-chart-area-scale-button-icon-size: 1.1rem;
    --widget-chart-area-scale-button-icon-y-offset: -0.1rem;
    --widget-chart-area-button-height: 2.5rem;
    --widget-chart-area-filled-icon-button-width: 2.5rem;
    --widget-chart-area-filled-icon-button-shadow-param: 0 0 0 0.1rem;
    --widget-chart-area-price-bid-button-left-spacer: 0.3rem;
    --widget-chart-area-price-ask-button-right-spacer: 0.3rem;
    --widget-chart-area-atr-button-width: 5.1rem;
    --widget-chart-area-atr-button-horizontal-spacer: 0.7rem;
    --widget-chart-area-drawing-settings-button-icon-top-spacer: 0.2rem;
    --widget-chart-area-close-button-icon-top-spacer: 0.2rem;
    --widget-chart-area-combobox-width: 7.5rem;
    --widget-chart-area-combobox-input-height: 2.5rem;
    --widget-chart-area-combobox-input-line-height: 1.2rem;
    --widget-chart-area-period-switcher-selectbox-width: 5.5rem;
    --widget-chart-area-text-input-width: 11rem;
    --widget-chart-area-text-input-right-spacer: 1rem;
    --widget-chart-area-text-input-y-offset: -0.1rem;
    --widget-chart-area-text-input-font-size: 1.2rem;
    --widget-chart-area-drawing-tools-and-trading-from-chart-selectbox-width: 6.5rem;
    --widget-chart-area-drawing-tools-and-trading-from-chart-selectbox-height: 2.5rem;
    --widget-chart-area-drawing-tools-and-trading-from-chart-selectbox-label-width: 4.4rem;
    --widget-chart-area-drawing-tools-and-trading-from-chart-button-width: 4rem;
    --widget-chart-area-trading-from-chart-button-icon-width: 3.4rem;
    --widget-chart-area-trading-from-chart-button-icon-height: 1.3rem;
    --widget-chart-area-loader-y-offset: -3rem;
    --widget-chart-area-loader-x-offset: -3rem;
    --widget-chart-area-header-drawing-tools-and-trading-from-chart-selectbox-width: 5.6rem;
    --widget-chart-area-header-drawing-tools-and-trading-from-chart-selectbox-delimiter-y-position: 2.2rem;
    --widget-chart-area-header-drawing-tools-and-trading-from-chart-selectbox-arrow-horizontal-spacer: 0.8rem;
    --widget-chart-area-header-drawing-tools-and-trading-from-chart-selectbox-label-width: 3.6rem;
    --widget-chart-area-header-drawing-tools-and-trading-from-chart-button-height: 1.9rem;
    --widget-chart-area-header-drawing-tools-and-trading-from-chart-button-border-radius: 0.1rem;
    --widget-chart-area-header-drawing-tools-button-width: 2.5rem;
    --widget-chart-area-header-drawing-tools-button-icon-width: 1.2rem;
    --widget-chart-area-header-trading-from-chart-button-width: 3.6rem;
    --widget-chart-area-header-trading-from-chart-button-icon-width: 2.3rem;
    --widget-chart-area-header-trading-from-chart-button-icon-height: 1.1rem;
    --widget-chart-area-header-trading-from-chart-button-icon-y-offset: 0.1rem;
    --widget-chart-area-trading-from-chart-dropdown-option-top-spacer: 0.2rem;
    --widget-chart-area-trading-from-chart-dropdown-option-bottom-spacer: 0.1rem;
    --widget-chart-area-trading-from-chart-dropdown-option-left-spacer: 1rem;
    --widget-chart-area-trading-from-chart-dropdown-option-right-spacer: 3rem;
    --widget-chart-area-trading-from-chart-dropdown-option-icon-size: 2.1rem;
    --widget-chart-area-header-studies-button-icon-height: 1.3rem;
    --widget-chart-area-header-atr-button-width: 4.5rem;
    --widget-chart-area-header-atr-button-horizontal-spacer: 0.4rem;
    --widget-chart-area-drawing-toolbar-button-shadow-param: 0 0 0 0.1rem;
    --widget-chart-area-drawing-toolbar-y-position: 1rem;
    --widget-chart-area-drawing-toolbar-spacer: 0.6rem;
    --widget-chart-area-drawing-toolbar-control-gap: 1.2rem;
    --widget-chart-area-drawing-toolbar-delimiter-left-spacer: 0.2rem;
    --widget-chart-area-drawing-toolbar-delimiter-right-spacer: 1.4rem;
    --widget-chart-area-warning-panel-max-width: 30.2rem;
    --widget-chart-area-warning-panel-inner-top-spacer: 1rem;
    --widget-chart-area-warning-panel-inner-right-spacer: 1.8rem;
    --widget-chart-area-warning-panel-inner-bottom-spacer: 1.1rem;
    --widget-chart-area-warning-panel-inner-left-spacer: 3.3rem;
    --widget-chart-area-warning-panel-left-spacer: 1.3rem;
    --widget-chart-area-warning-panel-border-width: 0.1rem;
    --widget-chart-area-warning-panel-border-radius: 0.2rem;
    --widget-chart-area-warning-panel-font-size: 1.4rem;
    --widget-chart-area-warning-panel-line-height: 1.6rem;
    --widget-chart-area-warning-panel-icon-size: 1.3rem;
    --widget-chart-area-warning-panel-icon-y-position: 1.2rem;
    --widget-chart-area-warning-panel-icon-x-position: 1rem;
    --widget-chart-area-setting-button-icon-size: 1.2rem;
    --widget-chart-area-setting-button-icon-y-offset: 0.1rem;

    /* control chart type toggler tokens */
    --control-chart-type-toggler-icon-size: 1.6rem;

    /* chart type switcher tokens */
    --chart-type-switcher-width: 4.2rem;
    --chart-type-switcher-option-width: 2.5rem;
    --chart-type-switcher-option-left-spacer: 0.3rem;
    --chart-type-switcher-option-icon-size: 1.4rem;
    --chart-type-switcher-option-icon-y-position: 0.4rem;
    --chart-type-switcher-option-icon-x-position: 0.5rem;

	/* account-suggest tokens */
	--account-suggest-account-info-fullname-max-width: 12rem;
	--account-suggest-button-icon-width: 0.56rem;
	--account-suggest-button-icon-height: 0.32rem;
	--account-suggest-button-outline: 0.1rem;
	--account-suggest-button-icon-padding: 0 0 0 0.64rem;
	--account-suggest-separator-height: calc(100% + 0.3rem);
	--account-suggest-table-max-height: calc(2.08rem * 7);
	--account-suggest-table-grid-template: minmax(8rem, 1fr) 6.72rem minmax(10.24rem, 1fr) minmax(8rem, 1fr);
	--account-suggest-table-row-padding: 0.15rem;
	--account-suggest-table-cell-padding: 1rem;
	--account-suggest-input-padding: 0.6rem 1.6rem 0.6rem 1rem;
	--account-suggest-input-label-margin-right: 0.8rem;
	--account-suggest-loading-indicator-padding: 0.5rem;
	--account-suggest-loading-indicator-wrapper-padding: 0.4rem 0 1.2rem 0;
	--account-suggest-message-padding: 0.48rem 1.28rem 0.8rem 0.8rem;

    /* chart info tokens */
    --chart-info-font-weight: 400;
    --chart-info-background-opacity: 0.83;
    --chart-info-wrapper-border-radius: 0.2rem;
    --chart-info-wrapper-min-width: 15.5rem;
    --chart-info-wrapper-top-spacer: 2.2rem;
    --chart-info-wrapper-font-size: 1rem;
    --chart-info-wrapper-line-height: 1.2rem;
    --chart-info-header-height: 2.3rem;
    --chart-info-header-line-height: 2.3rem;
    --chart-info-header-right-spacer: 2.4rem;
    --chart-info-header-title-left-spacer: 0.8rem;
    --chart-info-header-toggle-button-y-offset: -0.1rem;
    --chart-info-header-toggle-button-height: 2.3rem;
    --chart-info-header-toggle-button-width: 2.4rem;
    --chart-info-header-toggle-button-horizontal-spacer: 0.7rem;
    --chart-info-header-toggle-button-icon-size: 0.9rem;
    --chart-info-content-top-spacer: 0.2rem;
    --chart-info-content-horizontal-spacer: 0.8rem;
    --chart-info-content-bottom-spacer: 0.9rem;
    --chart-info-content-group-volume-bottom-spacer: 0.4rem;
    --chart-info-content-studies-top-spacer: 0.6rem;
    --chart-info-content-studies-border-width: 0.1rem;
    --chart-info-content-group-title-bottom-spacer: 0.3rem;
    --chart-info-parameter-label-right-spacer: 1rem;
    --chart-info-parameter-label-min-width: 3rem;
    --chart-info-parameter-label-bottom-spacer: 0.1rem;
    --chart-info-parameter-value-font-size: 1rem;
    --chart-info-delimiter-bottom-spacer: 0.6rem;
    --chart-info-line-opacity: 0.8;

    /* chart-area */
    --chart-placeholder-text-opacity: 0.3;

    /* popup chart edit studies tokens */
    --popup-chart-edit-studies-indicator-selector-title-bottom-spacer: 1rem;
    --popup-chart-edit-studies-indicator-selector-title-line-height: 2.1rem;
    --popup-chart-edit-studies-indicator-selector-label-bottom-spacer: 0.4rem;

    /* popup chart settings tokens */
    --popup-chart-settings-action-buttons-top-spacer: 0.9rem;
    --popup-chart-settings-action-buttons-right-spacer: 0.8rem;
    --popup-chart-settings-action-buttons-bottom-spacer: 0.8rem;
    --popup-chart-settings-action-buttons-left-spacer: 3rem;
    --chart-settings-wrapper-width: 62.3rem;
    --chart-settings-checkbox-right-spacer: 0.6rem;
    --chart-settings-title-shadow-param: 0 -0.1rem;
    --chart-settings-title-top-spacer: 2.2rem;
    --chart-settings-title-horizontal-spacer: 3rem;
    --chart-settings-title-bottom-spacer: 0.9rem;
    --chart-settings-title-font-size: 1.2rem;
    --chart-settings-title-font-weight: 400;
    --chart-settings-title-text-transform: uppercase;
    --chart-settings-title-letter-spacing: 0.08rem;
    --chart-settings-subtitle-bottom-spacer: 0.7rem;
    --chart-settings-subtitle-font-size: 1.2rem;
    --chart-settings-subtitle-font-weight: 400;
    --chart-settings-content-height: 49.9rem;
    --chart-settings-fieldset-horizontal-spacer: 3rem;
    --chart-settings-fieldset-bottom-spacer: 3.2rem;
    --chart-settings-control-font-size: 1.2rem;
    --chart-settings-control-line-height: 1.7rem;
    --chart-settings-control-numeric-stepper-width: 10rem;
    --chart-settings-control-postfix-left-spacer: 0.5rem;
    --chart-settings-control-top-spacer: 0.8rem;
    --chart-settings-control-label-font-size: 1.2rem;
    --chart-settings-control-color-picker-postfix-left-spacer: 0.8rem;
    --chart-settings-column-left-spacer: 2rem;
    --chart-settings-sub-column-bottom-spacer: 1.7rem;
    --chart-settings-sub-column-left-spacer: 2.5rem;
    --chart-settings-tab-panel-top-spacer: 1.5rem;
    --chart-settings-tab-panel-border-width: 0.1rem;
    --chart-settings-tab-link-font-size: 1.2rem;
    --chart-settings-tab-link-line-height: 2.3rem;
    --chart-settings-tab-link-font-weight: 400;
    --chart-settings-session-breaks-bottom-spacer: 1rem;
    --chart-settings-session-breaks-border-width: 0.1rem;
    --chart-settings-session-breaks-fieldset-bottom-spacer: 1rem;
    --chart-settings-session-breaks-control-label-bottom-spacer: 0.4rem;
    --chart-settings-session-breaks-selectbox-right-spacer: 0.8rem;
    --chart-settings-session-breaks-range-left-spacer: 2rem;
    --chart-settings-extended-hours-control-label-bottom-spacer: 0.4rem;
    --chart-settings-extended-hours-range-left-spacer: 8.1rem;
    --chart-settings-paddings-fieldset-top-spacer: 1rem;
    --chart-settings-paddings-control-label-bottom-spacer: 0.4rem;
    --chart-settings-controls-top-spacer: 1rem;
    --chart-settings-controls-left-spacer: 2rem;
    --chart-settings-time-frame-column-top-spacer: 1.5rem;
    --chart-settings-time-frame-column-horizontal-spacer: 3rem;
    --chart-settings-time-frame-column-border-width: 0.1rem;
    --chart-settings-time-frame-link-button-top-spacer: 1.4rem;
    --chart-settings-time-frame-placeholder-top-spacer: 1.7rem;
    --chart-settings-time-frame-selector-wrapper-height: 34.6rem;
    --chart-settings-time-frame-selector-wrapper-width: 16rem;
    --chart-settings-time-frame-selector-wrapper-border-width: 0.1rem;
    --chart-settings-time-frame-selector-wrapper-top-spacer: 0.9rem;
    --chart-settings-time-frame-selector-vertical-spacer: 0.3rem;
    --chart-settings-time-frame-controls-top-spacer: 2rem;
    --chart-settings-time-frame-controls-bottom-spacer: 1.7rem;
    --chart-settings-time-frame-controls-border-width: 0.1rem;
    --chart-settings-time-frame-control-gap: 1.6rem;
    --chart-settings-time-frame-control-label-bottom-spacer: 0.6rem;
    --chart-settings-time-frame-control-width: 7rem;
    --chart-settings-time-frame-control-postfix-horizontal-spacer: 0.6rem;
    --chart-settings-time-frame-action-buttons-top-spacer: 1.6rem;
    --chart-settings-time-frame-action-button-font-size: 1.4rem;
    --chart-settings-time-frame-action-button-gap: 0.8rem;
    --chart-settings-time-frame-selector-period-left-spacer: 1.9rem;
    --chart-settings-time-frame-selector-period-line-height: 2.6rem;
    --chart-settings-time-frame-selector-custom-period-indicator-bubble-size: 0.4rem;
    --chart-settings-time-frame-selector-custom-period-indicator-bubble-x-position: 1rem;
    --chart-settings-time-frame-selector-period-interval-width: 2.9rem;
    --chart-settings-time-frame-selector-period-date-range-right-spacer: 0.2rem;
    --chart-settings-time-frame-selector-period-controls-x-position: 0.7rem;
    --chart-settings-time-frame-selector-period-action-button-gap: 0.3rem;
    --chart-settings-time-frame-selector-period-action-button-icon-size: 1.2rem;

    /* chart line label tokens */
    --chart-line-label-border-width: 0.1rem;
    --chart-line-label-font-size: 1.2rem;
    --chart-line-label-line-height: 1.4rem;
    --chart-line-label-horizontal-spacer: 0.5rem;
    --chart-line-label-order-type-badge-height: 1.2rem;
    --chart-line-label-quantity-and-price-left-spacer: 0.7rem;
    --chart-line-label-delimiter-horizontal-spacer: 0.4rem;
    --chart-line-label-delimiter-y-offset: -0.1rem;
    --chart-line-label-group-badge-height: 1.4rem;
    --chart-line-label-group-badge-horizontal-spacer: 0.2rem;
    --chart-line-label-group-badge-count-font-size: 1.3rem;
    --chart-line-label-group-badge-count-height: 1.2rem;
    --chart-line-label-group-badge-count-line-height: 1.2rem;
    --chart-line-label-group-badge-count-inner-horizontal-spacer: 0.1rem;
    --chart-line-label-group-badge-count-left-spacer: 0.2rem;
    --chart-line-label-group-badge-icon-max-width: 1.8rem;
    --chart-line-label-group-badge-icon-max-height: 1.4rem;
    --chart-line-label-group-badge-leg-icon-max-width: 0.7rem;
    --chart-line-label-group-badge-leg-icon-left-spacer: 0.2rem;
    --chart-line-label-group-badge-leg-icon-vertical-spacer: 0.3rem;
    --chart-line-label-multiasset-group-badge-inner-spacer: 0.1rem;
    --chart-line-label-multiasset-group-badge-left-spacer: 0.1rem;
    --chart-line-label-multiasset-group-badge-height: 1.6rem;

    /* chart tokens */
    --chart-lines-x-position: 13rem;
    --chart-study-info-bar-font-size: 1.1rem;
    --chart-high-low-indicator-font-size: 1rem;
    --chart-high-low-indicator-line-height: 1.5rem;
    --chart-high-low-indicator-inner-horizontal-spacer: 0.5rem;
    --chart-high-low-indicator-horizontal-spacer: 0.7rem;
    --chart-high-low-indicator-border-radius: 0.3rem;
    --chart-high-low-indicator-low-y-offset: -1.5rem;
    --chart-high-low-indicator-pointer-x-position: -0.6rem;
    --chart-high-low-indicator-pointer-size: 0.6rem;
    --chart-lines-info-box-line-height: 3.2rem;
    --chart-lines-info-box-font-size: 1.4rem;
    --chart-lines-info-box-border-radius: 0.1rem;
    --chart-lines-info-box-horizontal-spacer: 0.7rem;
    --chart-lines-info-box-y-offset: 1rem;
    --chart-lines-info-box-pointer-size: 0.8rem;
    --chart-lines-info-box-pointer-y-position: -0.4rem;
    --chart-lines-info-box-top-position-shadow-param: 0 -0.4rem 1rem 0;
    --chart-lines-info-box-bottom-position-shadow-param: 0 0.4rem 1rem 0;

    /* chart plugins tokens */
    --chart-plugins-line-thickness: 0.1rem;
    --chart-plugins-line-dash-width: 1.2rem;
    --chart-plugins-line-dash-gap: 0.5rem;
    --chart-plugins-line-dash-dot: 0.1rem;
    --chart-plugins-line-trigger-zone-height: 0.8rem;
    --chart-plugins-line-label-x-offset: 20rem;
    --chart-plugins-alert-line-label-x-offset: 40rem;
    --chart-plugins-line-label-height: 2rem;
    --chart-plugins-line-label-gap: 1rem;
    --chart-plugins-line-label-control-size: 1.6rem;
    --chart-plugins-active-line-label-vertical-spacer: 0.4rem;
    --chart-plugins-aggregation-line-label-border-width: 0.1rem;
    --chart-plugins-aggregation-line-gap: 3rem;
    --chart-plugins-child-order-line-label-left-spacer: 0.1rem;
    --chart-plugins-position-line-close-button-x-offset: -2.8rem;
    --chart-plugins-position-line-close-button-icon-size: 0.8rem;
    --chart-plugins-position-line-remove-with-oco-button-icon-height: 1.2rem;
    --chart-plugins-position-line-remove-with-oco-button-icon-width: 2.1rem;
    --chart-plugins-position-line-remove-with-oco-button-icon-horizontal-spacer: 0.5rem;
    --chart-plugins-order-line-remove-button-x-offset: -2.8rem;
    --chart-plugins-lines-manager-hidden-line-box-x-position: 5.5rem;
    --chart-plugins-lines-manager-hidden-line-box-y-position: 0.1rem;
    --chart-plugins-lines-manager-hidden-line-box-horizontal-spacer: 0.5rem;
    --chart-plugins-lines-manager-hidden-line-box-line-height: 3.2rem;
    --chart-plugins-lines-manager-hidden-line-box-border-width: 0.1rem;
    --chart-plugins-lines-manager-hidden-line-box-border-radius: 0.2rem;
    --chart-plugins-lines-manager-hidden-line-box-icon-y-offset: -0.2rem;
    --chart-plugins-lines-manager-hidden-line-box-icon-x-offset: -0.2rem;
    --chart-plugins-lines-manager-hidden-line-label-font-size: 1.3rem;
    --chart-plugins-lines-manager-hidden-line-label-line-height: 1.6rem;
    --chart-plugins-cross-tool-chart-info-horizontal-spacer: 1.5rem;
    --chart-plugins-cross-tool-fixed-chart-info-left-spacer: 0.7rem;
    --chart-plugins-cross-tool-axis-label-value-font-size: 1.2rem;
    --chart-plugins-cross-tool-axis-label-value-font-weight: 400;
    --chart-plugins-cross-tool-axis-label-value-line-height: 1.2rem;
    --chart-plugins-cross-tool-axis-label-value-horizontal-spacer: 0.5rem;
    --chart-plugins-cross-tool-axis-label-value-bottom-spacer: 0.1rem;
    --chart-plugins-cross-tool-x-axis-label-value-top-spacer: 0.9rem;
    --chart-plugins-cross-tool-y-axis-label-value-left-spacer: 0.65rem;
    --chart-toolbar-button-size: 1.9rem;
    --chart-toolbar-buttons-gap: 0.1rem;
    --chart-toolbar-button-icon-width: 1.3rem;
    --chart-plugins-alert-line-counter-width: 1.4rem;
    --chart-plugins-alert-line-counter-height: 1.4rem;
    --chart-plugins-alert-line-counter-icon-width: 1rem;
    --chart-plugins-alert-line-counter-icon-height: 1rem;
    --chart-plugins-alert-line-counter-gap: 0.3rem;
    --chart-plugins-alert-line-counter-spacer: 0.2rem;
    --chart-plugins-alert-line-counter-font-size: 1.2rem;
    --chart-plugins-alert-line-counter-font-line-height: 1.4rem;
    --chart-plugins-alert-line-counter-font-spacer: 0.2rem;
    --chart-plugins-alert-line-label-item-content-spacer: 0.4rem;
    --chart-plugins-alert-line-label-item-inner-spacer: 1rem;
    --chart-plugins-alert-line-label-inner-spacer: 0.2rem;

    /* widget chart area indicator tokens */
    --widget-chart-area-indicator-vertical-spacer: 0.6rem;
    --widget-chart-area-indicator-horizontal-spacer: 0.7rem;
    --widget-chart-area-indicator-icon-right-spacer: 0.7rem;
    --widget-chart-area-indicator-icon-width: 1.1rem;
    --widget-chart-area-indicator-icon-height: 0.6rem;
    --widget-chart-area-indicator-icon-top-spacer: -0.2rem;
    --widget-chart-area-indicator-properties-left-spacer: 1rem;
    --widget-chart-area-indicator-remove-button-size: 1.1rem;
    --widget-chart-area-indicator-remove-button-left-spacer: 0.6rem;
    --widget-chart-area-draggable-indicator-drop-tagret-height: 0.1rem;
    --widget-chart-area-draggable-indicator-drop-tagret-y-offset: -0.4rem;
    --widget-chart-area-draggable-indicator-drop-tagret-border-width: 0.3rem;
    --widget-chart-area-draggable-indicator-dragging-width: 25.7rem;

    /* context menu chart order tokens */
    --context-menu-chart-order-icon-width: 2.3rem;
    --context-menu-chart-order-icon-right-spacer: 0.2rem;
    --context-menu-chart-order-item-right-spacer: 0.6rem;

    /*  context-menu-chart-settings tokens  */
    --context-menu-chart-settings-group-visibility-toggler-menu-item-left-spacer: 2.5rem;
    --context-menu-chart-settings-selected-menu-item-subicon-x-position: 0.5rem;

    /*  chart  */
    --chart-font-size: 1.2rem;
    --chart-settings-footer-spacer: 1rem 2rem;
    --labeled-form-field-label-right-spacer: 0.8rem;

	/* app header tokens */
	--app-header-account-info-dropdown-delimeter-height: 0.1rem;
	--app-header-account-info-dropdown-delimeter-horizontal-spacer: 0.9rem;
	--app-header-account-info-dropdown-delimeter-vertical-spacer: 0.2rem;

	/*data-permission-button*/
	--data-permission-button-width: 11.2rem;
	--data-permission-button-padding-horizontal: 1.2rem;
	--data-permission-button-indicator-width: 0.9rem;
	--data-permission-button-indicator-height: 0.9rem;
	--data-permission-button-indicator-margin: 0.6rem;
	--data-permission-button-header-font-size: 1.2rem;
	--data-permission-button-header-margin-bottom: 0.5rem;
	--data-permission-button-status-font-size: 1.4rem;
	--data-permission-button-status-margin-bottom: 0.3rem;
	--data-permission-button-arrow-width: 0.7rem;
	--data-permission-button-arrow-height: 0.4rem;

	/*data-permission-list*/
	--data-permission-list-container-width: 26.4rem;
	--data-permission-list-container-padding-top: 0.8rem;
	--data-permission-list-container-horizontal-padding: 0.8rem;
	--data-permission-list-container-padding-bottom: 0.4rem;
	--data-permission-list-item-group-line-width: 0.1rem;
	--data-permission-list-item-group-list-item-padding-left: 0.9rem;

	/*data-permission-list-item-content*/
	--data-permission-list-item-content-font-size: 1.2rem;
	--data-permission-list-item-content-line-height: 2.6rem;
	--data-permission-list-item-content-arrow-container-width: 0.7rem;
	--data-permission-list-item-content-arrow-container-height: 0.7rem;
	--data-permission-list-item-content-arrow-margin-right: 0.5rem;
	--data-permission-list-item-content-arrow-width: 0.4rem;
	--data-permission-list-item-content-arrow-height: 0.7rem;
	--data-permission-list-item-content-margin-left: 1rem;
	--data-permission-list-item-content-margin-right: 1rem;

	/*aggregation configuration*/
	--aggregation-configuration-popup-footer-button-gap: 0.7rem;
	--aggregation-configuration-drag-icon-width: 0.2rem;
	--aggregation-configuration-drag-icon-height: 1rem;
	--aggregation-configuration-drag-icon-right-spacer: 0.8rem;
	--aggregation-configuration-arrow-icon-width: 0.7rem;
	--aggregation-configuration-arrow-icon-right-spacer: 0.6rem;
	--aggregation-configuration-content-spacer: 2.4rem 3rem 0;
	--aggregation-configuration-column-horizonal-spacer: 3rem;
	--aggregation-configuration-column-vertical-spacer: 2rem;
	--aggregation-configuration-column-min-width: 21.6rem;
	--aggregation-configuration-column-bottom-spacer: 2rem;
	--aggregation-configuration-dropdown-spacer: 0.2rem;
	--aggregation-configuration-dropdown-content-bottom-spacer: 0.1rem;
	--aggregation-configuration-dropdown-content-top-spacer: 0.9rem;
	--aggregation-configuration-dropdown-items-spacer: 0.6rem 0.9rem 0.8rem;
	--aggregation-configuration-dropdown-item-top-spacer: 0.5rem;
	--aggregation-configuration-item-spacer: 0.5rem 0.8rem;
	--aggregation-configuration-item-min-height: 2.5rem;
	--aggregation-configuration-item-border-radius: 0.1rem;
	--aggregation-configuration-item-border-width: 0.1rem;
	--aggregation-configuration-item-between-spacer: 0.1rem;
	--aggregation-configuration-item-dragged-box-shadow-param: 0 0.1rem 0.2rem 0;
	--aggregation-configuration-placeholder-shadow-param: 0 0 4rem 0;
	--aggregation-configuration-placeholder-spacer: 0.5rem 0.8rem;
	--aggregation-configuration-dropdown-placeholder-spacer: 0.3rem 0.8rem;
	--aggregation-configuration-placeholder-width: 19rem;
	--aggregation-configuration-placeholder-height: 3rem;
	--aggregation-configuration-placeholder-border-radius: 0.1rem;
	--aggregation-configuration-placeholder-border-width: 0.1rem;
	--aggregation-configuration-placeholder-between-spacer: 1rem;
	--aggregation-configuration-placeholder-depth-spacer: 2rem;
	--aggregation-configuration-placeholder-line-width: 0.1rem;
	--aggregation-configuration-placeholder-target-shadow-param: 0 0 0.4rem 0;
	--aggregation-configuration-header-bottom-spacer: 1.6rem;
	--aggregation-configuration-header-font-size: 1rem;
	--aggregation-configuration-header-letter-spacing: 0.1rem;
	--aggregation-configuration-header-font-weight: 400;
	--aggregation-configuration-checkbox-top-spacer: 1rem;
	--aggregation-configuration-radio-top-spacer: 1.6rem;
	--aggregation-configuration-radio-button-bottom-spacer: 0.8rem;
	--aggregation-configuration-restore-top-spacer: 1.2rem;
}

.mobile {
	/*controls tokens*/
	--control-font-size: 1.5rem;

	/*input tokens*/
	--input-height-m: 2.9rem;

	/*radio button tokens*/
	--radio-button-height-s: 1.7rem;
	--radio-button-width-s: 1.7rem;
	--radio-button-icon-height-s: 0.9rem;
	--radio-button-icon-width-s: 0.9rem;
	--radio-button-text-spacer: 0.9rem;
	--radio-button-font-size: 1.4rem;

	/*toggle buttons tokens*/
	--toggle-buttons-height-m: 2.9rem;
	--toggle-buttons-font-size: 1.5rem;

	/*selectbox tokens*/
	--selectbox-height-m: 2.7rem;
	--selectbox-caret-spacer-l: 2.4rem;
	--selectbox-font-size-m: 1.5rem;
	--selectbox-caret-icon-height: 0.5rem;
	--selectbox-caret-icon-width: 0.9rem;
	--selectbox-caret-icon-spacer-l: 0.7rem;

	/*numeric stepper tokens*/
	--numeric-stepper-width-s: 11.5rem;
	--numeric-stepper-width-m: 14rem;
	--numeric-stepper-down-up-button-width-m: 2.5rem;
	--numeric-stepper-down-up-button-height-m: 2.5rem;
	--numeric-stepper-input-min-width-m: 9.2rem;
	--numeric-stepper-button-spacer-m: 5.5rem;
	--numeric-stepper-down-up-vertical-button-height-m: 1.2rem;

	/*compact calendar tokens*/
	--compact-calendar-year-month-selector-font-size: 1.5rem;
	--compact-calendar-day-selector-header-font-size: 1.5rem;
	--compact-calendar-day-selector-body-cell-font-size: 1.5rem;
	--compact-calendar-day-selector-body-cell-bottom-spacer: 0.4rem;

	/*color picker tokens*/
	--color-picker-width: 5.2rem;
	--color-picker-height: 2.9rem;
	--color-picker-indicator-width: 2.1rem;
	--color-picker-indicator-height: 2.1rem;
	--color-picker-indicator-spacer: 0.4rem;
	--color-picker-dropdown-max-width: 28rem;
	--color-picker-dropdown-group-title-font-size: 1.3rem;

	/*steppable-input tokens*/
	--steppable-input-clear-button-width: 1.1rem;
	--steppable-input-clear-icon-width: 1.1rem;
	--steppable-input-clear-icon-height: 1.1rem;

	/*context menu tokens*/
	--button-context-menu-font-size: 1.6rem;

	/*popup tokens*/
	--popup-container-min-width: 32rem;
	--popup-container-max-width: 60rem;
	--popup-title-right-spacer: 0.7rem;
	--popup-sub-title-font-size: 1.8rem;
	--popup-content-text-font-size: 1.6rem;
	--popup-header-right-spacer: 2rem;

	/*grid tokens*/
	--grid-head-cell-font-size: 1.2rem;
	--grid-body-cell-height: 2.4rem;
	--grid-body-cell-font-size: 1.6rem;
	--grid-empty-view-font-size: 1.6rem;

	/*context menu button tokens*/
	--context-menu-button-font-size: 1.6rem;
	--context-menu-button-icon-caret-width: 0.9rem;
	--context-menu-button-icon-caret-height: 0.5rem;
	--context-menu-button-icon-caret-x-offset: 0.6rem;
	--context-menu-button-icon-caret-top-spacer: 0.9rem;

	/*date input tokens*/
	--date-input-calendar-icon-width: 2.1rem;
	--date-input-calendar-icon-height: 1.1rem;

	/*dropdown tokens*/
	--dropdown-selectbox-font-size: 1.5rem;
	--dropdown-selectbox-option-x-offset: 3rem;
	--dropdown-selectbox-option-selected-icon-x-position: 0.9rem;
}

: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: 19px;
	--table--filtered-bg-color: var(--filter-table-bg-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;
	--offcanvase-background-image: url(control-center-bg-overlay-oblique-lines);
	--header-height: 48px;
	--logo-height: 34px;
	--logo-width: 116px;
	--logo-height-secondary: 36px;
	--logo-width-secondary: 199px;
	--logo-fill: var(--logo-brand-secondary-color);
	--logo-color: var(--logo-brand-secondary-color);


	--mobile-header-height: 56px;
	--mobile-footer-height: 78px;
}

:root {
	--logo-height: 21px;
	--logo-width: 123px;
	--logo-height-secondary: 32px;
	--logo-width-secondary: 187px;
}


:root {
	--logo-height: 21px;
	--logo-width: 123px;
	--logo-height-secondary: 32px;
	--logo-width-secondary: 187px;
}


:root {
	--logo-brand-color: #FFFFFF;
	--logo-brand-secondary-color: #FFFFFF;
}

/* 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;
}

html,
body,
main.main {
	height: 100%;
}
body {
	position: relative;
	min-width: var(--min-viewport-width);
	overflow: hidden;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	cursor: default;
}
body.iframeClickPrevent iframe, body.dragging iframe {
			pointer-events: none;
		}
body.detachedMode {
		min-width: 300px;
	}

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

.fix-connection-status-container > div {
		min-width: initial;
	}

.fix-connection-status-container{
	margin-right: 12px;
}

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

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

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


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

label,
input,
select,
button,
.button {
	display: inline-block;
	vertical-align: middle;
}
button,
.button {
	cursor: pointer;
}
button:disabled,
	button[disabled],
	.button:disabled,
	.button[disabled] {
		cursor: default;
	}
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-multiparts);
}

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

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


::-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;
}
.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 {
			transition: background-color 0.3s;
			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: none;
			}
		.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.button-icon .icon, .control-toggleButtons .button-active.button .icon {
						fill: var(--icon-primary-default-color);
					}
		.control-toggleButtons .button-icon {
				 border: none;
				 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.button-icon .icon, .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.control2States .button {
	width: calc((100% + 1px) / 2 - 1px);
}

.control-horizontal.control-toggleButtons.control3States .button {
	width: calc((100% + 1px) / 3 - 1px);
}

.control-horizontal.control-toggleButtons.control4States .button {
	width: calc((100% + 1px) / 4 - 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(--dropdown-list-bg-color);
	color: var(--dropdown-list-text-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
}

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

	.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(--dropdown-header-text-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: 144px;
	}

	.contextMenu--optionList-haveScrollable {
			margin-top: 1px;
			width: auto;
		}

	.contextMenu--optionList-haveScrollable .contextMenu--item-current .contextMenu--icon,
				.contextMenu--optionList-haveScrollable .contextMenu--item-current .contextMenu--subIcon {
					width: 13px;
					height: 13px;
				}

	.contextMenu--optionList-haveScrollable .contextMenu--optionList-subMenu {
				display: none;
			}

	.contextMenu--optionList-subMenu {
			visibility: hidden;
			position: absolute;
			top: -4px;
			z-index: 2;
			padding: 2px 0;
			border: 1px solid 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 {
				max-width: 300px;
				min-width: 144px;
				width: auto;
			}

	.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--pointer {
		display: none;
		width: 10px;
		height: 18px;
		overflow: hidden;
	}

	.contextMenu--pointer::before {
			content: '';
			width: 10px;
			height: 10px;
			transform: rotate(45deg);
			border: 1px solid;
			border-color: var(--dropdown-list-border-color);
			background: var(--dropdown-list-bg-color);
		}

	.contextMenu--icon,
	.contextMenu--subIcon {
		width: 10px;
		height: 10px;
		fill: var(--icon-primary-default-color);
	}

	.contextMenu--icon .icon-help-support, .contextMenu--subIcon .icon-help-support {
			stroke: 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-rgb), 0) 0, var(--list-item-hovered-bg) 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(--link-hovered-multiparts);
				}

	.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);
			transition: background-color 220ms ease-in;
		}

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

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

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

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

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

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

	.contextMenu--item-grid:hover, .contextMenu--item-switchingType:hover, .contextMenu--item-delimiter:hover, .contextMenu--item-subTitle:hover, .contextMenu--item-noLink:hover, .contextMenu--item-subMenuItem:hover, .contextMenu--item-last:hover {
				transition: background 220ms ease-in;
				background-color: transparent;
			}

	.contextMenu--item-grid,
		.contextMenu--item-chartType {
			padding: 0;
		}

	.contextMenu--item-subTitle {
			font-weight: bold;
			cursor: text;
		}

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

	.contextMenu--item-subTitle~.contextMenu--item-grid {
					padding-left: 0;
				}

	.contextMenu--item-subTitle~.contextMenu--item-delimiter,
				.contextMenu--item-subTitle~.contextMenu--item-icon {
					padding-left: 8px;
				}

	.contextMenu--item-replaceActions {
			max-height: 0;
			overflow: hidden;
		}

	.contextMenu--item-replaceActions ul {
				margin: 6px 0 3px;
			}

	.contextMenu--item-current .contextMenu--subIcon {
				margin: 0 5px 0 0;
			}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.contextMenu--item-buy:hover {
	 			background: var(--buy-index-bg-color);
 			}

	.contextMenu--item-sell:hover {
	 			background: var(--sell-index-bg-color);
 			}

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

	.contextMenu .control-switchingSettings {
			width: 100%;
			white-space: nowrap;
			margin: 4px 0;
		}

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

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

	.contextMenu-withPointer .contextMenu--pointer {
			display: block;
			position: absolute;
		}

	.contextMenu-withPointer .contextMenu--pointer::before {
				position: absolute;
			}

	.contextMenu-pointerLeftTop .contextMenu--pointer {
				top: 4px;
				left: -10px;
			}

	.contextMenu-pointerLeftTop .contextMenu--pointer::before {
					top: 4px;
					left: 4px;
				}

	.contextMenu-pointerRightTop .contextMenu--pointer {
				top: 4px;
				right: -10px;
			}

	.contextMenu-pointerRightTop .contextMenu--pointer::before {
					top: 4px;
					right: 4px;
				}

	.contextMenu-pointerRightBottom .contextMenu--pointer {
				bottom: 4px;
				right: -10px;
			}

	.contextMenu-pointerRightBottom .contextMenu--pointer::before {
					top: 4px;
					right: 4px;
				}

	.contextMenu-pointerLeftBottom .contextMenu--pointer {
				bottom: 4px;
				left: -10px;
			}

	.contextMenu-pointerLeftBottom .contextMenu--pointer::before {
					top: 4px;
					left: 4px;
				}

	.contextMenu-pointerTopLeft .contextMenu--pointer {
				height: 10px;
				width: 15px;
				top: -10px;
				left: 5px;
			}

	.contextMenu-pointerTopLeft .contextMenu--pointer::before {
					top: 4px;
					left: 2px;
				}

	.contextMenu-pointerTopRight .contextMenu--pointer {
				height: 10px;
				width: 15px;
				top: -10px;
				right: 5px;
			}

	.contextMenu-pointerTopRight .contextMenu--pointer::before {
					top: 4px;
					right: 2px;
				}

	.contextMenu-pointerTopCenter .contextMenu--pointer {
				height: 10px;
				width: 15px;
				top: -10px;
				left: 50%;
				transform: translateX(-50%);
			}

	.contextMenu-pointerTopCenter .contextMenu--pointer::before {
					top: 4px;
					right: 2px;
				}

	.contextMenu-pointerTopCenter .contextMenu--pointer {
				height: 10px;
				width: 15px;
				top: -10px;
				left: 50%;
				transform: translateX(-50%);
			}

	.contextMenu-pointerTopCenter .contextMenu--pointer::before {
					top: 4px;
					right: 2px;
				}

	.contextMenu-pointerBottomLeft .contextMenu--pointer {
				height: 10px;
				width: 15px;
				bottom: -10px;
				left: 5px;
			}

	.contextMenu-pointerBottomLeft .contextMenu--pointer::before {
					bottom: 4px;
					left: 2px;
				}

	.contextMenu-pointerBottomRight .contextMenu--pointer {
				height: 10px;
				width: 15px;
				bottom: -10px;
				right: 5px;
			}

	.contextMenu-pointerBottomRight .contextMenu--pointer::before {
					bottom: 4px;
					right: 2px;
				}

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

	.contextMenu-multiline .multilineTextTool__iconContainer {
			display: none;
		}

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

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

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

	.contextMenu-visible {
		opacity: 1;
		visibility: visible;
	}

	.contextMenu-widgetMenu {
		/* assuing we have 1px border already and 4px is required offset */
		padding: 3px 0;
	}

	.contextMenu-widgetMenu .contextMenu--item:hover {
			transition: none;
		}

	.contextMenu-widgetMenu .contextMenu--optionList-haveScrollable {
			margin-top: 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__container {
			position: relative;
		}

	.contextMenu-future {
		max-width: 172px;
	}

	.contextMenu-future .tooltip__container {
				 padding-top: 6px;
				 box-sizing: border-box;
				 box-shadow: none;
				 background-color: var(--watchlist-futures-warning-icon-color);
			 }

	.contextMenu-future .tooltip__pointer {
				top: 50%;
				transform: translateY(-50%);
			}

	.contextMenu-future .tooltip__pointer::before {
					width: 12px;
					height: 12px;
					left: 6px;
					top: 2px;
					background-color: var(--watchlist-futures-warning-icon-color);
				}

	.contextMenu-future .tooltip__content {
				font-size: 12px;
				line-height: 1.17;
				color: var(--common-text-default-ota-reverse);
			}

	.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__container {
			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__container,
	.popover-contextMenu.popover-contextMenu .contextMenu {
		position: relative;
	}

.mobile .contextMenu-contextMenuButton {
			font-size: 16px;
		}
.planned-marker__container {
	display: inline-block;
	width: 12px;
	height: 11px;
	vertical-align: middle;
}

	.planned-marker__container .icon-planned-marker-colored {
			fill: var(--planned-marker-bg);
			color: var(--planned-marker-text);
		}

.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: 3;
			margin-left: auto;
		}

	.contextMenu-alert .contextMenu--optionList {
		min-width: 0;
		padding: 3px 0;
	}

	.contextMenu-alert .contextMenu--optionList .link-pseudo {
			margin-right: 12px;
		}

	.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-analyze {
	border: 0;
}

	.contextMenu-analyze .contextMenu--item-removeOrder .contextMenu--icon {
				height: 9px;
			}

	.contextMenu-analyze .contextMenu--item-delimiter {
			margin-top: 1px;
			margin-bottom: 0;
		}
.contextMenu-analyzeOptionChain {
	padding: 0;
}

	.contextMenu-analyzeOptionChain .contextMenu--item {
		padding: 0 10px;
		font-size: 14px;
		font-weight: normal;
	}

	.contextMenu-analyzeOptionChain .contextMenu--item-delimiter {
			margin-top: 1px;
			margin-bottom: 0;
		}

	.contextMenu-analyzeOptionChain .contextMenu--item .link-pseudo {
			margin-right: 0;
		}

	.contextMenu-analyzeOptionChain .contextMenu--item .link-pseudo:hover {
				color: var(--dropdown-list-text-color);
			}

	.contextMenu-analyzeOptionChain .contextMenu--optionList {
		min-width: 113px;
		padding: 1px 0;
	}
.contextMenu-axisScaleSettings .contextMenu--title {
		padding-bottom: 4px;
	}
	.contextMenu-axisScaleSettings .contextMenu--optionList {
		min-width: 0;
	}
	.contextMenu-axisScaleSettings .contextMenu--item .link-pseudo {
			margin-right: 0;
		}
	.contextMenu-axisScaleSettings .contextMenu--item .link-pseudo:hover {
				color: var(--dropdown-list-text-color);
			}
	.contextMenu-axisScaleSettings .contextMenu--item-multiSelectItem:hover .contextMenu--subIcon {
					visibility: visible;
				}
	.contextMenu-axisScaleSettings .contextMenu--item-multiSelectItem:not(.contextMenu--item-current) {
				padding-left: 8px;
			}
	.contextMenu-axisScaleSettings .contextMenu--item-multiSelectItem .contextMenu--subIcon {
				margin: 0 5px 0 3px;
				visibility: hidden;
			}
	.contextMenu-axisScaleSettings .contextMenu--item-current .contextMenu--subIcon {
				visibility: visible;
			}
	.contextMenu-axisScaleSettings .contextMenu--item-current .contextMenu--subIcon .icon {
					fill: var(--icon-selected-color);
				}
	.contextMenu-axisScaleSettings .contextMenu--item-child {
			padding-left: 23px;
		}
	.contextMenu-axisScaleSettings .contextMenu--item-child:not(.contextMenu--item-current) {
				padding-left: 23px;
			}
.contextMenu-chartOrder .contextMenu--icon {
			width: 23px;
			margin-right: 2px;
		}
		.contextMenu-chartOrder .contextMenu--item {
			padding-right: 6px;
		}
		.contextMenu-chartOrder .contextMenu--item-icon .link-pseudo {
					margin-right: 5px;
				}
		.contextMenu-chartOrder .contextMenu--optionList {
			min-width: 0;
		}
.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(--calendar-month-text-color);
	}



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



.calendar--switcher:hover .icon {
				fill: var(--link-hovered-multiparts);
				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: 6px;
		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-multiparts)	;
		}

.datePicker .button {
		background-color:  transparent;
	}

.datePicker .button .icon {
			fill: var(--icon-primary-default-color);
		}

.datePicker .button:hover .icon {
				fill:var(--link-hovered-multiparts);
			}
.mobile .datePicker--input input[type="text"] {
				padding-right: 35px;
			}
		.mobile .datePicker .button {
			width: 21px;
		}
.control-dateTime {
	width: 99px;
}

.control-datePicker {
	width: 121px;
}

.control-datePicker .control--wrap {
		position: relative
	}

.control-datePicker.control-hasData .button-clearInput {
			display: block;
		}

.control-datePicker .button-clearInput {
		position: absolute;
		bottom: 0;
		top: 0;
		height: auto;
		right: 34px;
		display: none;
	}

.control-datePicker .button-clearInput:active .icon {
				top: 1px;
			}

.control-datePicker.control-disabled .datePicker .button {
			cursor: default;
		}

.control-datePicker.control-disabled .datePicker .button:hover svg {
					fill: var(--icon-disabled-color);
				}

.control-datePicker.control-disabled .datePicker .button svg {
				fill: var(--icon-disabled-color);
			}
.mobile .control-datePicker {
		width: 135px;
	}

.numericStepper {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

	.numericStepper.numericStepper-hasData .numericStepper--clearInput {
			height: calc(100% - 2px);
			width: 20px;
			position: absolute;
			left: 29px;
			top: 1px;
			display: block;
		}

	.numericStepper.numericStepper-horizontalButtons .numericStepper--control {
			box-sizing: border-box;
			position: absolute;
			top: 2px;
			width: 23px;
			height: 23px;
			padding: 0;
			border-radius: calc(var(--controls-border-radius) - 1px);
		}

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

	.numericStepper.numericStepper-horizontalButtons .numericStepper--control-up {
				right: 2px;
			}

	.numericStepper.numericStepper-horizontalButtons .numericStepper--control .icon {
				margin: 7px;
			}

	.numericStepper.numericStepper-verticalButtons {
		display: block;
	}

	.numericStepper.numericStepper-verticalButtons .numericStepper--input input[type='text'] {
				padding-right: 30px;
				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-numericStepperShort {
	width: 89px;
}

.control-numericStepper {

	width: 125px;
}

.control-numericStepper.control-error .numericStepper--input input[type="text"] {
			color: var(---table-error-text-color);
		}

.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;
	}
	.mobile .control-numericStepperShort {
		width: 115px;
	}
.calendar-arrow-controls-item-h__buttonContainer___XABf- {
	position: absolute;
	height: 9px;
	transition: height 0.2s;
	width: 100%;
	top: auto;
	bottom: 9px;
}

	.calendar-arrow-controls-item-h__buttonContainer___XABf-:hover {
		border-bottom: 1px solid var(--line-color);
	}

	.calendar-arrow-controls-item-h__buttonContainer_disabled___MXDhS {
		cursor: no-drop;
	}

	.calendar-arrow-controls-item-h__buttonContainer_disabled___MXDhS:hover {
			background: var(--button-disabled-bg-color)__overlay-box-shadow-color;
		}

	.calendar-arrow-controls-item-h__buttonContainer___XABf-:last-child {
		bottom: auto;
		top: 9px;
	}

	.calendar-arrow-controls-item-h__buttonContainer___XABf-:last-child:hover {
			border-top: 1px solid var(--line-color);
			border-bottom: 0;
		}

	.calendar-arrow-controls-item-h__buttonContainer___XABf-:hover {
		height: 20px;
	}

.calendar-arrow-controls-item-h__icon_disabled___9-zDl {
	opacity: .3;
}
.year-selector-button__container {
	fill: var(--icon-primary-default-color);
	background: var(--small-button-bg-color);
	border: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
}

	.year-selector-button__container:before {
		content: none;
	}

	.year-selector-button__container:hover {
		fill: var(--link-hovered-multiparts);
	}

	.year-selector-button__container:active {
		fill: var(--icon-pressed-color);
	}

	.year-selector-button__container[disabled] {
		background: var(--button-disabled-bg-color);
		box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
	}

	.year-selector-button__container:not([disabled]) {
		cursor: pointer;
    }

	.year-selector-button__container:not([disabled]):hover::before {
                background: transparent;
            }

.year-selector-button__icon {
	width: 9px;
	height: 6px;
}
.calendar-arrow-controls-h__arrows___2tKQE {
	position: absolute;
	width: 21px;
	top: 3px;
	right: 0;
	height: 18px;
}

	.calendar-arrow-controls-h__arrows_container___1nVNO {
		position: relative;
		width: 100%;
		height: 100%;
	}
.button-month-h-child__container___R-At2 {
    color: var(--common-text-default);
    font-size: 12px;
    width: 100%;
    height: 23px;
    box-shadow: none;
    border-radius: var(--controls-border-radius);
    padding-left: 7px;
    padding-right: 7px;
    text-align: left;
    box-sizing: border-box;
    padding-top: 4px;
    padding-bottom: 5px;
    line-height: 1;
    transition: color .1s ease, border-color .1s ease;
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 3px;
	min-width: 0;
}

    .button-month-h-child__container_flat___2OafM {
        color: var(--common-text-selected);
    }

    .button-month-h-child__container___R-At2:before {
        content: none;
    }

    .button-month-h-child__container___R-At2:hover {
        background-color: var(--list-item-hovered-bg);
    }

    .button-month-h-child__container___R-At2:focus {
        padding-left: 7px;
    }

    .button-month-h-child__container___R-At2:disabled {
        color: var(--common-text-disabled);
        background: none;
        box-shadow: none;
    }

    .button-month-h-child__container___R-At2:disabled:hover {
            color: var(--common-text-disabled);
        }
.calendar-month-view__dayWrapper {
    width: 27px;
    height: 23px;
    flex-grow: 1;
    padding-right: 1px;
}

    .calendar-month-view__dayWrapper_disabled {
        cursor: no-drop;
    }

.calendar-month-view__day {
    width: 100%;
    height: 100%;
    font-size: 10px;
    min-width: 0;
    text-align: center;
    border-color: transparent;
}

.calendar-month-view__day:not(:last-child) {
        margin-right: 1px;
    }

.calendar-month-view__day_isSelected {
        border-style: solid;
        border-width: 1px;
    }

.calendar-month-view__row {
    display: flex;
    width: 100%;
    margin-bottom: 1px;
}


.calendar-month-view__day {
    line-height: 1;
    padding-left: 0;
    font-size: 12px;
    padding-right: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    color: var(--common-text-default);
    border: 1px solid transparent;
    border-radius: calc(var(--controls-border-radius) - 1px);
    transition: none;
}


.calendar-month-view__day_isWeekend {
        color: var(--calendar-weekend_date-text);
    }


.calendar-month-view__day_isHovered, .calendar-month-view__day_isHovered:focus {
        background-color: var(--list-item-hovered-bg);
    }


.calendar-month-view__day_isFocused {
        color: var(--common-text-default);
        background-color: var(--calendar-selected-day-bg-color);
        padding-top: 0;
        padding-bottom: 0;
    }


.calendar-month-view__day_isSelected {
        color: var(--common-text-selected);
    }


.calendar-month-view__day[disabled], .calendar-month-view__day[disabled]:hover, .calendar-month-view__day[disabled]:active {
            color: var(--common-text-disabled);
            border-color: transparent;
            background-color: transparent;
        }


.calendar-month-view__day_isHidden, .calendar-month-view__day_isHidden:hover, .calendar-month-view__day_isHidden:active, .calendar-month-view__day_isHidden[disabled], .calendar-month-view__day_isHidden[disabled]:hover, .calendar-month-view__day_isHidden[disabled]:active {
                color: transparent;
                border-color: transparent;
                background-color: transparent;
            }


.calendar-month-view__day_isCurrent {
        border-color: var(--common-text-disabled);
    }


.calendar-month-view__day_isCurrent, .calendar-month-view__day_isCurrent:hover, .calendar-month-view__day_isCurrent:active, .calendar-month-view__day_isCurrent[disabled], .calendar-month-view__day_isCurrent[disabled]:hover, .calendar-month-view__day_isCurrent[disabled]:active {
                border-color: var(--common-text-disabled);
            }

.calendar-month-view__monthItem {
    width: 100%;
}

.calendar-month-view__monthName {
    color: var(--calendar-month-text-color);
    padding-left: 2px;
    border-top: 1px solid var(--line-color);
    padding-top: 9px;
    margin-bottom: 4px;
    pointer-events: none;
    text-align: left;
    font-weight: bold;

    pointer-events: none;
}

.calendar-month-view__monthName_first {
        border-top: 0;
        margin-top: 3px;
        padding-top: 0;
    }

.calendar-month-view__monthName_singeLine {
        position: relative;
        margin-bottom: -18px;
    }

.calendar-year-view__content {
	display: flex;
	width: 100%;
	white-space: nowrap;
}

.calendar-year-view__calendar {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.calendar-year-view__calendar__header {
		color: var(--common-text-disabled);
		font-size: 10px;
		margin-bottom: 4px;
		border-bottom: 1px solid var(--line-color);
		margin-right: 9px;
	}

.calendar-year-view__calendar__header .calendar-year-view__row {
			justify-content: space-between;
		}

.calendar-year-view__calendar__header .calendar-year-view__calendar__day {
				display: flex;
				align-items: center;
				justify-content: center;
				height: 28px;
				width: 28px;
				line-height: 24px;
				margin-right: 1px;
				flex-grow: 1;
			}

.calendar-year-view__calendar__header .calendar-year-view__calendar__day_isWeekend {
					color: var(--calendar-weekend_name-text);
				}

.calendar-year-view__calendar__row {
		display: flex;
	}

.calendar-year-view__calendar__body {
		position: relative;
		font-size: 12px;
		padding-bottom: 4px;
	}

.calendar-year-view__calendar__body[data-calendar-hover-entity-type="day"] [data-calendar-entity="day"]:hover {
				background-color: var(--list-item-hovered-bg);
			}

.calendar-year-view__calendar__body[data-calendar-hover-entity-type="week"] [data-calendar-entity="week"]:hover [data-calendar-entity="day"]:not(:disabled) {
					background-color: var(--list-item-hovered-bg);
				}

.calendar-year-view__calendar__body[data-calendar-hover-entity-type="week"] [data-calendar-entity="month"]:has(+ [data-calendar-entity="month"] [data-calendar-has-two-months-in-a-week="true"]:not(:last-of-type):hover) [data-calendar-entity="week"]:last-of-type [data-calendar-entity="day"]:not(:disabled) {
						background-color: var(--list-item-hovered-bg);
					}

.calendar-year-view__calendar__body[data-calendar-hover-entity-type="week"] [data-calendar-entity="month"]:has(> [data-calendar-has-two-months-in-a-week="true"]:last-of-type:hover) + [data-calendar-entity="month"] [data-calendar-has-two-months-in-a-week="true"]:not(:last-of-type) [data-calendar-entity="day"]:not(:disabled) {
						background-color: var(--list-item-hovered-bg);
					}

.calendar-year-view__calendar__body[data-calendar-hover-entity-type="month"] [data-calendar-entity="month"]:hover [data-calendar-entity="day"]:not(:disabled) {
					background-color: var(--list-item-hovered-bg);
				}

.calendar-year-view__calendar__body_fade_bottom {
			-webkit-mask-image: linear-gradient(to top, transparent 1%, black 15%);
			        mask-image: linear-gradient(to top, transparent 1%, black 15%);
		}

.calendar-year-view__calendar__body_fade_top {
			-webkit-mask-image: linear-gradient(to bottom, transparent 1%, black 15%);
			        mask-image: linear-gradient(to bottom, transparent 1%, black 15%);
		}

.calendar-year-view__calendar__body_fade_top.calendar-year-view__calendar__body_fade_bottom {
			-webkit-mask-image: linear-gradient(to bottom, transparent 1%, black 15%, black 85%, transparent 99%);
			        mask-image: linear-gradient(to bottom, transparent 1%, black 15%, black 85%, transparent 99%);
		}

.scrollable-h-child__scrollable___2-Jy_ {
	height: 100%;
}

.menu-h-child__item___2G_wK {
	padding: 0;
	line-height: 26px;
	padding-left: 9px;
}
.scrollable-h-child__container___1vzRU {
	max-height: 321px;
	padding: 0;
	margin: 0 !important;
	width: auto !important;
	height: auto !important;
}

.scrollable-h-child__content___1WhKz {
	padding-right: 0;
}	

.year-selectbox__container__popover {
		border: 0;
	}
	.year-selectbox__container__anchor {
		text-align: left;
		background: none;
		border: none;
		color: var(--common-text-selected);
		min-width: 71px;
		box-shadow: none;
		border-radius: 0;
		margin-left: 13px;
		font-size: 12px;
	}
	.year-selectbox__container__anchor:before {
			content: '';
			display: none;
		}
	.year-selectbox__container__anchor:focus {
			box-shadow: none;
		}
	.year-selectbox__container__anchor .year-selectbox__container__anchor__caret { 
			display: block;
			position: absolute;
			box-sizing: border-box;
			width: 7px;
			height: 12px;
			left: 29px;
			top: 50%;
		}

.calendar__container {
	display: inline-block;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	cursor: default;
	padding: 4px 10px 0;
	background-color: var(--calendar-popup-bg-color);
	position: relative;
}

.calendar__content {
	display: flex;
	width: 100%;
	white-space: nowrap;
}

.calendar__calendar {
	display: inline-block;
	vertical-align: top;
}

.calendar__selector {
	display: flex;
	flex-direction: column;
	padding-right: 8px;
	width: 93px;
	box-sizing: border-box;
}

.calendar__selector__content {
		position: relative;
		border-bottom: 1px solid var(--line-color);
	}

.calendar__selector__years {
		display: flex;
		height: 30px;
		align-items: center;
		position: relative;
		width: 100%;
	}

.calendar__selector__yearsText {
			margin: 2px 7px 0;
			font-size: 12px;
			color: var(--calendar-year-text-color);
		}

.calendar__selector__months {
		display: flex;
		flex: 1;
	}

.calendar__selector__separator {
		align-self: stretch;
		margin-left: 4px;
		margin-top: 6px;
		margin-bottom: 5px;
		border-left: 1px solid var(--line-color);
	}

.calendar__selector__monthList {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: 0;
		padding: 7px 8px 0;
		box-sizing: border-box;
	}
.month-view-h-child__day_isWeekend___2gonP {
	color: var(--common-text-default);
}

.popover-h-child__container___CyYb2 {
	position: relative;
}
.year-view-h-child__calendar__header___37CtT .year-view-h-child__calendar__day___1NtMo {
		opacity: 1;
	}

.year-view-h-child__calendar__body___qIm9M {
	height: 312px;
}
.DateInputSteppableInput__container {
	width: 129px;
}
.DateTimeFilter__form {
	background-color: var(--dropdown-list-bg-color);
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
}

.DateTimeFilter__dateTime {
	display: flex;
}

.DateTimeFilter__fieldset {
	margin-bottom: 5px;
}

.DateTimeFilter__label {
	color: var(--label-color);
	width: 100%;
	margin-bottom: 3px;
}

.DateTimeFilter__actions {
	border-top: 1px solid var(--line-color);
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 10px;
	text-align: right;
	padding-top: 7px;
}

.TimeInputSteppableInput__container {
	width: 102px;
	margin-left: 5px;
}
.Today__container {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}
.contextMenu-dateTimeFilter {
	padding-top: 8px;
	text-align: right;
}

	.contextMenu-dateTimeFilter .contextMenu--content {
		padding: 0 10px;
	}

	.contextMenu-dateTimeFilter .control-datePicker {
		width: 121px;
		font-size: 12px;
	}

	.contextMenu-dateTimeFilter .control-datePicker .control--label > label {
				padding-bottom:6px;
			}

	.contextMenu-dateTimeFilter .control-datePicker.control-hasData .datePicker--input input[type="text"] {
						padding-right: 45px;
					}

	.contextMenu-dateTimeFilter .control-numericStepper {
		margin-top: 7px;
		margin-left: 3px;
	}

	.contextMenu-dateTimeFilter .contextMenu--item-delimiter {
		margin-top: 0;
	}

	.contextMenu-dateTimeFilter li {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		margin-bottom: 9px;
	}

	.contextMenu-dateTimeFilter .contextMenu--item-delimiter {
		margin-bottom: 2px;
	}

	.contextMenu-dateTimeFilter .contextMenu--footer {
		display: flex;
		justify-content: flex-end;
	}

	.contextMenu-dateTimeFilter .datePicker .button:hover .icon-calendar {
					fill: var(--icon-secondary-hovered-color);
				}

	.contextMenu-dateTimeFilter .datePicker .icon-calendar {
			fill: var(--icon-secondary-default-color);
		}
.contextMenu-loadLayout {
	width: 144px;
	padding: 0;
	background-color: var(--application-header-context-menu-bg-color);
	box-shadow: 0 3px 10px 0 var(--overlay-box-shadow-color);
	opacity: 0.9;
}

	.contextMenu-loadLayout .contextMenu--item:hover {
				background-color: var(--application-header-item-hover-color);
			}

	.contextMenu-loadLayout .contextMenu--item-delimiter {
				box-shadow: inset 0 1px 0 0 var(--line-color-3);
			}

	.contextMenu-loadLayout .contextMenu--item .link-pseudo {
				margin-right: 30px;
			}

	.contextMenu-loadLayout .contextMenu--actions {
			background-image: none;
		}

	.contextMenu-loadLayout .contextMenu--actions .icon {
				fill: var(--icon-secondary-default-color);
			}

	.contextMenu-loadLayout .scrollable--content {
		width: 100%;
	}

.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(--input-disabled-border-outside-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;
			}
.radioButton input {
		display: none;
	}
	.radioButton--view {
		flex-shrink: 0;
		display: inline-block;
		vertical-align: middle;
		width: 17px;
		height: 17px;
		box-sizing: border-box;
		margin-right: 0.66em;
		border: 1px solid;
		border-radius: 50%;
		position: relative;
		overflow: hidden;
	}
	.radioButton--view::before {
			content: '';
			position: absolute;
			z-index: 1;
			left: 0;
			top: 0;
			display: block;
			width: 100%;
			height: 100%;
			background-color: transparent;
			transition: all 220ms ease-in;
		}
	.radioButton--icon {
		display: none;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		cursor: pointer;
		position: absolute;
		top: calc(50% - 3.5px);
		left: calc(50% - 3.5px);
	}
	.radioButton--text {
		display: inline-block;
		vertical-align: middle;
	}
	input:checked + .radioButton--label .radioButton--icon {
			display: block;
		}

.radioButton--view {
		border-color: var(--input-default-border-outside-color);
		background: var(--input-default-bg-color);
	}

.radioButton--icon {
		background: var(--checkbox-tick-color);
	}

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

.radioButton--label .radioButton--view {
			border-color: var(--input-default-border-outside-color);
			background: var(--input-default-bg-color);
			box-shadow: 0 1px 0 0 var(--input-default-shadow-inner-color) inset;
		}

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

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

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

input[disabled] + .radioButton--label .radioButton--view {
			background: var(--input-disabled-bg-color);
			border-color: var(--input-disabled-border-outside-color);
		}

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

input[disabled] + .radioButton--label .radioButton--text {
			color: var(--common-text-disabled);
		}
.mobile .radioButton--view {
			width: 17px;
			height: 17px;
			margin-right: 9px;
		}
		.mobile .radioButton--icon {
			width: 9px;
			height: 9px;
			top: calc(50% - 4.5px);
			left: calc(50% - 4.5px);
		}
		.mobile .radioButton--text {
			font-size: 14px;
		}
.control-radioButton {
	display: inline-flex;
}

	.control-radioButton .radioButton--label {
		display: inline-flex;
		align-items: center;
	}

	.control-radioButton.control-noLabel .radioButton--text {
			font-size: 0;
		}

	.control-radioButton.control-color .radioButton--label {
			display: inline-flex;
			padding: 3px;
			border-width: 1px;
			border-style: solid;
			border-radius: var(--controls-border-radius);
		}

	.control-radioButton.control-color .radioButton--label::before {
				content: "";
				display: block;
				width: 13px;
				height: 13px;
			}

	.control-radioButton.control-color .radioButton--label .radioButton--text {
				display: none;
			}

	.control-radioButton.control-color .radioButton--label .radioButton--view {
				display: none;
			}


.control-radioButton.control-color .radioButton--label {
		border-color: rgba(0, 0, 0, 0);
	}


.control-radioButton.control-color .radioButton--label::before {
			background-color: var(--drawing-text-tool-light-text-color);
			box-shadow: 0 0 0 1px var(--button-tertiary-border-outside-color);
		}


.control-radioButton.control-color input:checked + .radioButton--label {
		border-color: var(--line-color-3);
	}


.control-radioButton.control-color input:checked + .radioButton--label::before {
			box-shadow: none;
		}


.control-radioButton.control-color.control-primary .radioButton--label::before {
				background-color: var(--text-tool-default-primary-color);
			}


/* TODO: this is a fix for gwt constants */


.control-radioButton.control-color.control-secondary .radioButton--label::before {
				background-color: var(--text-tool-default-secondary-color);
			}
.contextMenu-magnet {
		padding: 8px;
	}

		.contextMenu-magnet .control-checkBox {
				display: block;
			}

		.contextMenu-magnet .control-radioButton:first-child {
					display: block;
					margin-bottom: 10px;
				}

		.contextMenu-magnet .control-radioButton input {
					margin-right: 10px;
				}

		.contextMenu-magnet .magnetProperties {
			margin-top: 10px;
			margin-left: 20px;
		}


.contextMenu-magnet .control label {
			color: var(--common-text-default);
		}


.contextMenu-marketDepthModes {
	padding: 3px 0 3px;
}

	.contextMenu-marketDepthModes .contextMenu--item {
		padding: 0 10px;
	}

	.contextMenu-marketDepthModes .contextMenu--item .link-pseudo {
			margin-right: 30px;
		}

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

	.contextMenu-marketDepthModes .contextMenu--item-current .contextMenu--subIcon {
				display: inline-block;
				position: absolute;
				right: 5px;
			}
.contextMenu-marketDepthSettings {
	padding: 4px 0 1px;
}
	
	.contextMenu-marketDepthSettings .contextMenu--title {
		font-size: 11px;
		padding-bottom: 7px;
	}
	
	.contextMenu-marketDepthSettings .contextMenu--item {
		padding: 0 10px;
	}
	
	.contextMenu-marketDepthSettings .contextMenu--item .link-pseudo {
			margin-right: 30px;				
		}
	
	.contextMenu-marketDepthSettings .contextMenu--item:hover .contextMenu--icon .icon {
					fill: var(--link-hovered-multiparts);
				}
	
	.contextMenu-marketDepthSettings .contextMenu--item:hover .link-pseudo {
				color: var(--link-hovered-multiparts);
			}
	
	.contextMenu-marketDepthSettings .contextMenu--item-icon .contextMenu--icon {
				margin-right: 10px;
				transform: translateY(-1px);
			}
	
	.contextMenu-marketDepthSettings .contextMenu--item-current .contextMenu--icon .icon {
					fill: var(--common-text-selected);
				}
	
	.contextMenu-marketDepthSettings .contextMenu--item-current:hover .contextMenu--icon .icon {
						fill: var(--common-text-selected);
					}
	
	.contextMenu-marketDepthSettings .contextMenu--item-current:hover .link-pseudo {
					color: var(--common-text-selected);
				}
	
	.contextMenu-marketDepthSettings .contextMenu--item-current:not(.contextMenu--item-multiSelectItem) .contextMenu--subIcon {
					display: inline-block;
					position: absolute;
					right: 5px;
				}
.contextMenu-numberFilter {
	padding-top: 7px;
	padding-bottom: 4px;
}

	.contextMenu-numberFilter .contextMenu--item-delimiter {
			margin: 0 0 4px;
		}

	.contextMenu-numberFilter .contextMenu--content {
			padding: 0 7px;
		}

	.contextMenu-numberFilter .contextMenu--footer {
			display: flex;
		}

	.contextMenu-numberFilter .contextMenu--footer .button-link,
			.contextMenu-numberFilter .contextMenu--footer .filter-description {
				margin-left: auto;
			}

	.contextMenu-numberFilter .numericStepper.numericStepper-hasData .numericStepper--clearInput {
			right: 25px;
			left: auto;
		}

	.contextMenu-numberFilter .control-numericStepper {
		padding-bottom: 9px;
		width: 156px;
		font-size: 12px;
	}

	.contextMenu-numberFilter .control-numericStepper .control--label > label {
				padding-bottom: 4px;
			}

	.contextMenu-numberFilter .control-numericStepper .numericStepper--input input[type="text"] {
				padding-right: 44px;
			}
.contextMenu-orderHistory {
	padding: 0;
}

	.contextMenu-orderHistory .contextMenu--item {
		padding: 0 10px;
	}

	.contextMenu-orderHistory .contextMenu--optionList {
		min-width: 0;
		padding: 3px 0;
	}

	.contextMenu-orderHistory .contextMenu--optionList .contextMenu--icon {
			margin-right: 8px;
		}

	.contextMenu-orderHistory .contextMenu--optionList .link-pseudo {
			margin-right: 0;
		}

	.contextMenu-orderHistory .icon-duplicate-order-group,
	.contextMenu-orderHistory .icon-duplicate-order,
	.contextMenu-orderHistory .icon-history {
		width: 23px;
		height: 17px;
		margin-top: -3px;
		margin-left: -5px;
	}

	.contextMenu-orderHistory .icon-opposite-order {
		width: 15px;
		height: 8px;
		margin-top: 2px;
		margin-left: -1px;
		color: var(--icon-secondary-default-color);
	}

	.contextMenu-orderHistory .icon-opposite-order-group {
		width: 15px;
		height: 17px;
		margin-top: -3px;
		margin-left: -1px;
		color: var(--icon-secondary-default-color);
	}
.contextMenu-orderStatusHint {
	padding: 0;
	border: 0;
	box-shadow: none;
}
	
	.contextMenu-orderStatusHint .text {
		display: block;
		box-sizing: border-box;
		padding: 10px 15px;
		color: var(--common-text-default);
		background: var(--toast-notification-default-bg-color);
		box-shadow: 0 7px 15px 0 var(--toast-notification-default-shadow-color);
		overflow: hidden;
		white-space: nowrap;
	}
.contextMenu-positions {
	padding: 0;
}

	.contextMenu-positions .contextMenu--item-delimiter {
			margin-top: 6px;
			margin-bottom: 3px;
		}

	.contextMenu-positions .contextMenu--item-icon .contextMenu--icon .icon.icon-menu-child {
					position: relative;
					left: -5px;
				}

	.contextMenu-positions .contextMenu--item-icon .contextMenu--icon:has(.icon-menu-child) {
				margin-right: 0;
				width: 19px;
			}

	.contextMenu-positions .contextMenu--item .link-pseudo {
			margin-right: 15px;
		}

	.contextMenu-positions .contextMenu--optionList {
		padding: 2px 0;
	}


.contextMenu-riskProfile .contextMenu--icon {
		width: 23px;
		height: 17px;
	}
	.contextMenu-riskProfile .contextMenu--item-tradePosition .contextMenu--icon {
				fill: transparent;
				stroke: var(--hint-color);
			}
	.contextMenu-riskProfile .contextMenu--item-tradePosition.contextMenu--item-disabled .contextMenu--icon {
					stroke: var(--disabled-symbol-color);
				}
.contextMenu-selector.contextMenu {
		min-width: 127px;
		padding: 5px 0;
	}
	.contextMenu-selector .contextMenu--optionList {
			min-width: 0;
		}
	.contextMenu-selector .contextMenu--item {
			overflow: hidden;
		}
	.contextMenu-selector .contextMenu--item-delimiter {
				padding: 0;
				margin: 2px 9px;
			}
	.contextMenu-selector .contextMenu--item-last {
				height: 16px;
				line-height: 0;
				padding: 4px 9px 2px 9px;
				display: flex;
				align-items: center;
				justify-content: space-between;
			}
	.contextMenu-selector .contextMenu--item-last .button-link,
				.contextMenu-selector .contextMenu--item-last .filter-description {
					margin-left: auto;
				}
	.contextMenu-selector .contextMenu--item .link-pseudo {
				color: var(--context-menu-list-text-color)
			}

.contextMenu-separateActions .contextMenu--item-withSubMenu .contextMenu--item {
					align-items: normal;
					justify-content: space-between;
				}
					
					.contextMenu-separateActions .contextMenu--item-withSubMenu .contextMenu--item .link-pseudo {
						margin-right: 0;
						overflow: visible;
						text-overflow: clip;
						white-space: normal;
						line-height: 1.25;
						padding: 4px 8px 5px 0;
						word-break: break-word;
					}
					
					.contextMenu-separateActions .contextMenu--item-withSubMenu .contextMenu--item .contextMenu--actions {
						position: relative;
						height: auto;
					}
				.contextMenu-separateActions .contextMenu--item-withSubMenu .contextMenu--optionList-subMenu {
					width: 158px;
				}
		.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;
				}
}
.button-markItems {
	padding-left: 0;
	padding-right: 0;
	background: transparent;
	border: none;
	color: var(--link-default-multiparts);
}

	.button-markItems .icon {
		position: relative;
		top: 4px;
		width: 10px;
		height: 9px;
		margin-right: 4px;
		fill: var(--link-default-multiparts);
		transition: fill 220ms ease-out;
	}

	.button-markItems span {
		vertical-align: top;
		line-height: 16px;
		color: var(--link-default-multiparts);
		transition: color 220ms ease-out;
	}

	.button-markItems:hover span {
			color: var(--link-hovered-multiparts);
			transition: color 220ms ease-in;
		}

	.button-markItems:hover .icon {
			fill: var(--link-hovered-multiparts);
			transition: fill 220ms ease-in;
		}

	.button-markItems:active span {
			color: var(--link-pressed-multiparts);
		}

	.button-markItems:active .icon {
			fill: var(--link-pressed-multiparts);
			position: relative;
			top: 3px;
		}

.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(--link-hovered-multiparts);
	transition: fill 220ms ease-in;
}

.contextMenu-symbolFilter .contextMenu--item-multiSelectItem:hover .link-pseudo {
	color: var(--link-hovered-multiparts);
	transition: color 220ms ease-in;
}

.contextMenu-symbolFilter .contextMenu--item-multiSelectItem:hover .match-text {
	color: var(--link-hovered-multiparts);
	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--optionList-subMenu.contextMenu--optionList-widgetLinkingSubMenu {
	min-width: 100px;
}

	.contextMenu--optionList-subMenu.contextMenu--optionList-widgetLinkingSubMenu .contextMenu--optionList {
		min-width: 100px;
		padding: 4px 0 4px;
	}

	.contextMenu--optionList-subMenu.contextMenu--optionList-widgetLinkingSubMenu .contextMenu--item-subMenuItem {
		cursor: default;
	}

	.contextMenu--optionList-subMenu.contextMenu--optionList-widgetLinkingSubMenu .contextMenu--item-subMenuItem .contextMenu--item:not(.contextMenu--item-text-note):not(.contextMenu--item-delimiter) {
				cursor: pointer;
			}

	.contextMenu--optionList-subMenu.contextMenu--optionList-widgetLinkingSubMenu .contextMenu--item-subMenuItem .contextMenu--item .button-group-linking-menu-item__icon {
				display: flex;
			}

.contextMenu--optionList-subMenu.contextMenu--optionList-overrides {
	visibility: visible;
	position: static;
	padding: initial;
	border: none;
	background-color: initial;
	box-shadow: none;
}

.contextMenu--optionList-subMenu.contextMenu--optionList-overrides .contextMenu--item-delimiter-with-text {
				height: 12px;
				font-size: 10px;
				color: var(--dropdown-header-text-color);
				margin-top: 9px;
				margin-bottom: 3px;
				box-shadow: none;
			}

.contextMenu--optionList-subMenu.contextMenu--optionList-overrides .contextMenu--item-selected {
				color: var(--common-text-selected);
			}

.contextMenu--optionList-subMenu.contextMenu--optionList-overrides .contextMenu--item-selected .link-pseudo {
					color: var(--common-text-selected);
				}

.contextMenu--optionList-subMenu.contextMenu--optionList-overrides .contextMenu--item-selected .contextMenu--subIcon {
					width: 18px;
					height: 18px;
					fill: var(--common-text-selected);
				}

.contextMenu--optionList-subMenu.contextMenu--optionList-overrides .contextMenu--item-text-note {
				font-size: 10px;
				line-height: 12px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				color: var(--label-color);
				pointer-events: none;
				cursor: default;
			}

.contextMenu--optionList-subMenu.contextMenu--optionList-overrides .contextMenu--item-text-note .link-pseudo {
					color: var(--label-color);
					margin: initial;
					width: -moz-min-content;
					width: min-content;
					min-width: 100px;
					white-space: initial;
					text-overflow: initial;
					padding-bottom: 1px;
				}

.contextMenu--optionList-subMenu.contextMenu--optionList-overrides .contextMenu--item-text-note:hover {
					background-color: initial;
				}

.contextMenu-systemActions--overrides {
	min-width: 193px;
	padding-bottom: 7px;

	position: static;
    opacity: initial;
    visibility: visible;
    border: none;
    border-color: initial;
    background-color: initial;
	color: inherit;
    box-shadow: none;
}

.contextMenu-systemActions--overrides .contextMenu--item-accountStatement {
				width: 147px;
			}

.contextMenu-systemActions--overrides .contextMenu--item-logout-item-with-account-footer {
				height: 42px;
				display: block;
			}

.contextMenu-systemActions--overrides .contextMenu--optionList-haveScrollable .contextMenu--optionList-subMenu {
					display: block;
				}

.contextMenu-systemActions--overrides .contextMenu--liveLabel {
			display: inline-block;
			height: 13px;
			padding: 0 2px;
			margin: 0 4px;
			background: var(--account-label-live-bg-color);
			color: var(--account-label-text-color);
			font-size: 9px;
			font-weight: bold;
			letter-spacing: 0.45px;
			line-height: 13px;
			text-transform: uppercase;
			border-radius: 1px;
		}

.contextMenu-systemActions--overrides .contextMenu--footer {
			padding-left: 28px;;
			font-size: 10px;
			line-height: 12px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			color: var(--label-color);
		}

.contextMenu-systemActions--overrides .contextMenu--footer a {
				color: inherit;
				text-decoration: none;
			}

.contextMenu-systemActions--overrides .link-pseudo {
		display: inline-block;
		vertical-align: middle;
	}

.contextMenu-systemActions--overrides .secondary-link {
		display: inline-flex;
		align-items: center;
		text-transform: capitalize;
		margin-left: -10px;
	}

.contextMenu-systemActions--overrides .icon-locked {
		transform: translateX(-2px);
	}

.contextMenu-systemActions--overrides .icon-about-us {
		transform: translateX(1px);
	}

.contextMenu-systemActions--overrides .icon-external-link {
		height: 9px;
		width: 9px;
		margin: -1px 0 0 9px;
		fill: var(--icon-secondary-default-color);
	}

.contextMenu-workspaceMenu {
	min-width: 148px;
	padding-bottom: 0;
	padding-top: 0;
}

.contextMenu-systemActions.contextMenu-systemActions .switcher {
		width: 26px;
		height: 16px;
	}

		.contextMenu-systemActions.contextMenu-systemActions .switcher--button::after {
				width: 11px;
				height: 11px;
				left: calc(100% - 13px);
			}

		.contextMenu-systemActions.contextMenu-systemActions .switcher .icon-switch-to-dark-scheme,
		.contextMenu-systemActions.contextMenu-systemActions .switcher .icon-switch-to-light-scheme {
			width: 9px;
			height: 9px;
			top: 4px;
		}

		.contextMenu-systemActions.contextMenu-systemActions .switcher .icon-switch-to-dark-scheme {
			right: 3px;
			left: unset;
		}

		.contextMenu-systemActions.contextMenu-systemActions .switcher .icon-switch-to-light-scheme {
			left: 3px;
		}

.labeled-form-field__container___third-party-legacy-react-kit-components-labeled-form-field-theme- {
	display: inline-flex;
	align-items: center;
	line-height: 19px;
}

	.labeled-form-field__container___third-party-legacy-react-kit-components-labeled-form-field-theme-:not(:last-child) {
		margin-right: 10px;
	}

.labeled-form-field__label___third-party-legacy-react-kit-components-labeled-form-field-theme- {
	white-space: nowrap;
	color: var(--form-label-text-color);
	margin-right: 4px;
}

.labeled-form-field__content___third-party-legacy-react-kit-components-labeled-form-field-theme- {
	display: flex;
}


.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;
	}
.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;
					pointer-events: none;
				}

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

.themeSwitcher__container {
	display: flex;
}

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

	.themeSwitcher__container .switcher:hover .switcher--input:not(:checked) + .switcher--label:last-of-type::after {
								border-color: var(--form-control-focused-border-outside-color);
							}

	.themeSwitcher__container .icon {
			fill: var(--icon-contextual-secondary-default-color);
			position: absolute;
		}

	.themeSwitcher__container .icon-switch-to-dark-scheme {
			right: 2px;
			top: 2px;
			width: 16px;
			height: 16px;
		}

	.themeSwitcher__container .icon-switch-to-light-scheme {
			left: 4px;
			top: 4px;
			width: 12px;
			height: 12px;
		}

	.themeSwitcher__container .switcher {
			box-sizing: border-box;
			margin-top: -1px;
			width: 37px;
			height: 20px;
			border-radius: 10px;
			font-size: 0;
		}

	.themeSwitcher__container .switcher--input {
				display: block;
				opacity: 0;
			}

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

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

	.themeSwitcher__container .switcher--input:checked + .switcher--label:first-of-type,
						.themeSwitcher__container .switcher--input:checked + .switcher--label:last-of-type {
							pointer-events: none;
						}

	.themeSwitcher__container .switcher--input:checked ~ .switcher--button::after {
							left: 2px;
						}

	.themeSwitcher__container .switcher--input:not(:checked) + .switcher--label {
						pointer-events: all;
					}

	.themeSwitcher__container .switcher--label {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				border-radius: 12px;
				box-sizing: border-box;
			}

	.themeSwitcher__container .switcher--button {
				width: 100%;
				height: 100%;
				padding: 0;
				top: 0;
				left: 0;
				pointer-events: none;
			}

	.themeSwitcher__container .switcher--button::before {
					display: none;
				}

	.themeSwitcher__container .switcher--button::after {
					width: 16px;
					height: 16px;
					background-color: var(--common-switcher-knob-bg-color);
					border-radius: 50%;
					top: 50%;
					transform: translateY(-50%);
					left: calc(100% - 18px);
					z-index: 4;
					box-shadow: none;
				}

.themeSwitcher__label {
	margin-right: 5px;
	font-size: 14px;
	line-height: 1;
	color: var(--control-panel-label-default-text-color);
}

.themeSwitcher__popover__container {
	margin-top: 5px;
}

.broker-price-alerts-switcher-child__label {
	color: var(--dropdown-list-text-color);
}

.broker-price-alerts-switcher-child__container {
	flex-grow: 1;
	justify-content: space-between;
}

.broker-price-alerts-switcher-child__container .broker-price-alerts-switcher-child__content .switcher--button::after {
				left: 2px;
			}

.broker-price-alerts-switcher-child__container .broker-price-alerts-switcher-child__content .switcher--input:checked ~ .switcher--button::after {
				left: calc(100% - 14px);
			}

.broker-price-alerts-switcher-child__container .broker-price-alerts-switcher-child__content .switcher--input:focus + .switcher--label::after {
							border: 1px solid transparent;
						}

.labeled-theme-switcher-child__container {
	flex-grow: 1;
	justify-content: space-between;
}

.labeled-theme-switcher-child__label {
	color: var(--dropdown-list-text-color);
	margin-right: 8px;
}
.contextMenu-textFilter {
	padding: 9px 8px 6px;
}

	.contextMenu-textFilter .contextMenu--item-delimiter {
				margin: 2px 0;
			}

	.contextMenu-textFilter .contextMenu--footer {
			display: flex;
			margin-top: 5px;
			color: var(--label-color);
		}

	.contextMenu-textFilter .contextMenu--footer .filter-description {
				margin-left: auto;
			}

	.contextMenu-textFilter .contextMenu--footer .button-link {
				margin-left: auto;
			}

	.contextMenu-textFilter .icon-clear-filter {
		fill: var(--icon-secondary-default-color);
	}

	.contextMenu-textFilter .control-textInput {
			width: 164px;
			margin-bottom: 5px;
		}
.contextMenu-twoStepAuthSetupApps {
		max-width: inherit;
		width: 272px;
		padding-top: 6px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 5px;
	}

		.contextMenu-twoStepAuthSetupApps .contextMenu--item {
				line-height: 18px;
				padding-left: 4px;
				padding-right: 4px;
			}

		.contextMenu-twoStepAuthSetupApps ul {
			list-style: none;
		}

		.contextMenu-twoStepAuthSetupApps li {
			line-height: 18px;
		}

		.contextMenu-twoStepAuthSetupApps li:not(:last-child) {
				margin-bottom: 6px;
			}

		.contextMenu-twoStepAuthSetupApps strong {
			font-weight: bold;
			color: var(--common-text-default);
		}

		.contextMenu-twoStepAuthSetupApps small {
			color: var(--description-text-color);
		}
.tooltip__container {
	position: absolute;
}

.tooltip__container_rule {
	 max-width: 430px;
 }

.tooltip__container_optionChain {
	 font-size: 14px;
	 padding: 3px 10px 5px;
	 border-radius: 1px;
 }

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

.tooltip__pointer {
	pointer-events: none;
}

.tooltip__pointer_arrowTop,
	.tooltip__pointer_arrowBottom,
	.tooltip__pointer_arrowTopLeft,
	.tooltip__pointer_arrowBottomLeft,
	.tooltip__pointer_arrowTopRight {
		position: absolute;
		overflow: hidden;
	}

.tooltip__pointer_arrowTop::before, .tooltip__pointer_arrowBottom::before, .tooltip__pointer_arrowTopLeft::before, .tooltip__pointer_arrowBottomLeft::before, .tooltip__pointer_arrowTopRight::before {
			content: " ";
			position: absolute;
			box-shadow:  0 0 10px var(--shadow-color);
			background-color: var(--hint-tooltip-bg-color);
			height: 8px;
			width: 8px;
			transform: rotate(45deg);
		}

.tooltip__pointer_arrowTop,
	.tooltip__pointer_arrowBottom {
		right: 100%;
		width: 12px;
		height: 16px;
	}

.tooltip__pointer_arrowTop::before, .tooltip__pointer_arrowBottom::before {
			top: 4px;
			left: 9px;
		}

.tooltip__pointer_arrowTop {
		top: 6px;
	}

.tooltip__pointer_arrowBottom {
		bottom: 6px;
	}

.tooltip__pointer_arrowBottomLeft,
	.tooltip__pointer_arrowTopLeft,
	.tooltip__pointer_arrowTopRight {
		width: 16px;
		height: 12px;
	}

.tooltip__pointer_arrowBottomLeft {
		top: 100%;
		left: 6px;
	}

.tooltip__pointer_arrowBottomLeft::before {
			top: -4px;
			left: 4px;
		}

.tooltip__pointer_arrowTopLeft {
		bottom: 100%;
		left: 6px;
	}

.tooltip__pointer_arrowTopLeft::before {
			top: 8px;
			left: 4px;
		}

.tooltip__pointer_arrowTopRight {
		bottom: 100%;
		right: 6px;
	}

.tooltip__pointer_arrowTopRight::before {
			top: 8px;
			left: 4px;
		}

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

.tooltip__paragraph {
	margin-bottom: 8px;
}

.tooltip__paragraph:last-child {
	 margin-bottom: 0;
 }

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

.tooltip__headless {
	position: initial;
}

.tooltip__dontwrap.tooltip__dontwrap {
	white-space: nowrap;
}
.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;
								}
.popover-info__container {
  display: inline-flex;
}

.popover-info__iconContainer {
  margin: 0 3px;
}

.popover-info__iconContainer .popover-info__icon {
    fill: var(--table-icon-dimmed-color, rgba(103, 109, 142, 1));
    width: 11px;
    height: 11px;
  }

.popover-info__iconContainer .popover-info__icon_selected {
    fill: var(--icon-selected-color, rgba(255, 158, 88, 1));
  }

.popover-info__iconContainer:hover .popover-info__icon, .popover-info__iconContainer:focus .popover-info__icon {
      fill: var(--icon-hovered-color, rgba(255, 196, 102, 1));
    }

.popover-info__defaultContent {
  padding: 8px 10px 10px 10px;
  font-size: 12px;
}


.popover-h-child__container___2en05 {
    margin-top: 10px;
    margin-left: 5px;
}

.table-hidden {
		display: none;
	}
	.table {
	width: 100%;
	border-collapse: separate;
	table-layout: fixed;
}
	.table-autoWidth {
		table-layout: auto;
	}
	.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.dnd--left {
				 border-left: 2px solid var(--focus-border-color);
		 	}
	.table thead th.dnd--right {
				 border-right: 2px solid var(--focus-border-color);
		 	}
	.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 thead th .table--cell .button-icon {
					margin-left: 4px;
				}
	.table thead th .table--cell .button-icon:hover .icon {
							fill: var(--icon-primary-default-color);
						}
	.table thead .row-focused .table--cell .icon-sort,
				.table thead .row-focused .table--cell .icon-sorted-asc,
				.table thead .row-focused .table--cell .icon-sorted-desc,
				.table thead .row-focused .table--cell .icon-filter {
					visibility: visible;
					opacity: 1;
					transition: opacity 220ms ease-in, visibility 220ms ease-in;
				}
	.table thead .row-focused .table--cell .table--resizeHandleLeft,
				.table thead .row-focused .table--cell .table--resizeHandle {
					opacity: 1;
				}
	.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 td.focus-eligible:focus:not(:focus-visible) {
					outline: none;
				}
	.table tbody td.focus-eligible:focus:focus-visible {
					outline: 1px dotted var(--form-control-focused-border-outside-color);
				}
	.table tbody td.focus-eligible.focus-visible:focus {
					/* only for safari with focus-visible library - there should be a separate style*/
					outline: 1px dotted var(--form-control-focused-border-outside-color);
				}
	.table tbody td.focus-eligible:focus {
					outline: none;
				}
	.table tbody td.focused:focus {
					outline: 1px dotted var(--form-control-focused-border-outside-color);
				}
	.table tbody td.focus-trap:not(:focus) {
				outline: 2px solid var(--form-control-focused-border-outside-color);
			}
	.table tbody td:focus {
				/* override default outline */
				outline: none;
			}
	.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-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);
}

.table--columnHeaderCharges .table--columnTitle {
		margin-right: 10px;
	}

.table--columnValueCharges {
	padding-right: 0;
}

.table--columnValueCharges_notAvailable {
	padding-right: 22px;
}

#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 td {
			line-height: 1; /*Needed for firefox*/
		}

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

.table--row-highlighted {
			background: var(--table-row-highlighted-bg);
		}

.table--row-highlighted:hover {
				background: var(--table-row-highlighted-bg);
			}

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

.table--separator {
		border-right-color: var(--status-temporary-multiparts);
	}

.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-header,
		.table--col-value,
		.table--col-accountValue,
		.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-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-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 .control--tooltip {
			background-color: var(--hint-tooltip-bg-color);
			box-shadow: 0px 2px 10px var(--hint-tooltip-shadow);
			border: none;
		}
	.table--cell .control--tooltip .control--tooltipText {
				color: var(--hint-tooltip-text-color);
			}
	.table--cell .control--tooltip::before {
				 border-color: transparent var(--hint-tooltip-bg-color) transparent transparent;
			}
	.table--cell-error .control-error .selectBox--label {
					color: var(--table-error-text-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;
		}
.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;
}

.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%);
}
.grid--body {
	position: absolute;
	bottom: 0;
	top: 20px;
	right: 0;
	left: 0;
	height: auto;
}

	.grid--body .scrollable--wrapper .scrollable--container .scrollable--content {
				padding-bottom: 0;
			}

.button-info {
	display: inline-flex;
	width: 25px;
	height: 23px;
	border: none;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
}

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

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

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

	.button-info:hover:not(.button-disabled) .icon, .button-info:hover:not(:disabled) .icon, .button-info:hover:not([disabled]) .icon {
				fill: var(--link-hovered-multiparts);
				transition: fill 220ms ease-in;
			}

	.button-info:active:not(.button-disabled) .icon, .button-info:active:not(:disabled) .icon, .button-info:active:not([disabled]) .icon {
				fill: var(--icon-pressed-color);
			}

.button-info-delayed::after {
	top: -2px;
	right: -4px;
	position: absolute;
	display: block;
	content: "";
	width: 6px;
	height: 6px;
	border: solid var(--widget-header-grad-color-1);
	background-color: var(--icon-delayed-data);
	border-radius: 50%;
}
.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;
				}
.table-accountInfo {
	table-layout: auto;
	cursor: default;
}

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

	.table-accountInfo .accountItem--value-optimal {
				color: var(--metrics-positive-text-color, rgba(0, 209, 129, 1));
			}

	.table-accountInfo .accountItem--value-critical {
				color: var(--metrics-negative-text-color, rgba(254, 119, 139, 1));
			}

	.table-accountInfo .accountItem--value-warning {
				color: var(--metrics-warning-text-color, rgba(255, 199, 102, 1));
			}




.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-multiparts);
					transition: color 220ms ease-in;
				}

	.contextMenu-accountInfo .contextMenu--item:hover .link-pseudo {
					color: var(--link-hovered-multiparts);
				}

	.contextMenu-accountInfo .contextMenu--item:active .icon {
					fill: var(--link-pressed-multiparts);
				}

	.contextMenu-accountInfo .contextMenu--item:active .link-pseudo {
					color: var(--link-pressed-multiparts);
				}

	.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo {
					color: var(--link-default-multiparts);
				}

	.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo:hover {
						color: var(--link-hovered-multiparts);
					}

	.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo:active {
						color: var(--link-pressed-multiparts);
					}

	.contextMenu-accountInfo .contextMenu--pointer::before {
				background: var(--context-menu-bg-color);
			}

	.contextMenu-accountInfo .contextMenu--cell {
			width: 230px;
		}

	.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-multiparts);
				transition: color 220ms ease-out;
			}

	.contextMenu-accountInfo .contextMenu--icon .icon:hover {
					fill: var(--link-hovered-multiparts);
				}

	.contextMenu-accountInfo .contextMenu--icon .icon:active {
					fill: var(--link-pressed-multiparts);
				}

	.contextMenu-accountInfo .contextMenu--msg {
			display: block;
			color: var(--additional-text-color);
			padding: 0 var(--grid-cell-horizontal-spacer);
			box-shadow: var(--context-menu-account-info-table-cell-shadow-param) var(--line-color);
		}

	.contextMenu-accountInfo .contextMenu--group {
			color: var(--text-common-text-default, #FFF);
			font-size: 14px;
		}

	.contextMenu-accountInfo .grid--body {
		position: static;
	}

.control-chartTypeToggler {
	width: 100%;
}

	.control-chartTypeToggler .control--wrap .control--buttons .button .icon {
			width: 13px;
			fill: var(--icon-primary-default-color);
			height: 100%;
		}

	.control-chartTypeToggler .control--wrap .control--buttons .button:focus {
			box-shadow: 0 0 0 1px var(--segmented_control-border-outside);
		}

	.control-chartTypeToggler .control--wrap .control--buttons .button:hover:before {
				background: var(--button-hovered-overlay-color);
			}
.contextMenu-chartSettings {
		 overflow: hidden;
	}

		.contextMenu-chartSettings .contextMenu--optionList-subMenu {
				 width: 190px;
				 box-sizing: border-box;
			}

		.contextMenu-chartSettings .contextMenu--group-visibilityToggler .contextMenu--item {
					padding-left: 25px;
				}

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

		.contextMenu-chartSettings .contextMenu--content{
				 position: relative;
			 }

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

	.contextMenu-ChartVisualModification .contextMenu--item .link-pseudo{
			color: var(--common-text-default);
			margin-right: 20px;
		}

	.contextMenu-ChartVisualModification .contextMenu--item:hover .button-setting {
				display: inline-block;
			}

	.contextMenu-ChartVisualModification .contextMenu--actions {
		background: none;
		opacity: 1;
		padding-right: 0;
		padding-top: 2px;
	}

	.contextMenu-ChartVisualModification .button-setting {
		display: none;
		background-color: transparent;
		box-shadow: none;
		width: 25px;
		height: 100%;
		vertical-align: top;
	}

	.contextMenu-ChartVisualModification .button-setting .icon {
			fill: var(--icon-primary-default-color);
			margin-top: 0;
		}
.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(--link-hovered-multiparts);
	}

	.protection-order-badge__container_updated:after {
			content: '';
		}
.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);
				}
.button-group-linking-group-icon__container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 13px;
    border-radius: var(--controls-border-radius);
}

    .button-group-linking-group-icon__container_group_red {
            background-color: var(--widget-link-group-bg-color-1);
        }

    .button-group-linking-group-icon__container_group_orange {
            background-color: var(--widget-link-group-bg-color-2);
        }

    .button-group-linking-group-icon__container_group_yellow {
            background-color: var(--widget-link-group-bg-color-3);
        }

    .button-group-linking-group-icon__container_group_green {
            background-color: var(--widget-link-group-bg-color-4);
        }

    .button-group-linking-group-icon__container_group_cyan {
            background-color: var(--widget-link-group-bg-color-5);
        }

    .button-group-linking-group-icon__container_group_blue {
            background-color: var(--widget-link-group-bg-color-6);
        }

    .button-group-linking-group-icon__container_group_pink {
            background-color: var(--widget-link-group-bg-color-7);
        }

.button-group-linking-anchor__container {
	display: block;
	height: 23px;
	width: 25px;
	padding: 0;
	min-width: -moz-fit-content;
	min-width: fit-content;
}

    .button-group-linking-anchor__container .icon {
            width: 11px;
            height: 11px;
            fill: var(--icon-secondary-default-color);
        }

    .button-group-linking-anchor__container:hover .icon {
                fill: var(--link-hovered-multiparts);
            }

    .button-group-linking-anchor__container:active .icon {
                fill: var(--icon-pressed-color);
            }

.button-group-linking-menu-item__icon {
    margin-right: 6px;
}

    .button-group-linking-menu-item__icon .icon {
            width: 9px;
            height: 7px;
            fill: var(--dropdown-list-bg-color);
        }

    .button-group-linking-menu-item__icon_unlink .icon {
                width: 11px;
                height: 11px;
                fill: var(--icon-secondary-default-color);
            }

.button-group-linking-menu-item__instrument {
    opacity: 0.5;
}

.menu-item-h-child__item___2uruc {
    display: flex;
    align-items: center;
    height: 26px;
	line-height: 25px;
    padding: 0 10px;
}

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

    .menu-item-h-child__item___2uruc .icon {
            display: none;
        }

    .menu-item-h-child__item_active___3n-Xl .icon, .menu-item-h-child__item_unlink___2EpEK .icon, .menu-item-h-child__item___2uruc:hover .icon {
                display: block;
            }

    .menu-item-h-child__item_unlink___2EpEK {
        overflow: visible;
        margin-bottom: 5px;
    }

    .menu-item-h-child__item_unlink___2EpEK::after {
            position: absolute;
            bottom: -3px;
            left: 10px;
            content: '';
            width: calc(100% - 20px);
            height: 1px;
            background-color: var(--line-color);
        }

    .menu-item-h-child__item__content___2H0Up {
        display: flex;
        align-items: center;
        color: var(--dropdown-list-text-color);
    }

.button-group-linking-h__button-wrapper___1qsfu {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.button-group-linking-h__switcher-wrapper___3X5Rc {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 12px;
}
.selectbox-h-child__container__popover___1AcAg {
		left: -10px;
		min-width: 88px;
	}

		.selectbox-h-child__container__popover___1AcAg, .selectbox-h-child__container__popover__content___3Q-Ju {
			border: none;
		}
	.selectbox-h-child__container__menu___1AICu {
		padding: 3px 0;
	}
	.selectbox-h-child__container__item__activeIcon___2Z9-6 {
		display: none;
	}
	.selectbox-h-child__container__item__text___2EsHF {
		padding-right: 0;
	}

.button-icon.button-linking .icon, .button-icon.button-linkingButton .icon {
		width: 11px;
		height: 11px;
	}
	.button-icon.button-linking:hover + .button-linking-tooltip, .button-icon.button-linkingButton:hover + .button-linking-tooltip {
			display: block;
		}

.button-icon.button-linkingButton.button-primary .icon {
			fill: var(--button-primary-default-text-color);
		}

.button-icon.button-linking {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 23px;
	background-color: transparent;
	box-shadow: none;
}

.button-icon.button-linking::before {
		content: none;
	}

.button-icon.button-linking:hover + .button-linking-tooltip {
			display: block;
		}

.button-icon.button-linking:hover .icon {
			fill: var(--link-hovered-multiparts);
		}

.button-icon.button-linking:active .icon {
			fill: var(--link-pressed-multiparts);
		}

.button-icon.button-linking:focus .icon {
			fill: var(--link-hovered-multiparts);
		}

.button-icon.button-linking:disabled .icon, .button-icon.button-linking[disabled] .icon {
			fill: var(--common-text-disabled);
		}

.button-icon.button-linking.button-active:hover .icon {
				fill: var(--link-hovered-multiparts);
			}

.button-icon.button-linking.button-active:focus .icon {
				fill: var(--link-hovered-multiparts);
			}

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

.button-icon.button-linking.button-active:disabled .icon, .button-icon.button-linking.button-active[disabled] .icon {
				fill: var(--common-text-disabled);
			}

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

.button-icon.button-linking .icon {
		margin-top: -1px;
		position: relative;
		z-index: 1;
	}

.button-linking-wrapper {
	position: relative;
	display: inline-flex;
	height: 100%;
}

.button-linking-tooltip {
	position: absolute;
    left: 0;
    top: 34px;
	z-index: 999;
	display: none;
	padding: 2px 7px;
	background: var(--hint-tooltip-bg-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
	color: var(--hint-tooltip-text-color);
	pointer-events: none;
	white-space: nowrap;
	line-height: 20px;
}

.button-linking-tooltip_fading {
		display: block;
		animation: fadeTooltip 1s;
		animation-delay: 3s;
		animation-fill-mode: forwards;
		width: 200px;
		white-space: normal;
		padding-left: 10px;
		padding-right: 11px;
	}

@keyframes fadeTooltip {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		pointer-events: all;
	}
}
.button-orderEntry__container {
	position: relative;
}

	.button-orderEntry__container .button-expandable {
			z-index: 2;
			display: block;
			width: 24px;
			height: 24px;
			padding: 0;
			border-radius: 50%;
			background: var(--order-entry-add-table-position-expanded-bg-color);
			box-shadow: 0 2px 4px 0 var(--order-entry-add-table-position-shadow-color);
			border-color: var(--order-entry-add-table-position-expanded-border-color);
		}

	.button-orderEntry__container .button-expandable::before {
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				border-radius: 50%;
			}

	.button-orderEntry__container .button-expandable:active > .icon {
					transform: translateY(1px);
				}

	.button-orderEntry__container .button-expandable:focus {
				box-shadow: none;
			}

	.button-orderEntry__container .button-expandable .icon {
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				margin: auto;
				fill: var(--order-entry-order-text-color);
				width: 8px;
				height: 8px;				
			}

	.button-orderEntry__container .button-expandable .icon-order-entry-add-children-close-bubble-cross {
				display: none;
				width: 12px;
				height: 12px;
			}

	.button-orderEntry__container_open .button-orderEntry__dropDownPanel {
			display: flex;
		}

	.button-orderEntry__container_open .button-expandable {
				box-shadow: none;
				border: 0;
				background: transparent;
			}

	.button-orderEntry__container_open .button-expandable .icon-order-entry-add-children-close-bubble-cross {
					display: block;
				}

	.button-orderEntry__container_open .button-expandable .icon-order-entry-floating-button-add-group {
					display: none;
				}

.button-orderEntry__dropDownPanel {
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
	height: 100%;
	padding: 0 8px 0 22px;
	background: var(--order-entry-add-table-position-expanded-bg-color);
	box-shadow: 0 2px 4px 0 var(--order-entry-add-table-position-shadow-color);
	border-radius: 24px;
	border: 1px solid var(--order-entry-add-table-position-expanded-border-color);
	overflow: hidden;
}

.button-orderEntry__dropDownPanel::after {
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		width: 100%;
		height: 100%;
		border-radius: 24px;
		border: 1px solid var(--order-entry-add-asset-border-color);
		pointer-events: none;
	}

.button-orderEntry__dropDownPanel .button {
			padding: 0 4px 2px;
			color: var(--order-entry-order-text-color);
			background: transparent;
			white-space: nowrap;
			font-size: 14px;
		}

/*buttonGeneral(false);*/

.button-orderEntry__dropDownPanel .button:last-child::before {
					width: calc(100% + 40px);
				}

.button-orderEntry__dropDownPanel .button:last-child::before {
					right: -40px;
				}
.contextMenu-layoutButton {
			position: static;
		}

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

.contextMenuButton__container .button {
			display: flex;
			align-items: center;
			color: var(--link-default-multiparts);
			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;
				margin-top: 4px;
				fill: var(--link-default-multiparts);
			}

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

.mobile .contextMenuButton__container .button {
				align-items: flex-start;
			}

.mobile .contextMenuButton__container .icon-dropdown-arrow {
				width: 9px;
				height: 5px;
				margin-left: 6px;
				margin-top: 9px;
			}

.popover-child__container {
	background: none;
}

	.popover-child__container .contextMenu-contextMenuButton {
			position: relative;
			left: 0;
			top: 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 .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--arrow:hover .icon {
					fill: var(--link-hovered-multiparts);
				}

.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);
					}
.button-icon-child__container___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	cursor: pointer;
}

.button-icon-child__icon___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	color: var(--link-hovered-multiparts);
}


.grid-h-child__bodyWrapper___third-party-legacy-react-kit-components-multiasset-suggest-theme-___WGPVE {
	display: flex;
}

.grid-h-child__footer___third-party-legacy-react-kit-components-multiasset-suggest-theme-___1LqjY {
	color: var(--additional-text-color-2);
	display: flex;
	flex-direction: column;
	padding: 0 10px 6px;
	font-size: 14px;
}

.grid-h-child__footer___third-party-legacy-react-kit-components-multiasset-suggest-theme-___1LqjY:before {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: var(--line-color);
		margin: 6px 0;
	}

.grid-h-child__footer___third-party-legacy-react-kit-components-multiasset-suggest-theme-___1LqjY:empty:before {
			display: none;
		}

.grid-h-child__container___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2EEIs {
	height: 100%;
	padding-top: 6px;
}

.grid-h-child__container___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2EEIs table {
		width: auto;
		border-collapse: collapse;
		table-layout: fixed;
	}

.grid-h-child__container___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2EEIs table .table-colAdapt_arrow { 
					width: 29px;
				}

.grid-h-child__container___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2EEIs table .table-colAdapt_description {
					width: 300px;
				}

.grid-h-child__container___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2EEIs table .table-colAdapt_type {
					width: 70px;
				}

.grid-h-child__gridHead___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2FQwX .grid-h-child__cell___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2Zxdq {
		font-size: 12px;
		text-align: left;
		color: var(--table-column-text-header-color);
	}

.grid-h-child__gridHead___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2FQwX:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: var(--dom-table-line-color);
		margin-bottom: 2px;
	}

.grid-h-child__gridBody___third-party-legacy-react-kit-components-multiasset-suggest-theme-___34Gel {
	width: 100%;
}

.grid-h-child__gridBody___third-party-legacy-react-kit-components-multiasset-suggest-theme-___34Gel .grid-h-child__row___third-party-legacy-react-kit-components-multiasset-suggest-theme-___3uQ2C:hover .grid-h-child__cell___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2Zxdq:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2ooNK), .grid-h-child__gridBody___third-party-legacy-react-kit-components-multiasset-suggest-theme-___34Gel .grid-h-child__row_active___third-party-legacy-react-kit-components-multiasset-suggest-theme-___1hmke .grid-h-child__cell___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2Zxdq:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2ooNK) {
				cursor: pointer;
				background-color: var(--symbol-suggest-line-hover-bg-color);
			}

.grid-h-child__gridBody___third-party-legacy-react-kit-components-multiasset-suggest-theme-___34Gel .grid-h-child__row___third-party-legacy-react-kit-components-multiasset-suggest-theme-___3uQ2C:hover .grid-h-child__cell___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2Zxdq:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2ooNK):after, .grid-h-child__gridBody___third-party-legacy-react-kit-components-multiasset-suggest-theme-___34Gel .grid-h-child__row_active___third-party-legacy-react-kit-components-multiasset-suggest-theme-___1hmke .grid-h-child__cell___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2Zxdq:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2ooNK):after {
					background-image: linear-gradient(to left,  var(--symbol-suggest-line-hover-bg-color), var(--symbol-suggest-line-hover-fade-grad));
				}

.grid-h-child__gridBody___third-party-legacy-react-kit-components-multiasset-suggest-theme-___34Gel .grid-h-child__row___third-party-legacy-react-kit-components-multiasset-suggest-theme-___3uQ2C td:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2ooNK):first-child {
			overflow: visible;
			position: static;
		}

.grid-h-child__gridBody___third-party-legacy-react-kit-components-multiasset-suggest-theme-___34Gel .grid-h-child__row___third-party-legacy-react-kit-components-multiasset-suggest-theme-___3uQ2C td:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2ooNK):first-child:before {
				content: '';
				position: absolute;
				left: 0;
				width: 100%;
				height: 20px;
			}

.grid-h-child__gridCell__placeholder___third-party-legacy-react-kit-components-multiasset-suggest-theme-___1xH4s {
		height: 20px; /*this should be fixed integer to avoid repainting whole table on content change*/
		position: relative;
		display: flex;
	}

.grid-h-child__gridCell__content___third-party-legacy-react-kit-components-multiasset-suggest-theme-___vSKUw {
		padding: 0 4px;
		height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: table-cell;
	}

.grid-h-child__gridCell__content_left___third-party-legacy-react-kit-components-multiasset-suggest-theme-___3PMq5 {
			text-align: left;
		}

.grid-h-child__gridCell__content_center___third-party-legacy-react-kit-components-multiasset-suggest-theme-___24NcO {
			left: 50%;
			transform: translateX(-50%);
		}

.grid-h-child__gridCell__content_right___third-party-legacy-react-kit-components-multiasset-suggest-theme-___3To7m {
			right: 0;
		}

.grid-h-child__cell___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2Zxdq {
	position: relative;
	color: var(--dropdown-list-text-color);
	font-size: 14px;
	height: 20px;
	vertical-align: middle;
}

.grid-h-child__cell_group___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2ooNK {
	font-size: 12px;
	color: var(--dropdown-list-text-color);
	padding-bottom: 10px;
	line-height: 30px;
}

.grid-h-child__cell_group___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2ooNK .grid-h-child__gridCell__content___third-party-legacy-react-kit-components-multiasset-suggest-theme-___vSKUw {
		height: 30px;
	}

.grid-h-child__cell_description___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2xtmt:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2ooNK) {
	color: var(--additional-text-color-2);
}

.grid-h-child__cell_description___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2xtmt:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-multiasset-suggest-theme-___2ooNK):after {
		content: '';
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		width: 20px;
		height: 100%;
		background-image: linear-gradient(to left, var(--symbol-suggest-bg-color, var(--application-header-context-menu-bg-color)), 'rgba(var(--symbol-suggest-bg-color-rgb, var(--application-header-context-menu-bg-color-rgb)), 0)');
	}
.grid__anyCellWrapper___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.grid__button_focus___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	outline: 1px solid var(--focus-border-color);
}

.grid__head___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	position: relative;
	margin-bottom: 1px;
}

.grid__head___third-party-legacy-react-kit-components-multiasset-suggest-theme-:after {
		content: '';
		position: absolute;
		display: block;
		left: 6px;
		right: 6px;
		bottom: 1px;
		height: 1px;
		background-color: var(--cell-button-bg-color);
	}

.grid__footer___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	position: relative;
	max-height: 56px;
	display: flex;
	flex-direction: row;
	padding: 12px 9px 0 9px;
	margin-top: 16px;
	color: var(--additional-text-color-2);
	font-size: 14px;
}

.grid__footer___third-party-legacy-react-kit-components-multiasset-suggest-theme-:empty {
		display: none;
	}

.grid__footer___third-party-legacy-react-kit-components-multiasset-suggest-theme-:before {
		content: '';
		position: absolute;
		display: block;
		left: 6px;
		right: 6px;
		top: 1px;
		height: 1px;
		background-color: var(--cell-button-bg-color);
	}

.grid__footer_maxRowHint___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
		max-width: 307px;
	}

.grid__button_container___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
		color: var(--link-default-text-color);
		font-size: 14px;
		cursor: pointer;
		height: 16px;
	}

.grid__button_container___third-party-legacy-react-kit-components-multiasset-suggest-theme-:hover {
			color: var(--link-hovered-multiparts);
		}

.grid__button_container___third-party-legacy-react-kit-components-multiasset-suggest-theme-:hover .grid__button_icon___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
				stroke: var(--link-hovered-multiparts);
			}

.grid__button_icon___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
		width: 5px;
		height: 12px;
		position: relative;
		top: 2px;
		stroke: var(--link-default-text-color);
		fill: var(--link-default-text-color);
	}

.grid__tooltip__anchor___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grid__tooltip__container___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	max-width: 350px;
}

.hovered-tick-child__icon___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	color: var(--link-hovered-multiparts);
}
.selected-tick-child__icon___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	color: var(--tick-icon-color);
}
.tick-child__container___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	opacity: 0;
}
.tabs-component__tabs___third-party-legacy-react-kit-components-tabs-theme- {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.button-icon-h-child__container___third-party-legacy-react-kit-components-multiasset-suggest-theme-___3UN-Z {
	padding: 6px 7px;
}

	.button-icon-h-child__container_hovered___third-party-legacy-react-kit-components-multiasset-suggest-theme-___35YbO {
		cursor: pointer;
	}

	.button-icon-h-child__container_hovered___third-party-legacy-react-kit-components-multiasset-suggest-theme-___35YbO .button-icon-h-child__icon___third-party-legacy-react-kit-components-multiasset-suggest-theme-___b3fgp svg {
				color: var(--link-hovered-multiparts);
				opacity: 0.4;
			}

	.button-icon-h-child__container_hovered___third-party-legacy-react-kit-components-multiasset-suggest-theme-___35YbO .button-icon-h-child__icon___third-party-legacy-react-kit-components-multiasset-suggest-theme-___b3fgp svg.iconDot {
					color: var(--icon-primary-default-color);
					opacity: 1;
				}

	.button-icon-h-child__container_hovered___third-party-legacy-react-kit-components-multiasset-suggest-theme-___35YbO:hover .button-icon-h-child__icon___third-party-legacy-react-kit-components-multiasset-suggest-theme-___b3fgp svg {
					opacity: 1;
				}

	.button-icon-h-child__container_activeTab___third-party-legacy-react-kit-components-multiasset-suggest-theme-___3IeZ5 .button-icon-h-child__icon___third-party-legacy-react-kit-components-multiasset-suggest-theme-___b3fgp svg {
				color: var(--icon-hovered-color);
				opacity: 0.4;
			}

	.button-icon-h-child__container_activeTab___third-party-legacy-react-kit-components-multiasset-suggest-theme-___3IeZ5 .button-icon-h-child__icon___third-party-legacy-react-kit-components-multiasset-suggest-theme-___b3fgp svg.iconDot {
					color: var(--icon-primary-default-color);
					opacity: 1;
				}

	.button-icon-h-child__container_activeTab___third-party-legacy-react-kit-components-multiasset-suggest-theme-___3IeZ5:hover .button-icon-h-child__icon___third-party-legacy-react-kit-components-multiasset-suggest-theme-___b3fgp svg {
					opacity: 1;
				}

.button-icon-h-child__icon___third-party-legacy-react-kit-components-multiasset-suggest-theme-___b3fgp {
	width: 11px;
	height: 11px;
}

.button-icon-h-child__icon___third-party-legacy-react-kit-components-multiasset-suggest-theme-___b3fgp svg {
		color: var(--icon-primary-default-color);
	}
.suggestTabs__container___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	border-bottom: 2px solid var(--symbol-suggest-tab-active-bg-color);
	background: var(--symbol-suggest-tab-unactive-bg-color);
	outline: none;
}

.suggestTabs__tabs___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	height: 24px;
	display: inline-flex;
}

.suggestTabs__label___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	padding: 4px 20px 5px 10px;
}

.suggestTabs__label___third-party-legacy-react-kit-components-multiasset-suggest-theme-:hover {
		color: var(--common-text-default);
	}

.suggestTabs__tab_container___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
		position: relative;
		font-weight: 500;
		font-size: 12px;
		height: 24px;
		color: var(--suggest-tab-unactive-text-color);
		border-right: 1px solid var(--suggest-tab-divider-line-color);
		box-sizing: border-box;
		position: relative;
		background-color: var(--symbol-suggest-tab-unactive-bg-color);
	}

.suggestTabs__tab_container___third-party-legacy-react-kit-components-multiasset-suggest-theme-:hover:not(.suggestTabs__tab_active___third-party-legacy-react-kit-components-multiasset-suggest-theme-) {
			background-color: var(--symbol-suggest-tab-hover-bg-color);
		}

.suggestTabs__tab_container___third-party-legacy-react-kit-components-multiasset-suggest-theme-:hover:after {
				content: '';
				position: absolute;
				left: 24px;
				bottom: 3px;
				top: 3px;
				width: 1px;
				display: block;
				background: var(--line-color);
			}

.suggestTabs__tab_active___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
		background-color: var(--symbol-suggest-tab-active-bg-color);
	}

.suggestTabs__tab_active___third-party-legacy-react-kit-components-multiasset-suggest-theme- .suggestTabs__label___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
			color: var(--suggest-tab-selected-text-color);
		}

.suggestTabs__tab_active___third-party-legacy-react-kit-components-multiasset-suggest-theme- .suggestTabs__label___third-party-legacy-react-kit-components-multiasset-suggest-theme-:hover {
				color: var(--suggest-tab-selected-text-color);
			}

.suggestTabs__tab_active___third-party-legacy-react-kit-components-multiasset-suggest-theme-:before {
			content: ' ';
			display: inline-block;
			position: absolute;
			right: 0;
			left: 0;
			top: 0;
			height: 2px;
			background-color: var(--tab-selected-line-color);
		}

.suggestTabs__tab_active___third-party-legacy-react-kit-components-multiasset-suggest-theme-.suggestTabs__tab_container___third-party-legacy-react-kit-components-multiasset-suggest-theme-:hover:after {
					top: 5px;
				}
.footer__container___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	padding: 21px 0 27px 9px;
	color: var(--symbol-suggest-tertiary-text-color);
	display: flex;
	flex-direction: column;
}

.footer__hint___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	font-size: 14px;
}

.footer__hint_withExpired___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
		line-height: 1.17;
		margin-top: 4px;
		white-space: pre-line;
	}

.footer__hint_link___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
		color: var(--link-default-multiparts);
	}

.footer__hint_key___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
		color: var(--common-text-default);
	}
.input-child__container___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	width: 100%;
	line-height: inherit;
}
	
	.input-child__container___third-party-legacy-react-kit-components-multiasset-suggest-theme- .input-child__input___third-party-legacy-react-kit-components-multiasset-suggest-theme-[type="text"] {
		font-size: inherit;
		height: 100%;
		vertical-align: top;
		background-color: transparent;
		border: 0;
		padding: 0 4px;
		box-shadow: none;
	}

.input-child__label___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	display: block;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 10px;
	padding-bottom: 9px;
}
.loading-indicator-child__container___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	margin-top: 15px;
	margin-bottom: 12px;
	margin-left: 130px;
}
.popover-child__container___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	margin: 0;
	border: none;
	min-width: 588px;
	margin-top: 5px;
	min-height: 61px;
	background: var(--symbol-suggest-bg-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
	z-index: 100;
}

.popover-child__content___third-party-legacy-react-kit-components-multiasset-suggest-theme-:not(:empty) {
	border: none;
}

.suggest__filter___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
    width: 100%;
    padding: 0 9px;
    box-sizing: border-box;
	margin-top: 5px;
	color: var(--additional-text-color-2);
}

    .suggest__filter_content___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
		height: 23px;
		margin-top: 8px;
		padding-top: 8px;
		font-size: 12px;
        width: 100%;
        border-top: 1px solid var(--line-color);
		display: flex;
		justify-content: space-between;
    }

    .suggest__filter_count___third-party-legacy-react-kit-components-multiasset-suggest-theme-,
	.suggest__filter_disabled___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
        color: var(--symbol-suggest-secondary-text-color);
        font-size: 12px;
    }

    .suggest__filter_button___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
        color: var(--link-default-multiparts);
        font-size: 12px;
        cursor: pointer;
    }

.suggest__description___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.suggest__description_content___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
        border-top: 1px solid var(--line-color);
        padding: 10px 0;
    }

.suggest__description_text___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
        color: var(--dropdown-list-description-text-color);
        font-size: 12px;
        line-height: 16px;
    }

.suggest__placeholder___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 4px;
	right: 0;
	display: flex;
	align-items: center;
	height: 100%;
	overflow: hidden;
	color: var(--input-placeholder-text-color);
}

.suggest__control___third-party-legacy-react-kit-components-multiasset-suggest-theme- {
    line-height: normal;
}
.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;
			width: 25px;
			height: 23px;
		}
	
	.multiasset-suggest__container .button-info svg.icon {
				width: 11px;
				height: 11px;
			}
.input-child__label_hasControlWrapper___third-party-legacy-react-kit-components-suggest-theme- {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
}

	.input-child__label_hasControlWrapper___third-party-legacy-react-kit-components-suggest-theme- .input-child__container___third-party-legacy-react-kit-components-suggest-theme- {
		box-shadow: none;
		border: 0;
		height: auto;
		line-height: normal;
		font-size: inherit;
		width: 100%;
		border-radius: inherit;
		background-color: transparent;
	}

	.input-child__label_hasControlWrapper___third-party-legacy-react-kit-components-suggest-theme- .input-child__placeholder___third-party-legacy-react-kit-components-suggest-theme- {
		left: 5px;
		text-align: left;
	}

.input-child__placeholder___third-party-legacy-react-kit-components-suggest-theme- {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 4px;
	right: 0;
	display: flex;
	align-items: center;
	height: 100%;
	overflow: hidden;
	color: var(--input-placeholder-text-color);
}

.input-child__input___third-party-legacy-react-kit-components-suggest-theme- {
	position: relative;
	z-index: 2;
}
.loading-indicator-child__container___third-party-legacy-react-kit-components-suggest-theme- {}

.loading-indicator-child__overlay___third-party-legacy-react-kit-components-suggest-theme- {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	/* overlay scrollbar */
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: var(--symbol-suggest-bg-color);
}
.popover-child__container___third-party-legacy-react-kit-components-suggest-theme- {
	margin: 0;
	border: none;
	min-width: 588px;
	background: var(--symbol-suggest-bg-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
	z-index: 100;
}

.popover-child__content___third-party-legacy-react-kit-components-suggest-theme-:not(:empty) {
	border: none;
}

.button-widgetHeader {
	height: 19px;
}

	.button-widgetHeader:not(.button-info, .button-lock) .icon {
			fill: var(--icon-secondary-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-zoomOut .icon, .button-widgetHeader.button-zoom .icon {
			height: 15px;
		}

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

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

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

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

	.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--label,
		.control-widgetHeader.control .checkBox--text {
			color: var(--checkbox-alt-default-text);
		}

	.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 .selectBox--arrow .icon {
				fill: var(--icon-secondary-default-color);
			}

	.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):not(.control-error):not(.control-volatility):not(.control-price) .control--label {
			color: var(--form-label-alt-text);
		}

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

	.control-widgetHeader.control:not(.control-disabled):not(.control-error):not(.control-volatility):not(.control-price) 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):not(.control-error):not(.control-volatility):not(.control-price) input[type="text"]:hover {
				border-color: var(--input-alt-hovered-border-outside);
			}

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

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

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

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

.control-widgetHeader.control-selectBox > button,
.control-widgetHeader.control-multiselect  .control--wrap  > button {
	background-color: var(--dropdown-alt-default-bg);
	color: var(--dropdown-alt-default-text);
}

.control-widgetHeader.control-multiselect  .control--wrap  > button {
	height: 100%;
}
.suggest-h-child__container___1mmq0:first-of-type {
	height: 20px;
	margin: -1px 0 0;
	background-color: var(--input-alt-default-bg);
	border: 1px solid var(--input-alt-default-border-outside);
	color: var(--input-alt-default-text);
}
.control-countries-selector__container {
	display: flex;
}

.control-countries-selector__currency {
	width: 34px;
	display: inline-block;
}

.control-countries-selector__value {
	margin-left: 4px;
	color: var(--dropdown-alt-default-text);
}
.selectbox-h-child__container__anchor___2pcag {
	height: 19px;
	padding: 0;
	color: var(--link-default-multiparts);
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}

	.selectbox-h-child__container__anchor___2pcag:before {
		display: none;
	}

	.selectbox-h-child__container__anchor___2pcag:focus {
		box-shadow: none;
	}

.selectbox-h-child__container__anchor__content___226BU {
	padding-right: 0;
	display: flex;
    align-items: center;
}

.selectbox-h-child__container__anchor__content_hasCaret___35EVn .selectbox-h-child__container__anchor__caret___1y-aF {
			display: none;
		}

.selectbox-h-child__container__item__text___3o-oN {
	padding-left: 22px;
	padding-right: 0;
}

.selectbox-h-child__container__item__activeIcon___HkKmz {
	right: auto;
	left: 4px;
}
.control-spreadSelector .selectBox .selectBox--labelIcon {
			vertical-align: baseline;
			width: 18px;
			height: 13px;
			transform: translateY(1px);
			margin-right: 2px;
		}

			.control-spreadSelector .selectBox .selectBox--labelIcon .icon {
				vertical-align: baseline;
			}

		.control-spreadSelector .selectBox .selectBox--label {
			padding-left: 10px;
		}

		.control-spreadSelector .selectBox.selectBox-title .selectBox--labelIcon {
				display: none;
			}

		.control-spreadSelector .selectBox.selectBox-custom .selectBox--labelIcon {
				height: 18px;
				vertical-align: text-bottom;
				transform: none;
			}

		.control-spreadSelector .selectBox.selectBox-custom .selectBox--labelIcon .icon {
					vertical-align: top;
				}

.dropDown-control-spreadSelector .dropDown--option {
			padding-right: 24px;
			padding-left: 10px;
			line-height: 1.62em;
		}

.dropDown-control-spreadSelector .dropDown--option-title,
			.dropDown-control-spreadSelector .dropDown--option-delimiter {
				padding-bottom: 0;
			}

.dropDown-control-spreadSelector .dropDown--option-title .dropDown--optionIcon, .dropDown-control-spreadSelector .dropDown--option-delimiter .dropDown--optionIcon {
					display: none;
				}

.dropDown-control-spreadSelector .dropDown--option-delimiter {
				margin-right: 10px;
				margin-bottom: -2px;
				cursor: default;
				pointer-events: none;
			}

.dropDown-control-spreadSelector .dropDown--option-delimiter::after {
					position: absolute;
					content: "";
					width: 100%;
					height: 1px;
					left: 62px;
					top: calc(50% + 2px);
					background: var(--line-color);
				}

.dropDown-control-spreadSelector .dropDown--option-delimiter .dropDown--optionText {
					font-size: 12px;
					font-weight: 500;
					color: var(--dropdown-list-header-text-color);
				}

.dropDown-control-spreadSelector .dropDown--option-custom {
				fill: var(--icon-secondary-default-color);
			}

.dropDown-control-spreadSelector .dropDown--option-custom .dropDown--optionIcon {
					height: 18px;
					vertical-align: text-bottom;
					transform: none;
				}

.dropDown-control-spreadSelector .dropDown--option-custom .dropDown--optionIcon .icon {
						vertical-align: top;
					}

.dropDown-control-spreadSelector .dropDown--optionIcon {
			width: 18px;
			height: 13px;
			margin-right: 7px;
			margin-left: 3px;
			vertical-align: baseline;
			transform: translateY(1px);
		}

.dropDown-control-spreadSelector .dropDown--optionIcon .icon {
				vertical-align: baseline;
			}

.dropDown-control-spreadSelector .dropDown--optionText {
			font-size: 14px;
			font-weight: normal;
			vertical-align: baseline;
		}

.dropDown-control-spreadSelector :global .scrollable-withVerticalScrollbar .dropDown--option {
				padding-right: 3px;
			}
.loadingIndicator-child__container {
	position: absolute;
	right: 9px;
	top: 3px;
}
.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);
		}

	.dropDown-suggest .searchResult.dropDown--option-highlight em {
				color: var(--link-hovered-multiparts);
			}

	.dropDown-suggest .searchResult.dropDown--option-highlight .searchResult--name,
				.dropDown-suggest .searchResult.dropDown--option-highlight .searchResult--instrumentTree {
					color: var(--link-default-multiparts);
				}

	.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-multiparts);
				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;
	}
.button-h-child__container___2qjuU {
	position: absolute;
	left: 0;
	right: 19px;
	top: 0;
	z-index: 1;
	height: 100%;
	width: calc(100% - 19px);
	min-width: 54px;
	text-align: left;
	background: var(--segmented_control-alt-default-bg);
	color: var(--segmented_control-default-text);
	box-shadow: 0 0 0 1px var(--segmented_control-alt-border-outside);
	border-radius: 0;
}

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

	.button-h-child__container_active___1tm_S {
		background: var(--segmented_control-selected-bg);
		color: var(--segmented_control-selected-text);
		z-index: 2;
	}


.control-time-range__container {
	display: flex;
}

.control-time-range__otherItems {
	position: relative;
}
.delimiter-h-child__item__content___2XqSX {
	height: 1px;
	width: 100%;
	background: var(--line-color);
}

.delimiter-h-child__item___3oCsX {
	pointer-events: none;
	padding-right: 0.416em;
}
.selectbox-h-child__container__anchor___14pCX {
	width: 120px;
	height: 19px;
	text-align: left;
	background: var(--segmented_control-alt-default-bg);
	border-radius: var(--controls-border-radius - 1px);
	box-shadow: 0 0 0 1px var(--segmented_control-alt-border-outside);
}

	.selectbox-h-child__container__anchor___14pCX:focus {
		box-shadow: none;
	}

.selectbox-h-child__container__menu___12N9X > li {
		min-width: 120px;
		padding-right: 0;
	}

.selectbox-h-child__container__item__activeIcon___1aDVI {
		display: none;
	}

.selectbox-h-child__container__item__text___1Y0cX {
		padding-right: 0;
	}
.toggleButtons-h-child__container__item___wr9AE {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	height: 19px;
	min-width: 54px;
	background: var(--segmented_control-alt-default-bg);
	color: var(--segmented_control-default-text);
	box-shadow: 0 0 0 1px var(--segmented_control-alt-border-outside);
}

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

	.toggleButtons-h-child__container__item___wr9AE:not(:last-child) {
		border-right: 0;
	}

	.toggleButtons-h-child__container__item_active___2VJPe {
		background: var(--segmented_control-selected-bg);
		color: var(--segmented_control-selected-text);
	}

	.toggleButtons-h-child__container__item_active___2VJPe:before {
			border-top-color: transparent;
		}
.control-stopLimitOrder .control--wrap {
		width: 40px;
		height: 20px;
	}
	.control-stopLimitOrder .selectBox--label {
		width: 25px;
		min-width: 25px;
		padding-left: 3px;
		padding-right: 0;
	}
	.control-stopLimitOrder .selectBox--labelText {
		 display: none;
	 }
	.control-stopLimitOrder .selectBox--labelIcon {
		 width: 12px;
		 height: 12px;
		 position: relative;
		 top: 4px;
		 left: 0;
		 vertical-align: top;
		 fill: var(--icon-secondary-default-color);
	 }

	.dropDown-stopLimitOrder .dropDown--option {
		padding-right: 10px;
	}

	.dropDown-stopLimitOrder .dropDown--optionIcon {
		width: 12px;
		height: 12px;
	}
.mobile .control-chartTypeSwitcher .selectBox--labelIcon {
				 top: 4px;
			 }
.linkedAlert__container {
	display: inline-flex;
	height: 21px;
	border-radius: 10px;
	box-sizing: border-box;
	background: var(--order-entry-alert-bubble-bg-color);	
}

	.linkedAlert__container .button-delete {
			position: relative;
			z-index: 2;
			display: block;
			flex-shrink: 0;
			width: 21px;
			height: 100%;
			padding: 0;
			border: 0;
			border-radius: 10px;
			background: transparent;
		}

	.linkedAlert__container .button-delete::before {
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				border-radius: 50%;
				transition: background 220ms ease-in;
			}

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

	.linkedAlert__container .button-delete:active > .icon {
					transform: translateY(1px);
				}

	.linkedAlert__container .button-delete .icon-big-cross {
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				margin: auto;
				fill: var(--icon-contextual-secondary-default-color);
				width: 7px;
				height: 7px;
			}

	.linkedAlert__container .button-edit{
			height: inherit;
			padding: 0 0 2px 9px;
			background: transparent;
			box-shadow: none;
			width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			color: var(--button-primary-default-text-color); 
		}

	.linkedAlert__container .button-edit:active > span {
					top:0;
				}

	.linkedAlert__container .button-edit span {
				white-space: nowrap;
				font-size: 14px;
			}

	.linkedAlert__container .icon-list-item-tick {
			fill: var(--icon-additional-default-color);
			width: 10px;
			height: 9px;
			margin-right: 8px;
			margin-top: 6px;
			display: none;
		}

	.linkedAlert__container_triggered {
		background: var(--order-entry-triggered-alert-bubble-bg-color);
		padding-right: 9px;
		padding-left: 9px;		
	}

	.linkedAlert__container_triggered .button-delete {
				display: none;
			}

	.linkedAlert__container_triggered .button-edit {
				padding: 0 0 2px 0;
			}

	.linkedAlert__container_triggered .button-edit[disabled] {
					cursor: default;
				}

	.linkedAlert__container_triggered .icon-list-item-tick {
				display: inline-block;
			}

.linkedAlert__message{
	position: relative;
	display: inline-block;
	height: inherit;
}



.menu-item-h-child__item___1S6uP {
	padding: 0;
	background: var(--dropdown-list-bg-color);
}
	.menu-item-h-child__item___1S6uP:hover {
		background: var(--list-item-hovered-bg);
	}
.multiselect__container {
	display: inline-flex;
	align-items: center;
}

	.multiselect__container .control-multiselect {
				vertical-align: top;
			}

	.multiselect__container .control--label {
				margin-right: 5px;
			}

.multiselect__menu_item_row {
	padding-right: 20px;
}

.multiselect__menu_item_row:hover .multiselect__icon {
			opacity: 0.4;
		}

.multiselect__menu_item_row >.multiselect__text {
		margin-left: 20px;
	}

.multiselect__text {
	margin-left: 7px;
}

.multiselect__icon {
	opacity: 0;
	display: inline-block;
	position: relative;
	top: 5px;
	left: 9.5px;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	color: var(--tick-icon-color);
}
.selectbox-h-child__container__anchor___22GSZ {
	border-radius: calc(var(--controls-border-radius) - 1px);
	background-color: var(--widget-header-button-bg-color);
	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);
	box-shadow: 0 0 0 1px var(--widget-header-button-outside-border-color);
}

.orderEntrySlider__container {
	display: inline-block;
	padding: 11px 54px;
}

	.orderEntrySlider__container:hover .orderEntrySlider__handler {
			border-color: var(--nm-handle-hover-outside-border-color);
		}

	.orderEntrySlider__container:hover .orderEntrySlider__rail::before {
				background-color: var(--nm-axis-hover-line-color);
			}

	.orderEntrySlider__container_hideHandler .orderEntrySlider__handler {
			display: none;
		}

	.orderEntrySlider__container_nanBounds .orderEntrySlider__handlerContainer {
			left: 50%;
			margin-left: -6px;
		}

.orderEntrySlider__rail {
	background: transparent;
}

.orderEntrySlider__inner {
	position: relative;
	display: flex;
	justify-content: center;
	width: 140px;
}

.orderEntrySlider__handlerWrapper {
	margin-top: -8.5px;
	height: 17px;
	cursor: pointer;
}

.orderEntrySlider__handler {
	transition: all .3s;
	width: 1px;
	height: 1px;
	border-radius: unset;
	box-shadow: none;
	background-color: transparent;
	border: none;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.orderEntrySlider__handler::after {
		box-sizing: border-box;
		position: absolute;
		content: "";
		width: 11px;
		height: 11px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border-radius: 50%;
		background-color: var(--nm-handle-inside-border-color);
		border: 2px solid var(--nm-handle-outside-border-color);
		box-shadow: 0 0 0 1px var(--nm-handle-shadow-color);
	}

.orderEntrySlider__handlerAdditional {
	box-sizing: border-box;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #5a5c6b;
	border: 1px solid var(--nm-handle-inside-border-color);
}

.orderEntrySlider__handlerAdditional_min {
		margin-right: 3px;
	}

.orderEntrySlider__handlerAdditional_max {
		margin-left: 3px;
	}

.orderEntrySlider__rail {
	position: relative;
	height: 7px;
	width: 100%;
	border: none;
	background-color: transparent;
}

.orderEntrySlider__rail::before,
	.orderEntrySlider__rail::after {
		content: '';
		position: absolute;
	}

.orderEntrySlider__rail::before {
		left: -5px;
		top: 4px;
		width: calc(100% + 10px);
		height: 1px;
		background: var(--nm-axis-line-color);
		transition: all .3s;
	}

.orderEntrySlider__rail::after {
		width: 2px;
		height: 3px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: var(--widget-bg-color);
	}

.orderEntrySlider__handlerContainer {
	top: 4px;
	margin: 0;
	width: 100%;
}

.orderEntrySlider__value {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: var(--nm-value-text-color);
	white-space: nowrap;
}

.orderEntrySlider__value_min {
		right: calc(100% + 5px);
	}

.orderEntrySlider__value_min .orderEntrySlider__label {
			margin-right: 6px;
		}

.orderEntrySlider__value_max {
		left: calc(100% + 5px);
	}

.orderEntrySlider__value_max .orderEntrySlider__label {
			margin-left: 6px;
		}

.orderEntrySlider__value_current {
		position: absolute;
		top: calc(100% - 2px);
		left: 50%;
		transform: translateX(-50%);
		margin: 0;
		z-index: 1;
		font-size: 10px;
		font-weight: 500;
	}

.orderEntrySlider__label {
	font-weight: bold;
	font-size: 10px;
	color: var(--nm-label-text-color);
}

.orderEntrySlider__limit {
	color: var(--nm-value-text-color);
	font-size: 12px;
	font-weight: 500;
}
.tag-selector-anchor__container {
	height: 20px;
	color: var(--link-default-multiparts);
	text-align: left;
	min-width: auto;
	padding: 0;
}

.menuItem-h-child__item___PHMG0 {
	padding: 0 2px 0 10px;
}
.selectbox-h-child__container__popover___1ZLMp,
.selectbox-h-child__container__popover__content___1x2Oz {
	border: none;
}

.selectbox-h-child__container__item__text___3tSGg {
	padding-right: 28px;
}

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

	.tag-selector__container_unfilled {
		visibility: visible;
	}

	.tag-selector__container .control-multiselect {
				display: flex;
				align-items: center;
				font-weight: normal;
			}

.tag-selector__option {
	display: flex;
	align-items: center;
	height: 22px;
}

.tag-selector__optionIcon {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid transparent;
}

.tag-selector__optionIcon_type_news {
			background-color: var(--tag-news-default-bg-color);
		}

.tag-selector__optionIcon_type_impulse {
			background-color: var(--tag-impulse-default-bg-color);
		}

.tag-selector__optionIcon_type_strategy {
			background-color: var(--tag-strategy-default-bg-color);
		}

.tag-selector__optionIcon_type_marketEvent {
			background-color: var(--tag-market-event-default-bg-color);
		}

.tag-selector__optionIcon_type_error {
			background-color: var(--tag-error-default-bg-color);
		}

.tag-selector__optionIcon_selected {
		border-color: var(--tag-selected-border-color);
	}

.tag-selector__optionLabel {
	margin-left: 6px;
	line-height: 1;
}

.tag-selector__optionLabel_selected {
		color: var(--common-text-selected);
	}

.tag-selector__anchor .tag-selector__optionIcon {
	width: 7px;
	height: 7px;
	border: 1px solid var(--widget-bg-color);
}

.tag-selector__anchor .tag-selector__optionIcon:not(:first-child) {
		margin-left: -3px;
	}

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

	.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;
				}
.chartLayout {
	position: relative;
}

.chart {
	overflow: visible;
	height: 100%;
	display: flex;
}

.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--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%;
	  z-index: 8;
	}

.chart--cursor .cursor {
			display: none;
			position: absolute;
		}

.chart--cursor .cursor-visible {
				display: inline-block;
				vertical-align: middle;
			}

.chart {
	background: var(--chart-bg-color);
	color: var(--chart-axis-value-text-color);
}

.watchlistChart .chart {
	background-color: var(--symbol-area-bg-color);
}

.detailsChart .chart--legend {
	display: none;
}
.chart-renderer__chartContainer___third-party-legacy-react-kit-components-chart-components-chart-renderer-theme- {
	display: flex;
	flex-direction: column;
	height: 100%;
}

	.chart-renderer__chartContainer_hidden___third-party-legacy-react-kit-components-chart-components-chart-renderer-theme- {
		 visibility: hidden;
	}

.chart-renderer__chart___third-party-legacy-react-kit-components-chart-components-chart-renderer-theme- {
	height: 100%;
}

.chart-renderer__canvasContainer___third-party-legacy-react-kit-components-chart-components-chart-renderer-theme- {
	height: 100%;
}
.chart--linesWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	pointer-events: none;
}

.chart--lines {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	right: 0;
	width: auto;
	overflow: visible;
}

.chartLine {
	position: absolute;
	width: 100%;
	pointer-events: auto;
}

.chartLine {
		position: absolute;
		left: 0;
		width: 100%;
	}

.chartLine .chartLine--line,
			.chartLine .chartLine--trigger {
				position: absolute;
				display: block;
				left: -1000px;
				right: 0;
			}

.chartLine .chartLine--line {
			content: '';
			height: 1px;
		}

.chartLine--controlGroup,
		.chartLine--orderGroupTypeContainer {
			position: absolute;
		}

.chartLine .chartLine--trigger {
			height: 7px;
			top: -3px;
		}

.chartLine--dot {
			display: none;
			width: 2px;
			position: absolute;
			top: 0;
			left: 0;

		}

.chartLine--dot:before {
				content: '';
				display: block;
				position: absolute;
				width: 6px;
				height: 6px;
				border-radius: 1px;
				left: 3px;
				top: 3px;
			}

.chartLine--dotLine {
				position: relative;
				width: 2px;
				height: 100%;
			}

.chartLine-hidden {
          display: none;
        }

.chartLine-showDot .chartLine--dot {
				display: block
			}

.chartLine--labelAxis {
			z-index: 5;
			position: absolute;
			right: 0;
			line-height: 14px;
			font-size: 10px;
			padding: 0 5px;
			transform: translate(100%, -50%);
		}

.chartLine--labelAxis-ask {
				transform: translate(100%, -28px);
			}

.chartLine--labelAxis-bid {
				transform: translate(100%, 0);
			}

.chartLine--labelAxis-hidden {
				display: none;
			}

.chartLine--orderGroupTypeList {
		display: none;
	}
	.chartLine--orderGroupTypeListItem {
		white-space: nowrap;
	}
	.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded {
			display: flex;
		}
	.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded .chartLine--orderGroupTypeList {
				display: flex;
			}
	.chartLine--orderGroupTypeContainer {
		z-index: 1;
		display: none;
	}

.chart--highlight {
		position: absolute;
		left: 0;
		right: 0;
		box-sizing: border-box;
	}
.chart--cursor {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
		.chart--cursor .cursor {
			display: none;
			position: absolute;
		}
		.chart--cursor .cursor-visible {
				display: inline-block;
				vertical-align: middle;
			}
.chart--axisLabels--quote {
		font-size: 10px;
	}
.chartLine-ask .chartLine--label,
			.chartLine-ask .chartLine--controlGroup,
			.chartLine-bid .chartLine--label,
			.chartLine-bid .chartLine--controlGroup {
				display: none;
			}
.chartLine-editable .chartLine--close {
			display: none;
			cursor: pointer;
		}
		.chartLine-editable .numericStepper {
			display: none;
		}
		.chartLine-editable .numericStepper--input {
				display: none;
			}
		.chartLine-editable .numericStepper--control {
				cursor: pointer;
			}
		.chartLine-editable .chartLine--trigger,
			.chartLine-editable .chartLine--label {
				cursor: grab;
			}
		.chartLine-editable .chartLine--trigger:active, .chartLine-editable .chartLine--label:active {
					cursor: grabbing;
				}
	.chartLine-editable.chartLine-active .numericStepper,
			.chartLine-editable.chartLine-active .chartLine--close {
				display: inline-block;
			}
	.chartLine-editable.chartLine-active .chartLine--orderGroupTypeContainer {
				display: flex;
			}
	.chartLine-editable.chartLine-active.chartLine-order .chartLine--close, .chartLine-editable.chartLine-active.chartLine-position .chartLine--close {
					width: 15px;
					height: 15px;
					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-hover-bg-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: absolute;
			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(../../wl/vanquishtrader/icons-order-status.png);
				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(../../wl/vanquishtrader/icons-positions-orders-statuses.png);
				}


.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(../../wl/vanquishtrader/icons-chart-lines.png);
					background-position: 0 -33px;
				}


.chartLine-group .chartLine--icon-pending.chartLine--icon:before {
						background-position: 0 -20px;
						background-image: url(../../wl/vanquishtrader/icons-order-status.png);
						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(../../wl/vanquishtrader/icons-chart-lines.png);
			}


.chartLine-multiAssetOrder .numericStepper--control:hover::before {
				background-image: url(../../wl/vanquishtrader/icons-chart-lines.png);
			}


.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;
		}
.button-close .icon {
		margin-top: 4px;
		width: 9px;
		height: 9px;
	}
.mobile .button-close .icon {
			margin-top: 2px;
			width: 13px;
			height: 13px;
		}
.contextMenu-otherItems {
	padding: 10px 0 10px;
	position: relative;
}

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

	.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 .optionChainNew__label {
				font-size: 14px;
			}

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

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

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

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

	.contextMenu-otherItems .contextMenu--pointer {
			display: none;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

	.contextMenu-otherItems.contextMenu-chartToolbar .contextMenu--content .toolbar__item .selectBox-active {
						box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
					}

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

	.contextMenu-otherItems .button-zoom {
		border-radius: 0 1px 1px 0;
	}

	.contextMenu-otherItems .button-zoomOut {
		border-radius: 1px 0 0 1px;
	}

.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;
	line-height: 1;
}

.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(--icon-primary-default-color);
				height: 2px;
				width: 10px;
			}

.toolbar__otherItems .button-otherItems:hover .icon {
					fill: var(--link-hovered-multiparts);
				}

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


.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-buy.button-disabled,
		.button-buy:disabled,
		.button-buy[disabled],
		.button-sell.button-disabled,
		.button-sell:disabled,
		.button-sell[disabled] {
			background-color: var(--button-disabled-bg-color);
			color: var(--button-disabled-text-color);
			box-shadow: 0 0 0 1px var(--button-disabled-border-outside-color);
			cursor: default;
		}

.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);
			}
.button-drawingSettings .icon {
		width: 13px;
		height: 13px;
	}
.mobile .button-drawingSettings .icon {
			margin-top: 0;
			width: 16px;
			height: 16px;
		}
.dropDown-colorPicker {
	margin: 0;
	padding: 8px 4px 4px 0;
	width: 322px;
	margin-top: 1px;
	border-radius: 0;
	box-sizing: border-box;
	overflow: hidden;
}

	.dropDown-colorPicker .dropDown--option {
			backface-visibility: hidden;
			float: left;
			box-sizing: border-box;
			margin: 0 0 4px 4px;
			padding: 0;
			width: 24px;
			height: 24px;
			cursor: pointer;
		}

	.dropDown-colorPicker .dropDown--list,
		.dropDown-colorPicker .dropDown--group ul {
			overflow: hidden;
			padding:0;
			margin:0;
			list-style-type: none;
		}

	.dropDown-colorPicker .dropDown--group {
			margin-bottom: 7px;
			margin-right: 4px;
			margin-left: 4px;
			display: block;
		}

	.dropDown-colorPicker .dropDown--group:last-child {
				margin-bottom: 0;
			}

	.dropDown-colorPicker .dropDown--groupTitle {
			font-size: 10px;
			line-height: 20px;
			padding-left: 4px;
			margin-bottom: 4px;
		}

	.dropDown-colorPicker .dropDown--groupTitle:empty {
				display: none;
			}

	.dropDown-colorPicker.dropDown-hidden {
		animation-duration: 0s;
	}
.dropDown-colorPicker .dropDown--option {
			transition: border-width 100ms;
		}
.dropDown-colorPicker .dropDown--option-selected,
			.dropDown-colorPicker .dropDown--option:hover {
				background-image: none;
				box-shadow: inset 0 0 0 2px var(--color-picker-item-frame);
			}
.mobile .dropDown-colorPicker {
		max-width: 280px;
		width: auto;
		box-sizing: content-box;
	}
		
		.mobile .dropDown-colorPicker .dropDown--groupTitle {
				font-size: 13px;
			}
.colorPicker {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	height: 25px;
}

	.colorPicker input {
		display: none;
	}

	.colorPicker--label {
		display: block;
		width: 100%;
		height: 100%;
	}

	.colorPicker--label .selectBox--arrow {
			margin-right: 9px;
			cursor: pointer;
			pointer-events: none;
		}

	.colorPicker--label .button {
			width: 100%;
			height: 100%;
			min-width: 100%;
			font-size: inherit;
			font-weight: 400;
			text-align: left;
			padding: 0;
			background-color: var(--dropdown-default-bg-color);
			box-shadow: 0 0 0 1px var(--dropdown-border-outside-color);
		}

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

	.colorPicker--label .button:active span {
					margin-top: 1px;
				}

	.colorPicker--label .button:active + .selectBox--arrow {
						margin-top: 1px;
					}

	.colorPicker--label .button span {
				position: absolute;
				z-index: 1;
				left: 0;
				top: 2px;
				line-height: normal;
			}

	.colorPicker--label .button .icon {
				height: 9px;
				width: 10px;
				display: block;
				margin: 1px auto;
				fill: var(--icon-primary-default-color);
			}

	.colorPicker--value {
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		margin: 1px 0 0 3px;
		width: 17px;
		height: 17px;
		vertical-align: top;
	}

	.colorPicker-opened .button span, .colorPicker-opened .button:hover span {
					margin-top: 1px;
				}

	.colorPicker-opened .button + .selectBox--arrow, .colorPicker-opened .button:hover + .selectBox--arrow {
						margin-top: 1px;
					}
.mobile .colorPicker {
		width: 52px;
		height: 29px;
	}
		
		.mobile .colorPicker--value {
			margin: 1px 0 0 3px;
			width: 21px;
			height: 21px;
		}
.control-colorPicker .control--postfix {
			display: inline-block;
			vertical-align: middle;
			margin-left: 5px;
		}

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

.control-colorPicker.control-disabled .colorPicker--label .button::before, .control-colorPicker.control-disabled .colorPicker--label .button:hover::before, .control-colorPicker.control-disabled .colorPicker--label .button:active::before {
							border-color: transparent;
							background: transparent;
						}
.control-backgroundColor .colorPicker {
		width: 41px;
	}

		.control-backgroundColor .colorPicker--label .button span {
				font-size: 0;
				margin-left: 2px;
			}

		.control-backgroundColor .colorPicker--value {
			height: 2px;
			width: 17px;
			vertical-align: bottom;
			margin: 0 0 -5px 0;
		}
.control-chartTypeSwitcher .control--wrap {
		width: 42px;
	}
	.control-chartTypeSwitcher .selectBox--label {
		width: 25px;
		min-width: 25px;
		padding-left: 3px;
		padding-right: 0;
	}
	.control-chartTypeSwitcher .selectBox--labelText {
			display: none;
		}
	.control-chartTypeSwitcher .selectBox--labelIcon {
			position: relative;
			top: 4px;
			left: 5px;
			width: 14px;
			height: 14px;
			vertical-align: top;
		}

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

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

		.control-fontColor .colorPicker--value {
			height: 2px;
			width: 17px;
			vertical-align: bottom;
			margin-top: 4px;
		}
.control-fontSize .selectBox--label {
		width: 25px;
		min-width: 25px;
		text-overflow: clip;
	}

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

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

		.control-multilineColor .colorPicker--label .button span {
				font-size: 0;
				margin-left: 2px;
			}

		.control-multilineColor .colorPicker--value {
			height: 2px;
			width: 17px;
			vertical-align: bottom;
			margin: 0 0 -5px 0;
		}

@keyframes ordersClearedToast__orderClearedToastProgress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.ordersClearedToast__container {
	position: relative;
	display: inline-block;
	background: linear-gradient(to right, var(--chart-drawing-management-panel-bg-color-1), var(--chart-drawing-management-panel-bg-color-2));
	border-radius: 2px;
	padding: 10px 10px 13px;
	pointer-events: all;
}

.ordersClearedToast__text {
	margin-right: 7px;
	display: inline-block;
}

.ordersClearedToast__content {
	font-size: 14px;
}

.ordersClearedToast__progressBar {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
}

.ordersClearedToast__progressLine {
	border-radius: 2px;
	background: var(--chart-order-clear-notification-progress-bar-bg-color);
	height: 100%;
}

.ordersClearedToast__progressLine_completed {
		animation-timing-function: ease-out;
		animation-name: ordersClearedToast__orderClearedToastProgress;
		animation-fill-mode: forwards;
		animation-duration: 5s;
	}

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

	.chartWarningPanel__container .icon {
			flex-shrink: 0;
			width: 13px;
			height: 13px;
			fill: var(--base-isolation-tool-warning-color);
			position: absolute;
			top: 12px;
			left: 10px;
		}


.drawingToolbar {
	display: none;
}

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

	.drawingToolbar .button:not(.button-secondary):not(.button-link):not(.button-primary)::before {
			border-top-color: var(--button-tertiary-border-inside-top-color);
			border-bottom-color: var(--button-tertiary-border-inside-bottom-color);
			border-left-color: var(--button-tertiary-border-inside-side-color);
			border-right-color: var(--button-tertiary-border-inside-side-color);
		}

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

	.drawingToolbar-visible {
		width: 100%;
		display: block;
		text-align: center;
		z-index: 50;
		position: absolute;
		left: 0;
		pointer-events: none;
		top: 50px;
	}

	.drawingToolbar--content {
		display: inline-block;
		white-space: nowrap;
		background: linear-gradient(to right, var(--chart-widget-toolbar-bg-color-1), var(--chart-widget-toolbar-bg-color-2));
		padding: 6px;
		text-align: left;
		pointer-events: auto;
	}

	.drawingToolbar--content .button,
		.drawingToolbar--content .control {
			margin-right: 12px;
		}

	.drawingToolbar--content .button:focus, .drawingToolbar--content .control:focus {
				z-index: 2;
			}

	.drawingToolbar--content .button:last-child, .drawingToolbar--content .control:last-child {
				margin-right: 0;
			}

	.drawingToolbar--content .button .selectBox--arrow, .drawingToolbar--content .control .selectBox--arrow {
				z-index: 2;
			}

	.drawingToolbar--content .control + .chartAreaToolbar__divider {
				margin-left: 2px;
			}

	.drawingToolbar--content .control-checkBox label {
					color: var(--common-text-default);
				}

	.drawingToolbar--content .control-line {
			z-index: 1;
		}

	.drawingToolbar .chartAreaToolbar__divider {
		margin-right: 14px;
	}

	.drawingToolbar .checkBox--label {
		align-items: unset;
	}

	.drawingToolbar .button {
		vertical-align: top;
		height: 25px;
	}

	.drawingToolbar .button-filledIcon {
		width: 25px;
	}

.history-period-selector__aggregation {
	display: inline-block;
	margin-right: 3px;
}

.history-period-selector__separator {
	margin-right: 3px;
}

.history-period-selector__footer {
	padding: 4px 0;
	position: relative;
}

.history-period-selector__footer::before {
		content: "";
		top: 1px;
		left: 9px;
		height: 1px;
		width: calc(100% - 18px);
		background: var(--line-color);
		position: absolute;
	}


.linkButton-h-child__container___NOiJN {
	display: block;
	text-align: center;
	width: 100%;
	padding: 0 5px;
	line-height: 26px;
}

	.linkButton-h-child__container___NOiJN:hover {
		color: var(--link-default-multiparts);
			background: var(--list-item-hovered-bg);
		}

	.linkButton-h-child__container___NOiJN span {
		font-size: 13px;
	}
.menuItem-h-child__item___3USyT {
	display: flex;
	padding: 0 11px 0 9px;
}
.selectbox-h-child__container__popover___3WnW3 {
	z-index: 101;
}

.selectbox-h-child__container__anchor___1jz0A {
	min-width: 60px;
	padding-left: 7px;
	text-align: left;
	border-radius: calc(var(--controls-border-radius) - 1px);
	box-shadow: 0 0 0 1px var(--widget-header-button-outside-border-color);
}

.selectbox-h-child__container__anchor__content_hasCaret___3fJ5d {
		padding-right: 10px;
	}

.selectbox-h-child__container__anchor___1jz0A:hover .selectbox-h-child__container__anchor__caret___1w-hr {
			color: var(--icon-primary-default-color);
		}

.selectbox-h-child__container__item__text___2cept {
		padding-right: 0;
	}

.selectbox-h-child__container__item__activeIcon___2esZ3 {
		display: none;
	}

.selectbox-h-child__container__anchor__caret___1w-hr {
	margin-top: 1px;
	color: var(--icon-primary-default-color);
}

.control-widgetHeader .selectbox-h-child__container__anchor___1jz0A {
		height: 19px;
	}
.dropDown-tradingFromChart .dropDown--option {
			position: relative;
			padding: 2px 0 1px 2px;
		}

			.dropDown-tradingFromChart .dropDown--optionText {
				display: none;
			}

			.dropDown-tradingFromChart .dropDown--optionIcon {
				width: inherit;
				height: inherit;
			}

			.dropDown-tradingFromChart .dropDown--optionIcon .icon {
					display: inline-block;
					width: 21px;
					heighT: 21px;
				}

.dropDown-tradingFromChart .dropDown--option-limitOrder::after {
					background-position: -50px -1600px;
				}

.dropDown-tradingFromChart .dropDown--option-limitOrder:hover:after {
					background-position: -150px -1600px;
				}

.dropDown-tradingFromChart .dropDown--option-stopOrder::after {
					background-position: -50px -1650px;
				}

.dropDown-tradingFromChart .dropDown--option-stopOrder:hover:after {
					background-position: -150px -1650px;
				}

.dropDown-tradingFromChart .dropDown--option-oco::after {
					background-position: -50px -2100px;
				}

.dropDown-tradingFromChart .dropDown--option-oco:hover:after {
					background-position: -150px -2100px;
				}
.dropDown-chartLineGroup {
	margin-top: -17px;
}
	.dropDown-chartLineGroup .dropDown--container {
		position: relative;
		max-height: 100px;
		left: -40px;
	}
	.dropDown-chartLineGroup .dropDown--option {
		display: block;
		position: relative;
		overflow: visible;
		font-size: 1rem;
		min-width:110px;
		padding: 2px 3px;
		line-height: 1rem;
		border-radius: 2px;
		box-sizing: border-box;
		text-align: right;
		border: 1px solid;
		margin-left: 40px;
	}
	.dropDown-chartLineGroup .dropDown--option .indicator {
			display: inline-block;
			width: 35px;
			height: 17px;
			border-radius: 2px;
			padding: 2px 0 3px;
			text-align: center;
			box-sizing: border-box;
		}
	.dropDown-chartLineGroup .dropDown--option .indicator .indicatorText {
				font-size: 10px;
				font-weight: 600;
				line-height: 12px;
				vertical-align: middle;
			}
	.dropDown-chartLineGroup .dropDown--option .indicator {

			position: absolute;
			top: 0;
			left: -40px;
			right: auto;
}
	.dropDown-chartLineGroup .dropDown--option .title::after {
				content: "@";
				display: inline-block;
				vertical-align: baseline;
				margin: 0 1px 0 3px;
			}
	.dropDown-chartLineGroup .dropDown--option::before {
			content: "";
			display: inline-block;
			float: left;
			width: 11px;
			height: 11px;
			margin: -1px 2px 0 0;
		}
	.dropDown-chartLineGroup .dropDown--option-order:before {
			border-radius: 50%;
		}
	.dropDown-chartLineGroup .dropDown--option.dropDown--option-selected {
			padding-right: 2px;
		}

.dropDown-chartLineGroup {
	margin-top: 0;
}

.dropDown-chartLineGroup .dropDown--container {
		left: 0;
		max-height: none;
	}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--label:before {
				content: '';
				display: block;
				width: 11px;
				height: 11px;
				margin-left: 25px;
				margin-right: 10px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition.dropDown--option-buy .chartLine--label:before {
				background: var(--buy-button-default-bg-color);
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition.dropDown--option-sell .chartLine--label:before {
				background: var(--sell-button-default-bg-color);
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition,
		.dropDown-chartLineGroup .dropDown--option-multiAssetPosition:hover,
		.dropDown-chartLineGroup .dropDown--option-multiAssetOrder,
		.dropDown-chartLineGroup .dropDown--option-multiAssetOrder:hover {
			border: 0;
		}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition:hover, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder:hover {
			background-color: var(--dropdown-list-bg-pressed-color);
		}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition,
	.dropDown-chartLineGroup .dropDown--option-multiAssetOrder {

		padding-top: 7px;
		padding-bottom: 7px;
		height: 25px;
		position: relative;
		margin-left: 0;
		padding-right: 15px;

		display: flex;
		align-items: center;
		font-size: 14px;
}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition::before, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder::before {
			content: none;
		}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .icon.icon-list-item-tick, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .icon.icon-list-item-tick {
			position: absolute;
			left: 6px;
			display: none;
			width: 10px;
			height: 9px;
		}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition.dropDown--option-selected, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder.dropDown--option-selected {
				padding-left: 52px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition.dropDown--option-selected .icon.icon-list-item-tick, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder.dropDown--option-selected .icon.icon-list-item-tick {
					display: inline-block;
				}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition.dropDown--option-selected .chartLine--orderGroupInfo, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder.dropDown--option-selected .chartLine--orderGroupInfo {
					right: calc(100% - 54px);
				}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderChildInfo, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderChildInfo {
				order: 4;
				margin-left: 10px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--label, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--label {
				display: flex;
				order: 3;
				align-items: center;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--quantity, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--quantity {
				margin-right: 6px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--priceList, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--priceList {
				display: flex;
				align-items: center;
				margin-left: 7px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfo, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo {
				margin-left: 10px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderType, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderType {
				order: 1;
				margin-left: 10px;
				margin-right: 10px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderTypeIcon, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderTypeIcon {
					width: 26px;
					height: 11px;
				}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderChildInfo, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderChildInfo {
				display: flex;
				align-items: center;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderChildInfo .icon-order-entry-header-oso-child-colored, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderChildInfo .icon-order-entry-header-oso-child-colored {
					width: 28px;
					height: 14px;
				}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderChildInfo .icon-order-entry-header-bracket-child-colored, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderChildInfo .icon-order-entry-header-bracket-child-colored {
					width: 34px;
					height: 22px;
					margin-top: 4px;
				}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderChildInfoNumber, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderChildInfoNumber {
				margin-right: 3px;
				color: var(--chart-order-bracket-index-bg-color);
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoInner, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoInner {
				display: flex;
				height: 14px;
				padding-right: 2px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoNumber, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoNumber {
				font-size: 14px;
				font-weight: 500;
				line-height: 1;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoIcon, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon {
				width: 18px;
				height: 14px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfo-child, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo-child {
				padding-left: 10px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoIcon-child, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child {
				position: relative;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoIcon-child::after,
				.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoIcon-child::before,
				.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child::after,
				.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child::before {
					content: '';
					display: block;
					position: absolute;
				}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoIcon-child::before, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child::before {
					height: 6px;
					width: 6px;
					box-sizing: border-box;
					left: -10px;
					top: 50%;
					margin-top: -3px;
					border-bottom-width: 1px;
					border-bottom-style: solid;
					border-left-width: 1px;
					border-left-style: solid;
				}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoIcon-child::after, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child::after {
					height: 3px;
					width: 3px;
					border-radius: 50%;
					left: -6px;
					bottom: 3px;
				}

.dropDown-chartLineGroup.dropDown-chartLineHasIcons .dropDown--option-multiAssetPosition,
		.dropDown-chartLineGroup.dropDown-chartLineHasIcons .dropDown--option-multiAssetOrder {
			padding-left: 50px;
		}


.dropDown-chartLineGroup  {
	background: transparent;
	box-shadow: none;
}


.dropDown-chartLineGroup .scrollable-withVerticalScrollbar .scrollbar-vertical {
		width: 9px;
	}


.dropDown-chartLineGroup .scrollable-withVerticalScrollbar .scrollbar-vertical .scrollbar--bar {
			left: 0;
		}


.dropDown-chartLineGroup .dropDown--option  {
		border-color: transparent;
		background-color:  var(--chart-trading-order-position-bg-color);
		cursor: pointer;
	}


.dropDown-chartLineGroup .dropDown--option:hover,
		.dropDown-chartLineGroup .dropDown--option-selected {
			border-color: var(--chart-trading-editable-line-color);
			color: inherit;
		}


.dropDown-chartLineGroup .dropDown--option.dropDown--option-selected {
			background-image: none;
		}


.dropDown-chartLineGroup .dropDown--option::before {
			background-image: url(../../wl/vanquishtrader/icons-positions-orders-statuses.png);
		}


.dropDown-chartLineGroup .dropDown--option .indicator {
			color: rgba(var(--common-text-default-rgb), .5);
			background: var(--chart-trading-order-position-bg-color);
			border-color: transparent;
		}


.dropDown-chartLineGroup .dropDown--option-buy:before {
			background-color: var(--chart-trading-up-line-color);
		}


.dropDown-chartLineGroup .dropDown--option-sell:before {
			background-color: var(--chart-trading-down-line-color);
		}


.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-pending::before, .dropDown-chartLineGroup .dropDown--option-order.dropDown--option-sending::before {
					background-image: url(../../wl/vanquishtrader/icons-order-status.png);
					background-color: transparent;
				}


.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-pending::before {
					background-position: left -20px;
				}

.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-limit.dropDown--option-buy:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left 0px;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-limit.dropDown--option-sell:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left -11px;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-market.dropDown--option-buy:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left -22px;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-market.dropDown--option-sell:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left -33px;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-stop.dropDown--option-buy:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left -44px;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-stop.dropDown--option-sell:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left -55px;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-traidingStop.dropDown--option-buy:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left -66px;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-traidingStop.dropDown--option-sell:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left -77px;
}
.dropDown-chartLineGroup .dropDown--option-position.dropDown--option-sell::before {
	background-position: left -99px;
}
.dropDown-chartLineGroup .dropDown--option-position.dropDown--option-buy::before {
	background-position: left -88px;
}

.dropDown-chartLineGroup {
	margin-top: 0;
}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder.dropDown--option-buy .chartLine--orderType .icon {
				fill: var(--buy-button-default-bg-color);
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder.dropDown--option-sell .chartLine--orderType .icon {
				fill: var(--sell-button-default-bg-color);
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo {
				border-radius: 1px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo-bracket .chartLine--orderGroupInfoInner {
						background:  var(--chart-order-bracket-index-bg-color);
					}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo-oco .chartLine--orderGroupInfoInner {
						background:  var(--chart-order-oco-index-bg-color);
					}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo-oso .chartLine--orderGroupInfoInner {
						background:  var(--chart-order-oso-index-bg-color);
					}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco::before {
							border-left-color: var(--order-entry-group-order-connection-line-oco);
							border-bottom-color: var(--order-entry-group-order-connection-line-oco);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco::after {
							background: var(--order-entry-group-order-connection-bubble-oco);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::before {
							border-left-color: var(--order-entry-group-order-connection-line-bracket);
							border-bottom-color: var(--order-entry-group-order-connection-line-bracket);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::after {
							background: var(--order-entry-group-order-connection-bubble-bracket);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::before {
							border-left-color: var(--order-entry-group-order-connection-line-oso);
							border-bottom-color: var(--order-entry-group-order-connection-line-oso);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::after {
							background: var(--order-entry-group-order-connection-bubble-oso);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--delimeter, .dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--delimeter {
			color: var(--at-text-color-2);
		}
.dropDown-lineSample {
	padding: 5px;
}

	.dropDown-lineSample .dropDown--group {
			display: inline-block;
			vertical-align: top;
		}

	.dropDown-lineSample .dropDown--groupTitle {
			display: none;
		}

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

	.dropDown-lineSample .dropDown--option:after {
				content: "";
				width: 26px;
				position: absolute;
				top: 50%;
				left: 10px;
				height: 1px;
				margin-top: -1px;
			}

	.dropDown-lineSample .dropDown--option-thin:after {
				height: 1px;
				margin-top: -1px;
			}

	.dropDown-lineSample .dropDown--option-bold:after {
				height: 5px;
				margin-top: -2px;
			}

	.dropDown-lineSample .dropDown--option-normal:after {
				height: 3px;
				margin-top: -1px;
			}



.dropDown-lineSample .dropDown--option {
		background: none;
		border-color: transparent;
	}



.dropDown-lineSample .dropDown--option-solid.dropDown--option:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 100%, transparent 100%);
			background-size: 100% 5px;
		}



.dropDown-lineSample .dropDown--option-dashed.dropDown--option-thin:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 70%, transparent 70%);
			background-size: 7px 5px;
		}



.dropDown-lineSample .dropDown--option-dashed.dropDown--option-normal:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 70%, transparent 70%);
			background-size: 10px 5px;
		}



.dropDown-lineSample .dropDown--option-dashed.dropDown--option-bold:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 70%, transparent 70%);
			background-size: 16px 5px;
		}



.dropDown-lineSample .dropDown--option-dotted.dropDown--option-thin:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 50%, transparent 50%);
			background-size: 4px 5px;
		}



.dropDown-lineSample .dropDown--option-dotted.dropDown--option-normal:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 50%, transparent 50%);
			background-size: 6px 5px;
		}



.dropDown-lineSample .dropDown--option-dotted.dropDown--option-bold:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 50%, transparent 50%);
			background-size: 10px 5px;
		}



.dropDown-lineSample .dropDown--option:hover {
			border-color: var(--link-hovered-multiparts);
		}



.dropDown-lineSample .dropDown--option-selected,
			.dropDown-lineSample .dropDown--option-selected:hover {
				border-color: var(--line-color-2);
			}
.control-line .selectBox {
		width: 51px;
	}

		.control-line .selectBox .selectBox--label:after {
			content: "";
			width: 27px;
			position: absolute;
			top: 50%;
			left: 10%;
			height: 1px;
			margin-top: -1px;
		}

		.control-line .selectBox-thin .selectBox--label:after {
			height: 1px;
			margin-top: -1px;
		}

		.control-line .selectBox-bold .selectBox--label:after {
			height: 5px;
			margin-top: -2px;
		}

		.control-line .selectBox-normal .selectBox--label:after {
			height: 3px;
			margin-top: -1px;
		}

		.control-line .selectBox-solid.selectBox .selectBox--label:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 100%, transparent 100%);
			background-size: 100% 5px;
		}

		.control-line .selectBox-dashed.selectBox-thin .selectBox--label:after,
		.control-line .selectBox-dashed.selectBox-normal .selectBox--label:after,
		.control-line .selectBox-dashed.selectBox-bold .selectBox--label:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 70%, transparent 70%);
		}

		.control-line .selectBox-dotted.selectBox-thin .selectBox--label:after,
		.control-line .selectBox-dotted.selectBox-normal .selectBox--label:after,
		.control-line .selectBox-dotted.selectBox-bold .selectBox--label:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 50%, transparent 50%);
		}

		.control-line .selectBox-dashed.selectBox-thin .selectBox--label:after {
			background-size: 7px 5px;
		}

		.control-line .selectBox-dashed.selectBox-normal .selectBox--label:after {
			background-size: 10px 5px;
		}

		.control-line .selectBox-dashed.selectBox-bold .selectBox--label:after {
			background-size: 16px 5px;
		}

		.control-line .selectBox-dotted.selectBox-thin .selectBox--label:after {
			background-size: 4px 5px;
		}

		.control-line .selectBox-dotted.selectBox-normal .selectBox--label:after {
			background-size: 6px 5px;
		}

		.control-line .selectBox-dotted.selectBox-bold .selectBox--label:after {
			background-size: 10px 5px;
		}

		.control-line .selectBox--label {
			text-overflow: clip;
			white-space: nowrap;
			overflow: hidden;
			text-indent: 200%;
		}

		.control-line .selectBox--label::after {
				content: "";
			}

.chartAreaToolbar__switcherWrapper {
	flex-direction: row-reverse;
	align-items: center;
	margin-right: 8px;
	vertical-align: middle;
}

	.chartAreaToolbar__switcherWrapper:last-child {
		margin-right: 0;
	}

.chartAreaToolbar__switcherLabel {
	margin: 0 0 0 5px;
	color: var(--common-text-default);
}

.chartAreaToolbar__divider {
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 25px;
	margin: 0 8px 0 2px;
	border-left: 1px solid var(--line-color-5);
}

.divider {
		display: inline-block;
		vertical-align: top;
		width: 1px;
		height: 25px;
		margin: 0 8px 0 2px;
		border-left: 1px solid var(--line-color-5);
	}
.chartArea {
	display: flex;
	flex: 1 1 0%;
	flex-direction: column;
	min-width: 0;
	height: 100%;
	width: 100%;
	position: relative;
	outline: none;
}

	.chartArea-main {
		padding-top: 0;
	}

	.chartArea-main .chartArea--lines {
			background: var(--chart-trading-draggable-area);
			cursor: col-resize;
		}

	.chartArea--buttons {
		background: var(--chart-trading-block-bg-color);
	}

	.chartArea--header {
		position: relative;
	}

	.chartArea--header .button {
			margin-left: 0;
		}

	.chartArea--graph {
		flex-grow: 1;
		position: relative;
		top: 0;
		height: 0;
	}

	.chartArea--toolbar {
		width: calc(100% - 1px);
		margin-top: 0;
		padding: 7px 8px 8px;
		box-sizing: border-box;
		background: linear-gradient(to right, var(--chart-widget-toolbar-bg-color-1), var(--chart-widget-toolbar-bg-color-2));
		box-shadow: 0 1px 0 var(--chart-toolbar-shadow);
		position: relative;
		z-index: 32;
	}

	.chartArea--toolbar-alignRight .toolbar__itemsInner {
				justify-content: flex-end;
			}

	.chartArea--toolbar > .control {
			vertical-align: top;
		}

	.chartArea--toolbar .toolbar__item {
			margin-left: 10px;
		}

	.chartArea--toolbar .toolbar__item:hover {
				z-index: 101;
			}

	.chartArea--toolbar .toolbar__item:first-child {
				margin-left: 0;
			}

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

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

	.chartArea--toolbar .button-cut .icon {
				height: 13px;
			}

	.chartArea--toolbar .button-zoom .icon-zoom,
		.chartArea--toolbar .button-zoomOut .icon-magnifying-glass-out {
			height: 17px;
		}

	.chartArea--toolbar .button-zoom {
			border-radius: 0 1px 1px 0;
		}

	.chartArea--toolbar .button-zoomOut {
			margin-right: 1px;
			margin-left: 6px;
			border-radius: 1px 0 0 1px;
		}

	.chartArea--toolbar .button-zoom:focus, .chartArea--toolbar .button-zoomOut:focus {
				z-index: 1;
			}

	.chartArea--toolbar .button-scale {
			position: relative;
			margin-right: 6px;
		}

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

	.chartArea--toolbar .button {
			vertical-align: top;
			height: 25px;
		}

	.chartArea--toolbar .button-filledIcon {
				width: 25px;
			}

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

	.chartArea--toolbar .button-filledIcon:not(.button-primary):before {
						border-top-color: var(--button-tertiary-border-inside-top-color);
						border-bottom-color: var(--button-tertiary-border-inside-bottom-color);
						border-left-color: var(--button-tertiary-border-inside-side-color);
						border-right-color: var(--button-tertiary-border-inside-side-color);
					}

	.chartArea--toolbar .button-filledIcon:not(.button-primary):focus {
						box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
					}

	.chartArea--toolbar .button-wrapper {
				display: inline-block;
			}

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

	.chartArea--toolbar .button .price-ask {
				margin-right: 3px;
			}

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

	.chartArea--toolbar .button-atr.button-pressed:before {
					border-color: transparent;
					background: var(--button-pressed-overlay-color);
				}

	.chartArea--toolbar .button-drawingSettings .icon {
					margin-top: 2px;
				}

	.chartArea--toolbar .button-close .icon {
					margin-top: 2px;
				}

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

	.chartArea--toolbar .selectBox-active:after {
				border-left: 1px solid var(--form-control-focused-border-outside-color);
				z-index: 2;
				top: -2px;
				bottom: -2px;
			}

	.chartArea--toolbar .control-comboBox {
			width: 75px;
		}

	.chartArea--toolbar .control-comboBox input[type="text"] {
				height: 25px;
				line-height: 1;
			}

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

	.chartArea--toolbar .selectBox-active::after {
				border-left: 1px solid var(--form-control-focused-border-outside-color);
				z-index: 2;
				top: -2px;
				bottom: -2px;
			}

	.chartArea--tradingFromChart .button-active, .chartArea--drawingTools .button-active {
				box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
			}

	.chartArea .price-up,
		.chartArea .price-down {
			color: var(--common-text-default);
		}

	.chartArea .price-label {
			color: var(--common-secondary-text-color);
		}

	.chartArea .control-periodSwitcher .selectBox {
				width: 55px;
			}

	.chartArea .control-textInput {
			width: 110px;
			margin-right: 10px;
			top: -1px;
		}

	.chartArea .control-textInput input[type="text"] {
				font-size: 12px;
			}

	.chartArea .tradingFromChartControl .control-selectbox,
		.chartArea .tradingFromChartControl .control-selectBox,
		.chartArea .drawingToolsControl .control-selectbox,
		.chartArea .drawingToolsControl .control-selectBox {
			height: 25px;
		}

	.chartArea .tradingFromChartControl .control-selectbox .control--wrap, .chartArea .tradingFromChartControl .control-selectBox .control--wrap, .chartArea .drawingToolsControl .control-selectbox .control--wrap, .chartArea .drawingToolsControl .control-selectBox .control--wrap {
				height: 100%;
			}

	.chartArea .tradingFromChartControl .selectBox--label, .chartArea .drawingToolsControl .selectBox--label {
				width: 44px;
			}

	.chartArea .tradingFromChartControl .button, .chartArea .drawingToolsControl .button {
			height: 25px;
		}

	.chartArea .tradingFromChartControl .button {
			width: 40px;
		}

	.chartArea .tradingFromChartControl .button .icon {
				width: 34px;
				height: 13px;
			}

	.chartArea .drawingToolsControl .button {
			width: 40px;
		}

	.chartArea .react-component-wrapper {
		height: auto;
	}

.chartArea--loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, var(--widget-bg-top-color), var(--widget-bg-bottom-color));
	z-index: 100;
	opacity: 1;
	transition: opacity 0.2s;
}

.chartArea--loader .loadingWheel {
		position: absolute;
		top: 47%;
		left: 50%;
		margin: -30px 0 0 -30px;
	}

.chartArea--loader-done {
		opacity: 0;
		pointer-events: none;
	}

.tradingFromChartControl,
.tradingFromChartControl-active,
.drawingToolsControl {
	position: relative;
	z-index: 32;
}

.tradingFromChartControl .control, .tradingFromChartControl-active .control, .drawingToolsControl .control {
		vertical-align: bottom;
	}

.tradingFromChartControl .button, .tradingFromChartControl-active .button, .drawingToolsControl .button {
		height: 100%;
	}

.tradingFromChartControl .button-wrapper, .tradingFromChartControl-active .button-wrapper, .drawingToolsControl .button-wrapper {
			display: inline-block;
		}

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

.tradingFromChartControl .control-selectBox.control-disabled::after, .drawingToolsControl .control-selectBox.control-disabled::after {
				background-color: transparent;
			}

.tradingFromChartControl .selectBox::after, .drawingToolsControl .selectBox::after {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			right: 22px;
			bottom: 0;
			width: 1px;
			pointer-events: none;
			background-color: var(--dropdown-border-inside-side-color);
		}

.tradingFromChartControl .selectBox-active:hover::after, .tradingFromChartControl .selectBox:active::after, .tradingFromChartControl .selectBox-disabled::after, .drawingToolsControl .selectBox-active:hover::after, .drawingToolsControl .selectBox:active::after, .drawingToolsControl .selectBox-disabled::after {
				background-color: transparent;
			}

.tradingFromChartControl .selectBox:disabled,
		.tradingFromChartControl .selectBox[disabled],
		.drawingToolsControl .selectBox:disabled,
		.drawingToolsControl .selectBox[disabled] {
			background-color: transparent;
		}

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

.tradingFromChartControl .selectBox--labelIcon,
		.tradingFromChartControl .selectBox--labelText,
		.drawingToolsControl .selectBox--labelIcon,
		.drawingToolsControl .selectBox--labelText {
			visibility: hidden;
		}

.tradingFromChartControl .selectBox--arrow, .drawingToolsControl .selectBox--arrow {
			margin-right: 8px;
			margin-left: 8px;
		}

.tradingFromChartControl .selectBox--label, .drawingToolsControl .selectBox--label {
			width: 36px;
			min-width: 0;
			visibility: hidden;
		}

.tradingFromChartControl .button, .drawingToolsControl .button {
		position: absolute;
		top: 0;
		left: 0;
		height: 19px;
		border-radius: 1px 0 0 1px;
		z-index: 2;
	}

.tradingFromChartControl .button:focus .icon::after, .drawingToolsControl .button:focus .icon::after {
					background-color: var(--form-control-focused-border-outside-color);
				}

.tradingFromChartControl .button:active .icon, .drawingToolsControl .button:active .icon {
				top: 1px;
			}

.tradingFromChartControl .button:disabled,
		.tradingFromChartControl .button[disabled],
		.drawingToolsControl .button:disabled,
		.drawingToolsControl .button[disabled] {
			background-color: transparent;
		}

.tradingFromChartControl .button-active, .drawingToolsControl .button-active {
			box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		}

.tradingFromChartControl .button-active .icon::after, .drawingToolsControl .button-active .icon::after {
					background-color: var(--form-control-focused-border-outside-color);
				}

.tradingFromChartControl .button .icon, .drawingToolsControl .button .icon {
			position: relative;
		}

.tradingFromChartControl .button .icon::after, .drawingToolsControl .button .icon::after {
				content: '';
				display: block;
				position: absolute;
				top: -1px;
				right: -2px;
				bottom: -1px;
				width: 1px;
				pointer-events: none;
			}

.drawingToolsControl {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.drawingToolsControl .button,
	.drawingToolsControl .selectBox--label {
		width: 25px;
	}

.drawingToolsControl .button {
		margin-left: 0;
	}

.drawingToolsControl .button .icon {
			width: 12px;
		}

.tradingFromChartControl {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.tradingFromChartControl-active .button {
			background-color: var(--chart-button-bg-color);
		}

.tradingFromChartControl .button,
	.tradingFromChartControl .selectBox--label {
		width: 36px;
	}

.tradingFromChartControl .button {
		margin-left: 0;
		box-shadow: 0 0 0 1px var(--widget-header-button-outside-border-color);
	}

.tradingFromChartControl .button .icon {
			width: 23px;
			height: 11px;
			top: 1px;
		}

.button-studiesControl .icon {
			height: 13px;
		}

.button-atr {
		width: 45px;
		padding: 0 4px;
	}

.mobile .chartArea--graph {
			touch-action: none;
			-webkit-user-select: none;
			   -moz-user-select: none;
			        user-select: none;
		}

		.mobile .chartArea--toolbar .button {
				height: 29px;
			}

		.mobile .chartArea--toolbar .button-filledIcon {
					width: 29px;
				}

		.mobile .chartArea--toolbar .button-atr {
					width: 65px;
				}

		.mobile .chartArea--toolbar .button-atr .icon {
						margin-top: 2px;
					}

		.mobile .chartArea--toolbar .button-setting .icon {
						margin-top: 0;
					}

		.mobile .chartArea--toolbar .control-comboBox input[type="text"] {
					height: 29px;
				}

		.mobile .chartArea .tradingFromChartControl .button, .mobile .chartArea .drawingToolsControl .button {
				height: 100%;
				width: 40px;
			}

		.mobile .chartArea .tradingFromChartControl .control-selectBox, .mobile .chartArea .drawingToolsControl .control-selectBox {
				width: auto;
				height: 100%;
			}

		.mobile .chartArea .tradingFromChartControl .control-selectBox .selectBox::after, .mobile .chartArea .drawingToolsControl .control-selectBox .selectBox::after {
						right: 27px;
					}

		.mobile .chartArea--buttons .button-sell, 
			.mobile .chartArea--buttons .button-buy {
				font-size: 14px;
				min-width: 92px;
			}

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

@media screen and (orientation: landscape) {
		.mobile .chartArea {
			overflow: auto;
		}
			
			.mobile .chartArea--graph {
				min-height: 250px;
				flex-shrink: 0;
				overflow: hidden;
			}
}

@media screen and (max-width: 340px) {
				.mobile .chartArea--buttons .button-sell, 
				.mobile .chartArea--buttons .button-buy {
					min-width: 65px;
				}
					
					.mobile .chartArea--buttons .button-sell .price-label, .mobile .chartArea--buttons .button-buy .price-label {
						display: none;
					}
					.mobile .chartArea--buttons .button-sell .price-bid {
						margin-left: 0;
					}
					.mobile .chartArea--buttons .button-buy .price-ask {
						margin-right: 0;
					}
}
.WidgetChartArea__headerContent .toolbar__item:not(:first-child) {
				margin-left: 12px;
			}

.WidgetChartArea__chartControls {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.WidgetChartArea__chartControls >:not(:first-child) {
			margin-left: 6px;
		}

.WidgetChartArea__chartControls .contextMenuButton__container,
		.WidgetChartArea__chartControls .button {
			vertical-align: bottom;
		}

.WidgetChartArea__chartControls .control-comboBox {
			width: 90px;
		}
.chartArea__chartPlaceholder {
	position: absolute;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: transparent;
	font-size: 40px;
	text-align: center;
}

	.chartArea__chartPlaceholderText {
		opacity: 0.3;
		color: var(--chart-placeholder-text-color);
	}
.button-h-child__container___2wu4J {
	box-shadow: none;
	height: 19px;
	position: absolute;
	top: 0;
	margin: 0;
	min-width: 11px;
	left: 9px;
	padding: 0;
	color: var(--dropdown-default-text-color);
	border: none;
	background-color: transparent;
}
	.button-h-child__container___2wu4J:focus {
		box-shadow: none;
	}
	.button-h-child__container___2wu4J:before {
		border: none;
	}
	.button-h-child__container___2wu4J:hover::before {
		background-color: transparent;
	}

.button-h-child__inner___Ze4AX {
	display: flex;
	align-items: center;
	text-indent: 7px;
}

.button-h-child__inner___Ze4AX > i {
		width: 11px;
		height: 11px;
	}
.control-watchlist-mode-toggler-compact__container {
	display: inline-block;
	fill: var(--dropdown-default-text-color);
	border-radius: 0;
	position: relative;
}
.menu-item__item {
	padding-right: 0.416em;
}

.menu-item__item__content {
	fill: var(--dropdown-default-text-color);
}

.menu-item__item__content i {
		display: inline-block;
		width: 11px;
		height: 11px;
		margin-right: 7px;
		margin-left: 3px;
		vertical-align: middle;
	}
.selectbox-h-child__container___dfU3O {
	box-shadow: inset 1px 1px 1px 1px var(--small-button-inside-border-side-color);
}
	.selectbox-h-child__container__anchor___1fl1T {
		width: 100%;
		min-width: 42px;
		max-width: 42px;
		height: 19px;

	}
	.selectbox-h-child__container__anchor__content_hasCaret___2m9YM {
				 right: 0;
				 padding-right: 0;
			}
	.selectbox-h-child__container__anchor__text___YhgM7 {
			display: none;
		}
	.selectbox-h-child__container__anchor___1fl1T:focus + button {
			border-right-color: var(--form-control-focused-border-outside-color);
		}

.selectbox-h-child__container__item__text___24W1p {
	padding-right: 4px;
}

.selectbox-h-child__container__item__activeIcon___3XIk_ {
	display: none;
}
.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-alt-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;
	}

.loaderFailure a,
	.loaderFailure .link-pseudo {
		text-decoration: none;
	}
	.loaderFailure--actions {
		margin: 15px 0 0;
	}
	.loaderFailure--action {
		display: inline-block;
		vertical-align: middle;
	}
	.loaderFailure--action + .loaderFailure--action {
			margin-left: 20px;
		}
	.loaderFailure--action-cancel a,
			.loaderFailure--action-cancel .link-pseudo {
				color: var(--secondary-link-button-text-color);
			}
	.loaderFailure--action-cancel a:hover, .loaderFailure--action-cancel .link-pseudo:hover {
					color: var(--link-hovered-multiparts);
				}
	.loaderFailure--action-retry a::before, .loaderFailure--action-retry .link-pseudo::before {
					margin-right: 5px;
				}
	.loaderFailure--text {
		color: var(--message-sbj-warning-text-color);
	}
.logo {
	display: inline-block;
	vertical-align: middle;
	transition: width var(--animation-default);
	width:  var(--logo-width-secondary);
	height: var(--logo-height-secondary);
}

	.logo svg {
		width: 100%;
		height: 100%;
		fill:  var(--logo-fill);
		color: var(--logo-color);
	}
.loader-main {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		overflow: hidden;
		display: table;
		width: 100%;
		height: 100%;
		font-family: Arial, Helvetica, sans-serif;
	}

		.loader-main .logo {
			display: inline-block;
			vertical-align: middle;
			width: auto;
		}

		.loader-main .loadingWheel {
			display: block;
			margin: 30px auto 15px;
			width: 44px;
			height: 44px;
		}

		.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;
				font-family: 'Open Sans';
				font-size: 16px;
				letter-spacing: 0.8px;
			}

		.loader-main .loader--failure {
				visibility: hidden;
			}

		.loader-main .loader--logo {
				position: relative;
				display: inline-block;
			}

		.loader-main .loader .loaderFailure--text {
				display: none;
			}

		.loader-main.loader-failed .loader--text {
					display: none;
				}

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

		.loader-main.loader-failed .loaderFailure--text {
				display: inline-block;
				vertical-align: middle;
			}



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

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

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

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


.authNotification__container {
	position: absolute;
	top: -103px;
	width: 100%;
	text-align: center;
}

.authNotification__content {
	box-sizing: border-box;
	display: inline-block;
	max-width: 100%;
	padding: 7px 10px;
	text-align: center;
	border-radius: 2px;
	font-size: 14px;
	background-color: var(--email-verification-container-bg-color);
	border: solid 1px var(--email-verification-container-border-color);
}

.authNotification__content .icon {
			width: 20px;
			height: 18px;
			margin-right: 10px;
			fill: var(--buy-button-default-bg-color);
		}
.password-input-h-child__error___3FlQz {
    border-color: var(--ds-input-error-border-color);
}

.ds-input:has(input[type="text"]:autofill, input[type="password"]:autofill){
			-webkit-box-shadow: inset 0 0 0 1000px var(--selected-input-bg-color), inset 0 0 0 1000px var(--input-default-bg-color), inset 0 1px 0 0 rgba(0, 0, 0, 0.05);
		}

.ds-input input[type="password"]:autofill, .ds-input input[type="password"]:autofill:focus, .ds-input input[type="password"]:autofill:active, .ds-input input[type="password"]:autofill:hover, .ds-input input[type="password"]:-internal-autofill-selected, .ds-input input[type="text"]:autofill, .ds-input input[type="text"]:autofill:focus, .ds-input input[type="text"]:autofill:active, .ds-input input[type="text"]:autofill:hover, .ds-input input[type="text"]:-internal-autofill-selected {
				transition: background-color 5000s ease-in-out 0s;
				border: none;
			}

/* workaround to hide "clear" and "reveal password" buttons in MS Edge */

.ds-input input[type="password"]::-ms-reveal, .ds-input input[type="password"]::-ms-clear {
				display: none;
			}



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

		.loginForm--row-actions::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;
	}
	.loginForm--indicator {
		position: absolute;
		bottom: 13px;
		right: 12px;
	}
	.loginForm--fieldset {
		box-sizing: border-box;
		display: table;
		width: 100%;
	}
	.loginForm--fieldset .loginForm--row {
		display: table-row-group;
	}
	.loginForm--fieldset .loginForm--row .control-passwordInput,
		.loginForm--fieldset .loginForm--row .control {
			display: table-row;
		}
	.loginForm--fieldset .loginForm--row .control-passwordInput--label,
			.loginForm--fieldset .loginForm--row .control-passwordInput--wrap,
			.loginForm--fieldset .loginForm--row .control--label,
			.loginForm--fieldset .loginForm--row .control--wrap {
				display: table-cell;
				vertical-align: top;
			}
	.loginForm--fieldset .loginForm--row .control-passwordInput--label, .loginForm--fieldset .loginForm--row .control--label {
				box-sizing: border-box;
				width: 67px;
				padding-right: 16px;
				padding-top: 8px;
				white-space: nowrap;
			}
	.loginForm--fieldset .loginForm--row .control-passwordInput--errorMessage, .loginForm--fieldset .loginForm--row .control--errorMessage {
				display: block;
				line-height: 18px;
			}
	.loginForm--actionButton {
		float: right;
	}
	.loginForm--hint {
		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-passwordInput,
			.loginForm div:nth-last-child(3) .loginForm--row:last-child .control {
				height: auto;
			}

.loginForm--body {
	padding: 0 40px;
}

.loginForm--body .control-passwordInput .control--label {
		padding-top: 20px;
	}

.loginForm--body .control-passwordInput .control--wrap {
		padding-top: 12px;
	}

.loginForm--wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.loginForm--link {
		text-decoration: none;
		vertical-align: baseline;
	}

.loginForm--link--link-recoverPass {
			text-decoration: none;
		}

.loginForm--link-back_icon {
			display: inline-block;
			vertical-align: middle;
			margin-right: 4px;
			margin-bottom: 2px;
			width: 6px;
			height: 11px;
		}

.loginForm--link-back_icon svg {
				fill: var(--link-default-multiparts)
			}

.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--title {
		padding: 0 10px;
		font-family: DINPro;
		font-size: 15px;
		font-weight: 500;
		color: var(--form-label-text-color);	
	}
.password-change-form-h-child__container___3DCeF {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
    
    .password-change-form-h-child__container___3DCeF .password-change-form-h-child__field___3c9_9 {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        height: 25px;
    }
    
    .password-change-form-h-child__container___3DCeF .password-change-form-h-child__field_label___vtHJw {
            color: var(--form-label-text-color);
            flex: 1 0 110px;
        }
    
    .password-change-form-h-child__container___3DCeF .password-change-form-h-child__field_value___1MNLk {
            width: 198px;
        }
    
    .password-change-form-h-child__container___3DCeF .password-change-form-h-child__message___3LkDo {
        color: var(--form-label-text-color);
    }
    
    .password-change-form-h-child__container___3DCeF .password-change-form-h-child__submitError_container___2m0c8 {
        font-size: 11px;
        font-weight: 400;
        line-height: 15px;
        color: var(--error-description-text-color);

    }


.loginForm--wrap{
        margin: 20px 40px 0 40px;
    }
    .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: auto;
            }
    .loginForm--actionButton .button-secondary {
                margin-right: 10px;
            }

.control--wrap-username {
        line-height: 23px;
    }


.control--wrap-username {
        color: var(--common-text-default);
    }
.button-link-h__container___ZwzWB {
	padding: 4px;
}
.language-selector__icon {
	vertical-align: bottom !important;
}
.selectbox-h-child__container__popover___1Nedn {
		min-width: 101px;
	}
	.selectbox-h-child__container__item__text___1l4hX {
			padding-right: 25px;
		}
	.selectbox-h-child__container__item__activeIcon___dfKV9 {
			color: var(--icon-selected-color);
		}


.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;
		margin: auto;
		width: 420px;
		height: 100%;
		padding: 620px 40px 10px;
		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: 7px;
	}

@keyframes reveal {
	0% {
		opacity: 0;
	}

	70% {
		opacity: 0.25;
	}	
		
	100% {
		opacity: 1;
	}
}

.loginPanel {
	position: absolute;
	top: 47%;
	left: 50%;
	width: 372px;
	height: 201px;
	margin: -100.5px 0 0 -176.5px;
}

.loginPanel input {
		caret-color: var(--input-default-text-color);
	}

.loginPanel input:-webkit-autofill {
			-webkit-box-shadow: inset 0 0 0 1000px rgb(var(--selected-input-bg-color-rgb)),
					inset 0 0 0 1000px rgb(var(--input-default-bg-color-rgb)),
					inset 0 1px 0 0 rgb(var(--selected-input-bg-color-rgb)) !important;
			-webkit-text-fill-color: var(--input-default-text-color) !important;
		}

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

.loginPanel-pwchange .loginPanel--side-pwchange .loginPanel--title {
				margin: 0 40px 16px 40px;
			}

.loginPanel-pwchange .loginPanel--side-pwchange .loginForm--fieldset .loginForm--row .control--label {
					padding-left: 40px;
					padding-top: 20px;
				}

.loginPanel-pwchange .loginPanel--side-pwchange .loginForm--fieldset .loginForm--row .control--wrap {
					padding-right: 40px;
					padding-top: 12px;
				}

.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-top: 64px;
		margin-bottom: 32px;
		position: relative;
	}

.loginPanel--header--lang-selector {
			position: absolute;
			top: -40px;
			right: 40px;
		}

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

.loginPanel--title {
		font-size: 14px;
		vertical-align: -5px;
		font-weight: bold;
		margin-bottom: 16px;
	}

.loginPanel {
	transition: transform 500ms;
}

.loginPanel-security, .loginPanel-pwchange {
		transform: perspective(400px) 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);
		backface-visibility: hidden;
		background-image: linear-gradient(to bottom, var(--modal-window-bg-grad-1), var(--modal-window-bg-grad-2));
	}

.loginPanel--side > * {
				animation-name: reveal;
				animation-timing-function: ease-in-out;
				animation-duration: 0.5s;
		}

.loginPanel--side-security, .loginPanel--side-pwchange {
			transform: scaleX(-1);
		}

.loginPanel--side-backup {
			transform: rotateY(0deg);
		}

.loginPanel--title {
		color: var(--common-text-default);
	}

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

	^[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--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;
			}
.button-discardChanges {
  padding: 0;
  border: none;
  line-height: 3.05rem;
}

  .button-discardChanges .icon {
    margin-right: .3em;
    vertical-align: text-bottom;
    width: 16px;
    height: 16px;
  }

.button-discardChanges {
	background: none;
	transition: color var(--animation-default);
}

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

.button-discardChanges:hover span {
			color: var(--link-hovered-multiparts);
			transition: color 220ms ease-in;
		}

.button-discardChanges:active span {
			color: var(--link-pressed-multiparts);
		}

.button-discardChanges span {
		color: var(--link-default-multiparts);
		transition: color 220ms ease-out;
	}
.button-restoreDefault {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--link-default-multiparts);
	transition: color 200ms;
	vertical-align: baseline;
}

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

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

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

	.button-restoreDefault:hover .icon {
			fill: var(--link-hovered-multiparts);
		}

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

	.button-restoreDefault.button-disabled .icon, .button-restoreDefault.button-disabled:hover .icon, .button-restoreDefault.button-disabled:active .icon {
				fill: var(--link-pressed-multiparts);
			}

	.button-restoreDefault .icon {
		margin-right: 5px;
		vertical-align: text-bottom;
		width: 15px;
		height: 15px;
		fill: var(--link-default-multiparts);
		transition: fill 200ms;
	}
.copyright__copyright {
	float: left;
	width: 235px;
    font-size: 12px;
	text-align: left;
	color: var(--additional-text-color);
	position: relative;
    top: -4px;
}
.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;
}

	.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;
				z-index: 1;
			}

	.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--footer-reversed {
			display: flex;
			flex-direction: row-reverse;
			justify-content: space-between;
			align-items: center;
		}

	.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(--link-hovered-multiparts);
				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: var(--modal-window-bg-color);
				border-color: var(--modal-window-border-color);
			}

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

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

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

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

	.popup-error .messagePanel-error {
			max-height: 50px;
			text-align: center;
		}

	.popup-error .popup--errorMessage {
			padding: 15px 30px;
			max-height: 75px;
		}

	.popup-draggable .popup--header {
			cursor: move;
		}

	.popup-adaptive .drawingProperties {
			max-height: none;
		}

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

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

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

@keyframes popupShow {
	0% {
		opacity: 0;
		transform: translateY(-200px);
	}

	33% {
		opacity: 1;
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes popupHide {
	0% {
		opacity: 1;
		transform: translateY(0px);
	}

	33% {
		opacity: 0;
	}

	100% {
		opacity: 0;
		transform: translateY(-200px);
	}
}

@keyframes popupErrorBlink {
	0% {
		background-color: transparent;
	}

	100% {
		background-color: var(--message-wrong-bg-color);
	}
}

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

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

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

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

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

.popup .messagePanel {
		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;
		}
.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;
		}

	.popup-confirmationMessage .popup--content {
				width: 298px;
				font-size: 14px;
			}

	.popup-confirmationMessage .popup--inner {
				overflow: hidden;
				max-height: 550px;
			}

	.popup-confirmationMessage .popup--content {
				width: 295px;
			}
.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;
			}
.orderEntryConfirmation__container {
	color: var(--common-text-default);
}

.orderEntryConfirmation__intro {
	display: block;
	margin: 0 20px 4px 30px;
}

.orderEntryConfirmation__inner {
	max-height: 450px;
}

.orderEntryConfirmation__order {
	display: flex;
	padding: 10px 30px 0;
}

.orderEntryConfirmation__order:last-child .orderEntryConfirmation__description::after, .orderEntryConfirmation__order:last-child .orderEntryConfirmation__wrapper::after {
				content: none;
			}

.orderEntryConfirmation__order_parent {
		padding-left: 55px;
	}

.orderEntryConfirmation__order_parent .orderEntryConfirmation__wrapper:after {
			height: calc(100% - 5px);
			left: -16px;
			top: 25px;
		}

.orderEntryConfirmation__order_child {
		padding: 0;
		margin-top: 10px;
	}

.orderEntryConfirmation__order_child .orderEntryConfirmation__wrapper:after {
			height: calc(100% + 10px);
			left: -41px;
			top: 9px;
		}

.orderEntryConfirmation__order_child .orderEntryConfirmation__symbolIcon::before {
				content: '';
				position: absolute;
				width: 3px;
				height: 3px;
				margin-top: -1px;
				border-radius: 50%;
				top: 50%;
				left: -8px;
				background-color: #ae80ff;
			}

.orderEntryConfirmation__order_child .orderEntryConfirmation__symbolIcon::after {
				content: '';
				position: absolute;
				width: 8px;
				height: 1px;
				top: 50%;
				left: -16px;
				border-top: 1px solid;
				border-color: #ae80ff;
				border-left: none;
			}

.orderEntryConfirmation__order_osoChild .orderEntryConfirmation__symbolIcon:after,
		.orderEntryConfirmation__order_osoChild .orderEntryConfirmation__wrapper:after {
			border-color: #ffbb5c;
		}

.orderEntryConfirmation__order_osoChild .orderEntryConfirmation__symbolIcon:before {
			background-color: #ffbb5c;
		}

.orderEntryConfirmation__order_bracket .orderEntryConfirmation__order_child, .orderEntryConfirmation__order_oco .orderEntryConfirmation__order_child {
			margin-left: 25px;
		}

.orderEntryConfirmation__order_bracket .orderEntryConfirmation__order_child:first-child, .orderEntryConfirmation__order_oco .orderEntryConfirmation__order_child:first-child {
				margin-top: 0;
			}

.orderEntryConfirmation__order_bracket .orderEntryConfirmation__symbolIcon_parent svg, .orderEntryConfirmation__order_oco .orderEntryConfirmation__symbolIcon_parent svg {
				display: none;
			}

.orderEntryConfirmation__order_oco .orderEntryConfirmation__symbolIcon:after,
		.orderEntryConfirmation__order_oco .orderEntryConfirmation__wrapper:after {
			border-color: #80d7ff;
		}

.orderEntryConfirmation__order_oco .orderEntryConfirmation__symbolIcon:before {
			background-color: #80d7ff;
		}

.orderEntryConfirmation__symbolIcon {
	display: inline-block;
	width: 18px;
	height: 14px;
	margin-top: 2px;
	margin-right: 7px;
	position: relative;
}

.orderEntryConfirmation__symbolIcon_parent {
		position: absolute;
		left: 30px;
	}

.orderEntryConfirmation__symbolIcon .icon {
			width: 18px;
			height: 14px;
		}

.orderEntryConfirmation__summary {
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
}

.orderEntryConfirmation__wrapper {
	position: relative;
}

.orderEntryConfirmation__wrapper::after {
		content: '';
		position: absolute;
		width: 1px;
		border-left: 1px solid;
		border-color: #ae80ff;
	}

.orderEntryConfirmation__description {
	margin-left: 10px;
	line-height: 1.43;
}


.orderEntryConfirmation__title {
	color: var(--additional-text-color-2);
	margin-right: 4px;
}

.orderEntryConfirmation__value_positive {
		color:  var(--positive-text-color);
	}

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

.mobile .orderEntryConfirmation__container {
		font-size: 18px;
	}

.mobile .orderEntryConfirmation__inner {
		max-height: 325px;
	}

.orderEntryConfirmation__delimeter {
	color: var(--at-text-color-2);
}
.popup-orderEntryConfirmation .popup--content {
			box-sizing: border-box;
			width: 350px;
			padding: 20px 0 16px;
		}
		.popup-orderEntryConfirmation .popup--footer {
			text-align: right;
		}
.mobile .popup-orderEntryConfirmation .popup--content {
				width: 100%;
			}
.list--itemGroup > ul {
			display: none;
		}
		.list--itemGroup.list--itemGroup-opened > ul {
				display: block;
			}
	.list--itemGroupHeader {
		font-weight: normal;
	}
.list--itemGroupHeader {
	display: block;
}

.list .list--item-level0 {
	padding-left: 0;
}

.list .list--itemGroup-level0 .list--itemGroupHeader {
	padding-left: 0;
}

.list .list--item-level1 {
	padding-left: 24px;
}

.list .list--itemGroup-level1 .list--itemGroupHeader {
	padding-left: 24px;
}

.list .list--item-level2 {
	padding-left: 48px;
}

.list .list--itemGroup-level2 .list--itemGroupHeader {
	padding-left: 48px;
}

.list .list--item-level3 {
	padding-left: 72px;
}

.list .list--itemGroup-level3 .list--itemGroupHeader {
	padding-left: 72px;
}

.list .list--item-level4 {
	padding-left: 96px;
}

.list .list--itemGroup-level4 .list--itemGroupHeader {
	padding-left: 96px;
}

.list .list--item-level5 {
	padding-left: 120px;
}

.list .list--itemGroup-level5 .list--itemGroupHeader {
	padding-left: 120px;
}

.list .list--item-level6 {
	padding-left: 144px;
}

.list .list--itemGroup-level6 .list--itemGroupHeader {
	padding-left: 144px;
}

.list .list--item-level7 {
	padding-left: 168px;
}

.list .list--itemGroup-level7 .list--itemGroupHeader {
	padding-left: 168px;
}

.list .list--item-level8 {
	padding-left: 192px;
}

.list .list--itemGroup-level8 .list--itemGroupHeader {
	padding-left: 192px;
}

.list .list--item-level9 {
	padding-left: 216px;
}

.list .list--itemGroup-level9 .list--itemGroupHeader {
	padding-left: 216px;
}

.list .list--item-level10 {
	padding-left: 240px;
}

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

.list--item.draggable--dragging {
			background: var(--complex-list-dragged-item-bg-color);
			box-shadow: inset 0 1px 0 var(--shadow-color);
		}

.list--item.draggable--dragged::after {
				border-color: var(--complex-list-dragged-item-border-color);
			}
.list.draggable--dropTarget .list--item::before {
				display: block;
			}
.selector--itemGroup .list--itemGroupHeader {
			cursor: pointer;
			margin: 4px 0;
			padding-top: 2px;
			padding-bottom: 2px;
			padding-right: 4px;
		}
			.selector--itemGroup .list--itemGroupHeader:hover .selector--groupArrow .icon {
						fill: var(--link-hovered-multiparts);
					}
			.selector--itemGroup .list--itemGroupHeader:hover .selector--groupText {
					color: var(--link-hovered-multiparts);
				}
	.selector--groupArrow {
		--icon-size: 8px;

		display: inline-block;
		margin-right: 4px;
		width: var(--icon-size);
		height: var(--icon-size);
		vertical-align: -25%;
		padding-left: 6px;
	}
	.selector--groupArrow .icon {
			width: var(--icon-size);
			height: var(--icon-size);
			fill: var(--modal-window-text-color);
		}
	.selector em {
		color: var(--common-text-selected);
		font-style: normal;
	}
.selector {
	height: 100%;
	width: 612px;
}

	.selector-columns .selector--bodyColumn {
			width: 55%;
		}

	.selector-columns .selector--bodyColumn:first-child {
				width: 45%;
			}

	.selector--body {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}

	.selector--body:after {
			content: '';
			position: absolute;
			left: -1px;
			right: -1px;
			top: -1px;
			bottom: 59px;
			z-index: 1;
			background: var(--input-default-bg-color);
			border: 1px solid var(--input-default-border-outside-color);
		}

	.selector--header {
		width: 100%;
		font-size: var(--table--cell-head-font-size);
		line-height: 18px;
		font-weight: 500;
		box-sizing: border-box;
		background: var(--table-header-bg-color);
		border-bottom: 1px solid var(--shadow-color);
		color: var(--table-column-text-header-color);
		text-align: center;
	}

	.selector--bodyColumn {
		position: relative;
		z-index: 2;
		float: left;
		height: 100%;
		width: 50%;
		overflow: hidden;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
	}

	.selector--bodyColumn:last-child > .selector--list {
				border-left: 1px solid var(--line-color);
			}

	.selector--list {
		line-height: 16px;
		flex-grow: 1;
		height: calc(100% - 79px); /*Only needed for safari*/
	}

	.selector--filter + .selector--list {
		margin-top: 13px;
		height: calc(100% - 133px); /*Only needed for safari*/
	}

	.selector--filter:not(input) {
		margin-top: 14px;
		padding: 0 7px;
		width: 100%;
		box-sizing: border-box;
	}

	.selector--filter:not(input) > .control--wrap {
			width: 100%;
		}

	.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--button:hover::before {
				background: transparent;
			}

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

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

	.selector--button:disabled,
		.selector--button[disabled] {
			background-color: transparent;
			box-shadow: none;
		}

	.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.draggable--dropAfterTarget::before {
				top: auto;
				bottom: -5px;
			}

	.selector--item-withControls .selector--itemText {
					max-width: 50%;
				}

	.selector--item-withControls .selector--itemControls {
					height: auto;
					display: block;
					position: absolute;
					top: 50%;
					right: 28px;
					transform: translateY(-50%);
				}

	.selector--item-withControls .selector--itemControls .control {
						margin-left: 5px;
					}

	.selector--item-withControls .selector--itemControls .control-truncate {
							max-width: 135px;
						}

	.selector--item-withControls .selector--itemControls .control:first-child {
							margin-left: 0;
						}

	.selector--item-withControls .selector--itemControls .selectBox--label {
						min-width: 0;
					}

	.selector--item.draggable--dragging {
			z-index: 100;
			background-color: var(--draggable-item-dragging-bg-color);
			box-shadow: none;
			list-style-type: none;
		}

	.selector--itemIcon {
		position: absolute;
		right: 4px;
		top: 50%;
		transform: translateY(-50%);
		width: 15px;
		height: 15px;
	}

	.selector--itemIcon .icon {
			width: 15px;
			height: 15px;
		}

	.selector--itemText {
		display: inline-block;
		padding-left: 6px;
	}

	.selector .selectBox--label {
		line-height: 19px;
	}

.selector--control .button .icon {
				fill: var(--link-default-multiparts);
			}

.selector--control .button:hover .icon {
					fill: var(--link-hovered-multiparts);
				}

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

.selector--list-chooseTo .draggable--dragged .selector--itemText,
					.selector--list-chooseTo .draggable--dragged .selector--itemIcon {
						opacity: 0;
						visibility: hidden;
					}

.selector--item.draggable--dropAfterTarget::before, .selector--item.draggable--dropTarget::before {
				background: linear-gradient(to bottom, transparent 0, transparent 1px, var(--drop-area-highlight-color) 1px, var(--drop-area-highlight-color) 2px, var(--drop-area-border-color) 2px, var(--drop-area-border-color) 3px, var(--drop-area-highlight-color) 3px, var(--drop-area-highlight-color) 4px, transparent 4px, transparent 5px) no-repeat;
			}

.selector--item:hover .selector--itemIcon {
					fill: var(--icon-primary-default-color);
				}

.selector--item:hover .selector--itemIcon:hover {
						fill: var(--link-hovered-multiparts);
					}

.selector--item:hover .selector--itemText {
					color: var(--link-hovered-multiparts);
				}

.selector--item-selected {
			background: var(--list-item-selected-bg-color);
		}

.selector--item-selected .selector--itemIcon {
					fill: var(--icon-secondary-default-color);
				}

.selector--itemIcon {
		fill: var(--table-icon-default-color);
	}

.selector em {
		color: var(--common-text-selected);
		font-style: normal;
	}
.mobile .selector {
		width: 100%;
	}

		.mobile .selector-columns .selector--bodyColumn {
				width: 100%;
			}

		.mobile .selector-columns .selector--bodyColumn:first-child {
					width: 100%;
				}

		.mobile .selector--bodyColumn {
			float: none;
			border-left: 0;
			border-top: 1px solid var(--line-color);
			height: 50%;
		}

		.mobile .selector--bodyColumn:first-child {
				border-top: 0;
			}

		.mobile .selector--bodyColumn .control--wrap,
			.mobile .selector--bodyColumn .control-textInput {
				width: 100%
			}
.popup-selector .popup--content {
			padding: 30px 30px 0;
			height: 456px;
			overflow: hidden;
		}
		.popup-selector .popup--footer {
			text-align: right;
		}
		.popup-selector .popup--buttons .button-restoreDefault {
				float: left;
			}
	.popup-selector :global .selector--bodyColumn {
			width: 50%;
		}
	.popup-selector :global .selector--bodyColumn:first-child {
				width: 50%;
			}
.mobile .popup-selector .popup--buttons .button-restoreDefault {
			width: 100%;
			text-align: left;
			margin-bottom: 10px;
		}
		.mobile .popup-selector .selector--bodyColumn {
			width: 100%;
		}
		.mobile .popup-selector .selector--bodyColumn:first-child {
				width: 100%;
			}
		.mobile .popup-selector .popup--content {
			height: 338px;
		}
.button-removeItem,
.button-addItem {
	border: none;
	transition: color var(--animation-fast);
	background: none;
	margin-top: 1px;
}

	.button-removeItem:hover .icon, .button-addItem:hover .icon {
			fill: var(--link-hovered-multiparts);
			transition: fill 220ms ease-in;
		}

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

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

	.button-removeItem::before, .button-addItem::before {
		transition: opacity var(--animation-default);
	}

	.button-removeItem .icon, .button-addItem .icon {
		width: 25px;
		height: 25px;
		fill: var(--icon-contextual-primary-default-color);
		transition: fill 220ms ease-out;
	}

.indicator__item {
	padding: 6px 7px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

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

	.indicator__item:hover .indicator__buttonRemove {
			display: block;
		}

	.indicator__item_selected {
		background-color: var(--list-item-selected-bg-color);
	}

	.indicator__item_selected:hover {
			background-color: var(--list-item-selected-bg-color);
		}

	.indicator__item_selected.indicator__item .indicator__buttonRemove {
				display: block;
			}

	.indicator__item .indicator__buttonRemove {
		display: none;
	}

.indicator__iconWrap {
	margin-right: 7px;
}

.indicator__iconWrap .icon {
			width: 11px;
			height: 6px;
			fill: var(--icon-secondary-default-color);
			vertical-align: middle;
		}

.indicator__iconWrap .icon-indicator-up {
				margin-top: -2px;
			}

.indicator__title {
	color: var(--table-text-color);
}

.indicator__properties {
	margin-left: 10px;
	flex-grow: 1;
	color: var(--studies-parameters-text);
}

.indicator__buttonRemove {
	width: 11px;
	height: 11px;
}

.indicator__buttonRemove .icon {
			fill: var(--icon-secondary-default-color);
            pointer-events: all;
		}

.indicator__buttonRemove .icon:hover {
				fill: var(--icon-secondary-hovered-color);
			}

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

.indicator__item{
		position: relative;
	}

.indicator__item.draggable--added {
				cursor: default;

			}

.indicator__item.draggable--added, .indicator__item.draggable--added:hover {
					background: transparent;
				}

.indicator__item.draggable--added .indicator__title {
						color: var(--common-text-disabled);
					}

.indicator__item.draggable--dropTarget::before {
					content: '';
					position: absolute;
					left: 0;
					right: 0;
					height: 1px;
					bottom: -4px;
					border-top: 3px solid;
					border-bottom: 3px solid;
					background-clip: padding-box;
					border-color: var(--drop-area-highlight-color);
					background-color: var(--drop-area-border-color);
				}

.indicator__item.draggable--dragging {
				width: 257px;
				margin-bottom: 0;
				background-color: var(--draggable-item-dragging-bg-color);
				list-style: none;
				position: absolute;
				left: 0;
				top: 0;
				z-index: 110;
			}

.indicatorSelector__container {
	display: flex;
}

.indicatorSelector__column:first-child {
		padding-right: 30px;
		position: relative;
	}

.indicatorSelector__column:first-child::after {
			background: var(--line-color);
			content: "";
			position: absolute;
			right: 0;
			top: -9px;
			bottom: -9px;
			width: 1px;
		}

.indicatorSelector__column:last-child {
		padding-left: 30px;
	}

.indicatorSelector__title {
	margin: 0 0 14px;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0.7px;
	text-transform: uppercase;
}

.indicatorSelector__listWrapper {
	width: 266px;
	margin-bottom: 10px;
	background-color: var(--input-default-bg-color);
	border: 1px solid var(--input-default-border-outside-color);
}

.indicatorSelector__listWrapper .indicatorSelector__indicatorList {
		height: 375px;
	}

.indicatorSelector__listWrapper .control-textInput {
			width: 100%;
		}

.indicatorSelector__filter {
	display: block;
	margin: 14px 8px;
}

.indicatorSelector__buttonWrapper {
	width: 100%;
	text-align: center;
	position: relative;
}

.indicatorSelector__tip {
	color: var(--input-placeholder-text-color);
	position: absolute;
	left: 0;
	top: 4px;
}

.indicatorSelector__addedHeader {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

.indicatorSelector__addedButton {
		border: none;
		box-shadow: none;
		padding: 0;
		color: var(--link-default-multiparts);
	}

.indicatorSelector__addedButton,
		.indicatorSelector__addedButton:hover,
		.indicatorSelector__addedButton:active {
			background-color: transparent;
		}

.indicatorSelector__addedButton:hover {
			color: var(--link-hovered-multiparts);
		}

.indicatorSelector__addedContainer {
		width: 610px;
		height: 147px;
		position: relative;
		background-color: var(--input-default-bg-color);
		border: 1px solid var(--input-default-border-outside-color);
		margin-bottom: 40px;
	}

.indicatorSelector__addedContainer .scrollable--content {
				min-height: 100%;
			}

.indicatorSelector__addedPlaceholder {
		color: var(--input-placeholder-text-color);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.indicatorSelector__settings {
	position: relative;
}

.indicatorSelector__settings::after {
		content: "";
		position: absolute;
		width: 100%;
		left: 0;
		height: 1px;
		top: -20px;
		background-color: var(--line-color);
	}

.indicatorSelector__settings:last-child {
		margin-bottom: 0;
	}

.indicatorSelector__settingsBlock {
		margin-bottom: 5px;
	}

.indicatorSelector__settingsTitle {
		margin-bottom: 10px;
		font-size: 10px;
		font-weight: normal;
		letter-spacing: 0.7px;
		color: var(--form-hint-color);
		text-transform: uppercase;
	}

.indicatorSelector__settingsRow {
		display: flex;
		flex-wrap: wrap;
		max-width: 612px;
		margin-right: -35px;
	}

.indicatorSelector__settingsRow:last-of-type {
			margin-bottom: 5px;
		}

.indicatorSelector__settingsColorPickerWrap {
		position: relative;
	}

.indicatorSelector__settingsColorPickerWrap_multi .control-colorPicker ~ .control-colorPicker {
					padding-top: 0;
				}

.indicatorSelector__settingsControl {
		display: flex;
		align-items: flex-end;
		width: 110px;
		margin-right: 35px;
		margin-bottom: 10px;
	}

.indicatorSelector__settingsControl .selectBox--label {
				max-width: 110px;
			}

.indicatorSelector__settingsControl_postfix {
			justify-content: space-between;
			position: relative;
			align-items: flex-start;
			padding-top: 15px;
		}

.indicatorSelector__settingsControl_postfix .control-numericStepper {
					width: auto;
				}

.indicatorSelector__settingsControl_postfix .control-numericStepper .numericStepper {
						width: 72px;
					}

.indicatorSelector__settingsControl_postfix .control-numericStepper .numericStepper--input input[type="text"] {
								min-width: auto;
							}

.indicatorSelector__settingsControl_postfix .control-numericStepper .control--postfix {
						left: calc(100% + 5px);
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
					}

.indicatorSelector__settingsControl_postfix .control-colorPicker {
					width: 45px;
					margin-bottom: 5px;
					margin-top: 1px;
				}

.indicatorSelector__settingsControl_postfix .control-colorPicker .colorPicker--value {
						width: 17px;
						height: 17px;
						margin-left: 3px;
						top: -1px;
					}

.indicatorSelector__settingsControl_postfix .control-colorPicker .colorPicker--label .button {
						height: 24px;
						width: 45px;
					}

.indicatorSelector__settings .control--label {
				position: absolute;
				left: 0;
				top: 0;
				white-space: nowrap;
			}

.indicatorSelector__settings .control-colorPicker {
				margin-right: 5px;
			}

.indicatorSelector__settings .control-numericStepper {
				width: 100%;
			}

.indicatorSelector__settings .control-numericStepper .numericStepper {
					width: 100%;
				}

.indicatorSelector__settingsScrollableWrapper {
	height: 223px;
}

.indicatorSelector__entityLabel {
	position: absolute;
    left: 0;
    top: -3px;
    white-space: nowrap;
	color: var(--label-color);
}

.mobile .indicatorSelector__column:first-child {
			padding-right: 0;
		}

.mobile .indicatorSelector__column:first-child::after {
				display: none;
			}

.mobile .indicatorSelector__column:last-child {
			display: none;
		}

.mobile .indicatorSelector__listWrapper .indicatorSelector__indicatorList {
			height: 240px;
		}
.popup-chartEditStudies .popup--footer {
			text-align: right;
		}
	.popup-chartEditStudies .chartEditStudies {
		width: auto;
	}
	.popup-chartEditStudies .chartEditStudies .columns--column {
			padding-left: 0;
		}
	.popup-chartEditStudies .chartEditStudies h3 {
			margin: 0 0 10px;
			line-height: 21px;
			font-weight: normal;
		}
	.popup-chartEditStudies .chartEditStudies h4 {
			margin: 0 0 8px;
			font-weight: normal;
		}
	.popup-chartEditStudies .chartEditStudies h4 .icon {
				width: 8px;
				height: 8px;
				margin: 4px 6px 0;
			}
	.popup-chartEditStudies .chartEditStudies h4 span {
				border-bottom: 1px dashed;
			}
	.popup-chartEditStudies .chartEditStudies .control-textInput {
				width: 100%;
			}
	.popup-chartEditStudies .chartEditStudies .control--label {
				display: inline-block;
				width: calc(100% + 16px);
				position: relative;
				white-space: normal;
				word-wrap: break-word;
			}
	.popup-chartEditStudies .chartEditStudies .control--label label {
					width: 100%;
					display: inline-block;
					padding-bottom: 4px;
				}
	.popup-chartEditStudies .chartEditStudies .control--postfix {
				display: inline-block;
				margin-left: 5px;
			}
	.popup-chartEditStudies .studySettings {
		height: 200px;
		padding-top: 5px;
	}
	.popup-chartEditStudies .controlGroup-studySettings {
		padding-left: 20px;
		font-size: 1.1rem;
	}
	.popup-chartEditStudies .controlGroup-studySettings .controlGroup--item {
			margin: 0 9px 5px 0;
			display: inline-block;
		}
	.popup-chartEditStudies .controlGroup-studySettings .control--label label {
				width: 70px;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
	.popup-chartEditStudies .controlGroup-studySettings .control--wrap .selectBox {
				display: inline-block;
				vertical-align: middle;
			}
.mobile .popup-chartEditStudies .popup--content {
				padding: 8px 25px;
				box-sizing: border-box;
			}
.columns {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	zoom: 1;
}

	.columns::before,
	.columns::after {
		content: "";
		display: table;
	}

	.columns::after {
		clear: both;
	}

	.columns--column {
		float: left;
		box-sizing: border-box;
		padding-left: 20px;
		width: 100%;
		height: 100%;
	}

	.columns--column:first-child {
			padding-left: 0;
		}

	.columns--column-hidden {
			display: none;
		}

	.columns--subColumn {
		padding-left: 25px;
	}

	.columns-between .columns--column {
				padding: 0 10px;
			}
.form {
	position: relative;
}

	.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--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);
		}
.tab {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

	.tab--close {
		display: inline-block;
		vertical-align: middle;
	}

	.tab--close.button-icon {
			width: auto;
			height: auto;
			margin-right: -4px;
			margin-left: 10px;
		}

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

	.tab-selected,
	.tab-selected .link-pseudo {
		cursor: default;
	}

	.tab-selected {
		font-weight: bold;
	}

	.tab .link-pseudo {
		text-decoration: none;
	}

	.tab .link-pseudo .icon {
			margin: 5px 0 5px 5px;
			width: 9px;
			height: 9px;
		}

.tab .link-pseudo {
		color: inherit;
	}

.tab .link-pseudo .icon {
			fill: rgba(var(--common-text-default-rgb), 0.5);
		}
.tabContent {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

	.tabContent-visible {
		z-index: 1;
	}

	.tabContent-messages .messages--groupTitle {
				text-align: left;
			}

.tabContent {
	transition: opacity var(--animation-fast);
	background-color: inherit;
	opacity: 0;
}

.tabContent-visible {
		opacity: 1;
	}

.tabContent-fundamentals .plate--info,
			.tabContent-fundamentals .plate--actions,
			.tabContent-marketInfo .plate--info,
			.tabContent-marketInfo .plate--actions {
				background-color: transparent;
			}

.tabContent-iframe {
		background: var(--iframe-bg-color);
	}
.tabPanel {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	white-space: nowrap;
}

	.tabPanel-primary {
		font-size: 1.3rem;
		position: relative;
		width: 100%;
		padding-bottom: 4px;
		padding-left: 9px;
		padding-right: 9px;
		box-sizing: border-box;
	}

	.tabPanel-primary::after {
			content: '';
			position: absolute;
			left: 0;
			bottom: 0;
			display: block;
			width: 100%;
			height: 1px;
		}

	.tabPanel-primary .tab:not(:last-of-type) {
				margin-right: 1px;
			}

	.tabPanel-primary .tab.tab-selected {
				font-weight: bold;
			}

	.tabPanel-primary .tab-add {
				position: relative;
				width: 42px;
			}

	.tabPanel-primary .tab-add .link-pseudo {
					display: block;
					font-size: 20px;
					text-indent: 101%;
					white-space: nowrap;
					overflow: hidden;
				}

	.tabPanel-primary .tab-add .icon {
					position: absolute;
					top: 7px;
					left: 9px;
					width: 9px;
					height: 9px;
				}

	.tabPanel-primary .tab-selected .tab--inner::before {
							left: 0;
							top: auto;
							bottom: -4px;
							display: block;
							height: 3px;
							width: 100%;
							transform: rotate(0deg);
						}

	.tabPanel-primary .tab--inner {
				position: relative;
				display: block;
				border-width: 1px 0 0;
				border-radius: 1px 1px 0 0;
				padding-left: 10px;
				padding-right: 10px;
				font-size: 12px;
				font-weight: 500;
			}

	.tabPanel-primary .tab--inner::before {
					content: '';
					width: 5px;
					height: 250%;
					position: absolute;
					left: -5px;
					top: 0;
					border-style: solid;
					border-width: 0 0 0 1px;
					transform: rotate(9deg);
					display: none;
					transition: all 220ms ease-out;
				}

	.tabPanel-primary .tab .link-pseudo {
				z-index: 1;
				line-height: 24px;
			}

	.tabPanel--border {
		position: absolute;
		bottom: 0;
		left: 9px;
		width: 64px;
		height: 3px;
		z-index: 2;
	}

	.tabPanel-secondary {
		box-sizing: border-box;
		height: 24px;
	}

	.tabPanel-secondary .tab {
			margin: 2px 0 0 1px;
			padding: 0 10px;
			height: 20px;
			border-radius: 2px 2px 0 0;
		}

	.tabPanel-secondary .tab:first-child {
				margin-left: 1px;
			}

	.tabPanel-secondary .tab-editMode {
				padding: 0;
			}

	.tabPanel-secondary .tab-editMode .control-textInput input {
						height: 20px;
						line-height: 20px;
					}

	.tabPanel-secondary .tab-editMode .tab--close {
					display: none;
				}

	.tabPanel-secondary .tab .link-pseudo {
				line-height: 20px;
			}

.tabPanel .tab,
		.tabPanel .tab--inner,
		.tabPanel .tab--inner:after,
		.tabPanel .tab--inner:before {
			transition: background-color var(--animation-fast);
		}

.tabPanel .tab--close {
			visibility: hidden;
		}

.tabPanel .tab--close .icon {
				fill: var(--tab-close-icon-color);
				transition: fill 220ms ease-out;
			}

.tabPanel .tab--close:hover .icon {
					fill: var(--link-hovered-multiparts);
					transition: fill 220ms ease-in;
				}

.tabPanel .tab--close:active .icon {
					fill: var(--link-pressed-multiparts);
				}

.tabPanel .tab-selected .tab--close {
				visibility: visible;
			}

.tabPanel .tab-add .icon {
				fill: var(--tab-text-color);
				transition: fill 220ms ease-out;
			}

.tabPanel .tab-add:hover .icon {
					fill: var(--primary-tab-hover-text-color);
					transition: fill 220ms ease-in;
				}

.tabPanel--border {
		background-color: var(--tab-selected-line-color);
		transition: width 0.22s ease-in, left 0.22s ease-in;
	}

.tabPanel-primary::after {
			background-color: var(--line-color-2);
		}

.tabPanel-primary .tab:hover .tab--inner {
					color: var(--primary-tab-hover-text-color);
					transition: background-color 220ms ease-in, border-color 220ms ease-in, color 220ms ease-in;
				}

.tabPanel-primary .tab:hover .tab--inner::before {
						background-color: var(--tab-selected-line-color);
					}

.tabPanel-primary .tab-selected .tab--inner, .tabPanel-primary .tab-selected:hover .tab--inner {
						color: var(--primary-tab-selected-text-color);
						transition: background-color 220ms ease-in, border-color 220ms ease-in, color 220ms ease-in;
					}

.tabPanel-primary .tab-selected .tab--inner::before, .tabPanel-primary .tab-selected:hover .tab--inner::before {
							border-color: transparent;
							background-color: var(--tab-selected-line-color);
						}

.tabPanel-primary .tab--inner {
				color: var(--primary-tab-text-color);
			}

.tabPanel-primary .tab--inner::after {
					box-shadow: 2px 0 1px var(--primary-tab-shadow-color);
				}

.tabPanel-secondary .tab {
			background-color: var(--tab-bg-color);
			box-shadow: inset 1px 1px var(--tab-border-color), inset -1px 0 var(--tab-border-color);
			color: var(--tab-text-color);
			transition: box-shadow 220ms ease-in;
		}

.tabPanel-secondary .tab:hover,
			.tabPanel-secondary .tab:active {
				background-color: var(--tab-hover-bg-color);
				color: var(--tab-hover-text-color);
				transition: background-color 220ms ease-in, color 220ms ease-in;
			}

.tabPanel-secondary .tab-selected,
				.tabPanel-secondary .tab-selected:hover,
				.tabPanel-secondary .tab-selected:active {
					background-color: var(--tab-selected-bg-color);
					box-shadow: none;
					color: var(--tab-selected-text-color);
					transition: background-color 220ms ease-in, color 220ms ease-in;
				}
.tabs {
	display: inline-block;
	vertical-align: bottom;
}
.slider-wrapper__handler {
  height: 20px;
}

.slider-wrapper__rail {
  border: none;
  height: 8px;
}

.slider-wrapper__value {
  color: var(--form-label-text-color);
  font-size: 14px;
  margin-left: 5px;
  width: 17px;

  display: inline-block;
  vertical-align: middle;
  width: 17px;
  margin-left: 5px;
  text-align: left;
}

.slider-wrapper__label {
  display: block;
  padding-bottom: 2px;
  font-size: 14px;
  color: var(--form-label-text-color);
}

.slider-wrapper__inner {
  display: inline-block;
  vertical-align: middle;
  padding: 4px 0;
  white-space: nowrap;
}

.slider-wrapper__inner:hover {
    cursor: pointer;
  }

.slider-wrapper__container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.period__item {
	position: relative;
	display: flex;
	line-height: 26px;
	padding-left: 9px;
	cursor: pointer;
}

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

	.period__item:hover .period__controls {
			visibility: visible;
		}

	.period__item_custom:before {
			content: '';
			position: absolute;
			top: 50%;
			left: 10px;
			transform: translateY(-50%);
			width: 4px;
			height: 4px;
			border-radius: 50%;
			background: var(--icon-contextual-primary-default-color);
		}

.period__interval {
	width: 29px;
}

.period__dateRange:before {
		content: ':';
		margin-right: 2px;
	}

.period__controls {
	position: absolute;
	right: 7px;
	display: flex;
	align-items: center;
    height: 100%;
	visibility: hidden;
}

.period__controls .button + .button {
			margin-left: 3px;
		}

.period__controls .icon {
			width: 12px;
			height: 12px;
			fill: var(--icon-contextual-primary-default-color);
		}

.period__controls .button:hover .icon {
					fill: var(--link-hovered-multiparts);
				}
.chartSettingsTimeFrame__container {
	display: flex;
	height: 100%
}

.chartSettingsTimeFrame__leftColumn,
.chartSettingsTimeFrame__rightColumn {
	padding: 15px 30px 0; 
}

.chartSettingsTimeFrame__rightColumn {
	flex-grow: 1;
}

.chartSettingsTimeFrame__leftColumn {
	border-right: 1px solid var(--line-color);
}

.chartSettingsTimeFrame__leftColumn .button-link {
			margin-top: 14px;
		}

.chartSettingsTimeFrame__titleColumn {
	text-transform: uppercase;
}

.chartSettingsTimeFrame__placeholder {
	margin-top: 17px;
	margin-bottom: 6px;
	color: var(--common-text-default);
}

.chartSettingsTimeFrame__selectorWrapper {
	height: calc(100% - 80px);
    width: 175px;
	background-color: var(--input-default-bg-color);
    border: 1px solid var(--input-default-border-outside-color);
	margin-top: 9px;
}

.chartSettingsTimeFrame__selector{
	padding: 3px 0;
}

.chartSettingsTimeFrame__selector .period__item {
			padding-left: 19px;
		}

.chartSettingsTimeFrame__controls {
	margin-top: 20px;
	padding-bottom: 17px;
	border-bottom: 1px solid var(--line-color);
}

.chartSettingsTimeFrame__controls .control + .control {
			margin-left: 16px;
		}

.chartSettingsTimeFrame__controls .control--label {
			display: block;
			margin-bottom: 6px;
		}

.chartSettingsTimeFrame__controls .control-selectBox .control--wrap,
		.chartSettingsTimeFrame__controls .comboBox {
			width: 70px;
		}

.chartSettingsTimeFrame__controls .control-comboBox .control--postfix {
				margin: auto 6px;
			}

.chartSettingsTimeFrame__buttons {
	margin-top: 16px;
	text-align: right;
}

.chartSettingsTimeFrame__buttons .button {
			font-size: 14px;
		}

.chartSettingsTimeFrame__buttons .button + .button {
			margin-left: 8px;
		}

.dropDown-selectBox-timeFrame .dropDown--option-selected .dropDown--selectedIcon{
		display: none;
	}
.chartSettings {
	width: 623px;
}

	.chartSettings .checkBox--view, .chartSettings .radioButton--view {
			margin-right: 0.5em;
		}

	.chartSettings h3 {
		padding: 22px 30px 9px;
		font-weight: normal;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 0.8px;
	}

	.chartSettings h4 {
		margin-bottom: 7px;
		font-size: 12px;
		font-weight: normal;
	}

	.chartSettings--content {
		position: relative;
		height: 499px;
	}

	.chartSettings .form--fieldset {
		padding: 0 30px 32px;
	}

	.chartSettings .control {
		line-height: 17px;
		font-size: 14px;
	}

	.chartSettings .control-numericStepper {
			width: auto;
		}

	.chartSettings .control-numericStepper .numericStepper {
				width: 100px;
			}

	.chartSettings .control-numericStepper .numericStepper--input input[type="text"] {
						min-width: auto;
					}

	.chartSettings .control-numericStepper .control--postfix {
				margin-left: 5px;
			}

	.chartSettings .control--postfix,
		.chartSettings .control--label {
			font-size: 14px;
		}

	.chartSettings .control-colorPicker .control--wrap {
				white-space: nowrap;
				align-items: center;
			}

	.chartSettings .control-colorPicker .control--postfix {
				margin-left: 8px;
			}

	.chartSettings--colors .columns .columns--column {
				width: 25%;
			}

	.chartSettings--colors .columns .columns--column li {
					margin-top: .8rem;
				}

	.chartSettings--colors .columns .columns--column li:first-child .control {
						margin-top: 0;
					}

	.chartSettings--switchers .columns--column {
			width: 32%;
			padding-left: 0;
		}

	.chartSettings--switchers .control {
			display: block;
		}

	.chartSettings--switchers .columns--subColumn:not(:first-child), .chartSettings--switchers .control:not(:first-child) {
				margin-top: 8px;
			}

	.chartSettings--switchers .columns--subColumn:not(:last-child) {
			margin-bottom: 17px;
		}

	.chartSettings .tabPanel {
		width: 100%;
		margin-top: 15px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

	.chartSettings .tab .link-pseudo {
			font-size: 12px;
			line-height: 23px;
			font-weight: normal;
		}

	.chartSettings--sessionBreaks {
		margin-bottom: 10px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

	.chartSettings--sessionBreaks.form--fieldset {
			padding-top: 10px;
		}

	.chartSettings--sessionBreaks .control--label {
			display: block;
			padding-bottom: 4px;
		}

	.chartSettings--sessionBreaks .chartSettings--controlListItem:nth-child(2) {
				margin-top: 10px;
				margin-left: 20px;
			}

	.chartSettings--sessionBreaks .chartSettings--controlListItem:nth-child(2) .control:first-child {
						margin-right: 8px;
					}

	.chartSettings--sessionBreaks .chartSettings--controlListItem:nth-child(2) .control:nth-child(2) {
						margin-right: 20px;
					}

	.chartSettings--extendedHours .control--label {
			display: block;
			padding-bottom: 4px;
		}

	.chartSettings--extendedHours .chartSettings--controlListItem:nth-child(2) {
				margin-top: 10px;
				margin-left: 20px;
			}

	.chartSettings--extendedHours .chartSettings--controlListItem:nth-child(2) .control:last-child {
						margin-left: 81px;
					}

	.chartSettings--paddings.form--fieldset {
			padding-top: 10px;
		}

	.chartSettings--paddings .control--label {
			display: block;
			padding-bottom: 4px;
		}

	.chartSettings--paddings .chartSettings--controlListItem:nth-child(n+2) {
				margin-top: 10px;
				margin-left: 20px;
			}

.chartSettings h3 {
		box-shadow: 0 -1px var(--line-color);
		color: var(--form-title-text-color);
	}

.chartSettings h3:first-child {
			box-shadow: none;
		}

.chartSettings h4 {
		color: var(--form-subtitle-text-color);
	}

.chartSettings .radioButton--label,
	.chartSettings .checkBox--label {
		color: var(--form-label-text-color);
	}

.chartSettings .control--postfix,
		.chartSettings .control--label {
			color: var(--form-label-text-color);
		}

.chartSettings .control-colorPicker .control--postfix {
				color: var(--form-label-text-color);
			}

.chartSettings .form--fieldset-secondary {
		box-shadow: none;
	}

.chartSettings .tabPanel {
		border-bottom-color: var(--line-color);
	}

.chartSettings--sessionBreaks {
		border-bottom-color: var(--line-color);
	}

.mobile .chartSettings {
		width: 100%;
		padding-bottom: 0;
	}

		.mobile .chartSettings--content {
			height: 340px;
		}

		.mobile .chartSettings--switchers .columns--column {
				width: 100%;
				margin-left: 0;
				padding-left: 0;
			}

		.mobile .chartSettings--switchers .columns--column + .columns--column {
				margin-left: 0;
				margin-top: 6px;
			}

		.mobile .chartSettings--colors {
			padding-right: 10px;
		}

		.mobile .chartSettings--colors .columns .columns--column {
					width: 100%;
					margin-bottom: 10px;
				}

		.mobile .chartSettings--colors .columns .columns--column ul {
						display: flex;
						flex-wrap: wrap;
					}

		.mobile .chartSettings--colors .columns .columns--column li {
						width: 50%;
					}

		.mobile .chartSettings--controlListItem .control + .control-range {
				margin-top: 10px;
			}

		.mobile .chartSettings--extendedHours .chartSettings--controlListItem:nth-child(2) .control:last-child {
							margin-left: 0;
							width: 100%;
						}

		.mobile .chartSettings .tabContent {
			overflow: auto;
		}
.popup-chartSettings .popup--content {
			padding: 0;
		}
		.popup-chartSettings .popup--footer {
			text-align: right;
		}
		.popup-chartSettings .popup--footer :global .settingButton__container {
					margin-left: 0;
				}
		.popup-chartSettings .popup--buttons {
			padding: 9px 8px 8px 30px;
			display: flex;
			align-items: center;
		}
	.popup-chartSettings .contextMenuButton__container {
		margin-left: 0;
		margin-top: 0;
		flex-grow: 1;
	}
.mobile .popup-chartSettings .popup--buttons {
				white-space: nowrap;
			}

				.mobile .popup-chartSettings .popup--buttons button {
					line-height: normal;
				}
.button-controlGroup {
	min-width: 79px;
	height: 21px;
	font-size: 12px;
	padding: 0 6px;
}

	.button-controlGroup span {
		line-height: 20px;
	}
.textareaAutoSize__elementWrapper {
	height: 25px; /* default value */
	max-height: 75px;
	transition: border-color var(--animation-fast), background-color var(--animation-fast) linear;
	border: 1px solid 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);

	cursor: text;
	overflow: hidden;
}

	.textareaAutoSize__elementWrapper:not(.textareaAutoSize__elementWrapper_focus):hover {
		border-color: var(--input-hovered-border-outside-color);
	}

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

	.textareaAutoSize__elementWrapper .scrollable {
			height: 100%;
		}

	.textareaAutoSize__elementWrapper .scrollable--wrapper {
				height: 75px;
			}

	.textareaAutoSize__elementWrapper .textareaAutoSize__element {
		width: 100%;
		line-height: 1.57;
		padding: 0 4px;
		background-color: transparent;
		border: none;
		color: var(--input-default-text-color);
		border-color: transparent;
		resize: none;
	}

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

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

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

	.control-textarea .control--charCounter {
		position: relative;
		float: right;
		bottom: 15px;
		right: 5px;
		font-size: 9px;
	}

.control-textarea textarea {
		transition: border-color 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(--input-wrong-border-outside-color);
		}

.control-textarea .control--charCounter {
		color: var(--label-color);
	}
.drawingProperties {
	width: 100%;
	max-height: 578px;
	padding-right: 29px;
	box-sizing: border-box;
}

	.drawingProperties .scrollable--wrapper,
		.drawingProperties .scrollable--content {
			overflow: hidden;
		}

	/*Needed to fix the scrollable bug in Edge*/

	.drawingProperties .controlGroup--item {
		display: flex;
		align-items: center;
	}

	.drawingProperties .controlGroup--item .control-line {
			align-self: flex-end;
		}

	.drawingProperties .controlGroup--item .button-controlGroup {
			align-self: flex-end;
			margin-bottom: 3px;
		}

	/*Fix end*/

	.drawingProperties h3 {
		margin-bottom: 16px;
		color: var(--checkbox-tick-color);
		font-weight: 500;
		letter-spacing: 0.8px;
		text-align: left;
		text-transform: uppercase;
	}

	.drawingProperties--labels .control-checkBox {
			min-width: 90px;
		}

	.drawingProperties--extendWrap {
		display: flex;
	}

	.drawingProperties--extendWrap .controlGroup {
			margin-right: 20px;
		}

	.drawingProperties--extendWrap .controlGroup:last-child {
				margin-right: 0;
			}

	.drawingProperties--extendWrap .controlGroup .controlGroup--item {
				display: block;
				margin-bottom: 15px;
			}

	.drawingProperties--extendWrap .controlGroup .controlGroup--item:last-child {
					margin-bottom: 1px;
				}

	.drawingProperties--extendWrap .controlGroup .controlGroup--item + .controlGroup--item {
					margin-left: 0;
				}

	.drawingProperties--extendWrap .controlGroup .controlGroup--item .control-checkBox {
					margin-bottom: 0;
				}

	.drawingProperties .checkBox--label {
		color: var(--common-text-default);
		font-size: 14px;
	}

	.drawingProperties .form--fieldset {
		padding: 0;
		margin-bottom: 24px;
	}

	.drawingProperties .form--fieldset:last-child {
			margin-bottom: 1px;
		}

	.drawingProperties .controlGroup {
		margin-bottom: 16px;
	}

	.drawingProperties .controlGroup:last-child {
			margin-bottom: 0;
		}

	.drawingProperties .controlGroup--item {
			margin-bottom: 10px;
		}

	.drawingProperties .controlGroup--item:last-child {
				margin-bottom: 0;
			}

	.drawingProperties .control {
		margin-right: 16px;
	}

	.drawingProperties .control:last-child {
			margin-right: 0;
		}

	.drawingProperties .control-labelsPrice .selectBox, .drawingProperties .control-labelsCoefficient .selectBox {
				width: auto;
			}

	.drawingProperties .control-line .selectBox {
				width: 60px;
			}

	.drawingProperties .control-checkBox.control-controlGroup {
				margin-bottom: 3px;
				align-self: flex-end;
			}

	.drawingProperties .control-checkBox.control-noLabel label:before {
					margin-right: 0;
				}

	.drawingProperties .control-datePicker label, .drawingProperties .control-numericStepper label, .drawingProperties .control-colorPicker label {
				margin-bottom: 10px;
				color: var(--common-text-default, 0.8);
				line-height: 1;
			}

	.drawingProperties .control-datePicker {
			margin-right: 10px;
		}

	.drawingProperties .control-numericStepper {
			width: 110px;
		}

	.drawingProperties .control-colorPicker {
			display: inline-block;
			vertical-align: baseline;
			 align-self: flex-end;
		}

	.drawingProperties .control-dateTime {
			width: 113px;
		}

	.drawingProperties .control-price {
			width: 127px;
			margin-right: 20px;
		}

	.drawingProperties .control--label,
	.drawingProperties .checkBox--label,
	.drawingProperties .radioButton--text {
		color: var(--common-text-default);
	}

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

	.drawingProperties .button-controlGroup {
		color: var(--option-param-additional-text-color);
		background: none;
		border: none;
		box-shadow: none;
		vertical-align: unset;
	}

	.drawingProperties .button-controlGroup::before {
			content: none;
		}

	.drawingProperties .button-controlGroup span {
			line-height: unset;
			padding: 2px;
		}

	.drawingProperties .textDrawingSettings {
		width: 345px;
		margin-bottom: 20px;
		padding-left: 1px;
	}

	.drawingProperties .textDrawingSettings .button-icon {
			width: 25px;
			height: 25px;
			margin-right: 13px;
		}

	.drawingProperties .textDrawingSettings .button-selected {
			background-color: var(--segmented_control-alt-selected-bg);
		}

	.drawingProperties .textDrawingSettings .form--fieldset {
			margin-right: 0;
		}

	.drawingProperties .textDrawingSettings .textareaAutoSize__element {
			height: 94px;
		}

	.drawingProperties .textDrawingSettings .control-checkBox {
			width: 97px
		}

	.drawingProperties .textDrawingSettings .textAreaHeader {
			text-transform: initial;
		}

.mobile .drawingProperties {
		padding-right: 10px;
		height: 325px;
	}
		
		.mobile .drawingProperties .control-price {
			margin-right: 8px;
		}
		
		.mobile .drawingProperties .control {
			margin-bottom: 10px;
			vertical-align: baseline;
		}
		
		.mobile .drawingProperties .control-checkBox {
			margin-bottom: 0;
			vertical-align: middle;
		}
.popup-drawings .popup--window {
			min-width: 358px;
		}
		.popup-drawings .popup--content {
			padding: 24px 0 30px 29px;
		}
		.popup-drawings .popup--footer {
			text-align: right;
		}
	.popup-drawings .scrollable--content {
		padding-left: 1px;
		box-sizing: border-box;
	}
	.popup-drawings .icon-restore {
		visibility: hidden;
	}
	.popup-drawings .settingPanel__container {
		padding: 15px 29px 20px;
		margin-top: 0;
	}
	.popup-drawings .settingPanel__container .settingPanel__col {
			width: 100%;
		}
.mobile .popup-drawings .popup--window {
			min-width: 0;
		}
		.mobile .popup-drawings .popup--content {
			box-sizing: border-box;
			padding-left: 10px;
		}
		.mobile .popup-drawings .popup--buttons {
			white-space: nowrap;
		}

.droppable-corners__container___third-party-legacy-react-kit-components-layout-components-droppable-corners-theme- {
    width: 100%;
    height: 100%;
    position: relative;
}

.droppable-corners__placeholder___third-party-legacy-react-kit-components-layout-components-droppable-corners-theme- {
    position: absolute;
	z-index: 100;
    display: none;

}

.droppable-corners__placeholder_hovered___third-party-legacy-react-kit-components-layout-components-droppable-corners-theme- {
		display: block;
		border: 1px dashed var(--drop-area-border-deny-color);
		background-color: var(--drop-area-background-deny-color);
 	}

.droppable-corners__placeholder_show___third-party-legacy-react-kit-components-layout-components-droppable-corners-theme- {
        display: block;
    }

.droppable-corners__placeholder_fits___third-party-legacy-react-kit-components-layout-components-droppable-corners-theme- {
		border: 1px dashed var(--drop-area-border-color);
		background-color: var(--drop-area-highlight-color);
    }

.droppable-corners__placeholder_top___third-party-legacy-react-kit-components-layout-components-droppable-corners-theme- {
        top: 24px;
        left: 0;
        right: 0;
        height: 50px;
    }

.droppable-corners__placeholder_bottom___third-party-legacy-react-kit-components-layout-components-droppable-corners-theme- {
        height: 50px;
        left: 0;
        right: 0;
        bottom: 0;
    }

.droppable-corners__placeholder_left___third-party-legacy-react-kit-components-layout-components-droppable-corners-theme- {
        top: 24px;
        width: 50px;
        left: 0;
        bottom: 0;
    }

.droppable-corners__placeholder_right___third-party-legacy-react-kit-components-layout-components-droppable-corners-theme- {
        top: 24px;
        width: 50px;
        right: 0;
        bottom: 0;
    }
body.nativeElementDragging .droppable-corners {
		display: block;
	}

.full-placeholder__root___third-party-legacy-react-kit-components-layout-components-full-placeholder-theme- {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    z-index: 100;
    justify-content: center;
    align-items: center;
    display: none;
    flex-direction: column;
}

.full-placeholder__root--visible___third-party-legacy-react-kit-components-layout-components-full-placeholder-theme- {
    display: flex;
    opacity: 1 !important;
}

.full-placeholder__root--hidden___third-party-legacy-react-kit-components-layout-components-full-placeholder-theme- {
    display: none;
}

.full-placeholder__root--deny___third-party-legacy-react-kit-components-layout-components-full-placeholder-theme- {
    border: 1px dashed var(--drop-area-border-deny-color);
    background-color: var(--drop-area-background-deny-color);
}

.full-placeholder__root--ready___third-party-legacy-react-kit-components-layout-components-full-placeholder-theme- {
    border: 1px dashed var(--drop-area-border-color);
    background-color: var(--drop-area-highlight-color);
}

.full-placeholder__root___third-party-legacy-react-kit-components-layout-components-full-placeholder-theme- svg {
    fill: var(--drop-area-border-deny-color);
	width: 72px;
	height: 72px;
}

.full-placeholder__hint___third-party-legacy-react-kit-components-layout-components-full-placeholder-theme- {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	margin-top: 14px;
    display: block;
}
body.nativeElementDragging .full-placeholder {
    display: flex;
    opacity: 0;
}

.scrollable-h-child__content___third-party-legacy-react-kit-components-layout-theme-___3ymoI {
	display: block;
}

.analyzeSwitcher__container {
	display: flex;
	align-items: center;
}
	
	.analyzeSwitcher__container span {
		margin-right: 7px;
		margin-top: -4px;
	}
	
	.analyzeSwitcher__container .switcher .switcher--input:checked + .switcher--label:first-of-type {
				background-color: var(--planned-marker-bg);
			}
	
	.analyzeSwitcher__container .switcher .switcher--input:focus + .switcher--label:first-of-type::after {
					border-color: transparent;
				}
	
	.analyzeSwitcher__container .switcher:hover .switcher--input:checked + label.switcher--label:first-of-type {
					background-color: var(--planned-marker-bg);
				}
	
	.analyzeSwitcher__container .switcher .switcher--button::after {
					box-shadow: 0 0 7px 0 var(--planned-marker-toggle-shadow);
				}
	
	.analyzeSwitcher__container .button-icon {
			margin-right: 2px;
			margin-left: 0;
			margin-bottom: 3px;
			border: 0;
			width: 13px;
			height: 13px;
		}
	
	.analyzeSwitcher__container .button-icon .icon-about-us {
				fill: var(--icon-secondary-default-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(--link-hovered-multiparts);
			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-contextMenu:focus {
		outline-offset: var(--widget-tabs-main-controls-focus-button-outline-offset);
	}

.activationRuleButton__container {
	display: inline-flex;
    align-items: center;
    gap: 5px;
	position: relative;
	overflow: hidden;
}
	
	.activationRuleButton__container .button {
			line-height: 18px;
			vertical-align: middle;
		}
	
	.activationRuleButton__container .button.button-link.button-disabled,
			.activationRuleButton__container .button.button-link.button-disabled:hover,
			.activationRuleButton__container .button.button-link.button-disabled:active {
				color: rgba(var(--link-default-multiparts-rgb), 0.3);
			}
	
	.activationRuleButton__container .icon-alert-triggered-order {
			position: absolute;
			left: 0;
			top: 3px;
			width: 13px;
			height: 13px;
			fill: var(--order-entry-add-alert-icon-color);
		}
	
	.activationRuleButton__container .tooltip__container {
				 top: -25px;
				 left: calc(100% - 55px);
				 max-width: 348px;
				 width: 100%;
				 padding: 4px 10px 6px;
				 box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.7);
				 font-size: 14px;
				 box-sizing: border-box;
			 }
	
	.activationRuleButton__container .tooltip__pointer {
				display: none;
			}
	
	.activationRuleButton__container .tooltip__content {
				font-size: 14px;
				line-height: unset;
			}
	
	.activationRuleButton__container .button-delete {
			position: relative;
			z-index: 2;
			display: inline;
			flex-shrink: 0;
			width: 21px;
			height: 100%;
			padding: 0;
			border: 0;
			border-radius: 10px;
			background: transparent;
		}
	
	.activationRuleButton__container .button-delete::before {
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				border-radius: 50%;
				transition: background 220ms ease-in;
			}
	
	.activationRuleButton__container .button-delete:hover:before {
				background: var(--button-hovered-overlay-color);
			}
	
	.activationRuleButton__container .button-delete:active > .icon {
					transform: translateY(1px);
				}
	
	.activationRuleButton__container .button-delete .icon-big-cross {
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				margin: auto;
				fill: var(--icon-contextual-secondary-default-color);
				width: 7px;
				height: 7px;
			}
	
	.activationRuleButton__container .activationRuleButton__ruleLabel {
			flex-shrink: unset;
		}

.activationRuleButton__ruleText {
	font-weight: 500;
	margin-right: 6px;
	color: var(--order-entry-add-alert-icon-color);
	white-space: nowrap;
}

.activationRuleButton__ruleLabel {
	position: relative;
	display: inline-block;
	margin-right: 7px;
	vertical-align: middle;
	overflow: hidden;
	flex-shrink: 0;
}

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

.activationRuleButton__container,
.activationRuleButton__ruleLabel,
.activationRuleButton__currentRule,
.activationRuleButton__ruleText {
	font-family: Open Sans;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
}

.activationRuleButton__currentRule {
	display: flex;
	align-items: center;
	height: 21px;
	border-radius: 12px;
	padding: 2px 0 2px 8px;
	background-color: var(--order-entry-alert-bubble-bg-color);
	color: var(--button-primary-default-text-color);
	max-width: 100%;
	overflow: hidden;
}

.activationRuleButton__buttonLink_content {
	display: inline-flex;
	align-items: center;
}

@keyframes auto-correction-hint__fadeHint {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.auto-correction-hint__container {
	position: relative;
	color: var(--warning-description-multiparts);
	font-size: 14px;
	padding-left: 19px;
	animation-duration: 0.3s;
	animation-timing-function: ease-out;
  	animation-name: auto-correction-hint__fadeHint;
	animation-fill-mode: forwards;
	animation-delay: 3s;
}

.auto-correction-hint__container .icon {
			position: absolute;
			left: 0;
			top: 3px;
			width: 14px;
			height: 12px;
			color: var(--warning-description-multiparts);
		}


.lock__container___third-party-legacy-react-kit-components-lock-theme- {
	position: relative;
	height: 100%;
}
	
	.lock__container_alignRight___third-party-legacy-react-kit-components-lock-theme- .lock__buttonContainer___third-party-legacy-react-kit-components-lock-theme- {
			left: auto;
			right: 7px;
		}
	
	.lock__container_isLocked___third-party-legacy-react-kit-components-lock-theme-::before {
			z-index: 1;
			content: '';
			position: absolute;
			pointer-events: none;
			left: 0;
			top: 0;
			display: block;
			width: 100%;
			height: 100%;
		}
	
	.lock__container_isLoading___third-party-legacy-react-kit-components-lock-theme- .lock__buttonContainer___third-party-legacy-react-kit-components-lock-theme- {
			display: none;
		}
	
	.lock__container_isLoading___third-party-legacy-react-kit-components-lock-theme- .selectBox--arrow {
				display: none;
			}

.lock__buttonContainer___third-party-legacy-react-kit-components-lock-theme- {
	z-index: 2;
	position: absolute;
	left: 2px;
	top: 0;
	padding: 0;
	min-width: auto;
	width: 12px;
	height: 100%;
	border: none;
	cursor: pointer;
}

.lock__buttonContainer___third-party-legacy-react-kit-components-lock-theme-::before {
		content: normal;
	}

.lock__buttonContainer___third-party-legacy-react-kit-components-lock-theme- .icon {
			width: 12px;
			height: 11px;
			fill: var(--icon-contextual-primary-default-color);
			transform: translateY(-1px);
		}


.lock__inner___third-party-legacy-react-kit-components-lock-theme- {
	display: flex;
	align-items: center;
	height: 100%;
	margin-top: 1px;
}
.delayed-marker__container {
  margin-left: 8px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  height: 100%;
}

  .delayed-marker__container i {
    width: 16px;
    height: 16px;
  }

.delayed-marker__description {
  color: var(--icon-delayed-data, #D1B173);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.25px;
}
.popover-h-child__container___BfJ6r {
    margin-top: 18px;
    margin-left: 5px;
}

.tooltip-h-child__anchor___20Qh7 {
  display: flex;
  align-items: center;
  height: 100%;
}
.arrow-button-h-child__container___third-party-legacy-react-kit-components-suggest-theme-___3C1Lo {
    min-width: auto;
    box-shadow: none;
    border: 0;
    background: none;
    width: 10px;
    padding: 0;
    fill: var(--tick-icon-color);
    cursor: pointer;
}

    .arrow-button-h-child__container___third-party-legacy-react-kit-components-suggest-theme-___3C1Lo:before {
        content: none;
    }
.grid-h-child__wrapper___third-party-legacy-react-kit-components-suggest-theme-___OQKeW .table-colAdapt_description {
				width: auto;
			}
		.grid-h-child__wrapper___third-party-legacy-react-kit-components-suggest-theme-___OQKeW .scrollable, .grid-h-child__wrapper___third-party-legacy-react-kit-components-suggest-theme-___OQKeW .scrollable--wrapper, .grid-h-child__wrapper___third-party-legacy-react-kit-components-suggest-theme-___OQKeW .scrollable--container {
			min-height: inherit;
		}

.grid-h-child__bodyWrapper___third-party-legacy-react-kit-components-suggest-theme-___3r1mA {
	display: flex;
	min-height: 18px;
	transition: height 0.2s;
}

.grid-h-child__footer___third-party-legacy-react-kit-components-suggest-theme-___1xph7 {
	color: var(--additional-text-color-2);
	display: flex;
	flex-direction: column;
	padding: 0 10px 6px;
	font-size: 14px;
}

.grid-h-child__footer___third-party-legacy-react-kit-components-suggest-theme-___1xph7:before {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: var(--line-color);
		margin: 6px 0;
	}

.grid-h-child__footer___third-party-legacy-react-kit-components-suggest-theme-___1xph7:empty:before {
			display: none;
		}

.grid-h-child__container___third-party-legacy-react-kit-components-suggest-theme-___1xgid {
	height: 100%;
}

.grid-h-child__container___third-party-legacy-react-kit-components-suggest-theme-___1xgid table {
		width: 588px;
		border-collapse: collapse;
		table-layout: fixed;
	}

.grid-h-child__container___third-party-legacy-react-kit-components-suggest-theme-___1xgid .grid-h-child__gridCell__content___third-party-legacy-react-kit-components-suggest-theme-___3VcJB {
			min-width: 30px;
		}

.grid-h-child__container___third-party-legacy-react-kit-components-suggest-theme-___1xgid .grid-h-child__gridCell__content___third-party-legacy-react-kit-components-suggest-theme-___3VcJB i {
				width: 16px;
				height: 16px;
			}

.grid-h-child__gridHead___third-party-legacy-react-kit-components-suggest-theme-___1w5xA {
	background: var(--table-header-bg-color);
	box-shadow: -1px 1px 3px var(--table-header-shadow-color);
}

.grid-h-child__gridHead___third-party-legacy-react-kit-components-suggest-theme-___1w5xA .grid-h-child__cell___third-party-legacy-react-kit-components-suggest-theme-___2As7o {
		font-size: 12px;
		text-align: left;
		color: var(--table-column-text-header-color);
	}

.grid-h-child__gridHead___third-party-legacy-react-kit-components-suggest-theme-___1w5xA:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: var(--dom-table-line-color);
		margin-bottom: 2px;
	}

.grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-___3OczO {
	width: 100%;
}

.grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-___3OczO .grid-h-child__row_selected___third-party-legacy-react-kit-components-suggest-theme-___5DwbK .grid-h-child__arrow___third-party-legacy-react-kit-components-suggest-theme-___eAvPf {
				opacity: 1;
			}

.grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-___3OczO .grid-h-child__row___third-party-legacy-react-kit-components-suggest-theme-___AocBn:hover .grid-h-child__cell___third-party-legacy-react-kit-components-suggest-theme-___2As7o:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-___3MwGX), .grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-___3OczO .grid-h-child__row_active___third-party-legacy-react-kit-components-suggest-theme-___29oIU .grid-h-child__cell___third-party-legacy-react-kit-components-suggest-theme-___2As7o:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-___3MwGX) {
				cursor: pointer;
				background-color: var(--symbol-suggest-line-hover-bg-color);
			}

.grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-___3OczO .grid-h-child__row___third-party-legacy-react-kit-components-suggest-theme-___AocBn:hover .grid-h-child__cell___third-party-legacy-react-kit-components-suggest-theme-___2As7o:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-___3MwGX):after, .grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-___3OczO .grid-h-child__row_active___third-party-legacy-react-kit-components-suggest-theme-___29oIU .grid-h-child__cell___third-party-legacy-react-kit-components-suggest-theme-___2As7o:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-___3MwGX):after {
					background-image: linear-gradient(to left,  var(--symbol-suggest-line-hover-bg-color), var(--symbol-suggest-line-hover-fade-grad));
				}

.grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-___3OczO .grid-h-child__row___third-party-legacy-react-kit-components-suggest-theme-___AocBn:hover td:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-___3MwGX):first-child:before, .grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-___3OczO .grid-h-child__row_active___third-party-legacy-react-kit-components-suggest-theme-___29oIU td:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-___3MwGX):first-child:before {
					background: var(--symbol-suggest-line-hover-bg-color);
				}

.grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-___3OczO .grid-h-child__row___third-party-legacy-react-kit-components-suggest-theme-___AocBn td:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-___3MwGX):first-child {
			overflow: visible;
			position: static;
		}

.grid-h-child__gridBody___third-party-legacy-react-kit-components-suggest-theme-___3OczO .grid-h-child__row___third-party-legacy-react-kit-components-suggest-theme-___AocBn td:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-___3MwGX):first-child:before {
				content: '';
				position: absolute;
				left: 0;
				width: 100%;
				height: 20px;
			}

.grid-h-child__arrow___third-party-legacy-react-kit-components-suggest-theme-___eAvPf {
	fill: var(--tick-icon-color);
	opacity: 0;
}

.grid-h-child__gridCell__placeholder___third-party-legacy-react-kit-components-suggest-theme-___1MEig {
		height: 20px; /*this should be fixed integer to avoid repainting whole table on content change*/
		position: relative;
		display: flex;
	}

.grid-h-child__gridCell__content___third-party-legacy-react-kit-components-suggest-theme-___3VcJB {
		padding: 0 10px;
		position: absolute;
		top: 0;
		display: inline-flex;
		height: 20px;
		align-items: center;
	}

.grid-h-child__gridCell__content_left___third-party-legacy-react-kit-components-suggest-theme-___3yBjw {
			text-align: left;
		}

.grid-h-child__gridCell__content_center___third-party-legacy-react-kit-components-suggest-theme-___3mAPV {
			left: 50%;
			transform: translateX(-50%);
		}

.grid-h-child__gridCell__content_right___third-party-legacy-react-kit-components-suggest-theme-___YAG_H {
			right: 0;
		}

.grid-h-child__cell___third-party-legacy-react-kit-components-suggest-theme-___2As7o {
	position: relative;
	color: var(--dropdown-list-text-color);
	font-size: 14px;
	height: 20px;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
}

.grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-___3MwGX {
	font-size: 12px;
	color: var(--dropdown-list-text-color);
	padding-bottom: 10px;
	line-height: 30px;
}

.grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-___3MwGX .grid-h-child__gridCell__content___third-party-legacy-react-kit-components-suggest-theme-___3VcJB {
		height: 30px;
	}

.grid-h-child__cell_description___third-party-legacy-react-kit-components-suggest-theme-___2ckne:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-___3MwGX) {
	color: var(--additional-text-color-2);
}

.grid-h-child__cell_description___third-party-legacy-react-kit-components-suggest-theme-___2ckne:not(.grid-h-child__cell_group___third-party-legacy-react-kit-components-suggest-theme-___3MwGX):after {
		content: '';
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		width: 20px;
		height: 100%;
		background-image: linear-gradient(to left, var(--symbol-suggest-bg-color, var(--application-header-context-menu-bg-color)), 'rgba(var(--symbol-suggest-bg-color-rgb, var(--application-header-context-menu-bg-color-rgb)), 0)');
	}

.grid-h-child__cell_derivatives___third-party-legacy-react-kit-components-suggest-theme-___1Mr0O .grid-h-child__gridCell__content___third-party-legacy-react-kit-components-suggest-theme-___3VcJB {
		padding: 0;
	}


.grid__button_focus___third-party-legacy-react-kit-components-suggest-theme- {
	outline: 1px solid var(--focus-border-color);
}

.grid__head___third-party-legacy-react-kit-components-suggest-theme- {
	position: relative;
	margin-bottom: 1px;
}

.grid__head___third-party-legacy-react-kit-components-suggest-theme-:after {
		content: '';
		position: absolute;
		display: block;
		left: 6px;
		right: 6px;
		bottom: 1px;
		height: 1px;
		background-color: var(--cell-button-bg-color);
	}

.grid__footer___third-party-legacy-react-kit-components-suggest-theme- {
	position: relative;
	max-height: 56px;
	display: flex;
	flex-direction: row;
	padding: 12px 9px 0 9px;
	margin-top: 16px;
	color: var(--additional-text-color-2);
	font-size: 14px;
}

.grid__footer___third-party-legacy-react-kit-components-suggest-theme-:empty {
		display: none;
	}

.grid__footer___third-party-legacy-react-kit-components-suggest-theme-:before {
		content: '';
		position: absolute;
		display: block;
		left: 6px;
		right: 6px;
		top: 1px;
		height: 1px;
		background-color: var(--cell-button-bg-color);
	}

.grid__footer_maxRowHint___third-party-legacy-react-kit-components-suggest-theme- {
		max-width: 307px;
	}

.grid__button_container___third-party-legacy-react-kit-components-suggest-theme- {
		color: var(--link-default-multiparts);
		font-size: 14px;
		cursor: pointer;
		height: 16px;
	}

.grid__button_container___third-party-legacy-react-kit-components-suggest-theme-:hover {
			color: var(--link-hovered-multiparts);
		}

.grid__button_container___third-party-legacy-react-kit-components-suggest-theme-:hover .grid__button_icon___third-party-legacy-react-kit-components-suggest-theme- {
				stroke: var(--link-hovered-multiparts);
			}

.grid__button_icon___third-party-legacy-react-kit-components-suggest-theme- {
		width: 5px;
		height: 12px;
		position: relative;
		top: 2px;
		stroke: var(--link-default-multiparts);
		fill: transparent;
	}

.grid__delay_indicator___third-party-legacy-react-kit-components-suggest-theme- {
	width: 16px;
	height: 100%;
	display: flex;
	align-items: center;
	color: var(--icon-delayed-data, #CCB999);
}
.suggestTabs__container___third-party-legacy-react-kit-components-suggest-theme- {
	border-bottom: 2px solid var(--symbol-suggest-tab-active-bg-color);
	background: var(--symbol-suggest-tab-unactive-bg-color);
	outline: none;
}

.suggestTabs__tabs___third-party-legacy-react-kit-components-suggest-theme- {
	height: 22px;
	display: inline-flex;
}

.suggestTabs__tab_container___third-party-legacy-react-kit-components-suggest-theme- {
		font-weight: 500;
		font-size: 12px;
		height: 22px;
		color: var(--suggest-tab-unactive-text-color);
		padding: 0 15px 0 14px;
		border-right: 1px solid var(--suggest-tab-divider-line-color);
		box-sizing: border-box;
		position: relative;
		background-color: var(--symbol-suggest-tab-unactive-bg-color);
	}

.suggestTabs__tab_container___third-party-legacy-react-kit-components-suggest-theme-:first-child {
			padding: 0 20px 0 19px;
		}

.suggestTabs__tab_container___third-party-legacy-react-kit-components-suggest-theme-:hover:not(.suggestTabs__tab_active___third-party-legacy-react-kit-components-suggest-theme-) {
			background-color: var(--symbol-suggest-tab-hover-bg-color);
		}

.suggestTabs__tab_active___third-party-legacy-react-kit-components-suggest-theme- {
		background-color: var(--symbol-suggest-tab-active-bg-color);
		color: var(--suggest-tab-selected-text-color);
	}

.suggestTabs__tab_active___third-party-legacy-react-kit-components-suggest-theme-:before {
			content: ' ';
			display: inline-block;
			position: absolute;
			right: 0;
			left: 0;
			top: 0;
			height: 2px;
			background-color: var(--tab-selected-line-color);
		}
.footer__container___third-party-legacy-react-kit-components-suggest-theme- {
	padding: 21px 0 27px 9px;
	color: var(--symbol-suggest-tertiary-text-color);
	display: flex;
	flex-direction: column;
}

.footer__hint___third-party-legacy-react-kit-components-suggest-theme- {
	font-size: 14px;
}

.footer__hint_withExpired___third-party-legacy-react-kit-components-suggest-theme- {
		line-height: 1.17;
		white-space: pre-line;
	}

.footer__hint_link___third-party-legacy-react-kit-components-suggest-theme- {
		color: var(--link-default-multiparts);
	}

.footer__hint_key___third-party-legacy-react-kit-components-suggest-theme- {
		color: var(--common-text-default);
	}
.suggest__filter___third-party-legacy-react-kit-components-suggest-theme- {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}

  .suggest__filter_content___third-party-legacy-react-kit-components-suggest-theme- {
    display: flex;
    align-items: center;
    height: 24px;
    width: 100%;
    justify-content: space-between;
    border-top: 1px solid var(--line-color);
  }

  .suggest__filter_count___third-party-legacy-react-kit-components-suggest-theme- {
    color: var(--dropdown-list-description-text-color);
    font-size: 12px;
    line-height: 16px;
  }

  .suggest__filter_button___third-party-legacy-react-kit-components-suggest-theme- {
    color: var(--link-default-multiparts);
    background: transparent;
    border: none;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
  }

  .suggest__filter_disabled___third-party-legacy-react-kit-components-suggest-theme- {
    color: var(--common-text-disabled);
    font-size: 12px;
    line-height: 20px;
  }

.suggest__description___third-party-legacy-react-kit-components-suggest-theme- {
  width: 100%;
  padding: 0 8px;
  box-sizing: border-box;
}

.suggest__description_text___third-party-legacy-react-kit-components-suggest-theme- {
    color: var(--dropdown-list-description-text-color);
    font-size: 12px;
    line-height: 16px;
  }

.suggest__delayed_warning___third-party-legacy-react-kit-components-suggest-theme- {
  padding: 6px 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--icons-icon-delayed-data, #CCB999);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.suggest__delayed_warning___third-party-legacy-react-kit-components-suggest-theme- i {
    width: 16px;
    height: 16px;
  }

.suggest__body_container___third-party-legacy-react-kit-components-suggest-theme- {
  position: relative;
}
.quantity-type-toggler__container {
    position: absolute;
    left: 0;
    top: 1px;
    bottom: 1px;
    z-index: 1;
    width: 25px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

    .quantity-type-toggler__container+ .control-numericStepper input {
            padding-left: 30px;
        }

.quantity-type-toggler__button__container {
    position: relative;
    width: 25px;
    height: 21px;
}

.quantity-type-toggler__button__container:before {
        width: 19px;
        background: var(--small-button-bg-color);
    }

.quantity-type-toggler__button__container:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        border-top: 10.5px solid transparent;
        border-bottom: 10.5px solid transparent;
        border-left: 5px solid var(--small-button-bg-color);
    }

.quantity-type-toggler__button__container:hover .icon {
                fill: var(--link-hovered-multiparts);
            }

.quantity-type-toggler__button__container:active .icon-dollar {
                top: 7px;
            }

.quantity-type-toggler__button__container:active .icon-pyramid {
                top: 8px;
            }

.quantity-type-toggler__button__container:active .icon-integer-circle {
                top: 6px;
            }

.quantity-type-toggler__button__container .icon {
            position: absolute;
            fill: var(--icon-secondary-default-color);
        }

.quantity-type-toggler__button__container .icon-dollar {
            width: 7px;
            height: 9px;
            top: 6px;
            left: 7px;
        }

.quantity-type-toggler__button__container .icon-pyramid {
            width: 10px;
            height: 8px;
            top: 6px;
            left: 6px;
        }

.quantity-type-toggler__button__container .icon-integer-circle {
            width: 10px;
            height: 10px;
            top: 6px;
            left: 6px;
        }

.quantity-type-toggler__tooltip__button__container {
	position: absolute;
	width: 25px;
	height: 21px;
}

.quantity-type-toggler__tooltip__button__container:hover {
		 cursor: default;
	 }

.quantity-type-toggler__tooltip__button__container:disabled .icon-dollar, .quantity-type-toggler__tooltip__button__container:active .icon-dollar {
				top: 6px;
			}

.quantity-type-toggler__tooltip__button__container:disabled .icon-pyramid, .quantity-type-toggler__tooltip__button__container:active .icon-pyramid {
				top: 6px;
			}

.quantity-type-toggler__tooltip__button__container:disabled .icon-integer-circle, .quantity-type-toggler__tooltip__button__container:active .icon-integer-circle {
				top: 6px;
			}

.quantity-type-toggler__tooltip__button__container .icon {
			position: absolute;
			fill: var(--icon-secondary-default-color);
		}

.quantity-type-toggler__tooltip__button__container .icon-dollar {
			width: 7px;
			height: 9px;
			top: 6px;
			left: 7px;
		}

.quantity-type-toggler__tooltip__button__container .icon-pyramid {
			width: 10px;
			height: 8px;
			top: 6px;
			left: 6px;
		}

.quantity-type-toggler__tooltip__button__container .icon-integer-circle {
			width: 10px;
			height: 10px;
			top: 6px;
			left: 6px;
		}
.time-period-indicator__container {
	height: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--time_format-label-text);
	padding: 0px 2px 1px 3px;
	border: 1px solid var(--time_format-label-border);
	border-radius: 2px;
	font-size: 8px;
	font-weight: 600;
	line-height: 11px;
	letter-spacing: 0.5px;
}

.button.button-input-type-switcher {
	flex-shrink: 0;
	height: calc(100% - 2px);
	background-color: var(--small-button-bg-color);
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 1px 10px 1px 1px;
}

.button.button-input-type-switcher::after {
	 content: '';
	 display: inline-block;
	 position: absolute;
	 right: -5px;
	 border-top: 10px solid transparent;
	 border-bottom: 10px solid transparent;
	 border-left: 5px solid var(--small-button-bg-color);
 }

.button.button-input-type-switcher svg {
	width: 12px;
	height: 12px;
	fill: var(--icon-secondary-default-color);
}

.button.button-input-type-switcher:hover svg {
	 fill: var(--link-hovered-multiparts);
 }
.gridOrderEntry__container {
	height: 100%;
	background-color: var(--order-entry-table-bg-color);
}

	.gridOrderEntry__container .table td:first-child .table--cell-addLeg {
			text-align: right;
			padding-top: 5px;
		}

	.gridOrderEntry__container .lockContainer {
			display: flex;
			flex-grow: 1;
		}

	.gridOrderEntry__container .lockContainer .control-datePicker {
				flex-shrink: 0;
			}

	.gridOrderEntry__container thead th {
				padding: 0 12px;
				font-size: 12px;
				font-weight: 500;
			}

	.gridOrderEntry__container thead th:first-child {
					padding-left: 10px;
					box-shadow: none;
				}

	.gridOrderEntry__container thead th .table--sortBy {
					cursor: default;
				}

	.gridOrderEntry__container thead th .table--sortBy .icon-sort,
					.gridOrderEntry__container thead th .table--sortBy .icon-filter {
						display: none;
					}

	.gridOrderEntry__container thead th .table--cell-strike,
				.gridOrderEntry__container thead th .table--cell-shortsAvailable {
					padding-right: 12px;
				}

	.gridOrderEntry__container thead .table--columnHeader.orderEntry--quantity,
					.gridOrderEntry__container thead .table--columnHeader.orderEntry--limitPrice,
					.gridOrderEntry__container thead .table--columnHeader.orderEntry--stopPrice {
						justify-content: flex-end;
					}

	.gridOrderEntry__container tbody .gridOrderEntry__rowLeg .table--cell-slider {
							box-shadow: none;
						}

	.gridOrderEntry__container tbody .gridOrderEntry__rowLeg.leg-placeholder td {
							box-shadow: none;
						}

	.gridOrderEntry__container tbody .gridOrderEntry__rowLeg.leg-placeholder td .table--cell {
								box-shadow: none;
							}

	.gridOrderEntry__container tbody .table--cell {
				box-shadow: -1px 0 var(--line-color);
				overflow: visible;
			}

	.gridOrderEntry__container tbody .table--cell-orderHeader {
					padding-left: 0 !important;
					box-shadow: none;
				}

	.gridOrderEntry__container tbody .table--cell-disabled {
					background-color: var(--order-entry-table-bg-color);
				}

	.gridOrderEntry__container tbody .table--cell-disabled .selectBox--arrow {
						opacity: 0;
					}

	.gridOrderEntry__container tbody .table--cell-delete {
					text-align: center;
				}

	.gridOrderEntry__container tbody .table--cell-group.table--cell {
					overflow: visible;
					padding-left: 0;
				}

	.gridOrderEntry__container tbody .table--cell-spread {
					white-space: nowrap;
				}

	.gridOrderEntry__container tbody .table--cell-spread.table--cell {
						padding-left: 0;
					}

	.gridOrderEntry__container tbody .table--cell-symbol {
					overflow: visible;
					width: 100%;
					padding-left: 0;
				}

	.gridOrderEntry__container tbody .table--cell-symbol .control--wrap div {
							background: transparent;
						}

	.gridOrderEntry__container tbody .table--cell-symbol .control.control-error {
							box-shadow: 0 0 0 1px var(--input-wrong-border-outside-color);
						}

	.gridOrderEntry__container tbody .table--cell-symbol input[type="text"] {
						padding-left: 6px;
						box-shadow: none;
					}

	.gridOrderEntry__container tbody .table--cell-symbol .table--controlPlaceholder {
						padding-left: 6px;
					}

	.gridOrderEntry__container tbody .table--cell-deleteLeg,
				.gridOrderEntry__container tbody .table--cell-actions {
					box-shadow: none;
				}

	.gridOrderEntry__container tbody .table--cell-deleteLeg.table--cell-disabled, .gridOrderEntry__container tbody .table--cell-actions.table--cell-disabled {
						box-shadow: -1px 0 var(--order-entry-table-cell-disabled);
					}

	.gridOrderEntry__container tbody .table--cell-quantity,
				.gridOrderEntry__container tbody .table--cell-limitPrice,
				.gridOrderEntry__container tbody .table--cell-stopPrice {
					position: relative;
				}

	.gridOrderEntry__container tbody .table--cell-quantity.blink {
						animation: gridOrderEntry__quantityBlink 2s ease-out;
					}

	.gridOrderEntry__container tbody .table--cell-button {
					height: auto;
					overflow: visible;
				}

	.gridOrderEntry__container tbody .table--cell-durationDate {
					overflow: visible;
				}

	.gridOrderEntry__container tbody .table--cell-durationDate .control-selectBox {
						width: 65px;
					}

	.gridOrderEntry__container tbody .table--cell-strike,
				.gridOrderEntry__container tbody .table--cell-shortsAvailable {
					padding: 1px 12px 0;
					text-align: right;
				}

	.gridOrderEntry__container tbody .table--cell-trailingOffset .control-numericStepper, .gridOrderEntry__container tbody .table--cell-trailPriceType .control-numericStepper, .gridOrderEntry__container tbody .table--cell-limitPrice .control-numericStepper {
						flex-grow: 1;
    					margin-right: 1px;
					}

	.gridOrderEntry__container tbody .table--cell-trailingOffset,
				.gridOrderEntry__container tbody .table--cell-trailPriceType {
					 display: flex;
				}

	.gridOrderEntry__container tbody .table--cell-error {
					color: var(--table-error-text-color);
				}

	.gridOrderEntry__container tbody .table--cell-error .selectBox--label {
						color: inherit;
					}

	.gridOrderEntry__container tbody .table--cell-error .control-selectBox:hover, .gridOrderEntry__container tbody .table--cell-error .table--controlPlaceholder:hover {
							background: transparent;
						}

	.gridOrderEntry__container tbody .table--cell-error .table--cell-control:hover:not(.table--cell-disabled):not(.table--cell-spreadSelector) {
						background: transparent;
					}

	.gridOrderEntry__container tbody .table--cell-limitPrice,
				.gridOrderEntry__container tbody .table--cell-trailingDelta {
					 display: flex;
				}

	.gridOrderEntry__container tbody .table--cell-side .button-side-swap__container + .control-selectBox .selectBox--label {
									padding-right: 37px;
								}

	.gridOrderEntry__container tbody .react-component-wrapper {
				width: 100%;
			}

	.gridOrderEntry__container tbody .control-selectBox {
				height: 100%;
			}

	.gridOrderEntry__container tbody .control-selectBox:hover, .gridOrderEntry__container tbody .table--controlPlaceholder:hover {
					 background: var(--table-cell-hover-bg-color);
				}

	.gridOrderEntry__container tbody .control-stopLimitOrder {
				width: unset;
			}

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

	.gridOrderEntry__container tbody .orderEntryButtonRow td, .gridOrderEntry__container tbody .orderEntryMessageRow td {
					box-shadow: none;
				}

	.gridOrderEntry__container tbody tr:not(.orderEntryButtonRow):not(.orderEntryMessageRow):not(.gridOrderEntry__row_delimiter):hover {
					background: var(--table-row-bg-hover-color);
				}

	.gridOrderEntry__container tbody tr:not(.orderEntryButtonRow):not(.orderEntryMessageRow):not(.gridOrderEntry__row_delimiter):hover .table--cell-error {
						background: var(--table-cell-error-bg);
					}

	.gridOrderEntry__container td {
			padding-right: 0;
		}

	.gridOrderEntry__container .table--col-group, .gridOrderEntry__container .table--colAdapts-group {
					width: 48px;
				}

	.gridOrderEntry__container .table--col-spread, .gridOrderEntry__container .table--colAdapts-spread {
					width: 145px
				}

	.gridOrderEntry__container .table--col-symbol, .gridOrderEntry__container .table--colAdapts-symbol {
					width: 131px;
				}

	.gridOrderEntry__container .table--col-stock, .gridOrderEntry__container .table--colAdapts-stock {
					width: 120px;
				}

	.gridOrderEntry__container .table--col-side, .gridOrderEntry__container .table--colAdapts-side {
					width: 131px;
				}

	.gridOrderEntry__container .table--col-type, .gridOrderEntry__container .table--colAdapts-type {
					width: 81px;
				}

	.gridOrderEntry__container .table--col-strike, .gridOrderEntry__container .table--colAdapts-strike {
					width: 81px;
				}

	.gridOrderEntry__container .table--col-quantity, .gridOrderEntry__container .table--colAdapts-quantity {
					width: 131px;
				}

	.gridOrderEntry__container .table--col-str, .gridOrderEntry__container .table--colAdapts-str {
					width: 80px;
				}

	.gridOrderEntry__container .table--col-orderType, .gridOrderEntry__container .table--colAdapts-orderType {
					width: 144px;
				}

	.gridOrderEntry__container .table--col-limitPrice,
				.gridOrderEntry__container .table--col-trailingDelta,
				.gridOrderEntry__container .table--colAdapts-limitPrice,
				.gridOrderEntry__container .table--colAdapts-trailingDelta {
					 width: 130px;
				}

	.gridOrderEntry__container .table--col-stopPrice, .gridOrderEntry__container .table--colAdapts-stopPrice {
					width: 98px;
				}

	.gridOrderEntry__container .table--col-duration, .gridOrderEntry__container .table--colAdapts-duration {
					width: 80px;
				}

	.gridOrderEntry__container .table--col-exchange, .gridOrderEntry__container .table--colAdapts-exchange {
					width: 84px;
				}

	.gridOrderEntry__container .table--col-route, .gridOrderEntry__container .table--colAdapts-route {
					width: 100px;
				}

	.gridOrderEntry__container .table--col-singleAccount,
				.gridOrderEntry__container .table--col-account,
				.gridOrderEntry__container .table--colAdapts-singleAccount,
				.gridOrderEntry__container .table--colAdapts-account {
					width: 170px;
				}

	.gridOrderEntry__container .table--col-actions,
				.gridOrderEntry__container .table--col-deleteLeg,
				.gridOrderEntry__container .table--colAdapts-actions,
				.gridOrderEntry__container .table--colAdapts-deleteLeg {
					width: 24px;
				}

	.gridOrderEntry__container .table--col-expiration, .gridOrderEntry__container .table--colAdapts-expiration {
					width: 131px;
				}

	.gridOrderEntry__container .table--col-shortsAvailable, .gridOrderEntry__container .table--colAdapts-shortsAvailable {
					width: 110px;
				}

	.gridOrderEntry__container .table--col-trailingOffset, .gridOrderEntry__container .table--colAdapts-trailingOffset {
					 width: 131px;
				}

	.gridOrderEntry__container .table--col-trailPriceType, .gridOrderEntry__container .table--colAdapts-trailPriceType {
					 width: 131px;
				}

	.gridOrderEntry__container .table--col-space, .gridOrderEntry__container .table--colAdapts-space {
					 width: auto;
				}

	.gridOrderEntry__container .table--body td:first-child,
				.gridOrderEntry__container .table--body th:first-child {
					padding: 1px 0 0 0;
				}

	.gridOrderEntry__container .table--body .gridOrderEntry__sliderRow td,
							.gridOrderEntry__container .table--body .gridOrderEntry__sliderRow td:first-child,
							.gridOrderEntry__container .table--body .gridOrderEntry__sliderRow td:last-child,
							.gridOrderEntry__container .table--body .gridOrderEntry__sliderRow .table--cell-empty,
							.gridOrderEntry__container .table--body .gridOrderEntry__sliderRow .table--cell-slider {
								box-shadow: none;
								border: none;
							}

	.gridOrderEntry__container .table--body .gridOrderEntry__sliderRow .table--cell-filled {
								box-shadow: 0 1px 0 var(--line-color), -1px 0 0 var(--line-color);
							}

	.gridOrderEntry__container .table--body .gridOrderEntry__sliderRow .table--cell-preSlider {
								box-shadow: -1px 0 var(--line-color);
							}

	.gridOrderEntry__container .table--cell {
				padding: 0;
			}

	.gridOrderEntry__container .table--controlPlaceholder {
				padding: 0 25px 0 11px;
			}

	.gridOrderEntry__container .table--controlPlaceholder_locked {
					padding-right: 21px;
				}

	.gridOrderEntry__container .button-orderEntry__container {
			margin: 10px 0 0 10px;
		}

	.gridOrderEntry__container .grid--head {
			box-shadow: -1px 0 0 var(--table-header-bg-color), -1px 1px 3px var(--table-header-shadow-color);
			padding: 0;
		}

	.gridOrderEntry__container .grid--head table {
				box-shadow: 0 1px var(--line-color);
			}

	.gridOrderEntry__container .grid--body:not(.scrollable-withVerticalScrollbar) {
				margin-right: 0;
			}

	.gridOrderEntry__container .grid--body .scrollable--wrapper .scrollable--container {
					padding-right: 0;
				}

	.gridOrderEntry__container .scrollbar-vertical,
		.gridOrderEntry__container .scrollbar-horizontal {
			background-color: transparent;
		}

	.gridOrderEntry__container .grid .grid--body {
				top: 0;
			}

	.gridOrderEntry__container .grid .grid--body .scrollable--content {
					padding-top: 18px;
				}

	.gridOrderEntry__container .grid .grid--body .scrollbar-vertical {
					top: 18px;
				}

	.gridOrderEntry__container .control-selectbox.control-disabled .selectBox--arrow {
				opacity: 0;
			}

	.gridOrderEntry__container_withDatePicker .table--col.table--col-duration,
			.gridOrderEntry__container_withDatePicker .table--colAdapts.table--colAdapts-duration {
				width: 170px;
			}

	.gridOrderEntry__container_future .table--col-future {
						width: 78px;
					}

	.gridOrderEntry__container_future .table--col-expiration {
						width: 122px;
					}

	.gridOrderEntry__container_future .table--col-quantity {
						width: 89px;
					}

	.gridOrderEntry__container_future .table--col-duration {
						width: 71px;
					}

	.gridOrderEntry__container_future .table--col-account {
						width: 108px;
					}

	.gridOrderEntry__container_future .table--cell-future,
					.gridOrderEntry__container_future .table--cell-expiration {
						font-size: 14px;
					}

	.gridOrderEntry__container_stock .table--cell-stock {
						font-size: 14px;
					}

@keyframes gridOrderEntry__quantityBlink {
	0%, 100% {
		background-color: transparent;
	}

	10%, 50% {
		background-color: var(--table-cell-updating-highlight-bg-color);
	}
}

.gridOrderEntry__expiration {
	display: inline-flex;
    gap: 10px;
    align-items: center;
	justify-content: center;
}

.gridOrderEntry__symbol {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}

.gridOrderEntry__symbolText {
		line-height: 25px;
		font-size: 14px;
	}

.gridOrderEntry__symbol_osoOco,
	.gridOrderEntry__symbol_oso {
		padding-left: 10px;
		background-color: var(--order-entry-group-oso-cell-bg-color);
	}

.gridOrderEntry__symbol_osoOco .gridOrderEntry__groupLink, .gridOrderEntry__symbol_oso .gridOrderEntry__groupLink {
			top: 24px;
			left: 10px;
			background-color: var(--order-entry-group-order-connection-line-oso);
		}

.gridOrderEntry__symbol_osoOco .control-textInput, .gridOrderEntry__symbol_oso .control-textInput {
				width: calc(100% - 20px);
			}

.gridOrderEntry__symbol_osoColored {
		padding-left: 10px;
		background-color: var(--order-entry-group-oso-child-cell-bg-color);
	}

.gridOrderEntry__symbol_osoColored .gridOrderEntry__groupLink {
			top: 24px;
			left: 10px;
			background-color: var(--order-entry-group-order-connection-line-oso);
		}

.gridOrderEntry__symbol_osoColored .control-textInput {
				width: calc(100% - 20px);
			}

.gridOrderEntry__symbol_osoChild {
		padding-left: 25px;
		background-color: var(--order-entry-group-oso-child-cell-bg-color);
	}

.gridOrderEntry__symbol_osoChild:not(.gridOrderEntry__symbol_single) .gridOrderEntry__symbolIconWrap::before,
				.gridOrderEntry__symbol_osoChild:not(.gridOrderEntry__symbol_single) .gridOrderEntry__symbolIconWrap::after {
					content: '';
					position: absolute;
				}

.gridOrderEntry__symbol_osoChild:not(.gridOrderEntry__symbol_single) .gridOrderEntry__symbolIconWrap::before {
					top: 50%;
					left: -9px;
					width: 3px;
					height: 3px;
					margin-top: -1px;
					border-radius: 50%;
					background-color: var(--order-entry-group-order-connection-bubble-oso);
				}

.gridOrderEntry__symbol_osoChild:not(.gridOrderEntry__symbol_single) .gridOrderEntry__symbolIconWrap::after {
					top: 50%;
					left: -15px;
					width: 6px;
					height: 1px;
					background-color: var(--order-entry-group-order-connection-line-oso);
				}

.gridOrderEntry__symbol_osoChild .gridOrderEntry__groupLink {
			background-color: var(--order-entry-group-order-connection-line-oso);
		}

.gridOrderEntry__symbol_osoChild .control-textInput {
				width: calc(100% - 20px);
			}

.gridOrderEntry__symbol_oco {
		padding-left: 25px;
		background-color: var(--order-entry-group-oco-cell-bg-color);
	}

.gridOrderEntry__symbol_oco:not(.gridOrderEntry__symbol_single) .gridOrderEntry__symbolIconWrap::before,
				.gridOrderEntry__symbol_oco:not(.gridOrderEntry__symbol_single) .gridOrderEntry__symbolIconWrap::after {
					content: '';
					position: absolute;
				}

.gridOrderEntry__symbol_oco:not(.gridOrderEntry__symbol_single) .gridOrderEntry__symbolIconWrap::before {
					top: 50%;
					left: -9px;
					width: 3px;
					height: 3px;
					margin-top: -1px;
					border-radius: 50%;
					background-color: var(--order-entry-group-order-connection-bubble-oco);
				}

.gridOrderEntry__symbol_oco:not(.gridOrderEntry__symbol_single) .gridOrderEntry__symbolIconWrap::after {
					left: -15px;
					top: 50%;
					width: 6px;
					height: 1px;
					background-color: var(--order-entry-group-order-connection-line-oco);
				}

.gridOrderEntry__symbol_oco .gridOrderEntry__groupLink {
			left: 10px;
			background-color: var(--order-entry-group-order-connection-line-oco);
		}

.gridOrderEntry__symbol_oco .control-textInput {
				width: calc(100% - 20px);
			}

.gridOrderEntry__symbol_bracket {
		padding-left: 25px;
		background-color: var(--order-entry-group-bracket-cell-bg-color);
	}

.gridOrderEntry__symbol_bracket:not(.gridOrderEntry__symbol_single) .gridOrderEntry__symbolIconWrap::before,
				.gridOrderEntry__symbol_bracket:not(.gridOrderEntry__symbol_single) .gridOrderEntry__symbolIconWrap::after {
					content: '';
					position: absolute;
				}

.gridOrderEntry__symbol_bracket:not(.gridOrderEntry__symbol_single) .gridOrderEntry__symbolIconWrap::before {
					top: 50%;
					left: -9px;
					width: 3px;
					height: 3px;
					margin-top: -1px;
					border-radius: 50%;
					background-color: var(--order-entry-group-order-connection-bubble-bracket);
				}

.gridOrderEntry__symbol_bracket:not(.gridOrderEntry__symbol_single) .gridOrderEntry__symbolIconWrap::after {
					top: 50%;
					left: -15px;
					width: 6px;
					height: 1px;
					background-color: var(--order-entry-group-order-connection-line-bracket);
				}

.gridOrderEntry__symbol_bracket .gridOrderEntry__groupLink {
			left: 10px;
			background-color: var(--order-entry-group-order-connection-line-bracket);
		}

.gridOrderEntry__symbol_bracket .control-textInput {
				width: calc(100% - 20px);
			}

.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_oso .gridOrderEntry__groupLink, .gridOrderEntry__symbol_multi.gridOrderEntry__symbol_osoColored .gridOrderEntry__groupLink {
				background-color: var(--order-entry-group-order-connection-line-bracket);
			}

.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_osoOco .gridOrderEntry__groupLink {
				background-color: var(--order-entry-group-order-connection-line-oco);
			}

.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_bracket,
		.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_oco {
			padding-left: 27px;
		}

.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_bracket .gridOrderEntry__groupLink, .gridOrderEntry__symbol_multi.gridOrderEntry__symbol_oco .gridOrderEntry__groupLink {
				left: 15px;
			}

.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_bracket .gridOrderEntry__groupLink::after, .gridOrderEntry__symbol_multi.gridOrderEntry__symbol_oco .gridOrderEntry__groupLink::after {
					position: absolute;
					content: "";
					width: 6px;
					height: 1px;
					top: 50%;
					left: -5px;
					transform: translateY(-50%);
				}

.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_bracket .gridOrderEntry__symbolIconWrap::before, .gridOrderEntry__symbol_multi.gridOrderEntry__symbol_oco .gridOrderEntry__symbolIconWrap::before {
					left: -8px;
				}

.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_bracket .gridOrderEntry__symbolIconWrap::after, .gridOrderEntry__symbol_multi.gridOrderEntry__symbol_oco .gridOrderEntry__symbolIconWrap::after {
					left: -12px;
				}

.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_bracket .control-textInput, .gridOrderEntry__symbol_multi.gridOrderEntry__symbol_oco .control-textInput {
					width: calc(100% - 20px);
				}

.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_bracket .gridOrderEntry__groupLink {
				background-color: var(--order-entry-group-order-connection-line-bracket);
			}

.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_bracket .gridOrderEntry__groupLink::after {
					background-color: var(--order-entry-group-order-connection-line-bracket);
				}

.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_oco .gridOrderEntry__groupLink {
				background-color: var(--order-entry-group-order-connection-line-oco);
			}

.gridOrderEntry__symbol_multi.gridOrderEntry__symbol_oco .gridOrderEntry__groupLink::after {
					background-color: var(--order-entry-group-order-connection-line-oco);
				}

.gridOrderEntry__symbol_single {
		background-color: transparent;
		padding-left: 10px;
	}

.gridOrderEntry__symbol .control-textInput input {
				padding: 0 5px 0 10px;
			}

.gridOrderEntry__symbol_disabled .control input[type="text"] {
				cursor: default;
				pointer-events: none;
				color: var(--common-text-disabled);
			}

.gridOrderEntry__groupLink {
	width: 1px;
	z-index: 1;
	position: absolute;
	top: 50%;
}

.gridOrderEntry__symbolIconWrap {
	display: inline-block;
	height: 14px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.gridOrderEntry__symbolIconWrap::before {
		z-index: 1;
	}

.gridOrderEntry__symbolIconWrap .icon {
			width: 18px;
			height: 14px;
		}

.gridOrderEntry__symbolIconWrap + .gridOrderEntry__symbolText {
		margin-left: 25px;
	}

.gridOrderEntry__actions_bracket .button-remove {
				height: 47px;
				background-color: var(--order-entry-table-bg-color);
				z-index: 1;
			}

.gridOrderEntry__spreadPlaceholder {
	padding-left: 12px;
	font-size: 14px;
}

.gridOrderEntry__row {
	position: relative;
}

.gridOrderEntry__row_delimiter {
		height: 15px;
	}

.gridOrderEntry__row_buy .table--cell-spread,
			.gridOrderEntry__row_buy .table--cell-symbol {
				background: var(--buy-order-cell-bg);
			}

.gridOrderEntry__row_buy .table--cell-spread.table--cell-disabled, .gridOrderEntry__row_buy .table--cell-symbol.table--cell-disabled {
					background: var(--buy-order-disabled-cell-bg);
				}

.gridOrderEntry__row_sell .table--cell-spread,
			.gridOrderEntry__row_sell .table--cell-symbol {
				background: var(--sell-order-cell-bg);
			}

.gridOrderEntry__row_sell .table--cell-spread.table--cell-disabled, .gridOrderEntry__row_sell .table--cell-symbol.table--cell-disabled {
					background: var(--sell-order-disabled-cell-bg);
				}

.gridOrderEntry__symbolWrapper {
	position: relative;
}

.gridOrderEntry__symbolWrapper .gridOrderEntry__container_autofill {
		left: 12px;
		top: 3px;
	}

.gridOrderEntry__sliderLabel {
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	line-height: 1;
	margin-top: 8px;
	margin-left: 16px;
	width: 38px;
	height: 100%;
}

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

.gridOrderEntry__sliderLabel_credit {
		color: var(--positive-text-color);
	}

.gridOrderEntry__lockContainer .gridOrderEntry__lockButtonContainer {
	right: 25px;
}

.gridOrderEntry__message {
	display: block;
	margin: 30px 0 20px;
	text-align: center;
	line-height: 18px;
	letter-spacing: 0;
	white-space: nowrap;
	overflow: hidden;
	color: var(--order-entry-order-text-color);
}

.gridOrderEntry__message .button-link {
			font-size: 13px;
			line-height: 20px;
		}

.gridOrderEntry__messageText {
	display: block;
	font-size: 12px;
}

.gridOrderEntry__account {
	display: inline-flex;
	align-items: center;
	padding: 0 12px;
	color: var(--dropdown-default-text-color);
}

.gridOrderEntry__accountText {
	margin-right: 4px;
}

.gridOrderEntry__accountCashTypeCategory {
	margin-right: 4px;
	color: var(--label-color);
}
.button-add-leg__container {
	position: relative;
	width: 48px;
	height: 15px;
	display: inline-block;
	margin-right: 7px;
}

button.button-add-leg__button {
	width: 15px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 9px;
	text-align: left;
	transition: all 300ms ease;
	background-color: var(--add-delete-icon-bg-color);
	opacity: 0.3;
	overflow: hidden;
}

button.button-add-leg__button::before {
		border: 1px solid var(--add-delete-icon-border-color);
		border-radius: 9px;
	}

button.button-add-leg__button .icon {
			width: 7px;
			height: 7px;
			margin-right: 0;
			margin-left: 4px;
			transform: translateY(-1px);
			fill: var(--add-delete-icon-color);
		}

button.button-add-leg__button span {
			opacity: 0;
			font-size: 12px;
			margin-bottom: 2px;
			margin-left: 6px;
			vertical-align: top;
			display: inline-block;
		}

button.button-add-leg__button:hover {
		width: 100%;
		opacity: 1;
		color: var(--add-delete-icon-color);
		background-color: var(--add-delete-icon-bg-color);
	}

button.button-add-leg__button:hover .icon {
				margin-left: 8px;
				fill: var(--add-delete-icon-color);
			}

button.button-add-leg__button:hover span {
				opacity: 1;
				transition: opacity 1s;
			}

.gridOrderEntry__row:hover button.button-add-leg__button  {
					opacity: 1;
				}

.gridOrderEntry__row_highlight button.button-add-leg__button {
					opacity: 1;
				}

.gridOrderEntry__symbolWrapper .button-add-leg__container {
				position: absolute;
				right: 0;
				top: 50%;
				margin-top: -7.5px;
			}
.button-delete-leg__button {
	width: 17px;
	height: 17px;
	opacity: .3;
	color: var(--add-delete-icon-color);
	margin-top: 3px;
	transition: opacity 300ms ease;
	border-radius: 50%;
	border: 1px solid var(--add-delete-icon-border-color);
	background-color: var(--add-delete-icon-bg-color);
}

	.button-delete-leg__button:hover {
		opacity: 1;
		border-color: var(--delete-icon-hover-color);
		color: var(--delete-icon-hover-color);
		background-color: var(--delete-icon-hover-bg-color);
	}

	.button-delete-leg__button:active {
		top: 1px;
	}

	.button-delete-leg__button:active .icon {
				top: 0;
			}

.gridOrderEntry__row:hover .button-delete-leg__button {
					opacity: 1;
				}

.gridOrderEntry__row_highlight .button-delete-leg__button {
					opacity: 1;
				}

.gridOrderEntry__row_highlight .button-delete-leg__button .button-delete-leg__icon {
						fill: var(--link-hovered-multiparts);
					}
.button-delete-order__button {
	opacity: 0.2;
	margin-top: 5px;
	transition: opacity 300ms ease;
}

	.button-delete-order__button:hover {
		opacity: 1;
	}

	.button-delete-order__button:hover .icon {
				fill: var(--delete-icon-hover-color);
			}

	.button-delete-order__button .icon {
			width: 9px;
			height: 9px;
			fill: var(--icon-primary-default-color);
		}

.gridOrderEntry__row:hover .button-delete-order__button {
					opacity: 1;
				}

.gridOrderEntry__row_highlight .button-delete-order__button {
					opacity: 1;
				}

.gridOrderEntry__row_highlight .button-delete-order__button .button-delete-order__icon {
						fill: var(--link-hovered-multiparts);
					}
.button-side-swap__container {
	z-index: 10;
	position: absolute;
	right: 23px;
    top: 3px;
}

	.button-side-swap__container .icon {
			fill: var(--link-default-multiparts);
		}
.orderEntryChart__container {
	position: relative;
	height: 100%;
}

.orderEntryChart__wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--order-entry-table-bg-color);
}

.orderEntryChart__inner {
	height: 100%;
	padding: 8px;
    box-sizing: border-box;
}



.resizeDivider__container {
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}

	.resizeDivider__container:hover::after, .resizeDivider__container:active::after {
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			background-color: var(--resize-line-color);
			box-shadow: 0 0 3px 0 rgba(248, 224, 64, 0.25);
		}

	.resizeDivider__container_horizontal {
		height: 4px;
		width: 100%;
		background-color: var(--order-entry-horizontal-divider-color);
	}

	.resizeDivider__container_horizontal:hover,
		.resizeDivider__container_horizontal:active {
			cursor: ns-resize;
		}

	.resizeDivider__container_horizontal:hover::after, .resizeDivider__container_horizontal:active::after {
				height: 2px;
				width: 100%;
			}

	.resizeDivider__container_vertical {
		width: 4px;
		height: 100%;
		background-color: var(--order-entry-drag-divider-bg-color);
		box-shadow: 0 0 3px 0 var(--order-entry-drag-divider-shadow-color);
	}

	.resizeDivider__container_vertical:hover,
		.resizeDivider__container_vertical:active {
			cursor: ew-resize;
		}

	.resizeDivider__container_vertical:hover::after, .resizeDivider__container_vertical:active::after {
				height: 100%;
				width: 2px;
			}


.orderEntry__container_chart .orderEntry__gridWrapper {
			width: 1200px;
			flex-grow: 0;
		}
		.orderEntry__container_chart .orderEntry__chartWrapper {
			display: block;
		}

.orderEntry__activationRule {
	display: inline-flex;
	margin-right: 50px;
	align-items: center;
	overflow: hidden;
}

.orderEntry__linkedAlert{
	overflow: hidden;
	display: flex;
	align-items: center;
}

.orderEntry__main {
	display: flex;
	justify-content: space-between;
	height: 193px;
}

.orderEntry__gridWrapper {
	position: relative;
	z-index: 1;
	flex-grow: 1;
	min-width: 50px;
}

.orderEntry__chartWrapper {
	flex-grow: 1;
	display: none;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.orderEntry__footer {
	position: relative;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 5px 5px 5px 10px;
	background-color: var(--order-entry-bottom-panel-bg-color);
	border-top: 2px solid var(--order-entry-horizontal-divider-color);
}

.orderEntry__footer .button.button-link {
			font-weight: 500;
			line-height: 18px;
			vertical-align: middle;
		}

/*Duplicating styles. Delete as needed*/

.orderEntry__footer .icon-alert-triggered-order {
			width: 13px;
			height: 13px;
			fill: var(--order-entry-add-alert-icon-color);		
		}

/*Duplicating styles end*/

.orderEntry__footer .linkedAlert__container {				
				overflow: hidden;
				width: 100%;
			}

.orderEntry__footer .linkedAlert__message {
				overflow: hidden;
			}

.orderEntry__footer .activationRuleButton__container .button-link {
				margin-right: 10px;
			}

.orderEntry__footerButtons {
	flex-shrink: 0;
}

.orderEntry__footerButtons .button + .button {
			margin-left: 22px;
		}

.orderEntry__footerButtons .button-planned .planned-marker__container {
				margin-right: 6px;
				margin-top: 7px;
				line-height: 0.75;
				text-indent: 0;
				vertical-align: top;
			}

.orderEntry__error {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.29;
	color: var(--error-description-multiparts);
	vertical-align: middle;
}

.liveMode .orderEntry__footer {
		background-color: var(--order_entry-footer-live_mode-bg);
	}

.demoMode .orderEntry__footer {
		background-color: var(--order_entry-footer-demo_mode-bg);
	}
.demoMode:not(.cornertrader) .orderEntry__footerButtons .button-primary:not(.button-primary:disabled):not(.button-disabled) {
				background-color: var(--button-demo-default-bg-color);
				color: var(--button-demo-default-text-color);
			}
.ordersClearedToastOE__container {
	flex-shrink: 0;
	padding: 4px 15px 5px;
	margin-right: 20px;
	background: var(--order-entry-clear-notification-bg-color);
	border: 1px solid var(--order-entry-clear-notification-border-color);
	box-shadow: 0 2px 4px 0 var(--order-entry-clear-notification-shadow-color);
}
	
	.ordersClearedToastOE__container .button.button-link {
			font-weight: normal;
			vertical-align: top; 
		}
	
.ordersClearedToastOE__progressLine {
	background: var(--order-entry-clear-notification-progress-bar-bg-color);
}




.plannedLabel__container {
	display: inline-block;
	padding: 2px 5px 1px;
	border-radius: 2px;
	color: var(--planned-marker-text);
	background: var(--planned-marker-bg);
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.79px;
}
.widget-filtered .filterPanel {
		display: flex;
	}

		.widget-filtered .filterPanel + div {
			height: calc(100% - 24px);
		}

.visually-hidden {
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.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-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(--link-hovered-multiparts);
			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-add-widget-tab__container {
	height: 100%;
	display: inline-block;
}

.popover-h-child__container___2duhA {
	overflow: visible;
}

.popover-h-child__content___3B5pO .contextMenu {
			box-shadow: none;
			padding: 0;
			border: none;
		}

.button-addWidgetTab.button-icon.button {
	width: 24px;
	height: 100%;
	background-color: var(--widget-header-tab-bg-color);
}

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

	.button-addWidgetTab.button-icon.button:active::before {
			background: var(--button-pressed-overlay-color);
		}

	.button-addWidgetTab.button-icon.button:before {
		border-left-color: var(--widget-header-tab-divider-color);
		border-right-color: var(--widget-header-tab-divider-color);
		transition: background 220ms ease-in;
	}

	.button-addWidgetTab.button-icon.button .icon.icon-add {
		height: 13px;
		width: 13px;
		fill: var(--icon-secondary-default-color);
	}

.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(--link-hovered-multiparts);
		}
	

	.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);
	}
.button-customizeColumns {
	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-customizeColumns .icon {
		width: 13px;
		height: 13px;
		transition: fill 220ms ease-out;
		fill: var(--icon-primary-default-color);
	}
.widgetNew__headerInfo {
	display: flex;
	align-items: center;
	position: relative;
	max-width: calc(100% - 55px);
	height: 100%;
	min-width: -moz-fit-content;
	min-width: fit-content;
}

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

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

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

	.widgetNew__headerInfo:not(:last-child) .widgetNew__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) .widgetNew__loadingIndicatorWrapper::before {
				content: '';
				width: 3px;
				height: 100%;
				position: absolute;
				top: 0;
				right: 14px;
				background: var(--widget-header-grad-color-1);
			}

.widgetNew__headerTitle {
	padding: 0 6px;
	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__headerTitle-titleSupportChanging {
		cursor: text;
	}

.widgetNew__headerLoadingIndicator {
	display: flex;
	align-items: center;
	width: 14px;
	height: 14px;
	margin-left: 10px;
}

.widgetNew__headerContent {
	--adaptive-toolbar-title-width: 0px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	/* 26px is width of add widget button */
	min-width: calc(var(--adaptive-toolbar-title-width) + 26px);
	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 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__headerInner .position-actions-cluster {
		display: inline-flex;
		align-items: center;
		gap: 8px;
	}

.widgetNew__headerInner .order-hsitory-actions-cluster {
		display: inline-flex;
		align-items: center;
		gap: 12px;
		margin-right: 8px;
	}

.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;
	white-space: nowrap;
	overflow: hidden;
}

.widgetNew__headerActions > button.button {
		width: 23px;
	}

.widgetNew__headerActions .widgetNew__headerMoreActionsContainer {
		overflow: hidden;
	}

.widgetNew__headerActions .widgetNew__headerMoreActionsContainer:not(:empty) {
			height: 23px;
			display: inline-flex;
			align-items: center;
			gap: 12px;
			margin-right: 2px;
			padding-right: 12px;
			/* reserve space for box-shadow being eaten by the overflow:hidden setting */
			padding-left: 1px;
			margin-left: 12px;
			border-right: 1px solid var(--widget-header-tab-divider-color);
		}

.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-visible {
				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 .button-icon.button-refresh:focus {
				box-shadow: 0 0 0 1px var(--widget-header-button-outside-border-color);
			}

.widgetNew__headerActions .button-icon.button-refresh:focus-visible {
				box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-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 {
			width: 19px;
			display: flex;
			justify-content: center;
			align-items: center;
		}

.widgetNew__headerActions .button-widgetHeader svg.icon {
				height: 11px;
				width: 11px;
			}

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

.widgetNew__headerActions .button.button-icon .button-inner-text {
				color: var(--link-default-multiparts);
				transition: color 220ms ease-out;
			}

.widgetNew__headerActions .button.button-icon:hover .icon {
					fill: var(--link-hovered-multiparts);
				}

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

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

.widgetNew__headerActions .button-attachButton {
			width: auto;
		}

.widgetNew__headerActions .button-attachButton svg.icon {
				height: 11px;
				width: 11px;
				margin-right: 5px;
				margin-left: 6px;
				fill: var(--link-default-multiparts);
			}

.widgetNew__headerActions .button-attachButton .button-inner-text {
				display: none;
			}

.widgetNew__headerActions .button-attachButton.button-onlyButton .button-inner-text {
					display: block;
				}

.widgetNew__headerActions .widgetNew__contextMenuContainer {
			display: inline-flex;
		}

.widgetNew__headerActions .widgetNew__contextMenuContainer:empty {
				margin-left: var(--widget-tabs-header-action-button-left-spacer-m-empty);
			}

.widgetNew__mainControls {
	display: flex;
	align-items: center;
	height: 100%;
	padding-left: 2px;
	border-left: 1px solid var(--widget-header-border-color);
}

.widgetNew__mainControls > button.button {
		margin: 0;
	}

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

.widgetNew__headerContentWrapper .small-margin-left {
		margin-left: 4px;
	}

.widgetNew__headerContentWrapper .medium-margin-left {
		margin-left: 12px;
	}

.widgetNew__headerContentWrapper .large-margin-left {
		margin-left: 16px;
	}

.widgetNew__headerContentWrapper .button-icon.button-secondary:focus-visible {
				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;
		}

.mobile .widgetNew__headerContent .control input[type="text"] {
					font-size: 13px;
				}

.widgetNew__tabs {
	display: flex;
}
#footerDock {
	/* NOTE: direct parent of .WidgetOrderEntry__container needs to have meaningful size */
	flex: 1 1 40px;
}

.WidgetOrderEntry__container {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	z-index: 2;
	transition: height 1s ease;
}

.WidgetOrderEntry__container_expanded .WidgetOrderEntry__wrap {
			transform: translateY(40px) translateY(-100%);
		}

.WidgetOrderEntry__container_expanded.WidgetOrderEntry__container_shrinkModePinned {
			height: unset;
		}

.WidgetOrderEntry__container_expanded.WidgetOrderEntry__container_shrinkModePinned .WidgetOrderEntry__wrap {
				position: static;
				transform: none;
				transition: none;
			}

.WidgetOrderEntry__container_expanded.WidgetOrderEntry__container_stopAnimation .WidgetOrderEntry__wrap {
				transition: none;
			}

.WidgetOrderEntry__wrap {
	position: absolute;
	width: 100%;
	transition: transform .6s ease;
}

.WidgetOrderEntry__headerInner {
	background-color: var(--order-entry-header-background-color);
	color: var(--order-entry-order-text-color);
	height: 100%;
}

.WidgetOrderEntry__headerInner .plannedLabel__container {
			transform: translateY(1px);
			margin-right: 10px;
		}

.WidgetOrderEntry__headerContent,
.WidgetOrderEntry__headerActions {}

.WidgetOrderEntry__headerActions .button-icon .icon {
				fill: var(--icon-contextual-secondary-default-color);
			}

.WidgetOrderEntry__contentWrap {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-right: 10px;
	margin-left: 5px;
	font-size: 14px;
}

.WidgetOrderEntry__content {
	display: flex;
	align-items: center;
	overflow: hidden;
	flex-grow: 1;
}

.WidgetOrderEntry__buttonExpandWrap {
	white-space: nowrap;
	color: var(--order-entry-show-hide-text-color);
	font-weight: 500;
	position: relative;
	flex-shrink: 0;
}

.WidgetOrderEntry__buttonExpandWrap:active {
		top: 1px;
	}

.WidgetOrderEntry__properties {
	margin-right: 5px;
	font-weight: 600;
	white-space: nowrap;
}

.WidgetOrderEntry__properties_sell {
		color: var(--order-entry-sell-text-color);
	}

.WidgetOrderEntry__properties_buy {
		color: var(--order-entry-buy-text-color);
	}

.WidgetOrderEntry__description {
	margin-right: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-shrink: 1;
}

.WidgetOrderEntry__description > span:first-child:not(.WidgetOrderEntry__separator) {
			padding: 0 5px 0 0;
		}

.WidgetOrderEntry__description .WidgetOrderEntry__separator {
		padding: 0 3px;
	}

.WidgetOrderEntry__spread {
	font-weight: bold;
	margin-left: 1px;
	margin-right: 6px;
}

.WidgetOrderEntry__label {
	margin-right: 14px;
	margin-left: -7px;
	font-weight: 500;
}

.WidgetOrderEntry__label_positive {
		color: var(--positive-text-color);
	}

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

.WidgetOrderEntry__indicator {
	display: inline-block;
	padding: 0 5px;
	margin-right: 10px;
	background-color: rgba(90, 102, 155, 0.9);
	color: #ccf1ff;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	border-radius: 2px;
	transform: translateY(1px);
}

.WidgetOrderEntry__groupIcon {
	display: flex;
	align-items: center;
}

.WidgetOrderEntry__groupIcon .WidgetOrderEntry__iconWrapper {
		margin-right: 8px;
	}

.WidgetOrderEntry__groupIcon .icon-order-entry-header-oco-colored,
		.WidgetOrderEntry__groupIcon .icon-order-entry-header-bracket-colored {
			width: 34px;
			height: 22px;
		}

.WidgetOrderEntry__groupIcon .icon-order-entry-symbol-oso-colored,
		.WidgetOrderEntry__groupIcon .icon-order-entry-symbol-oso-child-colored,
		.WidgetOrderEntry__groupIcon .icon-order-entry-symbol-oco-colored,
		.WidgetOrderEntry__groupIcon .icon-order-entry-symbol-bracket-colored {
			width: 18px;
			height: 14px;
			vertical-align: bottom;
		}

.WidgetOrderEntry__groupIcon .icon-order-entry-header-oso-child-colored {
			width: 28px;
			height: 14px;
			vertical-align: bottom;
		}

.WidgetOrderEntry__groupIcon_child .WidgetOrderEntry__iconWrapper {
			position: relative;
			top: 1px;
			margin-right: 14px;
		}

.WidgetOrderEntry__bracketAmount {
	margin-right: 5px;
	color: var(--order-entry-group-order-connection-line-oco);
	font-size: 14px;
	font-weight: 500;
}

/* Global styles are here - in order not to litter the code above */
.WidgetOrderEntry__container .widgetNew__container {
				padding-top: 36px;
				border: none;
			}
.WidgetOrderEntry__container .widgetNew__header {
				height: 36px;
				padding-left: 0;
				box-shadow: 0 1px 0 0 var(--order-entry-header-bottom-shadow-color),
						0 -5px 5px 0 var(--order-entry-header-top-shadow-color);
			}
.WidgetOrderEntry__container .widgetNew__header .icon-alert-triggered-order {
					width: 13px;
					height: 13px;
					fill: var(--icon-contextual-secondary-default-color);
				}
.WidgetOrderEntry__container .button-expand .icon {
				width: 11px;
				height: 6px;
				margin-top: 3px;
				margin-right: 5px;
				fill: var(--order-entry-show-hide-icon-color);
			}
.WidgetOrderEntry__container .button-pin {
			margin: 0 15px 0 8px;
		}
.WidgetOrderEntry__container .button-pin .icon-order-entry-pinned,
			.WidgetOrderEntry__container .button-pin .icon-order-entry-unpinned {
				width: 18px;
				height: 18px;
			}
.WidgetOrderEntry__container .button-pin .icon-order-entry-pinned {
				margin-top: -1px;
				fill: var(--icon-contextual-secondary-default-color);
			}
.WidgetOrderEntry__container .button-pin .icon-order-entry-unpinned {
				margin-top: -2px;
				fill: var(--icon-contextual-secondary-default-color);
			}
.WidgetOrderEntry__container .button-alert .icon-alert {
				width: 13px;
				height: 13px;
				vertical-align: middle;
			}

.WidgetOrderEntry__switchers {
	display: flex;
}

.WidgetOrderEntry__switcher {
	display: flex;
	align-items: center;
}

.WidgetOrderEntry__switcher + .WidgetOrderEntry__switcher {
		margin-left: 22px;
	}

.WidgetOrderEntry__switcher span {
		margin-right: 7px;
		margin-top: -4px;
	}

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

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

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

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

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

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

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

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

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

.WidgetOrderEntry__switcher .switcher--button::after {
					background-color: var(--order-entry-switcher-knob-bg-color);
				}

.WidgetOrderEntry__switcher .button-icon .icon-about-us {
				fill: var(--icon-contextual-secondary-default-color);
			}

.WidgetOrderEntry__innerWrapper {
	display: flex;
	align-items: center;
	margin-top: -1px;
	flex-shrink: 1;
    overflow: hidden;

}

.WidgetOrderEntry__innerWrapper .WidgetOrderEntry__groupIcon {
		margin-top: 2px;
	}

.WidgetOrderEntry__innerWrapper .WidgetOrderEntry__groupIcon .icon-order-entry-header-oso-child-colored {
				transform: translateY(-1px);
			}

.WidgetOrderEntry__iconWrapper {
	display: flex;
}

.WidgetOrderEntry__separator,
.WidgetOrderEntry__slash {
	color: var(--at-text-color-1);
}

.WidgetOrderEntry__descriptionPopover {
	max-width: 350px;
	padding: 1px 5px 4px 10px;
    margin: 12px 0 12px -10px;
	background: var(--hint-tooltip-bg-color);
	-webkit-backdrop-filter: none;
	        backdrop-filter: none;
}

.WidgetOrderEntry__descriptionPopover .WidgetOrderEntry__description {
		margin-right: 0;
		white-space: normal;
	}

.WidgetOrderEntry__demoMessageWrapper {
	text-align: center;
	flex-grow: 1;
	white-space: nowrap;
}

.WidgetOrderEntry__demoMessage {
	color: var(--order_entry-header-demo_mode-text);
}

.demoMode:not(.cornertrader) .WidgetOrderEntry__demoMessage {
		color: var(--demo-mode-text-color);
	}

.liveMode .WidgetOrderEntry__headerInner {		
		background-color: var(--order_entry-header-live_mode-bg);
	}

.demoMode .WidgetOrderEntry__headerInner {
		background-color: var(--order_entry-header-demo_mode-bg);
	}
.demoMode:not(.cornertrader) .WidgetOrderEntry__wrap .resizeDivider__container_horizontal:not(resizeDivider__container_horizontal:hover):not(resizeDivider__container_horizontal:active) {
				background-color: var(--demo-mode-order-entry-horizontal-divider-color);
			}

.layout-list__menuActions {
    height: 100%;
    margin-right: 10px;
}

	.layout-list__menuActions .widgetsMenu--icons .button-icon:last-child {
				margin-right: 0;
			}

.layout-list__widgets-menu-layout .layout-list-child__item {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

.layout-list__widgets-menu-layout .layout-list-child__item:hover {
				background-color: var(--list-item-hovered-bg-color);
			}

.layout-list__widgets-menu-layout .layout-list-child__item .layout-list__menuActions {
				display: flex;
				align-items: center;
				height: 13px;
			}

.layout-list__widgets-menu-layout .widgetsMenu--icons {
			height: 100%;
			display: flex;
			gap: 7px;
			margin-left: 8px;
		}

.layout-list__widgets-menu-layout .widgetsMenu--icons .button-icon {
			height: 13px;
			width: 13px;
		}
.layoutButton--title {
        color: var(--form-subtitle-text-color);
        font-size: 10px;
        text-transform: uppercase;
        padding-left: 10px;
    }
    .layoutButton--popoverContainer {
        display: flex;
        padding: 2px 0 6px;
    }
    .layoutButton--popoverContent {
        min-width: 213px;
    }
.button-icon-h-child__container___1thSg {
    width: auto;
    height: auto;
    background: transparent;
    padding: 0;
}

    .button-icon-h-child__container___1thSg:focus {
       box-shadow: none;
    }

    .button-icon-h-child__container___1thSg:hover .button-icon-h-child__icon___3ACBe {
			fill: var(--link-hovered-multiparts);
		}

    .button-icon-h-child__container___1thSg:active .button-icon-h-child__icon___3ACBe {
			fill: var(--icon-pressed-color);
		}

    .button-icon-h-child__container___1thSg::before {
		display: none;
	}

.button-icon-h-child__icon___3ACBe {
	--icon-height: 13px; 
	--vertical-padding: calc((var(--header-height) - var(--icon-height)) / 2);

	box-sizing: content-box;
    width: 23px;
    height: var(--icon-height);
	padding: var(--vertical-padding) 6px var(--vertical-padding) 12px;
	fill: var(--icon-secondary-default-color);
    transition: fill 220ms ease-out;
}
.button-link-child__container {
    font-size: 12px;
}
.context-menu-item-child__container {
    font-size: 12px;
    line-height: 2.17;
}
.layout-list-child__scroll {
    max-height: 183px;
    padding-top: 3px;
	height: auto;
}

.layout-list-child__list {
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.layout-list-child__list:last-child {
        margin: 0;
    }

.layout-list-child__list .widgetsMenu--item--placeholder {
			padding-left: 10px;
			color: var(--context-menu-list-text-color);
		}

.layout-list-child__item {
    box-sizing: border-box;
    padding-left: 10px;
    width: 100%;
    font-size: 12px;
    line-height: 2.17;
	color: var(--context-menu-list-text-color);
}

.layout-list-child__item .widgetsMenu--item--content {
			padding-right: 80px;
		}

.layout-list-child__buttons {
    display: block;
    padding-left: 0;
    margin-left: 10px;
	margin-top: 6px;
	padding-top: 6px;
}

.layout-list-child__buttons .button-link.button-link {
            font-size: 12px;
        }

.notification-button__container {
	width: auto;
	height: auto;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

	.notification-button__container:hover::before {
		background: transparent;
	}

	.notification-button__container:hover .notification-button__icon {
		fill: var(--icon-secondary-hovered-color);
	}

	.notification-button__container:focus {
		outline: 0.1rem solid var(--form-control-focused-border-outside-color);
	}

	.notification-button__container:focus:not(:focus-visible) {
			outline: none;
		}

	.notification-button__container::before {
		border: none;
	}

.notification-button__icon {
	--icon-height: 13px;
	--vertical-padding: calc((var(--header-height) - var(--icon-height)) / 2);


	fill: var(--icon-secondary-default-color);
	height: var(--icon-height);
    width: 19px;
    padding: var(--vertical-padding) 8px;
}

.notification-button__counter {
	position: absolute;
	max-width: 2.5rem;
	top: 7px;
    right: 0px;
	padding: 0.3rem 0.5rem;
	background-color: var(--counter-bg);
	color: var(--counter-text);
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 0.95rem;
	font-size: 1rem;
	transform-origin: center center;
}
.popover-h-child__container___PX14g {
	display: inline-block;
}
.notification-list-item__date {
	font-size: 1rem;
}

.notification-list-item__body {
	overflow: hidden;
}

.notification-list-item__title {
	color: var(--common-text-default);
	font-size: 1.2rem;
	line-height: 1.6rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.notification-list-item__ackn {
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2rem;
	margin-left: 0.8rem;
	white-space: nowrap;
}

.notification-list-item__ackn-accepted {
		/* stylelint-disable-next-line */
		color: var(--admin-notification-acknowledgement-tag-accepted-multiparts);
	}

.notification-list-item__ackn-accepted svg {
			margin-right: 0.2rem;
			/* stylelint-disable-next-line */
			fill: var(--admin-notification-acknowledgement-tag-accepted-multiparts);
			width: 1rem;
			height: 1rem;
		}

.notification-list-item__ackn-required {
		/* stylelint-disable */
		background: var(--admin_notification-acknowledgement_tag-not_accepted-bg);
		color: var(--admin_notification-acknowledgement_tag-not_accepted-text);
		/* stylelint-enable */
		padding: 0 0.3rem;
		border-radius: 0.2rem;
	}

.notification-list-item__item {
	display: grid;
	grid-template-columns: 1.3rem 9.5rem 1fr;
	grid-auto-rows: 1.6rem;
	grid-gap: 0.8rem;
	padding: 0.5rem 1rem;
	transition: background 0.1s;
	cursor: pointer;
}

.notification-list-item__item:hover {
		background-color: var(--dropdown-list-bg-hover-color);
	}

.notification-list-item__item:focus {
		background-color: var(--dropdown-list-bg-hover-color);
		outline: 0.1rem solid var(--form-control-focused-border-outside-color);
		outline-offset: calc(0.1rem * -1);
	}

.notification-list-item__item:focus:not(:focus-visible) {
			outline: none;
		}

.notification-list-item__item-unread .notification-list-item__date {
		color: var(--dropdown-list-text-color);
	}

.notification-list-item__item-unread .notification-list-item__title {
		font-weight: 600;
	}

.notification-list-item__item-read .notification-list-item__icon path {
			fill: var(--icon-contextual-primary-default-color);
		}

.notification-list-item__item-read .notification-list-item__date {
		color: var(--common-secondary-text-color);
	}

.notification-list-item__item-read .notification-list-item__title {
		font-weight: 400;
	}

.notification-list-item__icon,
.notification-list-item__date,
.notification-list-item__body,
.notification-list-item__ackn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

.notification-list__root {
	z-index: 1;
	max-width: 800px;
	right: 8px;
	padding: 0.4rem 0;
}

	.notification-list__root:focus:focus-visible {
		outline: none;
	}

.notification-list__emptyMessage {
	z-index: 1;
	padding: 10px;
}

.notification-list__emptyMessage:focus:focus-visible {
		outline: none;
	}

.notification-list__separator {
	margin: 0.9rem 1rem;
	width: calc(100% - 1rem * 2);
	height: 0.1rem;
	background-color: var(--line-color);
	border: none;
}

.scrollable-h-child__scrollable___R-SH9 {
	--notification-list-menu-item-height: calc(
		2 * 0.5rem + 1.6rem
	);
	--notification-list-menu-separator-height: calc(2 * 0.9rem + 0.1rem);
}

	.scrollable-h-child__scrollable___R-SH9 .scrollable-h-child__container___2upqf {
		max-height: calc(10 * var(--notification-list-menu-item-height));
	}

	.scrollable-h-child__scrollable___R-SH9 .scrollable-h-child__container_withSeparator___3eBj4 {
			max-height: calc(
				10 * var(--notification-list-menu-item-height) + var(--notification-list-menu-separator-height)
			);
		}

.button-appMenu {
	border: none;
	background: none;
	width: auto;
    height: auto;
}

	.button-appMenu.button-active .icon {
			transform: translateY(1px);
			fill: var(--icon-pressed-color);
		}

	.button-appMenu:hover .icon {
			fill: var(--link-hovered-multiparts);
			transition: fill 220ms ease-in;
		}

	.button-appMenu:active .icon {
			transform: translateY(1px);
			fill: var(--icon-pressed-color);
		}

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

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

	.button-appMenu .icon {
		--icon-height: 13px; 
		--vertical-padding: calc((var(--header-height) - var(--icon-height)) / 2);

		box-sizing: content-box;
		width: 15px;
		height: var(--icon-height);
		padding: var(--vertical-padding) 12px var(--vertical-padding) 6px;
		fill: var(--icon-secondary-default-color);
		transition: fill 220ms ease-out;
	}
.context-menu-item__delimiter-with-text {
	width: 100%;
}
	.context-menu-item__delimiter-with-text::after {
		height: 1px;
		overflow: hidden;
		margin: 2px 7px;
		padding: 0;
		box-shadow: inset 0px 1px 0 0px var(--line-color-2);
		content: "";
		display: inline-block;
		width: 100%;
	}
.context-menu-item__account-footer {
	position: absolute;
    top: 25px;
    left: 0;
}

.popover-h-child__container___2glph {
	padding: 4px 0 4px;
	border: 1px solid;
	border-top: none;
	border-bottom: none;
	border-color: var(--dropdown-list-border-color);
	background-color: var(--dropdown-list-bg-color);
	color: var(--dropdown-list-text-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
}
.toolbar-item-wrapper__container {
	padding: 9px 12px 9px;
	display: flex;
	flex-flow: row;
	border: 1px solid transparent;
	border-top: none;
	border-bottom: none;
	border-left: 1px solid var(--line-color);
	border-right: 1px solid var(--line-color);
	background-color: transparent;
	outline: none;
	vertical-align: initial;
	cursor: pointer;
	color: inherit;
	line-height: inherit;
}

	.toolbar-item-wrapper__container:hover {
		background-color: var(--button-hovered-overlay-color);
	}

	.toolbar-item-wrapper__container:active {
		background-color: var(--button-pressed-overlay-color);
	}

	.toolbar-item-wrapper__container:focus-visible {
		outline: 1px solid var(--form-control-focused-border-outside-color);
		outline-offset: -1px;
	}

.toolbar-item-wrapper__content {
	
}

.toolbar-item-wrapper__controls {
    display: flex;
    flex-flow: column;
    height: 18px;
    width: 7px;
    align-self: center;
	margin-left: 10px;
	flex: 1 0 7px;
}

.toolbar-item-wrapper__controls svg {
		fill: var(--icon-secondary-default-color);
	}

.toolbar-item-wrapper__controls svg:first-of-type {
			transform: rotate(180deg);
		}
.item-selector-list__item {
	position: relative;
	box-sizing: border-box;
	/* NOTE: preserve spacing betweem items on zoom-in/zoom-out */
	margin-top: 0.2vh;
}
	
	.item-selector-list__item .item-selector-list__text:hover {
		background: var(--list-item-hovered-bg);
	}
	
	.item-selector-list__item::before {
		content: '';
		display: none;
		width: 100%;
		height: 26px;
		box-sizing: border-box;
		background: var(--drop-area-highlight-color);
		border: 1px dashed var(--drop-area-border-color);
		box-shadow: inset 0px 0px 20px var(--drop-area-inner-shadow-color);
	}
	
	.item-selector-list__item_isSelected .item-selector-list__text {
			background: var(--list-item-selected-bg);
		}
	
	.item-selector-list__item_isSelected .item-selector-list__text:hover {
				background: var(--list-item-selected-bg);
			}
	
	.item-selector-list__item_isOver:before {
		display: block;
	}

.item-selector-list__item_isLast::after  {
	content: '';
	display: none;
	width: 100%;
	height: 26px;
	box-sizing: border-box;
	background: var(--drop-area-highlight-color);
	border: 1px dashed var(--drop-area-border-color);
	box-shadow: inset 0px 0px 20px var(--drop-area-inner-shadow-color);
}

.item-selector-list__text {
	padding: 5px 0 5px 6px;
	background: var(--list-item-default-bg);
	cursor: grab;
}

.item-selector-list__text_hasButton {
		padding: 0;
	}

.item-selector-list__group {
	display: flex;
	align-items: center;
}

.item-selector-list__iconDrag {
	position: relative;
    display: inline-block;
	width: 2px;
	height: 10px;
	margin-right: 6px;
	transform: translateY(1px);
	order: -1;
}

.item-selector-list__iconDrag svg {
		fill: var(--icon-secondary-default-color);
	}
.button-toggle-group__container {
	display: inline-flex;
	width: 100%;
	padding: 0;
	color: inherit;
	height: auto;
	text-align: left;
	padding: 5px 0 5px 6px;
	line-height: inherit;
	align-items: center;
	background: var(--list-item-default-bg);
  	border: none;
}

	.button-toggle-group__container .item-selector-list__iconDrag {
			transform: translateY(0);
		}

.button-toggle-group__icon {
	display: inline-block;
	margin-right: 4px;
	width: 8px;
	height: 8px;
	margin-left: 0;
}

.button-toggle-group__icon svg {
		fill: var(--icon-secondary-default-color);
	}
.item-selector-dnd-preview__container {
	width: 257px;
	margin-bottom: 0;
	left: 0;
	top: 0;
	z-index: 1000;
}

	.item-selector-dnd-preview__container .item-selector-list__text {
			background: var(--draggable-item-hover-color);
		}
.button-round__container {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;	
	padding: 0;
	width: auto;
	color: var(--link-default-multiparts);
}

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

	.button-round__container:active {
		transform: translateY(1px);
	}

.button-round__icon {
	width: 25px;
	height: 25px;
	margin-right: 7px;
}
.input-filter-h-child__label___nUgjQ {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 8px;
	padding-left: 8px;
}

.input-filter-h-child__container___CkbY2 {
	width: 100%;
}
.item-selector__container {
	display: flex;
	width: 612px;
	position: relative;
	color: var(--modal-window-text-color);
}

.item-selector__header {
	width: 100%;
	font-size: var(--table--cell-head-font-size);
	line-height: 18px;
	font-weight: 500;
	box-sizing: border-box;
	color: var(--table-column-text-header-color);
	text-transform: uppercase;
	padding-left: 8px;
	margin-bottom: 11px;
}

.item-selector__wrapper {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	border-top: 0;
	min-height: 377px;
	max-height: 377px;
}

.item-selector__wrapper_isOver {
	position: relative;
}

.item-selector__wrapper_isOver .last-item:after {
			display: block;
		}

.item-selector__column {
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	z-index: 2;
	box-sizing: border-box;
	width: 50%;
	padding: 22px 30px 0 22px;
}

.item-selector__column:first-child {
		border-right: 1px solid var(--input-default-border-outside-color);
	}

.item-selector__column ul {
			list-style-type: none;
			margin: 0;
			padding: 0 0 10px;
		}

.item-selector__column ul ul {
				padding-bottom: 0;
			}

.item-selector__footer {
	flex-shrink: 0;
	height: 60px;
	position: relative;
	align-items: center;
	text-align: center;
	display: flex;
	padding-left:8px;
}

.item-selector__footer .button-restoreDefault {
			position: absolute;
			left: 6px;
		}

.item-selector__emptyView {
	width: 100%;
	height: 27px;
	box-sizing: border-box;
	background: var(--drag-and-drop-area-bg-color);
	border: 1px dashed var(--drag-and-drop-area-border-color);
}
.popup-h-child__body___dmVWc {
	padding: 0;
	box-sizing: border-box;
}

.popup-h-child__footer___2FSxy {
	display: flex;
	justify-content: space-between;
	padding-left: 30px;
}

.popup-h-child__footer___2FSxy button + button {
			margin-left: 7px;
		}
.account-item__accountItem {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-align: left;
	height: 100%;
}

	/*if ResizeDetector is first	*/

	.account-item__accountItem:nth-child(2) {
		padding-left: 16px;
 	}

	.account-item__accountItem + .account-item__accountItem {
		padding-left: 16px;
	}

.account-item__header {
	display: inline-block;
	color: var(--application-header-section-text-color);
	line-height: 12px;
	vertical-align: top;
}

.account-item__tooltip__container {
	left: 0;
	top: calc(100% + 15px);
	display: none;
	width: 265px;
	white-space: normal;
	background-color: var(--hint-tooltip-bg-color);
	color: var(--hint-tooltip-text-color);
}

.account-item__value {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 14px;
	white-space: nowrap;
	overflow: hidden;
	color: var(--application-header-item-text-color);
}

.account-item__empty {
	color: var(--no-data-text-color);
}

.account-item__positive {
	color: var(--positive-text-color);
}

.account-item__negative {
	color: var(--negative-text-color);
}

.account-item__optimal {
	color: var(--metrics-positive-text-color, rgba(0, 209, 129, 1));
}

.account-item__critical {
	color: var(--metrics-negative-text-color, rgba(254, 119, 139, 1));
}

.account-item__warning {
	color: var(--metrics-warning-text-color, rgba(255, 199, 102, 1));
}

.mobile .account-item__header {
		font-size: 14px;
		margin: 4px 0;
	}

.demoMode .account-item__header {
		color: var(--demo-mode-application-header-section-text-color)
	}
.slidable__container {
	display: flex;
	max-width: 100%;
	color: var(--account-info-data-text-color);
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.slidable__wrapper {
	position: relative;
	height: 100%;
	vertical-align: middle;
	white-space: nowrap;
	text-align: left;
	overflow: hidden;
}

.slidable__wrapper::after,
	.slidable__wrapper::before {
		content: "";
		opacity: 0;
		position: absolute;
		top: 0;
		z-index: 2;
		width: 21px;
		height: 100%;
		transition: opacity .5s;
	}

.slidable__wrapper:before {
		 background: linear-gradient(to left, rgba(var(--app-header-bg-color-rgb), 0), var(--app-header-bg-color));
	}

.slidable__wrapper:after {
		 background: linear-gradient(to right, rgba(var(--app-header-bg-color-rgb), 0), var(--app-header-bg-color));
	}

.slidable__list {
	position: relative;
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.slidable__listWrapper {
	display: inline-block;
	height: 100%;
	max-width: 100%;
	vertical-align: middle;
}

.slidable__leftHidden::before {
		opacity: 1;
		left: 0;
	}

.slidable__rightHidden::after {
		opacity: 1;
		right: 0;
	}

.slidable__transition {
	transition: 0.5s;
}

.mobile .slidable__listWrapper {
		overflow-x: auto;
	}

.account-metrics-wrapper-h__content___1gWoi {
	overflow: hidden;
	display: flex;
	align-self: stretch;
}

.account-metrics-wrapper-h__container___LWfIK {
	min-width: 150px;
}

.account-metrics-wrapper-h__container___LWfIK:hover .slidable__wrapper:before {
				background: linear-gradient(to left, var(--button-hovered-overlay-color), var(--button-hovered-overlay-color)), var(--app-header-bg-color);
 				-webkit-mask-image: linear-gradient(to right, #000, transparent);
 				        mask-image: linear-gradient(to right, #000, transparent);
			}

.account-metrics-wrapper-h__container___LWfIK:hover .slidable__wrapper:after {
				background: linear-gradient(to right, var(--button-hovered-overlay-color), var(--button-hovered-overlay-color)), var(--app-header-bg-color);
				-webkit-mask-image: linear-gradient(to left, #000, transparent);
				        mask-image: linear-gradient(to left, #000, transparent);
			}

.account-metrics-wrapper-h__container___LWfIK:active .slidable__wrapper:before {
				background: linear-gradient(to left, var(--button-pressed-overlay-color), var(--button-pressed-overlay-color)), var(--app-header-bg-color);
				-webkit-mask-image: linear-gradient(to right, #000, transparent);
				        mask-image: linear-gradient(to right, #000, transparent);
			}

.account-metrics-wrapper-h__container___LWfIK:active .slidable__wrapper:after {
				background: linear-gradient(to right, var(--button-pressed-overlay-color), var(--button-pressed-overlay-color)), var(--app-header-bg-color);
				-webkit-mask-image: linear-gradient(to left, #000, transparent);
				        mask-image: linear-gradient(to left, #000, transparent);
			}

.account-metrics-wrapper-h__container___LWfIK:hover {
		--app-header-demo_mode-bg: linear-gradient(0deg, var(--button-hovered-overlay-color), var(--button-hovered-overlay-color)), var(--app-header-bg-color);
	}
.account-metrics__container {
	position: relative;
	height: 100%;
	display: inline-flex;
	max-width: 100%;
	cursor: pointer;
}

.account-metrics__hint {
	padding-left: 20px;
	padding-right: 20px;
	height: 100%;
	display: flex;
	align-items: center;
	color: var(--account-info-label-text-color);
}

label.checkbox-h-child__container___1kZee {
	margin-bottom: 6px;
	cursor: pointer;
}
.label-form-field__container {
	display: block;
	line-height: inherit;
}

.label-form-field__label {
	margin: 0 0 8px 0;
	word-break: break-all;
}

.time-settings__infoText {
	margin-bottom: 16px;
}
.popup-theme__body {
	padding: 24px 20px;
	box-sizing: border-box;
	max-width: 400px;
}

.popup-theme__footer {
	display: flex;
	justify-content: flex-end;
}

.popup-theme__footer button + button {
			margin-left: 7px;
		}
.widget-clock__clockContainer {
	cursor: pointer;
	vertical-align: middle;
	position: relative;
	text-align: left;
	display: flex;
	flex-flow: column;
	height: 100%;
}

.widget-clock__offset{
	display: inline-block;
	line-height: 14px;
	color: var(--application-header-section-text-color);
}

.widget-clock__time {
	position: relative;
	display: block;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	color: var(--application-header-item-text-color);
}

.mobile .widget-clock__header {
		font-size: 14px;
		margin: 4px 0;
	}


.dropDown-tradingType&.dropDown-selectBox  {
	min-width: 136px !important;
}
	
	.dropDown-tradingType&.dropDown-selectBox .dropDown--option{
			padding: 3px 9px;
		}
	
	.dropDown-tradingType&.dropDown-selectBox .dropDown--option:hover {
				color: var(--common-text-default);
			}
	
	.dropDown-tradingType&.dropDown-selectBox .dropDown--option-selected {
				color: var(--common-text-selected);
			}
	
	.dropDown-tradingType&.dropDown-selectBox .dropDown--option .icon {
				display: none;
			}
.tradingType {
	font-size: 1rem;
	border-radius: 10px;
	border: 0;
}

	.tradingType-active .selectBox--arrow {
				opacity: 1;
			}

	.tradingType.control-selectBox {
		box-shadow: inset 0 0 0 1px var(--app-header-dropdown-default-border-color);
	}

	.tradingType.selectBox::before {
			border: 0;
			border-radius: 11px;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}

	.tradingType.selectBox-regularTrading,
			.tradingType.selectBox-regularTrading:hover,
			.tradingType.selectBox-regularTrading:active {
				background: transparent;
				color: inherit;
				box-shadow: none;
			}

	.tradingType.selectBox-dblClickTrading,
			.tradingType.selectBox-dblClickTrading:hover,
			.tradingType.selectBox-dblClickTrading:active {
				background-color: var(--dbl-click-trading-bg-color);
			}

	.tradingType.selectBox-oneClickTrading,
			.tradingType.selectBox-oneClickTrading:hover,
			.tradingType.selectBox-oneClickTrading:active {
				background-color: var(--one-click-trading-bg-color);
			}

	.tradingType .selectBox {
		width: 128px;
		height: 22px;
	}

	.tradingType .selectBox--label {
			padding: 0 0 0 14px;
			font-size: 12px;
			line-height: 22px;
			color: var(--app-header-dropdown-default-text-color);
		}

	.tradingType .selectBox--arrow {
			padding-right: 10px;
			background-position: -1px -152px;
		}

	.tradingType .selectBox--arrow .icon {
				fill: var(--icon-contextual-primary-default-color);
			}
.contextMenuButton-h-child__container___1wDdq {
	margin-right: 4px;
	box-shadow: inset 0 0 0 1px var(--app-header-dropdown-default-border-color);
	border-radius: 11px;
}

	.contextMenuButton-h-child__container___1wDdq:last-of-type {
		margin-right: 12px;
	}

	.contextMenuButton-h-child__container_opened___33bJT .button {
				background: var(--app-header-dropdown-active-bg-color);
				box-shadow: inset 0 0 0 1px var(--app-header-dropdown-active-border-color);
			}

	.contextMenuButton-h-child__container___1wDdq .button {
			border-radius: 11px;
			line-height: 1;
			height: 22px;
			padding: 0 8px 0 14px;
			color: var(--app-header-dropdown-default-text-color);
			background: var(--app-header-dropdown-default-bg-color);
		}

	.contextMenuButton-h-child__container___1wDdq .button::before {
				border-radius: 11px;
			}

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

	.contextMenuButton-h-child__container___1wDdq .button:active::before {
					background: var(--button-pressed-overlay-color);
				}

	.contextMenuButton-h-child__container___1wDdq .button .icon-dropdown-arrow {
				margin-top: 1px;
				margin-left: 12px;
				fill: var(--icon-contextual-primary-default-color);
			}
.popover-h-child__container___3Xkdq {
	width: 200px;
	background: transparent;
	border: none;
	-webkit-backdrop-filter: none;
	        backdrop-filter: none;
	padding: 0;
}

	.popover-h-child__container___3Xkdq .popover-h-child__content___2694U {
		border: none;
	}

	.popover-h-child__container___3Xkdq .contextMenu {
			width: 100%;
			max-height: 100%;
			position: relative;
		}

	.popover-h-child__container___3Xkdq .contextMenu--footer {
				padding-top: 6px;
				margin: 6px 8px 0;
				font-size: 12px;
				line-height: 1.42;
				color: var(--dropdown-list-description-text-color);
				position: relative;
				white-space: normal;
			}

	.popover-h-child__container___3Xkdq .contextMenu--footer::before {
					position: absolute;
					top: 0;
					left: 0;
					content: "";
					width: 100%;
					height: 1px;
					overflow: hidden;
					padding: 0;
					box-shadow: inset 0 1px 0 0 var(--line-color-2);
				}

	.popover-h-child__container___3Xkdq .contextMenu--item,
			.popover-h-child__container___3Xkdq .contextMenu .link-pseudo {
				cursor: grab; /*IE and Old Edge*/
				cursor: url(../../wl/vanquishtrader/openhand.ico) 5 0, grab;
			}

	.popover-h-child__container___3Xkdq .contextMenu .link-pseudo {
				margin-right: 0;
			}
.widgetNavigation__container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

	.widgetNavigation__container .button-selectedWidget {
				border-radius: 11px;
				line-height: 1;
				height: 22px;
				padding: 0 14px;
				overflow: hidden;
				color: var(--app-header-button-default-text-color);
				background: var(--app-header-button-default-bg-color);
				cursor: grab;
			}

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

	.widgetNavigation__container .button-selectedWidget:active::before {
						background: var(--app-header-button-pressed-bg-color);
					}

	.widgetNavigation__container .button-selectedWidget.button-dragging {
					box-shadow: 0 0 0 1px var(--item-dragged-shadow-color);
					background: var(--app-header-button-dragged-bg-color);
				}

.widgetNavigation__selectedButtons {
	margin-right: 20px;
}

.widgetNavigation__selectedButtons .button {
			margin-right: 3px;
		}

.widgetNavigation__selectedButtons .button:last-of-type {
				margin-right: 0;
			}

.widgetNavigation__controls {
	display: flex;
	align-items: center;
}

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

	to {
		transform: scale(1);
	}
}

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

.headerNew .logo {
		display: flex;
		align-self: flex-start;
		flex-shrink: 0;
		margin: 0 20px 0 12px;
		width:  var(--logo-width);
		height: var(--logo-height);
	}

.headerNew .logo svg {
			fill: var(--logo-brand-color);
			color: var(--logo-brand-color);
		}

.headerNew .trading-type {
		margin-top: 5px;
	}

.headerNew--widgetsWrap {
		margin-right: 0;
		transition: height var(--animation-default);
	}

.headerNew--widgetsMenu {
		opacity: 0;
		transition: opacity var(--animation-default);
	}

.headerNew--top {
		display: flex;
		width: 100%;
		position: relative;
		align-items: center;
		overflow: hidden;
		height: var(--header-height);
	}

.headerNew--top .react-component-wrapper {
			display: flex;
			flex-flow: row;
			height: 100%;
			align-items: center;
		}

.headerNew--top .grid:has(.account-metrics__container) {
			min-width: 150px;
		}

.headerNew--top .toolbar-item-wrapper__container {
			margin-left: -1px;
			border-right: 0;
			height: 100%;
		}

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

.headerNew--widgetsWrap {
		display: inline-block;
		position: relative;
		transition: height var(--animation-default);
	}

.headerNew--widgetsMenu {
		position: absolute;
		top: 0;
		left: 0;
		height: 0;
		overflow: hidden;
		opacity: 0;
		transition: opacity var(--animation-default);
	}

.headerNew--hint {
		vertical-align: middle;
		visibility: hidden;
		min-width: 140px;
		color: var(--application-header-dragging-hint-text-color);
		font-size: 14px;
		cursor: default;
		display: none;
	}

.headerNew--notifications {
		position: relative;
		display: flex;
		align-items: center;
		height: 100%;
	}

.headerNew--notifications:before {
			content: '';
			position: absolute;
			height: 100%;
			left: 0;
			top: 0;
			border-left: 1px solid var(--line-color);
		}

.headerNew--notifications:after {
			content: '';
			position: absolute;
			height: 100%;
			right: 0;
			top: 0;
			border-left: 1px solid var(--line-color);
		}

.headerNew--dataPermission {
		position: relative;
	}

.headerNew--dataPermission:after {
			content: "";
			position: absolute;
			right: 0;
			height: 34px;
			top: calc(50% - 16px);
			border-left: 1px solid var(--line-color);
		}

.headerNew--dataPermission .toolbar-item-wrapper__container {
			padding-top: 0;
			padding-bottom: 0;
		}

.headerNew--buttons {
		display: flex;
		align-items: center;
		flex-shrink: 0;
		position: relative;
		z-index: 2;
	}

.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--workspace-bar {
		display: block;
		padding-right: 5px;
		background: var(--tab-background-color);
		box-shadow: inset 0 1px var(--tab-background-shadow-color);
	}

.headerNew--bottom {
		display: flex;
		background: var(--tab-background-color);
		box-shadow: inset 0 1px var(--tab-background-shadow-color);
	}

.headerNew--menu {
		position: relative;
		display: flex;
		height: 26px;
		margin: 0;
		padding: 0;
		max-width: calc(100% - 29px); /* 29px = button-add width */
	}

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

.headerNew--menuItem:hover {
			transition: color 220ms ease-in;
			box-shadow: 0 0 0 30px var(--primary-tab-hover-bg-color) inset;
		}

.headerNew--menuItem:hover:after {
				content: '';
				background: var(--tab-hovered-line-color);
			}

.headerNew--menuItem::after {
			content: "";
			position: absolute;
			height: 2px;
			width: 100%;
			bottom: 0;
			left: 0;
			background: transparent;
		}

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

.headerNew--menuItem-selected {
			padding-right: 6px;
			color: var(--tab-selected-text-color);
			background-color: var(--tab-selected-bg-color);
			flex-shrink: 0;
			gap: 6px;
		}

.headerNew--menuItem-selected .control-textInput {
				padding-right: 12px;
				width: 100%;
			}

.headerNew--menuItem-selected .control-textInput .control--wrap {
					width: 100%;
				}

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

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

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

.headerNew--menuItem-selected .headerNew--menuItemTitle {
				margin-bottom: 2px;
			}

.headerNew--menuItem-edit {
			width: 133px;
		}

.headerNew--menuItem-dragging > * {
				opacity: 0.2;
			}

.headerNew--menuItem-cloning {
			background-color: var(--draggable-item-bg-color);
			cursor: grabbing;
		}

.headerNew--menuItem[data-insert-position='right']::after {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				height: 100%;
				width: 1px;
				background-color: #FFB900;
			}

.headerNew--menuItem[data-insert-position='none']:has(+ .headerNew--menuItem[data-insert-position='right'])::after {
				content: "";
				position: absolute;
				right: 0px;
    			left: initial;
				top: 0;
				height: 100%;
				width: 1px;
				background-color: #FFB900;
			}

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

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

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

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

.headerNew--menuItem .button-widgetsMenu {
				width: 12px;
				height: 12px;
			}

.headerNew--menuItem .button-closeTab {
				width: 12px;
				height: 12px;
			}

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

.liveMode .headerNew {
		background: var(--app-header-live_mode-bg);
	}

.liveMode .headerNew--bottom {
			background: var(--workspace-tabs-live_mode-bg);
		}

.liveMode .headerNew .accountInfo--wrap-data:before {
				background: linear-gradient(to left, rgba(var(--app-header-live_mode-bg-rgb), 0), var(--app-header-live_mode-bg));
			}

.liveMode .headerNew .accountInfo--wrap-data:after {
				background: linear-gradient(to right, rgba(var(--app-header-live_mode-bg-rgb), 0), var(--app-header-live_mode-bg));
			}

.demoMode .headerNew {
		background: var(--app-header-demo_mode-bg);
	}

.demoMode .headerNew--bottom {
			background: var(--workspace-tabs-demo_mode-bg);
		}

.demoMode .headerNew--menuItem-selected:not(.headerNew--menuItem-dragging)::after,
		.demoMode .headerNew--menuItem-selected:not(.headerNew--menuItem-dragging):hover::after {
			background: var(--demo-mode-tab-selected-line-color);
		}

.demoMode .headerNew .accountInfo--wrap-data:before {
				background: linear-gradient(to left, rgba(var(--app-header-demo_mode-bg-rgb), 0), var(--app-header-demo_mode-bg));
			}

.demoMode .headerNew .accountInfo--wrap-data:after {
				background: linear-gradient(to right, rgba(var(--app-header-demo_mode-bg-rgb), 0), var(--app-header-demo_mode-bg));
			}

/* please do not remove, it is needed for generation CssConstants */
.headerNew.headerNew--wb {
}

@media (max-width: 1420px) {
		.headerNew.headerNew--wb .widgetNavigation__selectedButtons {
			display: none;
		}
}
@media (max-width: 1244px) {
        .headerNew.headerNew--wb .account-suggest-selector__accountInfo_fullNameInfo,
        .headerNew.headerNew--wb .account-suggest-selector__separator_inlay
        {
			display: none;
		}
}

.mobile .headerNew::before {
			display: none;
		}
		.mobile .headerNew .logo,
		.mobile .headerNew .headerNew__tradingTypeSwitcher {
			display: none;
		}
		.mobile .headerNew .headerNew--buttons button:not(.button-appMenu) {
			display: none;
		}
		.mobile .headerNew .widgetNavigation__container {
			display: none;
		}
		.mobile .headerNew .headerNew__controlPanelWrap {
			width: 100%;
		}
		.mobile .headerNew .headerNew__controlPanelWrap .button-addWidgets {
				position: relative;
				top: 0px;
				left: 0;
				box-sizing: border-box;
				padding: 0 10px;
				margin: 0;
				border-radius: 0;
				overflow: visible;
				width: 100%;
				border: 0;
			}
		.mobile .headerNew .headerNew__controlPanelWrap .button-addWidgets:before {
					display: none;
				}
		.mobile .headerNew .headerNew--widgets {
			flex-grow: 0;
			max-width: 60%;
			order: 1;
		}
		.mobile .headerNew .headerNew__accountSelector {
			height: 24px;
			order: 2;		
			align-self: flex-start;
			padding: 0 4px 0 10px;
			justify-content: flex-start;
			flex-grow: 1;
			overflow: hidden;
			align-items: center;
		}
		.mobile .headerNew .headerNew__accountSelector:after,
			.mobile .headerNew .headerNew__accountSelector:before {
				bottom: 0;
				top: 0;
				height: auto;
				border-left: 1px solid var(--app-header-divider-vertical-color);
			}
		.mobile .headerNew .headerNew__accountSelector .control-selectBox {
				display: flex;
				align-items: baseline;
				top: 0;
				max-width: 100%;
			}
		.mobile .headerNew .headerNew__accountSelector .control-selectBox .control--label {
					display: block;
					margin-right: 10px;
				}
		.mobile .headerNew .headerNew__accountSelector .control-selectBox .control--wrap {
					overflow: hidden;
					width: 100%;
				}
		.mobile .headerNew .headerNew__accountSelector .accountInfoReadonly {
				display: flex;
				top: 1px;
				overflow: hidden;
			}
		.mobile .headerNew .headerNew__accountSelector .accountInfoReadonly .accountInfoLabel {
					margin-right: 10px;
				}
		.mobile .headerNew .headerNew__accountSelector .accountInfoReadonly .accountInfoUser {
					overflow: hidden;
					text-overflow: ellipsis;
				}
		.mobile .headerNew .headerNew__accountSelector .selectBox-accountInfo .selectBox--label {
					display: flex;
				}
		.mobile .headerNew .headerNew__accountSelector .selectBox-accountInfo .selectBox-selectBox {
					padding: 0;
				}
		.mobile .headerNew .headerNew__accountSelector .selectBox-accountInfo .selectBox--arrow {
					top: 50%;
					transform: translateY(-50%);
				}
		.mobile .headerNew .headerNew__accountSelector .selectBox-accountInfo .account-info-mode__container {
					display: none;
				}
		.mobile .headerNew .headerNew__accountSelector .selectBox-accountInfo .selectBox--labelHead {
					margin-right: 10px;
					margin-bottom: 0;
					transform: translateY(1px);
				}
		.mobile .headerNew .headerNew__accountSelector .account-info-mode-switcher__container {
				display: none;
			}
		.mobile .headerNew .headerNew--buttons {
			order: 3;
			padding-left: 10px;
			margin-right: 10px;
			margin-top: -2px;
		}
		.mobile .headerNew .headerNew__accountMetrics {
			width: 100%;
			position: absolute;
			top: 24px;
			margin: 0;
			border-top: 1px solid var(--app-header-divider-vertical-color);
			order: 4;
			margin-left: 0;
			overflow: hidden;			
		}
		.mobile .headerNew .headerNew__accountMetrics .accountInfo {
				top: 0;
				height: auto;
				position: relative;
			}
		.mobile .headerNew .headerNew__accountMetrics .accountInfo--wrap-data {
				text-align: left;
			}
		.mobile .headerNew .headerNew__accountMetrics .accountInfo--wrap-data .accountItem:first-child {
					padding-left: 10px;
				}
		.mobile .headerNew .headerNew__accountMetrics .accountInfo--listWrapper {
				overflow-x: auto;
				height: 49px;
			}
		.mobile .headerNew .headerNew__accountMetrics .accountInfo--list {
				padding-top: 0;
			}
		.mobile .headerNew .headerNew__accountMetrics .accountInfo--list:not(.accountInfo--list-notClickable):hover, .mobile .headerNew .headerNew__accountMetrics .accountInfo--placeholder:not(.accountInfo--list-notClickable):hover {
						background: transparent;
					}
		.mobile .headerNew-adding .headerNew--buttons {
				visibility: hidden;
			}		
	.mobile .headerNew--menuItem {
		white-space: nowrap;
		flex-shrink: 0;
		height: 26px;
	}		
	.mobile .headerNew--menu {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}		
	.mobile .headerNew--menu::-webkit-scrollbar {
			width: 0;
			height: 0;
			display: none;
			background: transparent;
		}		
	.mobile .headerNew--menu:-webkit-scrollbar {
			width: 0;
			height: 0;			
			background: transparent;
		}		
	.mobile .headerNew--menu::-webkit-scrollbar-thumb {
			display: none;
		}		
	.mobile .headerNew__accountSelector .control-selectBox .selectBox--labelText {
				display: inline-block;
				align-items: baseline;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}		
	.mobile .headerNew--top {
		padding-bottom: 40px;
		padding-top: 0px;
		flex-direction: row;
		flex-wrap: nowrap;
		overflow: visible;
		align-items: center;
	}
.popup-generic-footer-h__footer-button-wrapper___third-party-legacy-react-kit-components-popup-theme-___1NBaC {
	margin-left: auto;
	display: flex;
	flex-flow: row;
	gap: 6px;
}

.popup-generic-footer-h__footer___third-party-legacy-react-kit-components-popup-theme-___GSyjr {
	display: flex;
}
.popup-generic-content-h__content___third-party-legacy-react-kit-components-popup-theme-___2v-j- {
	line-height: 16px;
	margin-bottom: 20px;
}

	.popup-generic-content-h__content___third-party-legacy-react-kit-components-popup-theme-___2v-j-:last-child {
		margin-bottom: 0;
	}

.popup-generic-content-h__content-heading___third-party-legacy-react-kit-components-popup-theme-___2QMUT {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 8px;
}
.account-selector-item__account-item {
	height: 27px;
	display: grid;
    grid-template-columns: 1fr 29px 35px;
	padding: 0 10px;
    align-content: center;
	cursor: pointer;
}

	.account-selector-item__account-item-prepend {
		grid-template-columns: 18px 1fr 29px 35px;
	}

	.account-selector-item__account-item-prepend .account-selector-item__account-item-name {
			margin-left: 4px;
		}

	.account-selector-item__account-item-prepended-value {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.account-selector-item__account-item:hover:not(.account-selector-item__account-item-disabled) {
		background: var(--list-item-hovered-bg-color);
	}

	.account-selector-item__account-item-name {
		display: flex;
		margin-right: 12px;
	}

	.account-selector-item__account-item-icon {
		margin-left: 9px;
		display: flex;
		align-items: center;
	}

	.account-selector-item__account-item-icon .icon {
				width: 10px;
				height: 10px;
			}

	.account-selector-item__account-item-label {
		font-family: "Open Sans", sans-serif;
		color: var(--account-label-text-color);
		text-transform: uppercase;
		border-radius: 2px;
		font-size: 11px;
		line-height: 11px;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 13px;
		margin: auto 0;
	}

	.account-selector-item__account-item-type {
		margin-right: 4px;
		font-weight: 600;
	}

	.account-selector-item__account-item-type_EQ {
			background: var(--label-eq-bg);
		}

	.account-selector-item__account-item-type_EQO {
			background: var(--label-eqo-bg);
		}

	.account-selector-item__account-item-type_CFD {
			background: var(--label-cfd-bg);
		}

	.account-selector-item__account-item-type_FUT {
			background: var(--label-fut-bg);
		}

	.account-selector-item__account-item-type_MUL {
			background: var(--label-mul-bg);
		}

	.account-selector-item__account-item-margin {
		font-weight: 600;
		background-color: var(--label-margin-bg, #9092AD);
	}

	.account-selector-item__account-item-cash {
		font-weight: 600;
		background-color: var(--label-cash-bg, #9092AD);
	}

.account-selector-item__account-item-selected .account-selector-item__account-item-icon .icon {
				fill: var(--icon-selected-color);
			}

.account-selector-item__account-item-selected {

	color: var(--common-text-selected);
}

.account-selector-item__account-item-disabled .account-selector-item__account-item-name {
		color: var(--dropdown-disabled-text-color);
	}

.account-selector-item__account-item-disabled {
	pointer-events: none;
}

.menu-item-h-child__item___3UTEx {
	padding: 0;
}

	.menu-item-h-child__item___3UTEx:hover {
		background: none;
	}
.selectbox-h-child__container__anchor___Xn4yO > span {
			justify-content: flex-start;
			gap: 8px;
		}
		.selectbox-h-child__container__anchor___Xn4yO:disabled {
			opacity: 0.5;
		}
		.selectbox-h-child__container__anchor__content___3IwZT {
			display: flex;
			align-items: center;
			width: 100%;
	    }
		.selectbox-h-child__container__anchor__content___3IwZT .account-selector-item__account-item {
				height: auto;
				padding: 0;
				align-self: flex-end;
			}
		.selectbox-h-child__container__anchor__content___3IwZT .account-selector-item__account-item-selected {
					color: var(--dropdown-default-text-color);
				}
		.selectbox-h-child__container__anchor__content___3IwZT .account-selector-item__account-item-selected:hover {
						background: none;
					}
		.selectbox-h-child__container__anchor__content___3IwZT .account-selector-item__account-item-disabled {
					pointer-events: none;
				}
		.selectbox-h-child__container__anchor__content___3IwZT .account-selector-item__account-item-icon {
				display: none;
			}
.account-selector-child__container__anchor__content {
			width: 183px;
		}

			.account-selector-child__container__anchor__content .account-selector-item__account-item-name {
				display: inline-block;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

.one-click-trading-content-h__content-warn___KiUoh {
	margin-top: 4px;
}

.one-click-trading-content-h__content-list___13gKf {
	list-style-type: disc;
}

.one-click-trading-content-h__content-list___13gKf li {
		margin-left: 18px;
		margin-bottom: 4px;
	}

.one-click-trading-content-h__account-selection-container___2OlOf:not(:last-child) {
		margin-bottom: 20px;
	}

.one-click-trading-content-h__account-selection-item___26QCr {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.one-click-trading-content-h__account-selection-item___26QCr:not(:last-child) {
		margin-bottom: 12px;
	}

.one-click-trading-content-h__account-selection-item-label___1xvng {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
		color: var(--account-info-label-text-color);
	}

.one-click-trading-popup-h__container___3Rdk8 {
	border: none;
	box-shadow: none;
	max-width: 400px;
}

.one-click-trading-popup-h__body___3Vo8f {
	padding: 24px 24px 28px;
	box-sizing: border-box;
}

.one-click-trading-popup-h__header___2cf98 {
	display: flex;
	align-items: center;
}

.one-click-trading-popup-h__footer___1eDQ2 {
	padding: 12px 24px;
}


.one-click-trading-switcher-h__container___3D6ID {
	display: flex;
	flex-flow: row;
	margin: 0 19px;
}

.one-click-trading-switcher-h__footer___3jJom {
	display: flex;
	justify-content: space-between;
	padding: 12px 24px 12px 24px;
	margin-top: 28px;
}

.one-click-trading-switcher-h__footer___3jJom button + button {
			margin-left: 7px;
		}
.one-click-trading-tooltip-h__container___2CTpN {
	padding: 8px 10px 10px;
	max-width: 350px;
}

.one-click-trading-tooltip-h__content___9Xmvo {
	text-wrap: auto;
}
.account-switcher-h__container___1rVLs {
	box-sizing: border-box;
	display: flex;
    background-color: var(--context-menu-bg-color);
    flex-flow: column;
    border: 1px solid var(--context-menu-border-color);
	width: -moz-fit-content;
	width: fit-content;
	padding: 4px 0;
}

.account-switcher-h__separator___14zYf {
	height: 1px;
	background-color: var(--line-color);
	margin: 2px 10px;
}

.account-switcher-h__mode-switcher___1yZQa {
	display: flex;
	height: 27px;
	align-content: center;
    flex-wrap: wrap;
	padding: 0 10px;
	justify-content: space-between;
}

.account-switcher-h__mode-switcher___1yZQa .control {
			background-color: var(--account-switcher-bg-color, #21233B);
			border-radius: 6px;
			padding: 3px;
			height: 24px;
			box-sizing: border-box;
			max-width: 160px;
    		flex-grow: 1;
		}

.account-switcher-h__mode-switcher___1yZQa .control .control--buttons {
				gap: 3px;
    			display: flex;
			}

.account-switcher-h__mode-switcher___1yZQa .control .control--buttons .button {
					text-transform: uppercase;
					min-width: 71px;
					border-radius: 3px;
					height: 18px;
					padding: 4px 0;
					font-size: 10px;
					line-height: 10px;
					color: var(--account-label-text-color, #000000);
					border: none;
					outline: none;
					box-shadow: none;
				}

.account-switcher-h__mode-switcher___1yZQa .control .control--buttons .button:not(.button-active) {
						background-color: transparent;
						color: var(--account-label-inactive-text, rgba(255, 255, 255, 0.7));
					}

.account-switcher-h__mode-switcher___1yZQa .control .control--buttons .live-button {
					background-color: var(--account-label-live-bg-color, rgba(0, 219, 124, 1));
				}

.account-switcher-h__mode-switcher___1yZQa .control .control--buttons .demo-button {
					background-color: var(--switcher-demo-button-bg-color, rgba(255, 183, 0, 1));
				}

.account-switcher-h__mode-switcher-label___3VnNd {
	color: var(--form-label-text-color);
	font-size: 14px;
	line-height: 18px;
	display: flex;
	align-items: center;
	margin-right: 19px;
}

.account-switcher-h__accounts-text___1BACD {
	color: var(--dropdown-default-text-color);
	font-size: 14px;
	line-height: 18px;
}


.account-switcher-h__account-item___202V9 {
	height: 27px;
	display: grid;
    grid-template-columns: 1fr 29px 35px;
	padding: 0 10px;
    align-content: center;
	cursor: pointer;
}


.account-switcher-h__account-item___202V9:hover:not(.account-switcher-h__account-item-disabled___3ubhn) {
		background: var(--list-item-hovered-bg-color);
	}


.account-switcher-h__account-item-icon___3jQP- {
		margin-left: 9px;
		display: flex;
		align-items: center;
	}


.account-switcher-h__account-item-icon___3jQP- .icon {
				width: 10px;
				height: 10px;
			}

.account-switcher-h__master-account-icon___KEdtG {
	background-color: #DDDFE9;
    color: var(--account-label-text-color, #000000);
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 11px;
	line-height: 1;
	padding: 1px 3px;
	border-radius: 2px;
}

.account-switcher-h__slave-account-icon___qWl1f {
	color: var(--icon-secondary-default-color);
	width: 7px;
	height: 9px;
	fill: var(--icon-secondary-default-color);
}

.account-switcher-h__accounts-copy-trade-group___rb1zI {
	color: var(--hint-color);
	font-size: 10px;
	line-height: 10px;
	padding: 0 10px;
	position: relative;
	height: 18px;
	display: flex;
	align-items: center;
}

.account-switcher-h__accounts-copy-trade-group___rb1zI:after {
		content: '';
		position: absolute;
		left: 100px;
		bottom: 50%;
		background-color: var(--line-color);
		height: 1px;
		width: calc(100% - 100px - 10px);
	}

.account-switcher-h__account-item-selected___2g1dK .account-switcher-h__account-item-icon___3jQP- .icon {
				fill: var(--icon-selected-color);
			}

.account-switcher-h__account-item-selected___2g1dK {

	color: var(--common-text-selected);
}

.account-switcher-h__all-accounts___2u6Yi {
	display: flex;
	align-items: center;
}

.account-switcher-h__all-accounts___2u6Yi .account-switcher-h__account-item-icon___3jQP- {
		margin-left: 9px;
	}

.account-switcher-control-h__container___1I-Ci {
	height: 100%;
	display: flex;
	flex-flow: column;
}
	.account-switcher-control-h__container___1I-Ci:focus-visible {
		outline: 1px solid var(--form-control-focused-border-outside-color);
		outline-offset: -1px;
	}

.account-switcher-control-h__label-row___2lFJ0 {
	display: flex;
	gap: 3px;
}

.account-switcher-control-h__account-title___lqVd9 {
	font-size: 14px;
	line-height: 14px;
	margin-top: 4px;
}

.account-switcher-control-h__popover___3KOa8 {
	border: none;
}
.toolbar-item-wrapper-h__container___RwRwa {
	width: -moz-max-content;
	width: max-content;
}
.confirmation-panel__container {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px;
	background-color: var(--context-menu-bg-color, #393d65);
	border: 1px solid var(--context-menu-border-color, #444974);
	box-shadow: 0px 2px 4px 0px rgba(15, 17, 36, 0.2);
	width: 300px;
}

.confirmation-panel__title {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 1.333em;
	color: var(--common-text-default, #e1e6f4);
	width: 100%;
}

.confirmation-panel__warningSection {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 8px;
}

.confirmation-panel__warningIconWrapper {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	height: 16px;
	width: 12px;
}

.confirmation-panel__warningIconWrapper .icon {
		color: var(--warning-description-multiparts, #ff8333);
		fill: var(--warning-description-multiparts, #ff8333);
	}

.confirmation-panel__warningContent {
	display: flex;
	flex-direction: column;
}

.confirmation-panel__warningTitle {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.333em;
	color: var(--warning-description-multiparts, #ff8333);
}

.confirmation-panel__warningText {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.333em;
	color: var(--common-secondary-text-color, #a5a9c4);
} 
.confirmation-modal__container {
	width: 400px;
}

.confirmation-modal__body {
	padding: 24px;
}

.confirmation-modal__content {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.confirmation-modal__title {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.286em;
	color: var(--common-text-default, #E1E6F4);
	margin-bottom: 8px;
}

.confirmation-modal__description {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.333em;
	color: var(--common-text-default, #E1E6F4);
}

.confirmation-modal__warning {
	margin-top: 16px;
}

.confirmation-modal__footer {
	padding: 12px 24px
}

.confirmation-modal__footerButtonsContainer {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap: 8px;
}

.confirmation-modal__cancelButton {
	background-color: var(--button-secondary-default-bg-color, #444974);
	border: 1px solid rgba(15, 17, 36, 0.4);
	padding: 3px 24px 4px;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.286em;
	color: var(--button-secondary-text-color, #FFFFFF);
}

.confirmation-modal__confirmButton {
	background-color: var(--sell-button-default-bg-color, #B9464E);
	border: 1px solid rgba(15, 17, 36, 0.4);
	padding: 3px 24px 4px;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.286em;
	color: var(--sell-button-default-text-color, #FFFFFF);
} 
.button-child__container_isLoading.button-child__container_isLoading {
	background-color: var(--button-disabled-bg-color);
	pointer-events: none;
}
.flatten-all-button__container {
	position: relative;
	display: inline-block;
	padding: 9px 12px;
}

	.flatten-all-button__container:hover {
		background-color: var(--button-hovered-overlay-color, rgba(198, 201, 236, 0.12));
	}

.flatten-all-button__simpleTooltipContainer {
	padding: 8px 10px 10px;
	background-color: var(--hint-tooltip-bg-color, #393D65);
}

.flatten-all-button__button {
	background-color: var(--button-sell-bg-color, #B9464E);
	border: 1px solid var(--sell-button-outside-border-color, rgba(15, 17, 36, 0.4));
	padding: 3px 8px 4px;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	color: var(--sell-button-default-text-color, #FFFFFF);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	width: -moz-max-content;
	width: max-content;
}


.flatten-all-button__buttonWrapper {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}

.flatten-all-button__confirmButton {
	min-width: 80px;
}

.flatten-all-button__cancelButton {
	min-width: 80px;
} 
.loading-indicator-child__container_medium {
    width: 16px;
    height: 16px;
    border-top-color: var(--loader-segment-start-color__loader-segment-finish-color, #0C6FF1);
	border-width: 1px;
}
.toolbar-item-wrapper-child__controls {
	display: none;
}


.tooltip-popover-child__content.tooltip-popover-child__content {
	white-space: normal;
}

.tooltip-child__container {
	padding: 0;
	background-color: transparent;
}


.headerNew__accountSelector {
	display: flex;
	justify-content: flex-end;
	align-self: stretch;
	position: relative;
	z-index: 3;
    padding: 2px 13px 0;
}

	.headerNew__accountSelector:before,
	.headerNew__accountSelector:after {
		content: '';
		position: absolute;
		height: calc(100% + 3px);
		border-left: 1px dotted var(--app-header-divider-vertical-color);
	}

	.headerNew__accountSelector:before {
		left: 0;
	}

	.headerNew__accountSelector:after {
		right: 0;
	}

	.headerNew__accountSelector + .headerNew__accountMetrics {
		margin-left: 0;
		border-left: none;
	}

	.headerNew__accountSelector .selectBox-accountInfo .control--label {
				margin-bottom: 2px;
			}

	.headerNew__accountSelector .control--label,
		.headerNew__accountSelector .control--wrap .selectBox-accountInfo {
			padding: 0 10px 0 16px;
		}

.headerNew__tradingTypeSwitcher {
	display: flex;
	flex-grow: 1;
	position: relative;
	z-index: 1;
	margin-left: 15px;
}

.headerNew__tradingTypeSwitcher + .headerNew__accountSelector {
		margin-left: 16px;
	}

.headerNew__themeSwitcher {
	position: absolute;
	right: 50px;
	top: 12px;
}

.headerNew__controlPanelWrap {
	position: relative;
}

.mobile .headerNew__accountMetrics {
		width: 100%;
	}

.data-permission-button-h__wrapper___2z1_I {
	display: flex;
	flex-direction: column;
	gap: 4px;
	height: 100%;
	justify-content: center;
}

.data-permission-button-h__container___pN91x {
	height: 100%;
	padding: 0;
	text-align: left;
	min-width: -moz-fit-content;
	min-width: fit-content;
	border-radius: unset;
}

.data-permission-button-h__container___pN91x:focus {
		outline: 1px solid var(--form-control-focused-border-outside-color);
		outline-offset: -1px;
	}

.data-permission-button-h__inner___1Wh86 {
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	height: 100%;
}

.data-permission-button-h__header___2FB9M {
	display: inline-block;
	color: var(--application-header-section-text-color);
	font-size: 1.2rem;
	margin: 0;
	white-space: nowrap;
}

.data-permission-button-h__content___36PtX {
	width: 100%;
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.data-permission-button-h__content___36PtX .data-permission-button-h__status-container___3rX8v {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}

.data-permission-button-h__content___36PtX .data-permission-button-h__status-container___3rX8v .data-permission-button-h__status___3cIDZ {
			display: inline-block;
			color: var(--application-header-item-text-color);
			font-size: 1.4rem;
		}

.data-permission-button-h__content___36PtX .data-permission-button-h__status-container___3rX8v .data-permission-button-h__indicator-container___3lBpK {
			display: inline-block;
			position: relative;
			width: 0.9rem;
			height: 0.9rem;
			margin-right: 0.6rem;
		}

.data-permission-button-h__content___36PtX .data-permission-button-h__status-container___3rX8v .data-permission-button-h__indicator-container___3lBpK .data-permission-button-h__indicator___1jn9R {
				width: 0.9rem;
				height: 0.9rem;
				border-radius: 50%;
			}

.data-permission-button-h__content___36PtX .data-permission-button-h__status-container___3rX8v .data-permission-button-h__indicator-container___3lBpK .data-permission-button-h__indicator___1jn9R.data-permission-button-h__indicator_realtime___2MChz {
					background-color: var(--status-positive-multiparts);
				}

.data-permission-button-h__content___36PtX .data-permission-button-h__status-container___3rX8v .data-permission-button-h__indicator-container___3lBpK .data-permission-button-h__indicator___1jn9R.data-permission-button-h__indicator_delayed___pGEnE {
					background-color: var(--status-nonfinal-multiparts);
				}

.data-permission-button-h__content___36PtX .data-permission-button-h__status-container___3rX8v .data-permission-button-h__indicator-container___3lBpK .data-permission-button-h__indicator___1jn9R.data-permission-button-h__indicator_mixed___2nG8B {
					background-color: var(--status-positive-multiparts);
				}

.data-permission-button-h__content___36PtX .data-permission-button-h__status-container___3rX8v .data-permission-button-h__indicator-container___3lBpK .data-permission-button-h__indicator___1jn9R.data-permission-button-h__indicator_mixed___2nG8B::after {
						content: "";
						display: block;
						background-color: var(--status-nonfinal-multiparts);
						position: absolute;
						top: 0;
						right: 0;
						height: 0.9rem;
						width: calc(0.9rem / 2);
						transform: rotate(45deg);
						transform-origin: left center;
						border-top-right-radius: calc(0.9rem / 2);
						border-bottom-right-radius: calc(0.9rem / 2);
					}

.toolbar-item-wrapper-h__container___7gIw_ {
	align-items: center;
}

.toolbar-item-wrapper-h__content___1p51U {
	height: 100%;
}
.more-information-popover__popover {
	padding: 0.8rem 1.2rem;
	background: var(--hint-tooltip-bg-color);
	max-width: 47.6rem;
	line-height: 2rem;
}

	.more-information-popover__popover span ul {
		list-style: disc;
		padding-left: 1.8rem;
	}

.more-information-popover__anchor {
	width: 1.1rem;
	height: 1.1rem;
	padding: 0;
}

.more-information-popover__icon {
	fill: var(--icon-info-color);
	transition: fill 220ms ease-out;
	height: 100%;
}

.data-permission-more-info-popover-h__container___2RLs8 {
	margin-left: 0.4rem;
}

.data-permission-more-info-popover-h__anchor___-p784 {
	position: relative;
	top: -0.1rem;
}

.data-permission-more-info-popover-h__anchor___-p784:focus {
		box-shadow: none;
	}

.data-permission-more-info-popover-h__popover___3_WRf a:focus {
			outline: none;
		}

.data-permission-more-info-popover-h__popover___3_WRf a:focus:not(:focus-visible) {
				outline: none;
			}

.data-permission-list-item-content-h__container___1fAhW {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	font-size: 1.2rem;
	line-height: 2.4rem;
	position: relative;
}

	.data-permission-list-item-content-h__container___1fAhW .data-permission-list-item-content-h__name-container___3uJAP {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.data-permission-list-item-content-h__container___1fAhW .data-permission-list-item-content-h__name-container___3uJAP .data-permission-list-item-content-h__arrow-container___3Dtm5 {
			width: 0.7rem;
			height: 0.7rem;
			padding: 0;
			margin-right: 0.4rem;
			top: -0.1rem;
			position: static;
		}

	.data-permission-list-item-content-h__container___1fAhW .data-permission-list-item-content-h__name-container___3uJAP .data-permission-list-item-content-h__arrow-container___3Dtm5:before {
				border: none;
			}

	.data-permission-list-item-content-h__container___1fAhW .data-permission-list-item-content-h__name-container___3uJAP .data-permission-list-item-content-h__arrow-container___3Dtm5:focus {
				outline: none;
				box-shadow: none;
			}

	.data-permission-list-item-content-h__container___1fAhW .data-permission-list-item-content-h__name-container___3uJAP .data-permission-list-item-content-h__arrow-container___3Dtm5:focus:focus-visible::before {
					content: "";
					border: 0.1rem solid var(--form-control-focused-border-outside-color);
					background-color: transparent;
					width: 100%;
					height: 100%;
					position: absolute;
					left: 0;
					top: 0;
				}

	.data-permission-list-item-content-h__container___1fAhW .data-permission-list-item-content-h__name-container___3uJAP .data-permission-list-item-content-h__arrow-container___3Dtm5 .data-permission-list-item-content-h__arrow___1x-et {
				transform: rotate(270deg);
				fill: var(--table-icon-default-color);
			}

	.data-permission-list-item-content-h__container___1fAhW .data-permission-list-item-content-h__name-container___3uJAP .data-permission-list-item-content-h__arrow-container___3Dtm5 .data-permission-list-item-content-h__arrow___1x-et.data-permission-list-item-content-h__arrow_collapsed___3_cxh {
					transform: rotate(0);
					transform-origin: center center;
				}

	.data-permission-list-item-content-h__container___1fAhW .data-permission-list-item-content-h__name-container___3uJAP .data-permission-list-item-content-h__name___2nRu9 {
			color: var(--list-item-common-default-text-color);
		}

	.data-permission-list-item-content-h__container___1fAhW .data-permission-list-item-content-h__access-type___1C267 {
		color: var(--status-positive-multiparts);
	}

	.data-permission-list-item-content-h__container___1fAhW .data-permission-list-item-content-h__access-type___1C267.data-permission-list-item-content-h__access-type_delayed___1BMuo {
			color: var(--status-nonfinal-multiparts);
		}

	.data-permission-list-item-content-h__container___1fAhW .data-permission-list-item-content-h__access-type___1C267.data-permission-list-item-content-h__access-type_mixed___14hxq {
			color: var(--status-temporary-multiparts);
		}

.data-permission-list-h__container___yPP1_ {
	width: 21.5rem;
	padding: 0.4rem 0.8rem;
}

.data-permission-list-h__listItem___2KNtO {
	border-top: 0.1rem solid var(--line-color);
}

.data-permission-list-h__listItem___2KNtO:first-child {
		border-top: none;
	}

.data-permission-list-h__listItemContent___3aliy {
	border-left: 0.1rem solid transparent;
	border-right: 0.1rem solid transparent;
}

.data-permission-list-h__listItemContent__group___3kriF {
		border: 0.1rem solid transparent;
		cursor: pointer;
	}

.data-permission-list-h__groupCollapsed___13GMg {
	display: none;
}

.data-permission-list-h__groupExpanded___1LH51 > .data-permission-list-h__listItem___2KNtO {
		border-top: 0.1rem solid var(--line-color);
	}

.button-add {
	width: auto;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0;
	width: 26px;
	justify-content: center;
	align-items: center;
	border: none;
	transition: color var(--animation-default);
	background: none;
}

	.button-add:hover .icon {
			fill: var(--link-hovered-multiparts);
			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: not-allowed;
	}

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

	.button-add .icon {
		width: 13px;
		height: 13px;
		fill: var(--icon-contextual-secondary-default-color);
		transition: fill 220ms ease-out;
	}
.popover-h-child__container___3DcWg {
	padding: 4px 0 4px;
	border: 1px solid;
	border-color: var(--dropdown-list-border-color);
	background-color: var(--dropdown-list-bg-color);
	color: var(--dropdown-list-text-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
}
.tooltip-child__anchor {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.workspace-menu__container {
	display: flex;
	height: 16px;
	width: 16px;
	justify-content: center;
	align-items: center;
}



.tooltip-child-h__anchor___2lxGs {
	height: 16px;
	width: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

:root {
	--headerMobileHeight: 92px;
  }

.workarea__container {
	display: flex;
	height: 100%;
	flex-direction: column;
	background-color: var(--app-bg-color, #FFF);
}

.workarea__container_detachedMode .workarea__header {
			display: none;
		}

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

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

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

.workarea__header {
	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));
	margin-top: 4px;
	min-height: 0;
}

html.mobile #workarea__workAreaContentWrap {
		margin-bottom: 65px;
	}

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

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

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

/*Docked Widget Mode Showcase*/
.workarea__debugMenu {
	position: absolute;
	bottom: 5px;
	left: 50%;
	z-index: 5000;
	border: 1px solid red;
	opacity: 0.7;
	padding: 2px;
}

.mobile .workarea__header {
		height: var(--headerMobileHeight);
	}

.mobile .workarea__inner {
		height: calc(100% - var(--headerMobileHeight));
	}
.message__item {
	padding: 5px 5px 7px 14px;
	box-shadow: 0 -1px var(--line-color) inset;
	font-size: 14px;
	position: relative;
}
		
	.message__item_compact {
		display: flex;
		flex-wrap: wrap;
	}
		
	.message__item_compact .message__header {
			order: 1;
		}
		
	.message__item_compact .message__transactions {
			order: 2;
			margin-top: 0;
		}
		
	.message__item_compact .message__text {
			order: 3;
			width: 100%;
		}
		
	.message__item::before {
		content: '';
		position: absolute;
		top: 9px;
		left: 4px;
		display: block;
		width: 2px;
		height: calc(100% - 17px);
	}
		
	.message__item_neutral::before {
			background: var(--notification-corner-vertical-line-color);
		}
		
	.message__item_trading::before {
			background: var(--notification-corner-order-vertical-line-color);
		}
		
	.message__item_critical {
		background: var(--notification-corner-critical-bg-color);
	}
		
	.message__item_critical::before {
			background: var(--notification-corner-critical-vertical-line-color);
		}
		
	.message__item_deposit {
		padding-left: 5px;
	}
		
	.message__item_deposit::before {
			display: none;
		}

.message__time {
	margin-right: 8px;
	color: var(--common-text-default);
	font-weight: 500;
}

.message__text {
	margin-top: 5px;
	color: var(--messages-reject-reason-text-color);
}



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


.message__label {
	margin-left: 5px;
	font-weight: 500;
}


.message__label_positive {
		color: var(--positive-text-color);
	}


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

.message__action{
	margin-right: 4px;
	font-weight: 500;
}

.message__action_positive {
		color: var(--positive-text-color);
	}

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

.message__separator {
	color: var(--at-text-color-2);
	margin: 0 4px;
}

.message__status {
	margin-right: 8px;
	text-transform: uppercase;
	font-weight: 500;
	color: var(--order-cancelled-text-color);
}

.message__status_positive {
		color: var(--positive-text-color);
	}

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

.message__number {
	margin-right: 5px;
	color: var(--common-text-default);
}

.message__footer {
	display: flex;
}

.message__footer span:not(:first-child) {
		margin-left: 13px;
		position: relative;
	}

.message__footer span:not(:first-child)::before {
			content: '•';
			position: absolute;
			left: -10px;
			top: 1px;
		}

.message__transactions {
	margin-top: 5px;
}

.message__groupIcon {
	margin-right: 8px;
}

.message__groupIcon .icon-order-entry-header-oco-colored,
		.message__groupIcon .icon-order-entry-header-bracket-colored {
			width: 34px;
			height: 22px;
		}

.message__groupIcon .icon-order-entry-header-bracket-colored {
			transform: translateY(2px);
		}

.message__groupIcon .icon-order-entry-symbol-oso-colored {
			width: 18px;
			height: 14px;
			margin-right: 5px;
			vertical-align: bottom;
		}

.message__groupIcon .icon-order-entry-header-oso-child-colored {			
			width: 28px;
			height: 14px;
			vertical-align: bottom;
		}

.message__bracketAmount {
	margin-right: 5px;
	color: #ae80ff;
	font-size: 14px;
	font-weight: 500;
}

.message__iconWrapper {
	display: inline-block;
}

.message__deposit {
	color: var(--toast-notification-text-color-1);
	margin-right: 8px;
}

.message__highlighted {
	color: var(--toast-notification-text-color-1);
}

.message__textDeposit {
	margin-top: 5px;
	color: var(--common-text-default);
}

.mobile .message__item {
		font-size: 16px;
	}
.messages {
	height: 100%;
}

	.messages--groupTitle {
		margin: 0 5px;
		line-height: 28px;
		text-align: center;
		font-size: 14px;
		font-weight: 400;
		color: 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;
		}
.button-cancelAllOrders {
	width: 19px;
}

	.button-cancelAllOrders .icon {
		width: 13px;
		height: 13px;
		margin: auto;
	}
.button-collapseAllPositions {
	display: inline-flex !important;
	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-expandAllPositions {
	display: inline-flex !important;
	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;
	}
.control-netAggregation {
	white-space: nowrap;
	display: inline-flex;
    align-items: center;
 }
.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 {
	display: flex;
}

.aggregationBlock__icon .button-icon {
			width: 9px;
			height: 100%;
			margin-left: 0;
		}

.aggregationBlock__icon .button-icon:hover .icon {
					fill: var(--link-hovered-multiparts);
				}

.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__icon + .aggregationBlock__wrapperData {
		margin-left: 7px;
	}

.aggregationBlock__icon + .aggregationBlock__wrapperData .aggregationBlock__symbol {
			margin-left: 0;
		}

.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__levelPosition1 .aggregationBlock__padding {
		min-width: 16px;
	}

.aggregationBlock__levelPosition2 .aggregationBlock__padding {
		min-width: 53px;
	}

.aggregationBlock__levelPosition3 .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;
}
.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--bid,
	.order--ask,
	.order--currentPrice,
	.order--triggerPrice,
	.order--timeDate,
	.order--timeDateModified,
	.order--expiration,
	.order--id,
	.order--quantity,
	.order--condition,
	.order--fillPrice,
	.order--fixIn,
	.order--fixOut {
		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 {
			letter-spacing: 1px;
			font-size: 1.1rem;
			display: inline-block;
			vertical-align: middle;
			text-transform: uppercase;
			text-align: right;
		}
	.order-rejected .order--actions, .order-canceled .order--actions, .order-filled .order--actions, .order-expired .order--actions, .order-expanded .order--actions {
			visibility: hidden;
			opacity: 0;
		}
	.order-heading .order--actions {
				display: none;
			}
	.order--actions {
		display: block;
		width: 100%;
		text-align: right;
	}
	.order--actions .button-icon {
			margin-right: 5px;
			width: 9px;
			height: 9px;
		}

.order--actions {
		transition: opacity var(--animation-default);
	}

.order--actions .button-icon .icon {
				fill: var(--table-icon-default-color);
			}

.order--actions .button-icon:hover .icon {
					fill: var(--link-hovered-multiparts);
				}

.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-temporary-multiparts);
		color: var(--status-temporary-multiparts);
	}

.order-expired .order--status,
	.order-expired .order--statusIcon .icon {
		fill: var(--status-neutral-multiparts);
		color: var(--status-neutral-multiparts);
	}

.order-filled .order--status,
	.order-filled .order--statusIcon .icon {
		fill: var(--status-positive-multiparts);
		color: var(--status-positive-multiparts);
	}

.order-working .order--status,
	.order-working .order--statusIcon .icon {
		fill: var(--status-nonfinal-multiparts);
		color: var(--status-nonfinal-multiparts);
	}

.order-rejected .order--status,
	.order-rejected .order--statusIcon .icon {
		fill: var(--status-negative-multiparts);
		color: var(--status-negative-multiparts);
	}

.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-temporary-multiparts);
		color: var(--status-temporary-multiparts);
	}

.order .order--side .table--cell-negative {
		color: var(--sell-text-color);
    }

.order .order--side .table--cell-positive {
		color: var(--buy-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--side {
				font-size: 14px;
			}
			.mobile .grid--body .order--actions .button-icon {
					width: 12px;
					height: 12px;
				}
.symbolSpacing {
	letter-spacing: 1px;
}

	.symbolSpacing input[type="text"] {
		letter-spacing: inherit;
	}
.grid-tooltip__container {
	max-width: 301px;
	padding: 4px 8px 3px;
}
.grid-history {
		width: 100%;
	}

.grid-history__empty {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.grid-history__empty_text {
		font-size: 20px;
	  	color: var(--additional-text-color);
	}
.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-fee, .grid-orders .table--colAdapts-fee, .grid-orderBook .table--col-fee, .grid-orderBook .table--colAdapts-fee, .grid-orderHistory .table--col-fee, .grid-orderHistory .table--colAdapts-fee {
				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: 24px;
			}
			.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-orders .table--col-rejectReason, .grid-orders .table--colAdapts-rejectReason, .grid-orderBook .table--col-rejectReason, .grid-orderBook .table--colAdapts-rejectReason, .grid-orderHistory .table--col-rejectReason, .grid-orderHistory .table--colAdapts-rejectReason {
				 /* These widths define behaviour of autoresize accordingly, but not limited user for
				    changing width of column on any value */
				width: 200px;
				max-width: 200px;
			}

.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-fee, .grid-history .table--colAdapts-fee {
				width: 6.9em;
			}

.grid-history .table--col-timeInForce, .grid-history .table--colAdapts-timeInForce {
				width: 7.3em;
			}

.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 .grid--body, .grid-orderHistory .grid--body {
		top: 18px;
	}

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

.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(--link-hovered-multiparts);
			}

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

.grid-history .order-buy .order--side .table--cell-positive {
				color: var(--buy-text-color);
			}

.grid-history .order-sell .order--side .table--cell-negative {
				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(--link-hovered-multiparts);
			}

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

		}
.pip-rate__container {
	position: relative;
}
.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);
	}
.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 + .orders__symbolText {
		position: relative;
		box-sizing: border-box;
		left: -18px;
		padding-left: 23px;
		padding-right: 5px;
	}

.orders__symbol {
	box-sizing: border-box;
	display: inline-block;
	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.orders__symbol_group, .orders__symbol_osoOco.orders__symbol_group, .orders__symbol_osoChild.orders__symbol_group, .orders__symbol_oco.orders__symbol_group, .orders__symbol_bracket.orders__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 + .orders__symbolText {
		margin-left: 9px;
	}

.orders__side_buy {
		color: var(--positive-text-color);
	}

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

.orders__status {
	font-weight: 500;
}

.orders__status_sending {
		color: var(--status-temporary-multiparts);
	}

.orders__status_inactive {
		color: var(--status-nonfinal-multiparts);
	}

.orders__status_working {
		color: var(--status-nonfinal-multiparts);
	}

.orders__status_replacing {
		color: var(--status-temporary-multiparts);
	}

.orders__status_rejected {
		color: var(--status-rejected-text-color);
	}

.orders__status_cancelled {
		color: var(--status-canceled-text-color);
	}

.orders__status_filled {
		color: var(--status-positive-multiparts);
	}

.orders__durationDate {
		padding-left: 10px;
	}

.grid-orderBook .orders__symbol {
		padding-left: 5px;
	}

.grid-orderBook .orders__symbol_osoOco, .grid-orderBook .orders__symbol_oso {
			padding-left: 13px;
			background-color: var(--order-entry-group-oso-cell-bg-color);
		}

.grid-orderBook .orders__symbol_group {
			position: relative;
		}

.grid-orderBook .orders__symbol_osoChild {
			padding-left: 25px;
			background-color: var(--order-entry-group-oso-child-cell-bg-color);
		}

.grid-orderBook .orders__symbol_oco {
			padding-left: 25px;
			background-color: var(--order-entry-group-oco-cell-bg-color);
		}

.grid-orderBook .orders__symbol_bracket {
			padding-left: 25px;
			background-color: var(--order-entry-group-bracket-cell-bg-color);
		}

.grid-orderBook .orders__symbol_brace.orders__symbol_bracket .orders__symbolIconWrap::before, .grid-orderBook .orders__symbol_brace.orders__symbol_bracket .orders__symbolIconWrap::after, .grid-orderBook .orders__symbol_brace.orders__symbol_oco .orders__symbolIconWrap::before, .grid-orderBook .orders__symbol_brace.orders__symbol_oco .orders__symbolIconWrap::after, .grid-orderBook .orders__symbol_brace.orders__symbol_osoChild .orders__symbolIconWrap::before, .grid-orderBook .orders__symbol_brace.orders__symbol_osoChild .orders__symbolIconWrap::after {
							content: '';
							position: absolute;
						}

.grid-orderBook .orders__symbol_brace.orders__symbol_bracket .orders__symbolIconWrap::before, .grid-orderBook .orders__symbol_brace.orders__symbol_oco .orders__symbolIconWrap::before, .grid-orderBook .orders__symbol_brace.orders__symbol_osoChild .orders__symbolIconWrap::before {
							top: 50%;
							left: -8px;
							width: 3px;
							height: 3px;
							margin-top: -1px;
							border-radius: 50%;
						}

.grid-orderBook .orders__symbol_brace.orders__symbol_bracket .orders__symbolIconWrap::after, .grid-orderBook .orders__symbol_brace.orders__symbol_oco .orders__symbolIconWrap::after, .grid-orderBook .orders__symbol_brace.orders__symbol_osoChild .orders__symbolIconWrap::after {
							left: -14px;
							top: 50%;
							height: 1px;
							width: 6px;
						}

.grid-orderBook .orders__symbol_brace.orders__symbol_oco .orders__symbolIconWrap::before {
							background-color: var(--order-entry-group-order-connection-bubble-oco);
						}

.grid-orderBook .orders__symbol_brace.orders__symbol_oco .orders__symbolIconWrap::after {
							background-color: var(--order-entry-group-order-connection-line-oco);
						}

.grid-orderBook .orders__symbol_brace.orders__symbol_oco .orders__groupLink {
						left: 11px;
						background-color: var(--order-entry-group-order-connection-line-oco);
					}

.grid-orderBook .orders__symbol_brace.orders__symbol_bracket .orders__symbolIconWrap::before {
							background-color: var(--order-entry-group-order-connection-bubble-bracket);
						}

.grid-orderBook .orders__symbol_brace.orders__symbol_bracket .orders__symbolIconWrap::after {
							background-color: var(--order-entry-group-order-connection-line-bracket);
						}

.grid-orderBook .orders__symbol_brace.orders__symbol_bracket .orders__groupLink {
						left: 11px;
						background-color: var(--order-entry-group-order-connection-line-bracket);
					}

.grid-orderBook .orders__symbol_brace.orders__symbol_oso .orders__groupLink {
						top: 24px;
						left: 12px;
						background-color: var(--order-entry-group-order-connection-line-oso);
					}

.grid-orderBook .orders__symbol_brace.orders__symbol_osoOco .orders__groupLink {
						top: 24px;
						left: 12px;
						background-color: var(--order-entry-group-order-connection-line-oco);
					}

.grid-orderBook .orders__symbol_brace.orders__symbol_osoChild .orders__symbolIconWrap::before {
							background-color: var(--order-entry-group-order-connection-bubble-oso);
						}

.grid-orderBook .orders__symbol_brace.orders__symbol_osoChild .orders__symbolIconWrap::after {
							background-color: var(--order-entry-group-order-connection-line-oso);
						}

.grid-orderBook .orders__symbol_brace.orders__symbol_osoChild .orders__groupLink {
						background-color: var(--order-entry-group-order-connection-line-oso);
					}

.grid-orderBook .orders__symbol_brace.orders__symbol_multi.orders__symbol_oso .orders__groupLink {
							background-color: var(--order-entry-group-order-connection-line-bracket);
						}

.grid-orderBook .orders__symbol_brace.orders__symbol_multi.orders__symbol_osoOco .orders__groupLink {
							background-color: var(--order-entry-group-order-connection-line-oco);
						}

.grid-orderBook .orders__symbol_brace.orders__symbol_multi.orders__symbol_oco, .grid-orderBook .orders__symbol_brace.orders__symbol_multi.orders__symbol_bracket {
						padding-left: 30px;
					}

.grid-orderBook .orders__symbol_brace.orders__symbol_multi.orders__symbol_oco .orders__symbolIconWrap::after, .grid-orderBook .orders__symbol_brace.orders__symbol_multi.orders__symbol_bracket .orders__symbolIconWrap::after {
								left: -11px;
								width: 5px;
							}

.grid-orderBook .orders__symbol_brace.orders__symbol_multi.orders__symbol_oco .orders__groupLink, .grid-orderBook .orders__symbol_brace.orders__symbol_multi.orders__symbol_bracket .orders__groupLink {
							left: 17px;
						}

.grid-orderBook .orders__symbol_brace.orders__symbol_multi.orders__symbol_oco .orders__groupLink::after, .grid-orderBook .orders__symbol_brace.orders__symbol_multi.orders__symbol_bracket .orders__groupLink::after {
								position: absolute;
								content: "";
								width: 6px;
								height: 1px;
								top: calc(50% - 1px);
								left: -6px;
								background-color: var(--order-entry-group-order-connection-line-bracket);
								transform: translateY(-50%);
							}

.grid-orderBook .orders__symbol_brace.orders__symbol_multi.orders__symbol_bracket .orders__groupLink::after {
								background-color: var(--order-entry-group-order-connection-line-bracket);
							}

.grid-orderBook .orders__symbol_brace.orders__symbol_multi.orders__symbol_oco .orders__groupLink::after {
								background-color: var(--order-entry-group-order-connection-line-oco);
							}

.grid-orderBook .orders__groupLink {
		width: 1px;
		z-index: 4;
		position: absolute;
		top: calc(50% + 1px);
	}

.grid-orderBook .orders__symbolIconWrap::before {
			z-index: 1;
		}
.WidgetOrders__contentWrap {
	display: flex;
	flex: 1 1 auto;
}

	.WidgetOrders__contentWrap .button-cancelAllOrders {
				width: 19px;
				height: 19px;
			}

	.WidgetOrders__contentWrap .button-cancelAllOrders .icon {
					height: 100%;
				}

	.WidgetOrders__contentWrap .control-selectBox {
			margin-top: 1px;
		}

	.WidgetOrders__contentWrap .control-selectBox .selectBox {
				height: 19px;
			}

	.WidgetOrders__contentWrap .control-selectBox .selectBox .selectBox--label {
					height: 19px;
					line-height: 16px;
				}

.WidgetOrders__actionsWrap {
	position: relative;  /* TEMPORARY FIX: should be removed after removal of css constant in java files */
}

.WidgetOrders__timeRange {
	display: inline-block;
}

.WidgetOrders__timeRange .button {
			font-size: 12px;
			margin-left: 6px;
		}

.WidgetOrders__timeRangeLabel {
	color: var(--form-label-alt-text);
}
.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);
			}
.suggest-info__container {
	display: flex;
	align-items: center;
	font-size: 1.2rem;
}

	.suggest-info__container .control-textInput {
			max-width: 98px;
		}

	.suggest-info__container .button-info {
			margin-left: 8px;
			display: inline-block;
		}

.creation-alert-form-group__container:not(:first-child) {
	margin-top: 22px;
}

.creation-alert-form-group__title {
	margin-bottom: 11px;
	font-size: 1rem;
	line-height: 1.6rem;
	letter-spacing: 0.7px;
	color: var(--form-title-text-color);
	text-transform: uppercase;
}

.alert-expiration-field__inputContainer {
	width: 105px;
	position: relative;
}

	.alert-expiration-field__inputContainer_isDisabled {
		position: relative;
	}

	.alert-expiration-field__inputContainer_isDisabled:hover {
			border-color: var(--input-disabled-border-outside-color);
		}

.alert-expiration-field__inputInner {
	width: unset;
}

.alert-expiration-field__inputInner > div {
		width: 68px;
	}

.alert-expiration-field__expiration {
	display: flex;
}

.alert-expiration-field__expiration .control-datePicker {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: auto;
			margin-right: 19px;
		}

.alert-expiration-field__expiration .control-datePicker .control--wrap {
				width: 105px;
			}

.alert-expiration-field__expiration .control-datePicker .control--wrap input {
					width: 100%;
				}

.alert-expiration-field__expiration .control-datePicker .control--label {
				margin-right: 10px;
			}

.alert-expiration-field__expirationTime {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.alert-expiration-field__expirationLabel {
	margin-right: 10px;
	color: var(--form-label-text-color);
}

.alert-expiration-field__expirationLabel_disabled {
		color: var(--common-text-disabled);
	}

.alert-expiration-field__titleWrapper {
	display: flex;
	align-items: center;
}

.alert-expiration-field__title {
	margin-right: 4px;
}

.grid-corporateActionsAlert .table--col-selection, .grid-corporateActionsAlert .table--colAdapts-selection {
				width: 24px;
			}
			.grid-corporateActionsAlert .table--col-dateTime, .grid-corporateActionsAlert .table--colAdapts-dateTime {
				width: 120px;
			}
			.grid-corporateActionsAlert .table--col-symbol, .grid-corporateActionsAlert .table--colAdapts-symbol {
				width: 55px;
			}
			.grid-corporateActionsAlert .table--col-event, .grid-corporateActionsAlert .table--colAdapts-event {
				width: 77px;
			}
			.grid-corporateActionsAlert .table--col-description, .grid-corporateActionsAlert .table--colAdapts-description {
				width: auto;
			}

.grid-corporateActionsAlert {
	--grid-body-cell-height: 22px;

	margin-top: 14px;
	height: 115px;
	border: 1px solid var(--input-default-border-outside-color);
	box-sizing: border-box;
}

	.grid-corporateActionsAlert .scrollable-withVerticalScrollbar > .scrollable--wrapper .scrollable--container,
		.grid-corporateActionsAlert .scrollable-withVerticalScrollbar > .scrollable--wrapper .scrollable--content {
			padding: 0;
		}

	.grid-corporateActionsAlert .table {
		width: 468px;
	}

	.grid-corporateActionsAlert .table .table--cell {
			padding-left: 0;
		}

	.grid-corporateActionsAlert .table .table--cell-selection {
			padding: 0;
			display: flex;
			align-items: center;
			justify-content: center;
		}

	.grid-corporateActionsAlert .table .table--cell-selection .icon {
				fill: var(--tick-icon-color);
			}

	.grid-corporateActionsAlert .table .table--cell-selection .icon-dash {
					height: 5px;
					width: 5px;
				}

	.grid-corporateActionsAlert .table .table--cell-selection .icon-list-item-tick {
					height: 9px;
					width: 10px;
				}

	.grid-corporateActionsAlert .table thead .table--cell-selection {
				height: 100%;
			}

	.grid-corporateActionsAlert .table thead .table--cell-selection .table--columnTitle > .button {
						opacity: 0;
						margin: 0;
					}

	.grid-corporateActionsAlert .table thead .table--cell-selection .table--columnTitle > .button.focused {
							border: 1px dotted var(--form-control-focused-border-outside-color);
						}

	.grid-corporateActionsAlert .table thead .table--cell-selection .table--columnTitle > .icon-dash {
						opacity: 0;
						margin: 0;
						width: 0;
					}

	.grid-corporateActionsAlert .table thead .table--cell-selection:focus-within .table--columnTitle > .button, .grid-corporateActionsAlert .table thead .table--cell-selection:hover .table--columnTitle > .button {
							opacity: 1;
							display: block;
						}

	.grid-corporateActionsAlert .table thead .table--cell-selection .table--columnHeader {
					justify-content: center;
				}

	.grid-corporateActionsAlert .table thead .table--cell-selection .table--columnTitle {
					display: flex;
					align-items: center;
					justify-content: center;
				}

	.grid-corporateActionsAlert .table thead .table--cell-selection-partial .table--columnTitle {
						margin-right: 2px;
					}

	.grid-corporateActionsAlert .table thead .table--cell-selection-partial .table--columnTitle > .button {
							opacity: 0;
						}

	.grid-corporateActionsAlert .table thead .table--cell-selection-partial .table--columnTitle > .icon-dash {
							opacity: 1;
							display: block;
							margin-top: 2px;
							margin-right: 11px;
							width: 5px;
						}

	.grid-corporateActionsAlert .table thead .table--cell-selection-partial:focus .table--columnTitle > .button, .grid-corporateActionsAlert .table thead .table--cell-selection-partial:hover .table--columnTitle > .button {
							opacity: 1;
							display: block;
						}

	.grid-corporateActionsAlert .table thead .table--cell-selection-partial:focus .table--columnTitle > .icon-dash, .grid-corporateActionsAlert .table thead .table--cell-selection-partial:hover .table--columnTitle > .icon-dash {
							opacity: 0;
							width: 0;
							margin: 0;
						}

	.grid-corporateActionsAlert .table thead .table--cell-selection-all .table--columnTitle > .button {
							display: block;
						}

	.grid-corporateActionsAlert .table thead .table--cell-selection-all .table--columnTitle > .icon-dash {
							display: none;
						}

	.grid-corporateActionsAlert .table tbody .table--row {
					cursor: pointer;
				}

	.grid-corporateActionsAlert .table tbody .table--row:not(.grid-corporateActionsAlert .table tbody .table--row-selected) .table--cell-selection .icon {
								fill: transparent;
							}

	.grid-corporateActionsAlert .table tbody .table--row:not(.grid-corporateActionsAlert .table tbody .table--row-selected):focus-within .table--cell-selection .icon, .grid-corporateActionsAlert .table tbody .table--row:not(.grid-corporateActionsAlert .table tbody .table--row-selected):hover .table--cell-selection .icon {
									fill: var(--table-icon-default-color);
								}

.creation-alert-corporate-actions-form__condition {
	display: flex;
}

	.creation-alert-corporate-actions-form__condition .selectBox,
		.creation-alert-corporate-actions-form__condition .control,
		.creation-alert-corporate-actions-form__condition .control--wrap {
			width: 100%;
		}

	.creation-alert-corporate-actions-form__condition .react-component-wrapper {
			flex-grow: 1;
		}

	.creation-alert-corporate-actions-form__condition__field {
		width: 150px;
	}

	.creation-alert-corporate-actions-form__condition__field:not(:last-child) {
		margin-right: 10px;
	}

.creation-alert-corporate-actions-form__row {
	display: flex;
}

.creation-alert-corporate-actions-form__notify,
.creation-alert-corporate-actions-form__expiration {
	margin-top: 22px;
}

.creation-alert-corporate-actions-form__notify .selectBox {
			width: 150px;
		}

.creation-alert-corporate-actions-form__expiration {
	margin-left: 17px;
}

.creation-alert-corporate-actions-form__eventsFilter {
	display: flex;
	margin-top: 16px;
}

.creation-alert-corporate-actions-form__eventsFilter__field {
		margin-right: 14px;
	}

.creation-alert-corporate-actions-form__symbolFilter {
	display: flex;
	align-items: flex-xstart;
	padding: 15px 0 13px;
}

.creation-alert-corporate-actions-form__symbolFilter .control-radioButton {
			height: 27px;
			align-items: center;
		}

.creation-alert-corporate-actions-form__symbolFilter .control-radioButton:not(:last-child) {
			margin-right: 11px;
		}

.creation-alert-corporate-actions-form__withError input,
		.creation-alert-corporate-actions-form__withError .grid,
		.creation-alert-corporate-actions-form__withError .alert-expiration-field__inputContainer {
			border-color: var(--error-description-multiparts) !important;
		}

.creation-alert-corporate-actions-form__withError .errorMessage {
			margin-top: 8px;
			color: var(--error-description-multiparts);
		}

.creation-alert-corporate-actions-form__withError .errorMessageWithMargin {
			margin-left: 3em;
			margin-top: 8px;
			color: var(--error-description-multiparts);
		}

.triggerCondition__container_createAlert .triggerCondition__col_comparison {
				width: 104px;
			}
			.triggerCondition__container_createAlert .triggerCondition__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;
}

.triggerCondition__row:hover .triggerCondition__buttonDeleteRow {
		opacity: 1;
	}

.triggerCondition__buttonDeleteRow:not([disabled]):active {
		top: 1px;
	}

.triggerCondition__buttonDeleteRow:not([disabled]):active .icon {
				top: 0;
			}

.triggerCondition__buttonDeleteRow:not(.button-primary) {
		background: var(--add-delete-icon-bg-color);
	}

.triggerCondition__addContainer {
	margin-top: 9px;
	margin-left: -6px;
}

.triggerCondition__addButton {
	color: var(--link-default-multiparts);
	background-color: transparent;
	display: inline-flex;
    align-items: center;
}

.triggerCondition__addButton .icon {
			margin-right: 3px;
			width: 11px;
			height: 11px;
			fill: var(--link-default-multiparts);
		}
.menu-item-h-child__item___346FK {
	padding: 0 0 0 var(--sources-selector-option-item-left-spacer);
}

	.menu-item-h-child__item___346FK:first-child {
		margin-bottom: var(--sources-selector-first-option-item-bottom-spacer);
		position: relative;
		overflow: visible;
	}

	.menu-item-h-child__item___346FK:first-child:after {
			content: "";
			position: absolute;
			display: block;
			height: var(--sources-selector-option-item-delimiter-width);
			background: var(--line-color);
			bottom: var(--sources-selector-option-item-delimiter-y-offset);
			left: var(--sources-selector-option-item-delimiter-left-spacer);
			right: var(--sources-selector-option-item-delimiter-right-spacer);
			pointer-events: none;
		}

.selectbox-h-child__container__anchor___1CK0f {
	width: 100%;
	text-align: left;
	background-color: var(--dropdown-default-bg-color);
	box-shadow: 0 0 0 var(--sources-selector-shadow-blur) var(--dropdown-border-outside-color);
}

	.selectbox-h-child__container__anchor___1CK0f:before {
		display: none;
	}

.selectbox-h-child__container__anchor__text___2fY5K {
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: var(--sources-selector-text-left-spacer);
	font-weight: normal;
}

.selectbox-h-child__container__item__text___1lHFT {
	padding-right: var(--sources-selector-option-item-right-spacer);
}

.selectbox-h-child__container__item__text___1lHFT .multiselect__text {
			margin-left: 0;
		}

.sources-selector__value {
	color: var(--dropdown-alt-default-text);
	white-space: nowrap;
}

.creation-alert-news-form__container {
	position: relative;
}

.creation-alert-news-form__row {
	display: flex;
	margin-bottom: 22px;
}

.creation-alert-news-form__row_notifyOf .control-radioButton {
				margin-right: 17px;
			}

.creation-alert-news-form__row_notifyOf .control-radioButton .radioButton--view {
					margin-right: 4px;
				}

.creation-alert-news-form__row_notifyOf .creation-alert-form-group__container {
				margin-top: 0;
			}

.creation-alert-news-form__row_notifyOf .creation-alert-form-group__title {
				margin-bottom: 15px;
			}

.creation-alert-news-form__row_expiration .alert-expiration-field__expiration .control-datePicker .control--wrap {
				width: 114px;
			}

.creation-alert-news-form__col {
	width: 152px;
	margin-right: 8px;
}

.creation-alert-news-form__col .control {
			width: 100%;
		}

.creation-alert-news-form__col .control .react-component-wrapper,
			.creation-alert-news-form__col .control .control--wrap {
				width: 100%;
			}

.creation-alert-news-form__col .multiselect__container {
			width: 100%;
		}

.creation-alert-news-form__withError {
	display: inline;
}

.creation-alert-news-form__withError input,
		.creation-alert-news-form__withError .grid,
		.creation-alert-news-form__withError .alert-expiration-field__inputContainer {
			border-color: var(--error-description-multiparts) !important;
		}

.creation-alert-news-form__withError .errorMessage {
			margin-top: 8px;
			color: var(--error-description-multiparts);
		}

.creation-alert-news-form__withError .errorMessageWithMargin {
			margin-left: 3em;
			margin-top: 8px;
			color: var(--error-description-multiparts);
		}

.creation-alert-form__container {
	width: 530px;
}

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



.creation-alert-form__content {
	padding: 20px 30px 25px;
}



.creation-alert-form__content .triggerCondition__container:first-child,
		.creation-alert-form__content .creation-alert-news-form__row:first-child {
			margin-top: 10px;
		}

.grid-alertsBook .table--colAdapts-created,
		.grid-alertsBook .table--colAdapts-changeTime,
		.grid-alertsBook .table--colAdapts-haste,
		.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(--link-hovered-multiparts);
			}
	.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-nonfinal-multiparts);
		}
	.grid-alertsBook .status_cancelled {
			color: var(--status-temporary-multiparts);
		}
	.grid-alertsBook .status_triggered {
			color: var(--status-positive-multiparts);
		}
	.grid-alertsBook .status_expired,
		.grid-alertsBook .status_error {
			color: var(--status-neutral-multiparts);
		}
	.grid-alertsBook .status .tooltipAnchor {
			border: none;
			background: none;
			color: var(--table-text-color);
		}
.tooltip-h-child__content___MJrw5 {
	font-size: 14px;
	line-height: 1.36;
	color: var(--common-text-default);
}
.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);
		}
.delayed-marker-h-child__container___3XtqY {
  padding-left: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--icon-delayed-data, #CCB999);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

  .delayed-marker-h-child__container___3XtqY i {
    width: 16px;
    height: 16px;
  }
.accountSelector__container {
	display: inline-block;
	line-height: 19px;
}

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

	.accountSelector__container .control--label {
				margin-right: 5px;
			}

.accountSelector__SelectBox {
	height: 100%;
	display: flex;
	align-items: center;
	font-weight: normal;
}
.header__header {
    border-bottom: 1px solid var(--line-color);
}

.header__header-title {
    font-size: 21px;
    font-weight: bold;
    color: var(--common-text-default);
}

.header__header-description {
    font-size: 12px;
    line-height: 1.67;
    color: var(--common-text-default);
    margin-bottom: 8px;
}

.header__header-delayed-data {
    color: var(--icons-icon-delayed-data, #CCB999);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Open Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.header__delayed-data-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
}
.table-h-child__container___1pRpc {
    margin-bottom: 8px;
}

.table-h-child__cell___1qP45 {
    font-size: 12px;
    line-height: 1.42;
    text-align: left;
    vertical-align: middle;
    color: var(--label-color);
}

.table-h-child__cell___1qP45:not(:last-child) {
        padding-right: 16px;
    }
.table-h-child__container___Xpbmi {
    border-spacing: 0 10px;
    border-collapse: separate;
}
	
	.table-h-child__container___Xpbmi tbody .table-h-child__cell___TABAg:nth-child(3) p {
					padding-right: 10px;
				}

.table-h-child__cell___TABAg {
    font-size: 12px;
    line-height: 1.42;
    text-align: left;
    vertical-align: middle;
    color: var(--label-color);
}

.table-h-child__cell___TABAg:not(:last-child) {
        padding-right: 7px;
    }

.table-h-child__headerCell___1Lta- {
    vertical-align: top;
    white-space: nowrap;
    line-height: 1.2;
}

.table-h-child__whiteCell___2d9Tj {
    color: var(--common-text-default);
}

.table-h-child__bottomCell___1QlRY {
    margin-top: -8px;
}

.table-h-child__bottomCell_timezone___1f6NV {
        margin-right: 8px;
    }
.tradingsTable__dayWrapper {
    width: 30px;
    position: relative;
}

    .tradingsTable__dayWrapper::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        background: var(--line-color);
        height: 100%;
    }

.tradingsTable__day {
    line-height: 1;
}

.tradingsTable__day:not(:last-child) {
        margin-bottom: 5px;
    }

.tradingsTable__overnightRate {
	white-space: nowrap;
}
.buttonIcon-h-child__container___m4Gvo {
    border: 0;
    margin: 0;
    padding: 0;
    fill: var(--icon-secondary-default-color);
    background-color: inherit;
}

	.buttonIcon-h-child__container___m4Gvo:hover {
		fill: var(--link-hovered-multiparts);
	}

	.buttonIcon-h-child__container___m4Gvo:active {
		fill: var(--icon-pressed-color);
	}

	.buttonIcon-h-child__container___m4Gvo[disabled] {
		fill: var(--icon-disabled-color);
        background: transparent;
    }

.buttonIcon-h-child__icon___L3A6t {
    width: 12px;
    height: 12px;
}

.instrumentInfoWidget__wrapper {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.instrumentInfoWidget__container {
    padding: 16px 18px;
}

.instrumentInfoWidget__body {
    display: flex;
    padding-top: 3px;
    padding-bottom: 3px;
}

.instrumentInfoWidget__rates {
    width: 188px;
    box-sizing: border-box;
    padding-top: 7px;
    padding-right: 7px;
}

.instrumentInfoWidget__infoButton {
    margin-bottom: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 3px;
    box-sizing: border-box;
}

.instrumentInfoWidget__label {
    font-size: inherit;
    color: var(--dropdown-list-text-color);
    cursor: pointer;
}

.popover-with-details-h-child__container___1lbPB {
	background-color: var(--dropdown-list-bg-color);
	box-shadow: 0 2px 2px 0 var(--overlay-box-shadow-color);
}
.popover-h-child__container___DUIrR {
	background: none;
	box-shadow: none;
	border: none;
	-webkit-backdrop-filter: none;
	        backdrop-filter: none;
}
	.popover-h-child__container___DUIrR.popover-h-child__container_placementTop___13NPF .popover-h-child__arrow___RhQiy {
			border-color: var(--hint-tooltip-bg-color) transparent transparent transparent;
		}

.popover-h-child__content___b9u_b {
	box-shadow: 0 2px 10px 0 var(--shadow-color);
	background-color: var(--hint-tooltip-bg-color);
	border: 1px solid var(--trade-builder-step-hint-tooltip-border-color);
	color: var(--common-text-default);
	font-size: 14px;
	line-height: 16px;
	padding: 8px 20px 10px;
}
.contextMenu--item-instrumentInfoWidget__wrapper {
        padding: 0;
        fill: var(--dropdown-list-text-color);
    }
.selectbox-h-child__container__anchor___31EUV {
	height: 19px;
}
.optional__container {
	color: var(--no-data-text-color);
}
.grid-locationMonitor .table--col-time, .grid-locationMonitor .table--colAdapts-time {
				width: 72px;
			}
			.grid-locationMonitor .table--col-status, .grid-locationMonitor .table--colAdapts-status {
				width: 88px;
			}
			.grid-locationMonitor .table--col-symbol, .grid-locationMonitor .table--colAdapts-symbol {
				width: 90px;
			}
			.grid-locationMonitor .table--col-requestedQty, .grid-locationMonitor .table--colAdapts-requestedQty {
				width: 107px;
			}
			.grid-locationMonitor .table--col-offerQty, .grid-locationMonitor .table--colAdapts-offerQty {
				width: 76px;
			}
			.grid-locationMonitor .table--col-offerPrice, .grid-locationMonitor .table--colAdapts-offerPrice {
				width: 84px;
			}
			.grid-locationMonitor .table--col-fillQty, .grid-locationMonitor .table--colAdapts-fillQty {
				width: 85px;
			}
			.grid-locationMonitor .table--col-fillPrice, .grid-locationMonitor .table--colAdapts-fillPrice {
				width: 81px;
			}
			.grid-locationMonitor .table--col-totalPrice, .grid-locationMonitor .table--colAdapts-totalPrice {
				width: 83px;
			}
			.grid-locationMonitor .table--col-account, .grid-locationMonitor .table--colAdapts-account {
				width: 105px;
			}
.grid-locationMonitor tbody .table--cell {
			box-shadow: -1px 0 var(--line-color);
		}
.grid-location-monitor__status_sending {
		color: var(--status-temporary-multiparts);
	}
	.grid-location-monitor__status_new {
		color: var(--status-new-text-color);
	}
	.grid-location-monitor__status_working {
		color: var(--status-nonfinal-multiparts);
	}
	.grid-location-monitor__status_filled {
		color: var(--status-positive-multiparts);
	}
	.grid-location-monitor__status_rejected {
		color: var(--status-negative-multiparts);
	}
	.grid-location-monitor__status_cancelled {
		color: var(--status-canceled-text-color);
	}
	.grid-location-monitor__status .button-info {
			margin-top: -1px;
			margin-left: 4px;
		}

.countdown__container {
	color: var(--form-label-text-color);
	margin-top: 19px;
}

	.countdown__container_isDone {
		display: block;
	}

	.countdown__container_isDone .countdown__buttons {
			height: auto;
			animation-name: countdown__showButtonGroup;
		}

@keyframes countdown__showButtonGroup {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
		pointer-events: all;
	}
}
.count-down__container {
	margin-top: 0;
}
.location-monitor-actions-panel__wrapper {
	display: flex;
	align-items: center;
	padding-left: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}

	.location-monitor-actions-panel__wrapper .button-secondary {
			margin-right: 7px;
		}

	.location-monitor-actions-panel__wrapper .button-primary {
			margin-right: 16px;
		}

.location-monitor-actions-panel__timeText,
.location-monitor-actions-panel__altText {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 13px;
	line-height: 16px;
}

.location-monitor-actions-panel__altText {
	display: flex;
	color: var(--form-label-alt-text);
}

.location-monitor-actions-panel__timeText {
  	color: var(--common-text-default);
}
.location-monitor-toolbar__container {
	background-color: var(--locate_monitor-header-bg);
	padding: 4px 12px;
	margin: 1px 0;
	display: flex;
	align-items: flex-end;
}

	.location-monitor-toolbar__container .button-primary, .location-monitor-toolbar__container .button-secondary {
			white-space: nowrap;
			font-size: 14px;
			border-radius: 2px;
			padding: 1px;
			position: relative;
			box-shadow: none;
			background-clip: padding-box;
		}

	.location-monitor-toolbar__container .button-primary:before, .location-monitor-toolbar__container .button-secondary:before {
				border-radius: 2px;
				position: absolute;
				height: calc(100% - 2px);
				width: calc(100% - 2px);
				display: block;
				left: 0;
				top: 0;
			}

	.location-monitor-toolbar__container .button-primary, .location-monitor-toolbar__container .button-secondary {
			border: 1px solid var(--button-primary-border-outside-color);
		}

	.location-monitor-toolbar__container .button-sendRequest {
			width: 100%;
			min-width: 94px;
		}

	.location-monitor-toolbar__container .button-cancel {
			width: 77px
		}

	.location-monitor-toolbar__container .control-textInput,
		.location-monitor-toolbar__container .control-numericStepper {
			width: auto;
			max-width: unset;
		}

	.location-monitor-toolbar__container .control-textInput input, .location-monitor-toolbar__container .control-numericStepper input {
				font-size: 14px;
				height: 27px;
			}

	.location-monitor-toolbar__container .control-error .control--errorMessage {
			height: 36px;
			display: flex;
			align-items: center;
			transform: translateY(-50%) scale(1);
			background: var(--wrong-tooltip-bg-color);
			margin-left: 1px;
		}

	.location-monitor-toolbar__container .control-error .control--errorMessage::before {
				border-width: 18px 8px 18px 0;
			}

.location-monitor-toolbar__label {
	margin-right: 8px;
	line-height: 16px;
	font-size: 13px;
	display: inline-block;
	color: var(--form-label-alt-text);
}

.location-monitor-toolbar__input {
	vertical-align: top;
	max-width: 102px;
	display: inline-block;
}

.location-monitor-toolbar__input input::-webkit-input-placeholder {
			opacity: 0;
		}

.location-monitor-toolbar__input input ::-moz-placeholder {
			opacity: 0;
		}

.location-monitor-toolbar__input input:-ms-input-placeholder {
			opacity: 0;
		}

.location-monitor-toolbar__item {
	flex-grow: 0;
}

.location-monitor-toolbar__item_sendRequest {
		flex-grow: 1;
		max-width: 109px;
	}

.location-monitor-toolbar__item .multiasset-suggest__container label {
			padding: 0;
		}

.location-monitor-toolbar__item ~ .location-monitor-toolbar__item {
	margin-left: 12px;
}

.location-monitor-toolbar__control {
	display: flex;
	font-family: 'Source Sans Pro', sans-serif;
}

.location-monitor-toolbar__container_controlLayout_vertical .location-monitor-toolbar__control {
			flex-direction: column;
		}

.location-monitor-toolbar__container_controlLayout_vertical .location-monitor-toolbar__label {
			margin-bottom: 2px;
		}

.location-monitor-toolbar__container_controlLayout_horizontal .location-monitor-toolbar__control {
			flex-direction: row;
			align-items: center;
		}
.widget-location-monitor__wrapper {
	display: flex;
	flex-direction: column;
}
.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%;
	}
.changebleValue--part-significant {
			font-size: 1.25em;
			line-height: 0;
			font-weight: normal;
		}

.changebleValue-up {
		color: var(--up-text-color);
	}

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

.changebleValue-alternate.changebleValue-up {
			color: var(--positive-text-color);
		}

.changebleValue-alternate.changebleValue-down {
			color: var(--negative-text-color);
		}
.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 .position--actions {
			display: none;
		}

	.position--actions {
		display: block;
		width: 100%;
		text-align: right;
	}

	.position--actions .button-icon {
			width: 10px;
			height: 10px;
			margin-right: 5px;
			transform: translateX(5px);
		}

	.position--actions .button-icon:last-child {
				margin-right: 0;
			}

	.position--totalTitle {
		position: relative;
	}

	.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(--sell-text-color);
		}

.position--side-buy {
			color: var(--buy-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(--link-hovered-multiparts);
					}

.position-expanded .order--actions {
			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;
			}
.button-closePosition .icon {
		width: 7px;
		height: 7px;
		fill: var(--table-icon-default-color);
		transition: fill 220ms ease-out;
	}

	.button-closePosition:hover .icon {
			fill: var(--link-hovered-multiparts);
			transition: fill 220ms ease-in;
		}
.mobile .button-closePosition .icon {
			width: 9px;
			height: 9px;
		}
td.AggregationCell__container .table--cell:first-child {
				padding: 0;
			}

.AggregationCell__content {
	position: relative;
	box-sizing: border-box;
	padding: 1px 28px 0;
	height: 23px;
	font-size: 14px;
	background: 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__levelPosition1 .position--padding {
	min-width: 10px;
}

.AggregationCell__levelPosition2 .position--padding {
	min-width: 20px;
}

.AggregationCell__levelPosition3 .position--padding {
	min-width: 30px;
}

.AggregationCell__levelPosition4 .position--padding {
	min-width: 40px;
}

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

.AggregationCell__delay_indicator {
	width: 16px;
	height: 100%;
	display: flex;
	align-items: center;
	color: var(--icon-delayed-data, #CCB999);
}

.grid-positions .position--instrument{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
	.grid-positions .table--colAdapts-symbol {
			width: 7.5em;
		}
	.grid-positions .table--colAdapts-quantity {
			width: 6em;
		}
	.grid-positions .table--colAdapts-actions {
			width: 3.5em;
		}
	.grid-positions .table--colAdapts-usedMargin {
			width: 96px;
		}
	.grid-positions .table--colAdapts-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: 120px;
		}
	.grid-positions .table--colAdapts-openPl {
			width: 99px;
		}
	.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: 129px;
		}
	.grid-positions .table--colAdapts-overnightMaintenanceMargin,
		.grid-positions .table--colAdapts-expirationReservedCash,
		.grid-positions .table--colAdapts-expirationRealtimeCash,
		.grid-positions .table--colAdapts-expirationRequiredStock,
		.grid-positions .table--colAdapts-slideInCoefficient {
			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.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 {
					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: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:not(.position-child) td .table--cell {
						background-color: var(--table-group-bg-color);
					}

.grid-positions.grid-aggregation .grid--body .position:not(.position-child):hover .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;
	}

.position--value {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	min-width: 11px;
}

.position--instrument {
	display: flex;
}
.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: 99px;
		}
	.grid-positionBook .table--colAdapts-openPlQty {
			width: 106px;
		}
	.grid-positionBook .table--colAdapts-openPlPercent {
			width: 97px;
		}
	.grid-positionBook .table--colAdapts-dayOpenPl {
			width: 120px;
		}
	.grid-positionBook .table--colAdapts-initialMargin {
			width: 106px;
		}
	.grid-positionBook .table--colAdapts-overnightInitialMargin {
			width: 152px;
		}
	.grid-positionBook .table--colAdapts-dayClosedPl {
			width: 129px;
		}
	.grid-positionBook .table--colAdapts-dayQuantity {
			width: 101px;
		}
	.grid-positionBook .table--colAdapts-maintenanceMargin {
			width: 144px;
		}
	.grid-positionBook .table--colAdapts-overnightMaintenanceMargin,
		.grid-positionBook .table--colAdapts-expirationReservedCash,
		.grid-positionBook .table--colAdapts-expirationRealtimeCash,
		.grid-positionBook .table--colAdapts-expirationRequiredStock,
		.grid-positionBook .table--colAdapts-slideInCoefficient{
			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 .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 td:nth-child(2) .table--cell {
						padding-left: 0;
					}
	.grid-positionBook .scrollable-withHorizontalScrollbar .scrollable--wrapper {
			padding-bottom: 9px;
			box-sizing: border-box;
		}

.widget-positions__headerContentWrapper .button-addAggregation,
		.widget-positions__headerContentWrapper .buttonAddPosition {
			height: 19px;
			padding: 0 10px 0 9px;
		}

			.widget-positions__headerContentWrapper .button-addAggregation span, .widget-positions__headerContentWrapper .buttonAddPosition span {
				display: block;
				font-size: 12px;
				line-height: 16px;
				height: 100%
			}
		.widget-positions__headerContentWrapper .button-addAggregation {
				padding: 0 14px;
			}
		.widget-positions__headerContentWrapper .accountSelector__container {
			margin-right: auto;
		}

.widget-positions__headerActions .positionControls:not(:first-child) {
			margin-left: 7px;
			flex-shrink: 0;
		}

.widget-positions__simulatedPositions {
	display: inline-flex;
	align-items: center;
}

.widget-positions__simulatedPositionsTitle {
		white-space: nowrap;
		margin-right: 9px;
	}

.widget-positions__errorMessage {
	display: inline-block;
	text-align: center;
	width: 100%;
	line-height: 2;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: var(--error-description-multiparts);
	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 .widget-positions__headerContent .controlAggregation--label {
			font-size: 14px;
		}
.adaptive-toolbar__container {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	position: relative;
}

	.adaptive-toolbar__container .button-otherItems {
			position: relative;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			margin: 0 var(--adaptive-toolbar-item-horizontal-spacer) 0 0;
			height: var(--adaptive-toolbar-other-item-height);
			width: var(--adaptive-toolbar-other-item-width);
		}

	.adaptive-toolbar__container .button-otherItems .icon {
				fill: var(--modal-header-icon-primary-default-color);
				height: var(--adaptive-toolbar-other-icon-height);
				width: var(--adaptive-toolbar-other-icon-width);
			}

	.adaptive-toolbar__container .button-otherItems:hover .icon {
					fill: var(--link-hovered-multiparts);
				}

	.adaptive-toolbar__container .button-otherItems:active .icon {
					fill: var(--icon-pressed-color);
				}

	.adaptive-toolbar__container .button-otherItems:focus {
				outline: var(--outline-width) solid var(--form-control-focused-border-outside-color);
			}

	.adaptive-toolbar__container .button-otherItems:focus:not(:focus-visible) {
					outline: none;
				}

.adaptive-toolbar__itemsInner {
	display: flex;
	align-items: center;
	flex-grow: 1;
	height: 100%;
}

.adaptive-toolbar__items {
	display: flex;
	align-items: center;
	width: 100%;
	white-space: nowrap;
	height: 100%;
}

.adaptive-toolbar__item {
	height: inherit;
	display: inline-flex;
}

.adaptive-toolbar__widget-header {
	display: flex;
	align-items: center;
}

.adaptive-toolbar__widget-header .multiselect__container button {
			height: 19px;
			display: flex;
    		align-items: center;
		}

.adaptive-toolbar__expand {
	flex-grow: 1;
	flex-shrink: 1;
}

.adaptive-toolbar__expandInPopover {
	border-right: var(--popover-adaptive-toolbar-border-width) solid var(--widget-header-tab-divider-color);
	height: 100%;
	top: 0;
	position: absolute;
}

.adaptive-toolbar__visually-hidden {
	display: flex;
}

.adaptive-toolbar__visually-hidden div {
		visibility: hidden;
		height: 0;
	}

.adaptive-toolbar__otherBtn {
	display: flex;
	align-items: center;
}

.instrument-info__anchor {
	display: flex;
	align-items: center;
}

.instrument-info__popoverContent {
	border: 1px solid var(--trade-builder-step-hint-tooltip-border-color);
    font-size: 14px;
    padding: 8px 20px 10px;
}
.button-lock {
	padding: 0;
	border: none;
	transition: color var(--animation-default);
	background: none;
	width: 25px;
	height: 23px;
}

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

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

	.button-lock::before {
		transition: opacity var(--animation-default);
		border: none;
	}

	.button-lock .icon {
		vertical-align: baseline;
		width: 12px;
		height: 11px;
		fill: var(--icon-contextual-primary-default-color);
		transition: fill 220ms ease-out;
		transform: scale(1);
	}
.widget-risk-profile-toolbar__item {
	position: relative;
	display: flex;
}

	.widget-risk-profile-toolbar__item .control-textInput {
			width: 120px;
		}

	.widget-risk-profile-toolbar__item .control-selectBox .control--wrap {
				max-width: 120px;
			}

	.widget-risk-profile-toolbar__item .control-numericStepper {
			display: flex;
			align-items: center;
		}

	.widget-risk-profile-toolbar__item .control-numericStepper .control--label {
				margin-right: 4px;
			}

	.widget-risk-profile-toolbar__item .control-numericStepper .numericStepper--input input[type='text'] {
				padding-right: 35px;
				font-size: 12px;
			}

	.widget-risk-profile-toolbar__item .button-restore {
			width: 25px;
			height: 23px;
		}

	.widget-risk-profile-toolbar__item .button-restore .icon {
				width: 15px;
				height: 13px;
				transition: fill 220ms ease-out;
			}

	.widget-risk-profile-toolbar__item .button-restore:not(.button-disabled) .icon {
					fill: var(--icon-secondary-default-color);
				}

	.widget-risk-profile-toolbar__item .button-restore:not(.button-disabled):hover .icon {
					fill: var(--icon-secondary-hovered-color);
				}

	.widget-risk-profile-toolbar__item .control-volatility {
			width: auto;
		}

	.widget-risk-profile-toolbar__item .control-volatility .control--wrap {
				width: 90px;
			}

	.widget-risk-profile-toolbar__item .control-volatility + .button-restore {
				margin-left: 6px;
			}

	.widget-risk-profile-toolbar__item .control-price {
			width: auto;
		}

	.widget-risk-profile-toolbar__item .control-price .control--wrap {
				width: 102px;
			}

	.widget-risk-profile-toolbar__item .control-price + .button-lock {
				margin-left: 6px;
			}
.pl-chart__plChart {
	height: 100%;
}

	.pl-chart__plChart--canvasWrapper,
	.pl-chart__plChart--canvasArea {
		height: 100%;
	}

.chart_pl {
		height: 100%;
	}

.chart_pl .chart--axis-x .current {
						display: block;
						border-radius: 0;
						border: none;
						padding: 2px 4px;
					}

.chart_pl .chart--canvasWrapper, .chart_pl .chart--canvasArea {
				height: 100%;
			}
.PLCalendar__footer___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    height: 30px;
}

.PLCalendar__container__anchor___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
    font-size: 14px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    color: var(--link-default-multiparts);
	transition: color 200ms;
}

.PLCalendar__container__anchor___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:hover {
		color: var(--link-hovered-multiparts);
    }

.PLCalendar__container__anchor___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:before {
        content: none;
    }

.PLCalendar__link_container___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
    cursor: pointer;
    color: var(--link-default-multiparts);
	font-size: 14px;
	transition: color 200ms;
}

.PLCalendar__link_container___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:hover {
		color: var(--link-hovered-multiparts);
    }
.PlLinesCrossTool__container___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
	display: inline-flex;
	flex-direction: column;
	position: relative;
	padding: 12px 10px 5px 10px;
	border-radius: 2px;
	background-color: var(--chart-info-bg-color);
	box-sizing: border-box;
	transition: all 0.2s;
}
	.PlLinesCrossTool__container_editbale___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
		position: relative;
		padding-right: 33px;
	}
	.PlLinesCrossTool__container___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:hover .PlLinesCrossTool__item_disable___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
			display: inline-flex;
		}

.PlLinesCrossTool__item___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-bottom: 7px;
	font-size: 12px;
}

.PlLinesCrossTool__item_resetWrapper___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
		margin-left: auto;
	}

.PlLinesCrossTool__item_disable___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
		display: none;
	}

.PlLinesCrossTool__item__visible___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
		fill: var(--icon-contextual-primary-default-color);
		width: 14px;
		height: 12px;
		cursor: pointer;
	}

.PlLinesCrossTool__item__visible___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:hover {
			fill: var(--link-hovered-multiparts);
		}

.PlLinesCrossTool__item__visible_hidden___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
			visibility: hidden;
		}

.PlLinesCrossTool__item__date___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
		width: 100%;
		margin: 0 11px 0 11px;
		cursor: pointer;
		color: var(--common-text-disabled);
	}

.PlLinesCrossTool__item__date___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:hover {
			/*must override inline-style*/
			color: var(--link-hovered-multiparts) !important;
		}

.PlLinesCrossTool__item__value___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
		color: var(--common-text-default);
		text-align: right;
	}

.PlLinesCrossTool__item__value_disabled___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
			color: var(--common-text-disabled);
		}

.PlLinesCrossTool__contentWrapper___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
	display: flex;
	align-items: center;
	width: 100%;
}

.PlLinesCrossTool__contentWrapper_editbale___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
		visibility: hidden;
	}

.PlLinesCrossTool__iconWrapper___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
	width: 14px;
	height: 12px;
}

.PlLinesCrossTool__dateBoxInnerWrapper___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
	position: absolute;
	left: 23px;
	right: 0;
	display: flex;
	align-items: center;
}

.PlLinesCrossTool__steppableInput_inner___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
	padding: 0 4px;
}

.PlLinesCrossTool__dateInput_inner___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
	padding: 0 6px 0 0;
}

.PlLinesCrossTool__dateBoxInner___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
	width: 96px;
	height: 21px;
	margin: 0 8px 0 4px;
	left: -5px;
}

.PlLinesCrossTool__calendarButtonIcon___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
	padding: 0;
	margin: 0;
	width: 17px;
	height: 9px;
}

.PlLinesCrossTool__calendarButtonIcon___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-:focus {
		outline: none
	}

.PlLinesCrossTool__calendarButtonIcon_icon___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
		fill: var(--icon-primary-default-color);
	}

.PlLinesCrossTool__calendarButtonIcon_icon___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- :hover {
			fill: var(--link-hovered-multiparts);
		}

.PlLinesCrossTool__calendarButtonIcon_icon___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- :active {
			fill: var(--icon-pressed-color);
		}

.PlLinesCrossTool__clearButton___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
	display: none;
}

.PlLinesCrossTool__popover___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
	border: none;
}

.PlLinesCrossTool__popover__content___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components- {
		border: none;
	}

.PLDatabox-wrapper {
		position: absolute;
		z-index: 4;
		left: 7px;
		top: 11px;
	}
.popover-h-child__container___third-party-legacy-chart-plugins-2-src-plugins-PlLinesCrossToolPlugin-components-theme-___1zYnc {
    overflow: visible;
}
.risk-profile-chart__container {
	height: 100%;
	position: relative;
}

	.risk-profile-chart__container .chart--axisWrapper-x {
			height: 30px;
			position: static;
		}

	.risk-profile-chart__container .chart--axis-x-label {
			top: auto;
			padding-left: 5px;
			bottom: 3px;
		}
.risk-profile-chart__axis_label {
	position: absolute; 
	z-index: 1; 
	right: 0; 
	line-height: 1; 
	font-size: 18px;
}
.risk-profile-chart__axis_label__y {
	top: 0; 
	padding: 8px; 
	background: linear-gradient(0deg, transparent 0%, var(--widget-bg-top-color) 15%, transparent 100%);
}
.risk-profile-chart__axis_label__x { 
	bottom: 0; 
	padding: 8px; 
}

.simulated-position-strategy__icon {
	cursor: pointer;
	width: 10px;
	height: 10px;
	fill: var(--modal-header-icon-primary-default-color);
}

.simulated-position-strategy__container {
	display: flex;
	height: 100%;
	position: relative;
	z-index: 1;
}

.simulated-position-strategy__container span:not(:last-child) {
		margin-right: 8px;
	}

.simulated-position-strategy__container .planned-marker__container {
			flex-shrink: 0;
			align-self: center;
		}

.simulated-position-strategy__side_buy {
		color: var(--buy-text-color);
	}

.simulated-position-strategy__side_sell {
		color: var(--sell-text-color)
	}

/* https://github.com/css-modules/css-modules/issues/295 */
.simulated-position-strategy__row td:not([class]) {
			box-shadow: none;
		}
.simulated-position-strategy__row:not(.position-selected) .table--cell {
					background-color: var(--table-group-bg-color) !important;
					cursor: pointer;
				}

#ruler .simulated-position-strategy__container {
		display: none;
	}
.grid-riskProfilePosition .grid--head {
		z-index: 3;
	}
	.grid-riskProfilePosition .table--head .table--cell-highlighted {
				color: var(--table-header-updating-highlight-text-color);
			}
	.grid-riskProfilePosition .table--body tr.position-selected .table--cell-highlighted {
					box-shadow: 0 0 0 15px var(--table-row-selected-bg-color) inset;
				}
	.grid-riskProfilePosition .table--body tr:hover {
				background: var(--table-row-bg-hover-color);
			}
	.grid-riskProfilePosition .table--body tr:hover:not(.position-selected) .table--cell {
					background-color: var(--table-row-bg-hover-color);
				}
	.grid-riskProfilePosition .table--body tr:hover .table--cell-highlighted.table--cell {
					background-color: var(--table-cell-updating-highlight-bg-color);
				}
	.grid-riskProfilePosition .table--body tr:hover .table--cell-error.table--cell {
					background: var(--table-cell-error-bg);
				}
	.grid-riskProfilePosition .table--body tr td:last-child .table--cell {
							padding: 0;
						}
	.grid-riskProfilePosition .table--body .table--cell-highlighted {
				background-color: var(--table-cell-updating-highlight-bg-color);
			}
	.grid-riskProfilePosition .table --cell -control:not(.table--cell-spreadSelector) {
					box-shadow: 1px 0 var(--line-color);
					border-left: 1px solid var(--line-color);
				}
	.grid-riskProfilePosition .table --cell -control:hover:not(.table--cell-disabled):not(.table--cell-spreadSelector) {
					background-color: var(--table-cell-hover-bg-color);
				}
	.grid-riskProfilePosition .table --cell-expandable {
				padding: 0 0 0 7px;
			}
	.grid-riskProfilePosition .table --cell-checked {
				padding: 0;
			}
	.grid-riskProfilePosition .table --cell-error {
				color: var(--table-error-text-color);
			}
	.grid-riskProfilePosition .table --cell-error .table--controlPlaceholder,
				.grid-riskProfilePosition .table --cell-error .selectBox--label {
					color: inherit;
				}
	.grid-riskProfilePosition .position-selected .table--cell-error {
			color: var(--table-error-text-color);
		}

.wrapperSpread {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.wrapperSpread .lockContainer {
		min-width: -moz-fit-content;
		min-width: fit-content;
	}

.wrapperSpread .lockContainer > span {
			min-width: -moz-fit-content;
			min-width: fit-content;
		}

.wrapperSpread .icon-tree {
		position: absolute;
		left: 12px;
		top: 50%;
		margin-top: -4.5px;
		z-index: 2;
		fill: var(--icon-secondary-default-color);
	}

.grid-riskProfilePosition .lockContainer .selectBox--label {
			min-width: -moz-fit-content;
			min-width: fit-content;
		}

.grid-riskProfilePosition .control-disabled {
			background-color: var(--order-entry-table-cell-disabled);
		}

.grid-riskProfilePosition .planned-marker__container {
		margin-right: 8px;
	}

.grid-riskProfilePosition .control-symbol.control-value {
		box-sizing: border-box;
		padding: 0 14px 0 10px;
		height: 100%;
		line-height: inherit;
	}

.grid-riskProfilePosition .control-symbol.control-value .control--wrap {
			white-space: nowrap;
		}

.grid-riskProfilePosition .control-symbol.control-value .control--wrap span {
				overflow: hidden;
				text-overflow: ellipsis;
			}

.grid-riskProfilePosition .table--col-checked,
	.grid-riskProfilePosition .table--cell-checked {
		padding: 0;
		display: inline-flex;
	}

.grid-riskProfilePosition .checkBox {
		display: flex;
		align-content: center;
		flex-grow: 1;
		height: 100%;
	}

.grid-riskProfilePosition .table--cell.table--cell-spreadSelector {
		display: flex;
		align-items: center;
	}

.grid-riskProfilePosition .table--cell.table--cell-spreadSelector:hover .lock_spreadSelector {
				background-color: var(--table-cell-hover-bg-color);
			}

.grid-riskProfilePosition .table--cell.table--cell-spreadSelector .planned-marker__container {
			position: absolute;
			left: 12px;
			top: 50%;
			z-index: 2;
			margin-top: -5.5px;
		}

.grid-riskProfilePosition .table--cell.table--cell-spreadSelector .lock_spreadSelector {
			box-sizing: border-box;
			position: relative;
			left: 4px;
			right: 0;
			width: auto;
		}

.grid-riskProfilePosition .table--cell.table--cell-spreadSelector .lock_spreadSelector button {
				right: 27px;
			}
.grid-riskProfilePosition .table--col-expandable, .grid-riskProfilePosition .table--colAdapts-expandable {
			width: 30px;
		}
		.grid-riskProfilePosition .table--col-checked, .grid-riskProfilePosition .table--colAdapts-checked {
			width: 17px;
		}
		.grid-riskProfilePosition .table--col-symbol, .grid-riskProfilePosition .table--colAdapts-symbol {
			width: 148px;
		}
		.grid-riskProfilePosition .table--col-uid, .grid-riskProfilePosition .table--colAdapts-uid {
			width: 160px;
		}
		.grid-riskProfilePosition .table--col-side, .grid-riskProfilePosition .table--colAdapts-side {
			width: 119px;
			min-width: 54px;
		}
		.grid-riskProfilePosition .table--col-spread, .grid-riskProfilePosition .table--colAdapts-spread {
			width: 200px;
			min-width: 78px;
		}
		.grid-riskProfilePosition .table--col-expirationDate, .grid-riskProfilePosition .table--colAdapts-expirationDate {
			width: 108px;
		}
		.grid-riskProfilePosition .table--col-yield, .grid-riskProfilePosition .table--colAdapts-yield {
			width: 120px;
		}
		.grid-riskProfilePosition .table--col-theoPrice,
		.grid-riskProfilePosition .table--col-positionDelta,
		.grid-riskProfilePosition .table--col-avgFillPrice,
		.grid-riskProfilePosition .table--colAdapts-theoPrice,
		.grid-riskProfilePosition .table--colAdapts-positionDelta,
		.grid-riskProfilePosition .table--colAdapts-avgFillPrice {
			width: 100px;
		}
		.grid-riskProfilePosition .table--col-positionGamma, .grid-riskProfilePosition .table--colAdapts-positionGamma {
			width: 114px;
		}
		.grid-riskProfilePosition .table--col-theta, .grid-riskProfilePosition .table--colAdapts-theta {
			width: 102px;
		}
		.grid-riskProfilePosition .table--col-positionRho, .grid-riskProfilePosition .table--colAdapts-positionRho {
			width: 94px;
		}
		.grid-riskProfilePosition .table--col-positionVega, .grid-riskProfilePosition .table--colAdapts-positionVega {
			width: 98px;
		}
		.grid-riskProfilePosition .table--col-underlying, .grid-riskProfilePosition .table--colAdapts-underlying {
			width: 84px;
		}
		.grid-riskProfilePosition .table--col-daysToExpiration, .grid-riskProfilePosition .table--colAdapts-daysToExpiration {
			width: 123px;
		}
		.grid-riskProfilePosition .table--col-positionQty,
		.grid-riskProfilePosition .table--col-price,
		.grid-riskProfilePosition .table--colAdapts-positionQty,
		.grid-riskProfilePosition .table--colAdapts-price {
			min-width: 86px;
		}
		.grid-riskProfilePosition .table--col-expirationDate,
		.grid-riskProfilePosition .table--col-strike,
		.grid-riskProfilePosition .table--colAdapts-expirationDate,
		.grid-riskProfilePosition .table--colAdapts-strike {
			min-width: 50px;
		}
		.grid-riskProfilePosition .table--col-actions, .grid-riskProfilePosition .table--colAdapts-actions {
			width: 40px;
		}
.table--cell .numericStepper .numericStepper--input input[type='text'] {
					text-overflow: ellipsis;
				}
		.table--cell.table--cell-spreadSelector .selectBox--label {
						padding-left: 30px;
						padding-right: 38px;
					}
		.table--cell.table--cell-spreadSelector .lock_spreadSelector .table--controlPlaceholder {
							padding-right: 38px;
						}
		.table--cell.table--cell-spreadSelector .table--controlPlaceholder {
						padding-left: 30px;
					}
.widget-collapsed-header__content {
    position: absolute;
	left: 0;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
}

    .widget-collapsed-header__content .button-expand {
            display: flex;
            align-items: center;
            justify-content: center;
			width: 26px;
			height: 23px;
        }

    .widget-collapsed-header__content .button-expand .icon {
                width: 12px;
                height: 7px;
                fill: var(--icon-primary-default-color);
            }

.widget-collapsed-header__headerInfo {
    margin-left: 25px;
}

.widget-collapsed-header__headerTitle {
    padding: 0;
}
.grid-priceSlices .table--head .table--cell-highlighted {
			color: var(--table-header-updating-highlight-text-color);
		}
	.grid-priceSlices .table--body .table--cell-highlighted {
			background-color: var(--table-cell-updating-highlight-bg-color);
		}
	.grid-priceSlices thead {
		box-shadow: 0 1px var(--line-color);
	}
	.grid-priceSlices thead .table--cell-price,
			.grid-priceSlices thead .table--cell-offset {
				padding-right: 0;
			}
	.grid-priceSlices thead .table--cell-actions .table--columnHeader {
					display: none;
				}
	.grid-priceSlices tbody .table--cell {
			font-size: var(--table--cell-font-size);
		}
	.grid-priceSlices tbody .table--cell-positive {
				color: var(--positive-text-color);
			}
	.grid-priceSlices tbody .table--cell-negative {
				color: var(--negative-text-color);
			}
	.grid-priceSlices tbody .table--cell-price .control-numericStepper .numericStepper--input input[type='text'],
				.grid-priceSlices tbody .table--cell-price .control-numericStepper.control-disabled .numericStepper--input {
					color: inherit;
				}
	.grid-priceSlices tbody .table--cell-sliceColor0 {
				color: var(--risk_profile-price_slice-price-text-01);
			}
	.grid-priceSlices tbody .table--cell-sliceColor1 {
				color: var(--risk_profile-price_slice-price-text-02);
			}
	.grid-priceSlices tbody .table--cell-sliceColor2 {
				color: var(--risk_profile-price_slice-price-text-03);
			}
	.grid-priceSlices tbody .table--cell-sliceColor3 {
				color: var(--risk_profile-price_slice-price-text-04);
			}
	.grid-priceSlices tbody .table--cell-sliceColor4 {
				color: var(--risk_profile-price_slice-price-text-05);
			}
	.grid-priceSlices tbody .table--cell-sliceColor5 {
				color: var(--risk_profile-price_slice-price-text-06);
			}
	.grid-priceSlices tbody .table--cell-sliceColor6 {
				color: var(--risk_profile-price_slice-price-text-07);
			}
	.grid-priceSlices tbody .table--cell-sliceColor7 {
				color: var(--risk_profile-price_slice-price-text-08);
			}
	.grid-priceSlices tbody .table--cell-sliceColor8 {
				color: var(--risk_profile-price_slice-price-text-09);
			}
	.grid-priceSlices tbody .table--cell-sliceColor9 {
				color: var(--risk_profile-price_slice-price-text-10);
			}
	.grid-priceSlices tbody .table--cell-price,
			.grid-priceSlices tbody .table--cell-offset {
				overflow: visible;
				padding: 0;
				box-shadow: 1px 0 var(--line-color) inset, 1px 0 var(--line-color);
			}
	.grid-priceSlices tbody .table--cell-actions {
				padding-left: 0;
				padding-right: 8px;
			}
	.grid-priceSlices tbody .table--cell-date {
				display: flex;
			}
	.grid-priceSlices tbody .table--cell-date.table--cell {
					padding: 0;
				}
	.grid-priceSlices tbody .table--cell-date .control-selectBox {
					flex-grow: 1;
				}
	.grid-priceSlices tbody .table--cell-date .control-selectBox .control--wrap {
							width: 100%;
						}
	.grid-priceSlices tbody .table--cell-date .control-selectBox .selectBox {
						width: 100%;
						background-color: transparent;
						box-shadow: none;
					}
	.grid-priceSlices tbody .table--cell-date .control-selectBox .selectBox::before {
							content: normal;
						}
	.grid-priceSlices tbody .table--cell .control-numericStepper {
				width: 100%;
			}
	.grid-priceSlices tbody .table--cell .control-numericStepper .numericStepper {
					width: 100%;
				}
	.grid-priceSlices tbody .table--cell .control-numericStepper .numericStepper--input input[type='text'] {
							box-shadow: none;
							border-color: transparent;
							background-color: transparent;
						}
	.grid-priceSlices tbody .table--cell .control-numericStepper .control--wrap-focused .numericStepper--input input[type="text"] {
								border-color: var(--order-entry-table-cell-selected-outside-border-color);
							}
	.grid-priceSlices tbody .table--cell .button-remove:hover .icon {
						fill: var(--link-hovered-multiparts);
					}
	.grid-priceSlices tbody .table--cell .button-remove .icon {
					width: 7px;
					height: 7px;
					fill: var(--icon-primary-default-color);
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
				}
	.grid-priceSlices .table--col-date, .grid-priceSlices .table--colAdapts-date {
				width: 108px;
			}
	.grid-priceSlices .table--col-price,
			.grid-priceSlices .table--col-offset,
			.grid-priceSlices .table--colAdapts-price,
			.grid-priceSlices .table--colAdapts-offset {
				width: 98px;
			}
	.grid-priceSlices .table--col-delta,
			.grid-priceSlices .table--col-gamma,
			.grid-priceSlices .table--col-theta,
			.grid-priceSlices .table--colAdapts-delta,
			.grid-priceSlices .table--colAdapts-gamma,
			.grid-priceSlices .table--colAdapts-theta {
				width: 85px;
			}
	.grid-priceSlices .table--col-value,
			.grid-priceSlices .table--col-theoPl,
			.grid-priceSlices .table--colAdapts-value,
			.grid-priceSlices .table--colAdapts-theoPl {
				width: 96px;
			}
	.grid-priceSlices .table--col-vega, .grid-priceSlices .table--colAdapts-vega {
				width: 85px;
			}
	.grid-priceSlices .table--col-rho, .grid-priceSlices .table--colAdapts-rho {
				width: 80px;
			}
	.grid-priceSlices .table--col-actions, .grid-priceSlices .table--colAdapts-actions {
				width: 24px;
			}
	.grid-priceSlices .grid--body {
		top: 0;
	}
	.grid-priceSlices .grid--body:not(.scrollable-withVerticalScrollbar) {
			margin-right: 0;
		}
	.grid-priceSlices .grid--body .scrollable--wrapper .scrollable--container {
				padding-right: 0;
			}
	.grid-priceSlices .grid--body .scrollable--wrapper .scrollable--container .scrollable--content {
					padding-top: 19px;
					padding-bottom: 0;
				}
	.grid-priceSlices .scrollbar-vertical {
		top: 20px;
	}
	.grid-priceSlices .selectBox-color1 .selectBox--label {
			color: var(--risk-profile-chart-text-color-1);
		}
	.grid-priceSlices .selectBox-color2 .selectBox--label {
			color: var(--risk-profile-chart-text-color-2);
		}
	.grid-priceSlices .selectBox-color3 .selectBox--label {
			color: var(--risk-profile-chart-text-color-3);
		}


.widget-price-slices__headerActions .button-contextMenu {
			margin-right: 0;
		}

.widget-price-slices__headerContent {
	position: relative;
}

.widget-price-slices__headerContent .button:not(.button-expand) {
				height: 19px;
				padding: 0 8px;
				font-size: 12px;
			}

.widget-price-slices__headerContent .button:first-of-type {
				margin-left: 0;
			}

.widget-price-slices__headerContentWrapper {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
}

.widget-price-slices__buttonExpandWrap {
	position: absolute;
	left: 2px;
	top:0;
	display: flex;
	align-items: center;
	height: 100%;
}

.widget-price-slices__buttonExpandWrap .button-expand {
			display: flex;
			align-items: center;
			justify-content: center;
		}

.widget-price-slices__buttonExpandWrap .button-expand .icon {
				width: 11px;
				height: 6px;
				fill: var(--icon-primary-default-color);
			}
.risk-profile__container {
	display: flex;
	flex-direction: column;
	height: 100%;
}

	.risk-profile__container .control-currentSpot {
			width: 110px;
		}

.risk-profile__chartArea {
	flex: 1 1 auto;
	position: relative;
	min-height: 60px;
	overflow: hidden;
}

.risk-profile__chartInner {
	height: 100%;
	left: 6px;
	right: 0;
	position: absolute;
}

.risk-profile__chartInner .chart--axisWrapper-x {
			height: 30px;
			position: static;
		}

.risk-profile__chartInner .chart--axis-x-label {
			top: auto;
			padding-left: 5px;
			bottom: 3px;
		}

.risk-profile__priceSlices {
	height: 154px;
	transition: height 0.25s;
	overflow: hidden;
}

.risk-profile__priceSlices_collapsed {
		height: 25px;
	}

.risk-profile__priceSlices_collapsed + .risk-profile__gridArea {
			max-height: calc(100% - 89px);
		}

.risk-profile__priceSlices .widgetNew__headerTitle {
			padding-left: 0;
		}

.risk-profile__priceSlices .widget-collapsed-header__headerInfo {
			margin-left: 23px;
		}

.risk-profile__gridArea {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	min-height: 0;
	max-height: calc(100% - 218px);
	height: 44%;
	transition: max-height 0.25s;
}

.risk-profile__gridArea .widgetNew--header__mainControls {
			margin-left: 10px;
			padding-left: 0;
		}

.risk-profile__gridArea .widgetNew--header__headerActions .controlAggregation {
				margin-left: 10px;
			}

.risk-profile__gridArea .widgetNew--header__headerActions .button {
				margin-right: 0;
				margin-left: 10px;
			}

.risk-profile__gridArea .widgetNew--header__headerActions > .button:first-of-type {
					margin-left: 0;
				}

.risk-profile__gridArea .widgetNew__container, .risk-profile__priceSlices .widgetNew__container {
			border: 0;
		}

.risk-profile__legend {
	display: flex;
	justify-content:center;
	font-size: 12px;
	line-height: 1;
	margin-top: 6px;
	margin-bottom: 8px;
	flex-shrink: 0;
}

.risk-profile__legend ~ .risk-profile__gridArea {
		max-height: calc(100% - 244px);
	}

.risk-profile__legend ~ .risk-profile__priceSlices_collapsed + .risk-profile__gridArea{
		max-height: calc(100% - 115px);
	}

.risk-profile__legendItem {
	display: flex;
	padding-left: 20px;
}

.risk-profile__legendItem:last-child {
		padding-right: 20px;
	}

.risk-profile__legendItemLine {
	width: 26px;
	height: 2px;
	align-self: center;
}

.risk-profile__legendItemTitle {
	padding-left: 5px
}

.risk-profile__layoutControl {
	position: relative;
	border-top: 1px solid var(--layout-line-color);
	background: var(--control-panel-drag-line-color);
	height: 7px;
	flex-shrink: 0;
}

.risk-profile__layoutControl span {
		vertical-align: top;
	}

.risk-profile__emptyView,
.risk-profile__emptyMessage {
	position: relative;
}

.risk-profile__simulatedPositions {
	display: inline-flex;
	align-items: center;
	width: 100%;
    justify-content: flex-end;
	padding-right: 16px;
}

.risk-profile__simulatedPositionsTitle {
		white-space: nowrap;
		margin-right: 9px;
	}

.risk-profile__simulatedPositionStrategy--container {
	height: 100%;
}
.widget-risk-profile__headerContentWrapper {
	width: 100%;
	display: flex;
	align-items: center;
}

.widget-risk-profile__headerInfo {
	margin-right: 16px;
}

.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-fee, .mobile .grid-trades__container .table--colAdapts-fee {
					width: 123px;
				}
				.mobile .grid-trades__container .table--col-settledPL, .mobile .grid-trades__container .table--colAdapts-settledPL {
					width: 155px;
				}
.grid-trades__container {
	height: 100%;
}

	.grid-trades__container thead {
			box-shadow: 0 1px var(--line-color);
		}

	.grid-trades__container tbody .table--cell {
				height: var(--table--cell-height);
			}

	.grid-trades__container tbody .table--cell-positive {
					color: var(--positive-text-color);
				}

	.grid-trades__container tbody .table--cell-negative {
					color: var(--negative-text-color);
				}

	.grid-trades__container tbody .table--cell-commission,
				.grid-trades__container tbody .table--cell-fee,
				.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-fee.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-fee 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--body tr:hover {
						background: var(--table-row-bg-hover-color);
					}

	.grid-trades__container .table--col-timeDate, .grid-trades__container .table--colAdapts-timeDate {
					width: 126px;
				}

	.grid-trades__container .table--col-symbol, .grid-trades__container .table--colAdapts-symbol {
					width: 120px;
				}

	.grid-trades__container .table--col-orderId
				.container .table--col-tradeId, .grid-trades__container .table--colAdapts-orderId
				.container .table--colAdapts-tradeId {
					width: 84px;
				}

	.grid-trades__container .table--col-tradeCode, .grid-trades__container .table--colAdapts-tradeCode {
					width: 107px;
				}

	.grid-trades__container .table--col-side, .grid-trades__container .table--colAdapts-side {
					width: 104px;
				}

	.grid-trades__container .table--col-instrument, .grid-trades__container .table--colAdapts-instrument {
					width: 115px;
				}

	.grid-trades__container .table--col-tradeQuantity, .grid-trades__container .table--colAdapts-tradeQuantity {
					width: 100px;
				}

	.grid-trades__container .table--col-tradePrice, .grid-trades__container .table--colAdapts-tradePrice {
					width: 116px;
				}

	.grid-trades__container .table--col-tradeCost, .grid-trades__container .table--colAdapts-tradeCost {
					width: 93px;
				}

	.grid-trades__container .table--col-commission, .grid-trades__container .table--colAdapts-commission {
					width: 123px;
				}

	.grid-trades__container .table--col-fee, .grid-trades__container .table--colAdapts-fee {
					width: 123px;
				}

	.grid-trades__container .table--col-settledPL, .grid-trades__container .table--colAdapts-settledPL {
					width: 119px;
				}

	.grid-trades__container .table--col-positionEffect, .grid-trades__container .table--colAdapts-positionEffect {
					width: 95px;
				}

	.grid-trades__container .table--col-buyerOrderId, .grid-trades__container .table--colAdapts-buyerOrderId {
					width: 263px;
				}

	.grid-trades__container .table--col-sellerOrderId, .grid-trades__container .table--colAdapts-sellerOrderId {
					width: 255px;
				}

	.grid-trades__container .table--col-tradeTime, .grid-trades__container .table--colAdapts-tradeTime {
					width: 77px;
				}

	.grid-trades__container .table--col-buyerCode, .grid-trades__container .table--colAdapts-buyerCode {
					width: 191px;
				}

	.grid-trades__container .table--col-sellerCode, .grid-trades__container .table--colAdapts-sellerCode {
					width: 206px;
				}

	.grid-trades__container .table--col-strategy, .grid-trades__container .table--colAdapts-strategy {
					width: 63px;
				}

	.grid-trades__container .table--col-contractDescription, .grid-trades__container .table--colAdapts-contractDescription {
					width: 445px;
				}

	.grid-trades__container .table--col-strike, .grid-trades__container .table--colAdapts-strike {
					width: 105px;
				}

	.grid-trades__container .table--col-cut, .grid-trades__container .table--colAdapts-cut {
					width: 69px;
				}

	.grid-trades__container .table--col-tenor, .grid-trades__container .table--colAdapts-tenor {
					width: 65px;
				}

	.grid-trades__container .table--col-expiry, .grid-trades__container .table--colAdapts-expiry {
					width: 151px;
				}

	.grid-trades__container .table--col-filledQuantity, .grid-trades__container .table--colAdapts-filledQuantity {
					width: 92px;
				}

	.grid-trades__container .table--col-remainingQuantity, .grid-trades__container .table--colAdapts-remainingQuantity {
					width: 117px;
				}

	.grid-trades__container .table--col-premium, .grid-trades__container .table--colAdapts-premium {
					width: 97px;
				}

	.grid-trades__container .table--col-sellerReceivesNet, .grid-trades__container .table--colAdapts-sellerReceivesNet {
					width: 109px;
				}

	.grid-trades__container .table--col-buyerPaysNet, .grid-trades__container .table--colAdapts-buyerPaysNet {
					width: 100px;
				}

	.grid-trades__container .grid-trades__unit {
		color: var(--common-secondary-text-color);
	}

	.grid-trades__container .grid-trades__noTradesMessage  {
		font-size: 22px;
		line-height: 28px;
		color: var(--table-disabled-text-color);
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
.instrument .control-textInput {
		width: calc(100% + 1px);
		margin: 2px 0 1px 1px;
	}

		.instrument .control-textInput .control--wrap {
			display: block;
		}
	.instrument--symbol,
	.instrument--description {
		display: inline-block;
		width: 100%;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.instrument-empty .button--label {
			display: none;
		}
	.instrument--netChange 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 {
	position: relative;
}

.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(--link-hovered-multiparts);
			}

.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 .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(--button-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(--button-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(--common-text-disabled);
			}

.instrument-disabled .instrument--sell::after, .instrument-disabled .instrument--buy::after {
					background-color: var(--button-disabled-bg-color);
				}
.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;
}

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

	.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(--link-hovered-multiparts);
				}

	.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 {
		display: flex;
		align-items: center;
	}

	.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(--button-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(--button-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-tooltip__container {
	box-sizing: border-box;
	padding: 2px 8px;
	margin-top: 0;
}
.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);
	}
}
.instrument-suggestInput .control-textInput {
		margin: 2px 0 3px 2px;
		width: calc(100% - 2px);
	}
.mobile .instrument-suggestInput .control-textInput input {
				font-size: 14px;
			}
.instrument-chart {
	padding: 0 2px 2px 5px;
}
.instrument-ladder {
	color: var(--additional-text-color);
}

	.instrument-ladder .instrument {
		background-image: linear-gradient(to right, transparent 50%, rgba(var(--line-color-4-rgb), 50%));
		background-size: 2px 1px;
		background-position: 0 70%;
		background-repeat: repeat-x;
		background-clip: content-box;
	}

	.instrument-ladder .table {
		width: 100%;
	}
.button-showsChart .icon {
		width: 14px;
		height: 13px;
	}

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

.button-showsChart .icon:hover {
			fill: var(--icon-pressed-color);
			transition: fill 220ms ease-in;
		}
.button-showsDashboard .icon {
		fill: var(--icon-contextual-primary-default-color);
		transition: fill 220ms ease-out;
	}

		.button-showsDashboard .icon:hover {
			fill: var(--icon-pressed-color);
			transition: fill 220ms ease-in;
		}
.button-showsLadder .icon {
		width: 10px;
		height: 10px;
		fill: var(--icon-contextual-primary-default-color);
	}

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


.instrumentInfo-dashboard .instrumentInfo--overlay {
			display: none;
		}
	.instrumentInfo-watchlistMain .instrument-dashboard .button-price {
					padding: 0 8px;
				}
	.instrumentInfo-watchlistMain .instrument-ladder {
				padding: 0 0 2px 0;
			}
	.instrumentInfo-watchlistMain .instrument-ladder .instrument--buy,
					.instrumentInfo-watchlistMain .instrument-ladder .instrument--sell,
					.instrumentInfo-watchlistMain .instrument-ladder .instrument--quantity {
						text-overflow: ellipsis;
						white-space: nowrap;
						overflow: hidden;
						box-sizing: border-box;
					}
	.instrumentInfo-watchlistMain .instrument-ladder .instrument--buy,
					.instrumentInfo-watchlistMain .instrument-ladder .instrument--sell {
						max-width: 54px;
					}
	.instrumentInfo-watchlistMain .instrument-ladder .instrument--quantity {
						max-width: 46px;
					}
	.instrumentInfo-watchlistMain .instrument-chart {
				display: flex;
				align-items: flex-end;
				height: 100%;
				width: 230px;
				padding: 0;
			}
	.instrumentInfo-watchlistMain .instrumentInfo--wrapper {
			display: flex;
			padding: 10px 0;
		}
	.instrumentInfo-watchlistMain .instrumentInfo--panel {
				display: inline-block;
				vertical-align: middle;
				padding: 0 5px;
			}
	.instrumentInfo-watchlistMain .instrumentInfo--panel:not(:first-child) {
					border-width: 0 0 0 1px;
					border-style: solid;
				}
	.instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
					padding-left: 0;
				}
	.instrumentInfo-watchlistMain .instrumentInfo--panel:last-child {
					padding-right: 0;
				}
	.instrumentInfo-watchlistMain .instrumentInfo--wrapper {
				white-space: nowrap;
			}
	.instrumentInfo--panel {
		width: 300px;
		box-sizing: border-box;
		padding-right: 3px;
		position: relative;
	}
	.instrumentInfo--panel:first-child {
			padding-right: 2px;
		}
	.instrumentInfo--wrapper {
		overflow: hidden;
		border-bottom: 1px solid;
		text-align: left;
	}
	.instrumentInfo--main {
		padding: 6px 0;
		overflow: hidden;
		text-align: center;
	}
	.instrumentInfo--main .instrument {
			display: table;
			width: 100%;
		}
	.instrumentInfo--main .instrument--buttonList {
				float: right;
			}
	.instrumentInfo--main .plate--quantity .comboBox--inner .comboBox--input input[type="text"] {
						line-height: normal;
					}
	.instrumentInfo--stack {
		position: relative;
	}
	.instrumentInfo--stack .instrument-ladder,
			.instrumentInfo--stack .instrument-chart,
			.instrumentInfo--stack .instrument-dashboard {
				display: none;
			}
	.instrumentInfo--stack .instrument-chart {
				min-height: 100px;
			}
	.instrumentInfo--stack .instrument-chart .watchlistChart {
					padding-top: 6px;
				}
	.instrumentInfo--buttonList {
		position: absolute;
		right: 16px;
		width: 13px;
	}
	.instrumentInfo--buttonList .button {
			display: none;
		}
	.instrumentInfo--overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.instrumentInfo--overlay .instrument {
			display: block;
		}
	.instrumentInfo .instrument-ladder .instrument--quantity {
				font-size: 1rem;
			}
	.instrumentInfo .instrument-ladder .instrument--buy,
			.instrumentInfo .instrument-ladder .instrument--sell {
				width: auto;
			}
	.instrumentInfo .instrument-ladder .table th,
			.instrumentInfo .instrument-ladder .table td {
				border: 0;
			}
	.instrumentInfo .instrument-ladder .table td {
				line-height: 20px;
			}
	.instrumentInfo .instrument-ladder .table td:first-child .instrument--sell {
							float: right;
							padding: 0 3px 0 5px;
						}
	.instrumentInfo .instrument-ladder .table td:first-child .instrument--quantity {
							float: left;
							padding-right: 6px;
						}
	.instrumentInfo .instrument-ladder .table td:last-child .instrument--quantity {
							float: right;
							padding-left: 6px;
						}
	.instrumentInfo .instrument-ladder .table td:last-child .instrument--buy {
							float: left;
							padding: 0 5px 0 3px;
						}
	.instrumentInfo .instrument-ladder .table th {
				height: 16px;
				line-height: 1;
				padding: 0;
			}
	.instrumentInfo .instrument-ladder .table th span {
					display: inline-block;
					vertical-align: middle;
					width: 100%;
					line-height: 1;
				}
	.instrumentInfo .watchlistChart {
		width: 100%;
		height: 100%;
		position: relative;
	}
	.instrumentInfo .button-showsDashboard {
			width: 13px;
		}
	.instrumentInfo .button-showsChart .icon {
				margin-top: 1px;
			}
	.instrumentInfo .button-showsLadder .icon {
				margin-top: 2px;
			}
	.instrumentInfo .instrument-ladder {
			padding: 0 5px 2px 5px;
		}
	.instrumentInfo .instrument-chart .watchlistChart .chart {
					overflow: visible;
				}
	.instrumentInfo .plate--actions {
		padding: 0 3px 7px 3px;
	}

.instrumentInfo.instrumentInfo-dashboard .instrumentInfo--stack .instrument-dashboard,
.instrumentInfo.instrumentInfo-chart .instrumentInfo--stack .instrument-chart,
.instrumentInfo.instrumentInfo-ladder .instrumentInfo--stack .instrument-ladder {
	display: block;
}

.instrumentInfo.instrumentInfo-ladder .instrumentInfo--buttonList .button-ladder,
.instrumentInfo.instrumentInfo-dashboard .instrumentInfo--buttonList .button-dashboard,
.instrumentInfo.instrumentInfo-chart .instrumentInfo--buttonList .button-chart {
	display: inline-block;
	vertical-align: middle;
}

.instrument-future + .instrumentInfo .instrumentInfo--wrapper {
	border-color: var(--watchlist-futures-warning-line-color);
}

.instrumentInfo-watchlistMain .instrumentInfo--panel {
	padding: 0 25px;
}
.instrumentInfo-watchlistMain .instrumentInfo--panel:first-child {
	padding-right: 22px;
}

.instrumentInfo td,
	.instrumentInfo td:first-child,
	.instrumentInfo td:last-child {
		box-shadow: none;
	}

.instrumentInfo--wrapper {
		border-color: var(--line-color-4);
		background: var(--symbol-area-bg-color);
	}

.instrumentInfo--panel {
		border-left-color: var(--line-color);
	}

.instrumentInfo-ladder .instrumentInfo--main {
			background: transparent;
		}

.instrumentInfo .instrument-ladder .price {
			color: var(--common-text-default);
		}

.instrumentInfo .instrument-ladder .instrument--quantity,
		.instrumentInfo .instrument-ladder .price {
			background: var(--symbol-area-bg-color);
		}

.instrumentInfo .instrument-ladder .table th {
				color: var(--hint-color);
				box-shadow: 0 -1px 0 rgba(var(--highlight-color-rgb), .08) inset;
			}

.instrumentInfo .instrument-ladder .table th:first-child span {
					box-shadow: -1px 0 0 rgba(var(--highlight-color), .1) inset;
				}

.instrumentInfo--stack .instrument {
			transition: opacity .5s ease;
		}

.instrumentInfo--overlay .instrument {
			opacity: 0;
		}

.instrumentInfo-chart .instrumentInfo--stack:hover .instrument-ladder,
					.instrumentInfo-chart .instrumentInfo--stack:hover .instrument-chart,
					.instrumentInfo-chart .instrumentInfo--stack-hover .instrument-ladder,
					.instrumentInfo-chart .instrumentInfo--stack-hover .instrument-chart,
					.instrumentInfo-ladder .instrumentInfo--stack:hover .instrument-ladder,
					.instrumentInfo-ladder .instrumentInfo--stack:hover .instrument-chart,
					.instrumentInfo-ladder .instrumentInfo--stack-hover .instrument-ladder,
					.instrumentInfo-ladder .instrumentInfo--stack-hover .instrument-chart {
						opacity: 0.2;
					}

.instrumentInfo-chart .instrumentInfo--stack:hover .instrumentInfo--overlay .instrument, .instrumentInfo-chart .instrumentInfo--stack-hover .instrumentInfo--overlay .instrument, .instrumentInfo-ladder .instrumentInfo--stack:hover .instrumentInfo--overlay .instrument, .instrumentInfo-ladder .instrumentInfo--stack-hover .instrumentInfo--overlay .instrument {
						opacity: 1;
					}
.mobile .instrumentInfo .instrument-ladder .instrument--quantity {
					font-size: 12px;
				}
.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);
			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(--link-hovered-multiparts);
				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;
			}
.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: 122px;
			}
			.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: 288px;
			}
			.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 .table--col-gTrap,
			.grid-watchlist .table--col-condition,
			.grid-watchlist .table--colAdapts-gTrap,
			.grid-watchlist .table--colAdapts-condition {
				width: 80px;
			}
			.grid-watchlist .table--col-gRange,
			.grid-watchlist .table--col-gHigh,
			.grid-watchlist .table--col-Low,
			.grid-watchlist .table--col-dATR,
			.grid-watchlist .table--colAdapts-gRange,
			.grid-watchlist .table--colAdapts-gHigh,
			.grid-watchlist .table--colAdapts-Low,
			.grid-watchlist .table--colAdapts-dATR {
				width: 90px;
			}
	.grid-watchlist:not(.grid-future) .table--col-firstNoticeDate, .grid-watchlist:not(.grid-future) .table--colAdapts-firstNoticeDate {
					width: 116px;
				}
.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--listSelector .listSelector--item {
			 display: flex;
		 }
		.grid-watchlist .instrument--listSelector .listSelector--text {
				word-break: break-word;
				white-space: break-spaces;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				/* autoprefixer: off */
			}
		.grid-watchlist .instrument--symbol {
			display: flex;
			flex-direction: row;
			align-items: center;
		}
	.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 .grid--body .table .quick--add--button > *:not(:first-child) {
						display: none;
					}
	.grid-watchlist .table--row.instrument:not(.instrument-groupTitle):hover {
				background: var(--table-row-bg-hover-color);
			}
	.grid-watchlist .table--row.instrument:not(.instrument-groupTitle):hover .table--cell-orderSize .control-comboBox {
						display: inline-block;
					}
	.grid-watchlist .table--row.instrument:not(.instrument-groupTitle):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:not(.instrument-groupTitle):hover .table--cell-price .button {
					display: inline-block;
				}
	.grid-watchlist .table--row.instrument:not(.instrument-groupTitle):hover .orderSizeValue,
				.grid-watchlist .table--row.instrument:not(.instrument-groupTitle):hover .priceValue {
					display: none;
				}
	.grid-watchlist .table--cell-orderSize .control-comboBox,
			.grid-watchlist .table--cell-price .button {
				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;
					}
	.grid-watchlist .table--cell-price {
				padding-right: 4px;
			}
	.grid-watchlist .table--cell-price .button {
					height: 18px;
					line-height: 100%;
					text-align: left;
					max-width: 100%;
					box-shadow: 0 0 0 1px var(--table_row-button-default-border-outside);
					transition: box-shadow 0.2s;
					vertical-align: top;
				}
	.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 .button:focus {
						box-shadow: 0 0 0 1px var(--button-outside-focused-border-color);
					}
	.grid-watchlist .table--cell-price .priceValue {
					padding: 0 7px;
					box-sizing: border-box;
				}
	.grid-watchlist .table--cell-price .button-priceValue span {
					display: block;
				}
	.grid-watchlist .table--cell-price .button-priceValue span,
				.grid-watchlist .table--cell-price .priceValue {
					max-width: 100%;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
	.grid-watchlist .table--cell-bid .button {
					background: var(--table_row-button-sell-default-bg);
				}
	.grid-watchlist .table--cell-bid .button:hover,
					.grid-watchlist .table--cell-bid .button:active {
						box-shadow: 0 0 0 1px var(--table_row-button-sell-hovered-border-outside);
					}
	.grid-watchlist .table--cell-ask .button {
					background: var(--table_row-button-buy-default-bg);
				}
	.grid-watchlist .table--cell-ask .button:hover,
					.grid-watchlist .table--cell-ask .button:active {
						box-shadow: 0 0 0 1px var(--table_row-button-buy-hovered-border-outside);
					}
	.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 .button-tertiary {
				transform: translateY(1px);
			}
	.grid-watchlist .table--cell .selectBox--arrow {
				opacity: 1;
			}
	.grid-watchlist .table--cell input[type="text"] {
				padding-left: 5px;
			}
	.grid-watchlist .orderSizeValue,
	.grid-watchlist .priceValue {
		display: inline-block;
	}
	.grid-watchlist .orderSizeValue {
		padding-left: 12px;
	}
	.grid-watchlist .grid--head .table--cell-gTrapHeader {
		background: var(--watchlist-gtrap-table-header-parent-bg);
		color:  var(--watchlist-gtrap-table-header-text);
		padding-bottom: 1px;
		box-shadow: 0 -1px  var(--watchlist-gtrap-table-header-parent-bg);
		font-size: 14px;
		height: 19px;
	}
	.grid-watchlist .grid--head .table--cell-gTrap {
		background: var(--watchlist-gtrap-table-header-bg);
		height: 100%;
		color: var(--watchlist-gtrap-table-header-text);
		box-shadow: 0 -1px var(--watchlist-gtrap-table-header-bg);
	}
	.grid-watchlist .grid--head .table--cell-gTrap .icon {
			fill: var(--watchlist-gtrap-table-header-text);
		}
	.grid-watchlist .grid--body .table--cell-gTrap {
		background: var(--watchlist-gtrap-table-cell-bg);
		color: var(--watchlist-gtrap-table-cell-text);
		box-shadow: 0 1px var(--watchlist-gtrap-table-cell-line);
	}
	.grid-watchlist .grid--body .table--cell-gTrapTrue {
			background: var(--watchlist-gtrap-table-cell-true-bg);
			box-shadow: 0 1px var(--line-color), 0 1px var(--watchlist-gtrap-table-cell-true-bg);
		}
	.grid-watchlist .grid--body .table--cell-gTrapFalse {
			background: var(--watchlist-gtrap-table-cell-false-bg);
			box-shadow: 0 1px var(--line-color), 0 1px var(--watchlist-gtrap-table-cell-false-bg);
		}
	.grid-watchlist .grid--body .table--cell-gTrapPending {
			background: var(--watchlist-gtrap-table-cell-pending-bg);
			box-shadow: 0 1px var(--line-color), 0 1px var(--watchlist-gtrap-table-cell-pending-bg);
		}
	.grid-watchlist .grid--body .table--cell-gTrapTrue,
		.grid-watchlist .grid--body .table--cell-gTrapFalse,
		.grid-watchlist .grid--body .table--cell-gTrapPending {
			color: var(--watchlist-gtrap-table-cell-accented-text);
		}

#ruler .table--cell-watchlist {
		font-size: var(--table--cell-font-size);
	}

#ruler .table--cell-watchlist.table--cell-price {
			padding-right: 4px;
		}

#ruler .table--cell-watchlist .priceValue {
			padding-left: 7px;
			padding-right: 7px;
		}

#ruler .table--cell-watchlist .control-comboBox {
			display: none;
		}

.grid-watchlist .instrument-ladder .instrument--quantity {
					color: var(--additional-text-color);
				}

.grid-watchlist .instrument--emptyMessage {
				color: var(--hint-color);
			}

.grid-gTrap .grid--body {
		top: 37px;
	}

.grid-gTrap .grid--body .table--cell-warning,
		.grid-gTrap .grid--body .table--cell-symbol {
			background: var(--watchlist-gtrap-table-cell-symbol-bg);
			box-shadow: 0 1px var(--line-color), 0 1px var(--watchlist-gtrap-table-cell-symbol-bg);
		}

.grid-gTrap .grid--body .instrument-future .table--cell-warning,
			.grid-gTrap .grid--body .instrument-future .table--cell-symbol,
			.grid-gTrap .grid--body .instrument-future .table--cell-gTrap {
				box-shadow: none;
			}

.grid-gTrap .instrument--listSelectorWrapper {
		top: 50px;
	}

.grid-gTrap .grid--head {
		background: transparent;
	}

.grid-gTrap .grid--head thead tr:last-child th {
					background: var(--table-header-bg-color);
				}

.grid-gTrap .table--row.instrument:not(.instrument-groupTitle):hover .table--cell-warning:before, .grid-gTrap .table--row.instrument:not(.instrument-groupTitle):hover .table--cell-symbol:before, .grid-gTrap .table--row.instrument:not(.instrument-groupTitle):hover .table--cell-gTrap:before {
						content: '';
						position: absolute;
						left: 0;
						top: 0;
						display: inline-block;
						width: 100%;
						height: 100%;
						background: rgba(var(--table-row-bg-hover-color-rgb), 0.1);
					}

.mobile .grid-watchlist .instrument--listSelectorWrapper {
				font-size: 14px;
			}
.treemap-palette__container {
	height: 23px;
	display: flex;
	align-items: center;
	padding-left: 7px;
	font-size: 13px;
}

.treemap-palette__label {
	margin-right: 4px;
}

.treemap-palette__value {
	position: absolute;
	left: 2px;
}

.treemap-palette__value:last-child {
		right: 2px;
		left: auto;
	}

.treemap-palette__scale {
	display: flex;
	position: relative;
}

.treemap-palette__colors {
	display: flex;
}

.treemap-palette__color {
	width: 19px;
	height: 19px;
}

.treemap-palette__color:first-child {
		border-radius: var(--controls-border-radius) 0 0 var(--controls-border-radius);
	}

.treemap-palette__color:last-child {
		border-radius: 0 var(--controls-border-radius) var(--controls-border-radius) 0;
	}

.treemap__container {
	height: 100%;
	width: 100%;
}

.treemap__body {
	height: calc(100% - 23px);
}

.treemap__contentItem:hover {
		stroke: var(--link-hovered-multiparts);
		stroke-width: 2;
	}

.recharts-responsive-container .recharts-wrapper svg {
				overflow: visible;
			}

.treemap-ie-fix {
		transform: translateZ(0);
	}

.heatmap__container {
	position: relative;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	background: #1b1e1e; /* replace to variable; */
	font-weight: 400;
	padding: 2px;
	display: flex;
	flex-direction: column;
}

.heatmap__treemap {
	position: absolute;
	left: 4px;
	right: 0;
	top: 24px;
	bottom: 0;
}

.heatmap__header {
	display: flex;
	padding-left: 7px;
	align-items: flex-start;
	font-size: 13px;
}

.heatmap__header .control-selectBox {
			display: flex;
			align-items: center;
		}

.heatmap__header .control-selectBox:not(:last-child) {
				margin-right: 16px;
			}

.heatmap__header .control-selectBox .selectBox {
				width: 100px;
			}

.heatmap__header .control-selectBox .selectBox .selectBox--label,
				.heatmap__header .control-selectBox .selectBox .selectBox--inner {
					line-height: 17px;
				}

.heatmap__header .control-selectBox .control--label {
				margin-right: 4px;
			}

.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;
	gap: 4px;
}

	.widget-watchlist-header-title__container .widget-watchlist-header-title__text {
		display: inline-block;
		vertical-align: middle;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		flex-grow: 1;
		max-width: 163px;
	}

	.widget-watchlist-header-title__container .widget-watchlist-header-title__text:first-child {
			margin-left: 0;
		}

	.widget-watchlist-header-title__container .widget-watchlist-header-title__icon {
		height: 23px;
		width: 8px;
		flex-shrink: 0;
		display: flex;
    	align-items: center;
	}

	.widget-watchlist-header-title__container .widget-watchlist-header-title__icon:first-of-type svg {
				height: 8px;
				vertical-align: unset;
			}

	.widget-watchlist-header-title__container .widget-watchlist-header-title__icon:last-of-type svg {
				height: 4px;
				vertical-align: unset;
			}

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

	.widget-watchlist-header-title__container:hover .icon {
			fill: var(--link-hovered-multiparts);
		}

	.widget-watchlist-header-title__container:active {
		color: var(--link-pressed-multiparts);
	}

	.widget-watchlist-header-title__container:active .widget-watchlist-header-title__text,
		.widget-watchlist-header-title__container:active .widget-watchlist-header-title__icon,
		.widget-watchlist-header-title__container:active .widget-header-title__text {
			transform: translateY(1px);
		}

	.widget-watchlist-header-title__container:active .icon {
			fill: var(--link-pressed-multiparts);
		}

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

	.widget-watchlist-header-title__container_opened .icon {
			fill: var(--link-default-multiparts);
		}

.widgetNew__headerContentWrapper .widget-watchlist-header-title__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 .widget-watchlist-header-title__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 .widget-watchlist-header-title__container:hover:before {
						background: var(--button-hovered-overlay-color);
						transition: all 220ms ease-in;
					}

.widgetNew__headerContentWrapper .widget-watchlist-header-title__container_disabled, .widgetNew__headerContentWrapper .widget-watchlist-header-title__container_disabled:hover, .widgetNew__headerContentWrapper .widget-watchlist-header-title__container_disabled:active {
						color: var(--dropdown-alt-disabled-text);
						background-color: var(--dropdown-alt-disabled-bg);
						box-shadow: 0 0 0 1px var(--dropdown-alt-disabled-border-outside);
					}

.widgetNew__headerContentWrapper .widget-watchlist-header-title__container .widget-watchlist-header-title__icon .icon {
						fill: var(--icon-contextual-primary-default-color);
					}
.grid-watchlist__watchlist.widget-filtered .filterPanel + div {
					height: calc(100% - 24px);
				}
		.grid-watchlist__watchlist .filterPanel + div {
				height: 100%;
				width: 100%;
			}

.widget-watchlist__noWatchlist {
	font-size: 14px;
	gap: 12px;
}

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

.widget-watchlist__watchlistTitle:hover .icon {
			fill: var(--link-hovered-multiparts);
			transition: fill 220ms ease-in;
		}

.widget-watchlist__watchlistTitle:active {
		color: var(--link-pressed-multiparts);
	}

.widget-watchlist__watchlistTitle:active .widget-watchlist__watchlistTitle__text,
		.widget-watchlist__watchlistTitle:active .widget-watchlist__watchlistTitle__icon {
			transform: translateY(1px);
		}

.widget-watchlist__watchlistTitle:active .icon {
			fill: var(--link-pressed-multiparts);
		}

.widget-watchlist__watchlistTitle_disabled {
		pointer-events: none;
		color: var(--dropdown-alt-disabled-text);
	}

.widget-watchlist__watchlistTitle_disabled .widget-watchlist__watchlistTitle__icon .icon {
					fill: var(--dropdown-alt-disabled-text);
				}

.widget-watchlist__watchlistTitle_opened {
		color: var(--link-default-multiparts);
	}

.widget-watchlist__watchlistTitle_opened .icon {
			fill: var(--link-default-multiparts);
		}

.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 .widget-watchlist__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 .widget-watchlist__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 .widget-watchlist__watchlistTitle:hover:before {
				background: var(--button-hovered-overlay-color);
				transition: all 220ms ease-in;
			}

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

.widget-watchlist__headerContentWrapper .widget-watchlist__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;
}
.button-h-child__container___1Ro-k {
	margin: 0 4px;
}
.popup-h-child__container___30Evm {
	min-width: 398px;
}
.popup-h-child__body___28_dO {
	padding: 20px 30px;
}
.popup-h-child__footer___3NRFE {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.button-h-child__container___3hlC9 {
	margin: 0 4px;
}
.popup-h-child__container___3OxCR {
	width: 316px;
}

.popup-h-child__body___260KI {
	padding: 24px 31px 30px 30px;
	text-align: right;
}

.popup-h-child__footer___23Jie {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.popup-h-child__body___260KI .control {
			width: 100%;
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
		}

.popup-h-child__body___260KI .control--label {
				margin-right: 15px;
			}

.popup-h-child__body___260KI .control--wrap {
				width: 200px;
			}

.popup-h-child__body___260KI .control--wrap input {
					width: 100%;
				}
.button-h-child__container___vXwD- {
	visibility: hidden;
	width: 7px;
	height: 7px;
	fill: var(--icon-primary-default-color);
}
.layout-list-selector__row {
	display: flex;
}

.layout-list-selector__container {
	box-sizing: border-box;
	display: inline-block;
	border: 1px solid var(--input-default-border-outside-color);
	width: 260px;
	background: var(--input-default-bg-color);
	text-align: left;
	min-height: 134px;
	max-height: 265px;
}

.layout-list-selector__label {
	flex-grow: 1;
	margin-top: 7px;
	white-space: nowrap;
	margin-right: 15px;
	color: var(--form-label-text-color);
}

.layout-list-selector__placeholder {
	box-sizing: border-box;
	text-align: left;
	padding: 7px 3px 3px 4px;
	color: var(--input-placeholder-text-color);
}

.layout-list-selector__list {
	min-height: 134px;
	max-height: 263px;
}

.layout-list-selector__item {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 26px;
	padding: 4px 3px 4px 4px;
	background: var(--input-default-bg-color);
}

.layout-list-selector__item:hover {
		background: var(--list-item-hovered-bg);
	}

.layout-list-selector__item:hover button {
			visibility: visible;
		}

.layout-list-selector__selected {
	background: var(--list-item-selected-bg-color);
}

.layout-list-selector__caption {
	display: inline-block;
	max-width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.button-h-child__container___tRFf_ {
	margin: 0 4px;
}
.popup-h-child__container___17IyW {
	width: 405px;
}

.popup-h-child__body___1ONe8 {
	padding: 29px 30px;
	text-align: right;
}

.popup-h-child__footer___cPPcA {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.popup-h-child__body___1ONe8 .control {
			width: 100%;
			margin-bottom: 12px;
		}

.popup-h-child__body___1ONe8 .control--label {
				margin-right: 15px;
				display: inline-block;
				vertical-align: middle;
			}

.popup-h-child__body___1ONe8 .control--wrap {
				display: inline-block;
				width: 260px;
			}
.popup-alertTriggered__container {
	position: relative;
	padding: 10px 17px;
	box-sizing: border-box;
}

.popup-alertTriggered__wrapper {
	position: relative;
}

.popup-alertTriggered .popup--content {
				padding: 0;
			}

.popup-alertTriggered .popup--buttons {
				padding-right: 15px;
				text-align: right;
			}

.dropDown--option:first-of-type .dropDown--alertTriggered-wrappper {
						margin-top: 5px;
					}

.dropDown--option .dropDown--alertTriggered-wrappper {
					display: flex;
					flex-direction: column;
					max-width: 264px;
					padding-left: 10px;
					margin-bottom: 9px;
					white-space: normal;
				}

.dropDown--option .dropDown--alertTriggered-text {
					font-size: 14px;
					font-weight: 500;
					line-height: 1.86;
				}

.dropDown--option .dropDown--alertTriggered-description {
					line-height: 1.42;
				}
.popup-h-child__body___3fD96 {
	padding: 24px 40px;
	width: 400px;
}

.popup-h-child__footer___4H9Vs {
	display: flex;
	justify-content: flex-end;
}

.popup-h-child__footer___4H9Vs button:first-child {
		margin-right: 8px;
	}
.popup-changePassword .popup--content {
			padding: 30px 0 8px 0;
		}

			.popup-changePassword .popup--content .control--label {
				width: 170px;
			}

			.popup-changePassword .popup--content .control--errorMessage {
				margin-top: 0;
				left: calc(100% - 10px);
			}

			.popup-changePassword .popup--content .control--error {
				margin-top: 3px;
			}
		.popup-changePassword .popup--buttons {
			text-align: right;
		}
.popup-message .popup--content {
		font-size: 14px;
		line-height: 1.7;
		text-align: center;
		padding: 30px;
	}
.popup-clickTrading .popup--content {
			box-sizing: border-box;
			min-width: 480px;
			padding: 30px;
			line-height: 1.5;
		}
		.popup-clickTrading .popup--footer .control-checkBox {
				position: absolute;
				top: 50%;
				left: 8px;
				transform: translateY(-50%);
			}
.popup-dateRange .popup--content {
			padding-bottom: 17px;
		}
		.popup-dateRange .popup--footer {
			text-align: right;
		}
	.popup-dateRange h3 {
		font-weight: normal;
	}
	.popup-dateRange .form--row {
			margin-top: 5px;
			padding: 0 8px;
		}
	.popup-dateRange .form--row .control {
				vertical-align: middle;
			}
	.popup-dateRange .form--row .control--label {
					display: inline-block;
					margin-bottom: 0;
					font-size: 12px;
					line-height: 12px;
				}
	.popup-dateRange .form--row .control-selectBox {
					margin-left: 0;
				}
	.popup-dateRange .form--row .control-radioButton {
					margin-right: 0;
				}
	.popup-dateRange .form--row-help,
			.popup-dateRange .form--row-dateRange {
				padding: 0 22px 0 30px;
			}
	.popup-dateRange .form--row-dateRange {
				margin-top: 8px;
			}
	.popup-dateRange .form--row-help {
				margin-top: 10px;
				font-size: 10px;
			}
	.popup-dateRange .datePicker--input {
			width: 110px;
		}
	.popup-dateRange .control-datePicker {
			width: auto;
		}
	.popup-dateRange .control-datePicker .control--label {
					margin-right: 7px;
				}
	.popup-dateRange .control-datePicker .control--label label {
						font-size: 12px;
					}
	.popup-dateRange .control-radioButton .radioButton--label label:before {
				position: relative;
				top: 1px;
			}
	.popup-dateRange .control-selectBox .selectBox {
				width: 127px;
			}

.popup-accountStatement h3 {
		color: var(--modal-window-text-color);
	}

.popup-accountStatement .form--row-help {
			color: var(--label-color);
		}
.deposit-form__container {
	display: flex;
	justify-content: space-between;
}

.deposit-form__wrap {
	display: flex;
	justify-content: flex-start;
}

.deposit-form__block {
	margin-right: 30px;
}

.deposit-form__label {
	display: block;
	margin-bottom: 13px;
	color: var(--form-label-text-color);
	line-height: 12px;
}

.deposit-form__balanceText {
	line-height: 23px;
}
.selectbox-h-child__container__anchor___2UneL {
		 min-width: 127px;
		 text-align: left;
 	}
	.selectbox-h-child__container__popover___2_grC {
	     min-width: 127px;
	}

.button-h-child__container___1KYBB {
	margin: 0 4px;
}
.popup-h-child__container___2lZwQ {
	min-width: 472px;
}
.popup-h-child__body___2QD5- {
	padding: 22px 30px 30px;
}
.popup-h-child__footer___1PbOi {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.notificationMessage__container {
	box-sizing: border-box;
	position: relative;
	padding: var(--popup-notification-content-top-spacer) 0 var(--popup-notification-content-bottom-spacer);
	display: flex;
	flex-direction: column;
	width: 100%;
}

.notificationMessage__date {
	color: var(--common-text-default);
	margin-right: var(--popup-notification-message-date-right-spacer);
}

.notificationMessage__parameters {
	display: flex;
}

.notificationMessage__priority {
	display: inline-flex;
	align-items: center;
}

.notificationMessage__priority .icon {
			width: var(--popup-notification-message-priority-icon-size);
			height: var(--popup-notification-message-priority-icon-size);
		}

.notificationMessage__priority .icon-notification-critical-colored {
			color: var(--admin_notification-priority-critical-multiparts);
		}

.notificationMessage__priority .icon-notification-high-colored {
			color: var(--admin_notification-priority-high-multiparts);
		}

.notificationMessage__priority .icon-notification-low-colored {
			color: var(--admin_notification-priority-low-multiparts);
		}

.notificationMessage__priorityText {
	text-transform: var(--popup-notification-message-priority-text-text-transform);
	margin-left: var(--popup-notification-message-priority-text-left-spacer);
}

.notificationMessage__priorityText_low {
		color: var(--admin_notification-priority-low-multiparts);
	}

.notificationMessage__priorityText_high {
		color: var(--admin_notification-priority-high-multiparts);
	}

.notificationMessage__priorityText_critical {
		color: var(--admin_notification-priority-critical-multiparts);
	}

.notificationMessage__title {
	font-weight: var(--popup-notification-message-title-font-weight);
	font-size: var(--popup-notification-message-title-font-size);
	margin-top: var(--popup-notification-message-title-top-spacer);
	margin-bottom: var(--popup-notification-message-title-bottom-spacer);
	word-break: break-word;
}

.notificationMessage__header {
	border-bottom: var(--popup-notification-delimiter-thickness) solid var(--line-color);
	padding: 0 var(--popup-notification-content-horizontal-spacer);
}

.notificationMessage__contentWrapper {
	display: flex;
	overflow: hidden;
}

.notificationMessage__content {
	width: 100%;
	padding: var(--popup-notification-message-body-top-spacer) var(--popup-notification-content-horizontal-spacer) 0;
	box-sizing: border-box;
}

.notificationMessage__content p,
	.notificationMessage__content ul,
	.notificationMessage__content ol {
		margin-bottom: var(--popup-notification-message-text-gap);
	}

.notificationMessage__content > p:last-child, .notificationMessage__content ul:last-child, .notificationMessage__content ol:last-child {
			margin-bottom: 0;
		}

.notificationMessage__content ul {
		list-style: disc;
	}

.notificationMessage__content ol {
		list-style: decimal;
	}

.notificationMessage__content ul,
	.notificationMessage__content ol {
		margin-left: var(--popup-notification-message-list-left-spacer);
	}

.popup-notification {
	line-height: 100vh;
}

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

	.popup-notification .popup--content {
		display: flex;
		padding: 0;
		min-width: var(--popup-notification-min-width);
		max-width: var(--popup-notification-max-width);
		overflow: hidden;
	}

	.popup-notification .popup--footer {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-left: var(--popup-notification-footer-left-spacer);
		margin-top: var(--popup-notification-footer-top-spacer);
	}

	.popup-notification .popup--footer .footerText {
			padding: var(--popup-notification-footer-text-top-spacer) 0
				var(--popup-notification-footer-text-bottom-spacer);
		}

	.popup-notification .popup--footer .footerDate {
			margin-right: var(--popup-notification-footer-date-right-spacer);
			color: var(--common-secondary-text-color);
		}

	.popup-notification .popup--buttons {
		order: 1;
	}

.optionFilters__container {
	text-align: left;
}

	.optionFilters__container .selectBox--inner {
			box-sizing: border-box;
			width: 155px;
		}

	.optionFilters__container .control-selectBox + .button-link {
			margin-top: 6px;
		}

	.optionFilters__container .control-numericStepper {
			width: 48px;
		}

	.optionFilters__container .numericStepper--input input[type="text"] {
			min-width: 48px;
		}

	.optionFilters__container .switcher {
			margin-left: 10px;
		}

.optionFilters__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 25px;
	margin-bottom: 17px;
}

.optionFilters__row:last-child {
		margin-bottom: 0;
	}

.optionFilters__row_delimiter {
		justify-content: flex-start;
		padding-top: 18px;
		border-top: 1px solid var(--line-color);
	}

.optionFilters__row_expiration {
		align-items: flex-start;
	}

.optionFilters__row_expiration .optionFilters__label {
			margin-top: 5px;
		}

.optionFilters__row_frontMonth {
		min-height: 0;
		margin-top: 13px;
		padding-bottom: 14px;
		justify-content: flex-start;
	}

.optionFilters__row_frontMonth .optionFilters__label {
			margin-top: 0;
		}

.optionFilters__columnRight {
	width: 155px;
	position: relative;
}

.optionFilters__columnRight .contextMenu-selector {
			min-width: 133px;
			top: 21px;
			left: -4px;
		}

.optionFilters__columnRight .contextMenu-selector .button-clearFilter {
				color: var(--link-default-multiparts);
			}

.optionFilters__columnRight .contextMenu-selector .button-clearFilter:hover {
					color: var(--link-hovered-multiparts);
				}

.optionFilters__columnRight .contextMenu-selector .button-clearFilter .icon-clear-filter {
					display: none;
				}

.optionFilters__columnRight .contextMenu-selector .contextMenu--pointer::before {
					background: var(--dropdown-list-bg-color);
				}

.optionFilters__columnRight .contextMenu-selector .loadingWheel {
				display: none;
			}

.optionFilters__columnRight .button-link {
			max-width: 180px;
			text-align: left;
		}

.optionFilters__label {
	font-size: 14px;
	color: var(--form-label-text-color);
	transform: translateY(-1px);
}

.optionFilters__stepperBlock {
	margin-top: 10px;
	display: flex;
	align-items: center;
}

.optionFilters__stepperBlock .optionFilters__label {
		width: 68px;
		margin-top: 0;
		font-size: 12px;
		transform: translateY(0);
	}

.optionFilters__dateRangeSelector {
	position: relative;
	margin-top: 6px;
}
.popup-optionFilters .popup--content {
			padding: 20px 40px;
			width: 280px;
		}
		.popup-optionFilters .popup--footer {
			text-align: right;
		}
		.popup-optionFilters .popup--buttons {
			padding-left: 40px;
			display: flex;
			align-items: center;
		}
		.popup-optionFilters .popup--buttons .button-restoreDefault {
				margin-top: 0;
				margin-right: auto;
			}
		.popup-optionFilters .popup--buttons .button {
				min-width: 84px;
			}
.orderEntrySettings__container {
	position: relative;
	padding-top: 5px;
}

.orderEntrySettings__header {
	margin-bottom: 14px;
}

.orderEntrySettings__content {
	position: relative;
	height: 123px;
}

.orderEntrySettings__tabContent {
	padding: 0 84px 0 16px;
}

.orderEntrySettings__tabContent .control-numericStepper {
				width: auto;
			}

.orderEntrySettings__tabContent .control-numericStepper .control--wrap {
					width: 140px;
				}

.orderEntrySettings__tabContent .control-selectbox .control--wrap {
					min-width: 140px;
				}

.orderEntrySettings__tabContent .control-selectbox .selectBox {
					width: 100%;
				}

.orderEntrySettings__tabContent .control--label {
				color: var(--form-label-text-color);
				line-height: 20px;
				font-size: 12px;
			}

.orderEntrySettings__controlsWrapper {
	display: flex;
	flex-flow: column;
	gap: 17px;
}

.orderEntrySettings__controlsWrapper .control {
			display: flex;
			justify-content: space-between;
		}

.orderEntrySettings__routeLabel {
	display: block;
	color: var(--form-label-text-color);
	line-height: 20px;
}

.orderEntrySettings__routeText,
.orderEntrySettings__routeEmpty {
	line-height: 24px;
}

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

.orderEntrySettings__routeEmpty {
	color: var(--no-data-text-color);
}
.popup-orderEntrySettings .popup--content {
			width: 400px;
			padding-left: 0;
			padding-right: 0;
			box-sizing: border-box;
		}
		.popup-orderEntrySettings .popup--footer {
			text-align: right;
		}
.popup-passwordRequest .popup--content {
			padding: 16px 0 0 0;
		}
			.popup-passwordRequest .popup--content-text-bold {
					margin-bottom: 8px;
					font-size: 14px;
					font-weight: bold;
				}
		.popup-passwordRequest .popup--footer {
			text-align: right;
		}
		.popup-passwordRequest .popup--buttons {
			padding: 12px 24px 12px 24px;
		}
	.popup-passwordRequest .loginForm--body {
		padding: 8px 24px 0 24px;
	}
	.popup-passwordRequest .popup--window {
		width: 420px;
		z-index: 31;
		animation: popupShow 0.3s cubic-bezier(0, 0, 0, 1.3);
	}
	.popup-passwordRequest .passwordInput {
		display: block;
		position: relative;
		width: 200px;
	}
	.popup-passwordRequest .button-primary,
	.popup-passwordRequest .button-secondary {
		box-sizing: border-box;
		padding: 0 24px;
		font-size: 14px;
	}
	.popup-passwordRequest .control-passwordInput .control--wrap {
				padding-bottom: 28px;
			}
	.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);
			}

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

	.securityMessage-confirmation {
		width: 468px;
	}

	.securityMessage-notification {
		width: 420px;
	}

	.securityMessage-backupCodes {
		width: 450px;
	}

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

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

	.descriptionList--item {
		display: table-row;
	}

	.descriptionList--label {
		display: table-cell;
		padding-bottom: 5px;
		padding-right: 10px;
		text-align: right;
		width: 50%;
	}

	.descriptionList--value {
		display: table-cell;
		padding-bottom: 5px;
		width: 50%;
	}

	.descriptionList--value > * {
			width: 100%;
		}

	.descriptionList .selectBox--label {
		line-height: 19px;
	}
.popup-settings .popup--content {
			padding: 30px 40px;
			min-width: 200px;
		}
		.popup-settings .popup--footer {
			text-align: right;
		}

.popup-warning .popup--window {
		background-color: var(--modal-window-warning-bg-color);
		border-color: var(--modal-window-warning-border-color);
	}
	.popup-warning .messagePanel-warning {
		max-height: 50px;
	}
.popup-h-child__container___-ZZpz {
	width: 353px;
}

.popup-h-child__footer___dmOQz {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.popup-h-child__header___no5d2 {
	display: none;
}

.popup-h-child__backdrop___BeGDJ {
	background: var(--modal-window-bg-color);
	opacity: 1;
	pointer-events: all;
}
.session-expired-popup__container {
	margin-top: 32px;
}

.session-expired-popup__logoSecondary {
	display: inline-block;
	vertical-align: middle;
	width:  var(--logo-width-secondary);
	height: var(--logo-height-secondary);
	transition: width var(--animation-default);
}

.session-expired-popup__logoSecondary svg {
		width: 100%;
		height: 100%;
		fill:  var(--logo-brand-secondary-color);
		color: var(--logo-brand-secondary-color);
	}

.session-expired-popup__description {
	color: var(--common-secondary-text-color);
	padding: 20px 0;
	line-height: 1.5;
	text-align: center;
}

.session-expired-popup__logoContainer {
	display: flex;
	justify-content: center;
}

.session-expired-popup__header {
	margin-top: 16px;
	text-align: center;
}
.popover-h-child__container___1337k {
    width: 400px;
}
.checkbox-h-child__container___16lT2 .checkbox-h-child__icon___3n03M {
		vertical-align: baseline;
	}
.click-trading-info__container {
	width: 568px;
	line-height: 1.5;
}

	.click-trading-info__container h2 {
		font-size: 14px;
		margin-bottom: 5px;
		text-align: center;
	}

	.click-trading-info__container strong {
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: .5px;
	}

	.click-trading-info__container ul {
		margin: 5px 0 11px;
	}

	.click-trading-info__container ul > li {
			display: flex;
		}

	.click-trading-info__container ul li + li {
			margin-top: 5px;
		}

	.click-trading-info__container p {
		color: var(--common-secondary-text-color);
	}

	.click-trading-info__container p + p {
			margin-top: 5px;
		}

	.click-trading-info__container p.click-trading-info__activate {
			color: var(--common-text-default);
		}

.click-trading-info__checkbox {
	margin-top: 10px;
}

.click-trading-info__list {
	color: var(--common-secondary-text-color);
}

.click-trading-info__list li::before {
		content: '—';
		display: inline-block;
		margin-right: 10px;
	}

.click-trading-info__icon {
	flex-shrink: 0;
	box-sizing: border-box;
	width: 113px;
	height: 17px;
	margin-right: 14px;
	text-align: center;
	line-height: 16px;
	border-radius: 10px;
}

.click-trading-info__icon_regular {
		color: var(--label-color);
		border-color: var(--input-default-border-outside-color);
		border: 1px solid;
	}

.click-trading-info__icon_oneClick {
		background: var(--one-click-trading-bg-color);
	}

.click-trading-info__icon_dblClick {
		background: var(--dbl-click-trading-bg-color);
	}

.click-trading-info__description {
	overflow: hidden;
}

.click-trading-info__activate {
	font-size: 14px;
	text-align: center;
}

.click-trading-info__hint {
	margin-top: 5px;
	padding-left: 24px;
	color: var(--common-secondary-text-color);
}
.popup-h-child__container___1MCj2 .popup-stack-popup__container {
		max-width: 100%;
	}

.popup-h-child__body___2e2K- {
	padding: 30px;
}

.popup-h-child__footer___3MMEJ {
	display: flex;
	justify-content: flex-end;
}

.popup-h-child__footer___3MMEJ button + button {
			margin-left: 8px;
		}
.error-order-confirmation__container {
	display: flex;
	align-items: center;
	line-height: var(--popup-order-confirmation-error-line-height);
	font-size: var(--popup-order-confirmation-error-font-size);
}

	.error-order-confirmation__container svg {
			width: var(--popup-order-confirmation-error-icon-width);
			height: var(--popup-order-confirmation-error-icon-height);
			flex-shrink: 0;
			margin-top: var(--popup-order-confirmation-error-icon-y-offset);
			align-self: flex-start;
		}

	.error-order-confirmation__container span, .error-order-confirmation__container p {
		white-space: pre-line;
		overflow-wrap: break-word;
		word-wrap: break-word;
		word-break: break-word;
	}

	.error-order-confirmation__container_error {
		color: var(--error-description-multiparts);
	}

	.error-order-confirmation__container_warning {
		color: var(--warning-description-multiparts);
	}

.error-order-confirmation__area_disabled .error-order-confirmation__text,
	.error-order-confirmation__area_disabled .error-order-confirmation__description {
		color: var(--common-text-disabled);
	}

.error-order-confirmation__info {
	margin-left: var(--popup-order-confirmation-error-text-left-spacer);
}

.error-order-confirmation__text span {
		display: block;
	}

.error-order-confirmation__control {
	margin-top: var(--popup-order-confirmation-error-control-top-spacer);
}

.error-order-confirmation__description {
	color: var(--common-text-default);
}

.error-h-child__container___3dsJZ:last-child {
		margin-bottom: 10px;
	}
.footer-order-confirmation__container {
	padding-top: 10px;
	padding-bottom: 8px;
	text-align: left;
}

.footer-order-confirmation__errors {
	display: flex;
	flex-direction: column;
	gap: 13px;
}

.footer-order-confirmation__errors:not(:empty) {
		padding-top: 16px;
		box-shadow: inset 0 1px 0 var(--line-color);
	}

.footer-order-confirmation__wrapper,
.footer-order-confirmation__table,
.footer-order-confirmation__errors {
	padding-left: 18px;
	padding-right: 10px;
}

.footer-order-confirmation__table {
	display: flex;
	margin-bottom: 13px;
}

.footer-order-confirmation__tableItem {
		margin-right: 20px;
		white-space: nowrap;
	}

.footer-order-confirmation__tableItem:last-child {
			margin-right: 20px;
		}

.footer-order-confirmation__tableHead {
		display: block;
		line-height: 10px;
		color: var(--table-column-text-header-color);
		font-size: 10px;
		margin-bottom: 3px;
	}

.footer-order-confirmation__slaves {
	padding-left: 18px;
	padding-right: 18px;
	margin-bottom: 13px;
	box-shadow: inset 0 1px 0 var(--line-color);
}

.footer-order-confirmation__slavesContainer {
	padding-top: 16px;
	display: flex;
	flex-direction: row;
	align-items: baseline;
	gap: 8px;
}

.footer-order-confirmation__slavesText {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.333;
	color: var(--text-primary-color, #E1E6F4);
}

.footer-order-confirmation__wrapper {
	margin-top: 13px;
	padding-top: 9px;
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	box-shadow: inset 0 1px 0 var(--line-color);
}

.footer-order-confirmation__buttons {
	flex-grow: 1;
	flex-shrink: 0;
	text-align: right;
}

.footer-order-confirmation__buttons .button {
			padding: 0 12px;
			font-weight: 600;
			font-size: 14px;
		}

.footer-order-confirmation__buttons .button:last-of-type {
				margin-left: 8px;
			}

.demoMode:not(.cornertrader) .footer-order-confirmation__buttons .button-send-button:not(.button-disabled):not(.button-send-button:disabled) {
				background-color: var(--button-demo-default-bg-color);
				color: var(--button-demo-default-text-color);
			}

.icon__container {
	width: 11px;
	height: 11px;
	margin-right: 0;
	fill: var(--icon-primary-default-color);
	flex-shrink: 0;
}
.grid-order-confirmation__metricsHeader {
	height: var(--popup-order-confirmation-grid-header-height);
	background: var(--table-header-bg-color);
	padding-right: var(--popup-order-confirmation-grid-item-right-spacer);
	padding-left: var(--popup-order-confirmation-grid-item-left-spacer);
	border-bottom: var(--table-header-shadow-color) 1px solid;
}

.grid-order-confirmation__orderDesc {
	padding-left: 10px;
}

.grid-order-confirmation__metricsHeaderCol {
	color: var(--table-column-text-header-color);
	line-height: var(--popup-order-confirmation-grid-header-height);
	font-weight: var(--grid-head-cell-font-weight);
	font-size: var(--grid-head-cell-font-size);
	text-align: right;
}

.grid-order-confirmation__metrics {
	display: flex;
	justify-content: flex-end;
}

.grid-order-confirmation__metricsCol {
	text-align: right;
}

.grid-order-confirmation__orderDescription {
	width: 84px;
	margin-right: auto;
}

.grid-order-confirmation__metricsColValue {
	width: 1%;
    white-space: nowrap;
	padding-left: 6px;
	padding-right: 6px;
}

.grid-order-confirmation__block {
	background: var(--table-header-bg-color);
}

.grid-order-confirmation__item {
	position: relative;
}

.grid-order-confirmation__item .grid-order-confirmation__body {
		padding: var(--popup-order-confirmation-grid-item-vertical-spacer)
			var(--popup-order-confirmation-grid-item-right-spacer) var(--popup-order-confirmation-grid-item-vertical-spacer)
			var(--popup-order-confirmation-grid-item-left-spacer);
		margin-right: 48px;
	}

.grid-order-confirmation__item_cancelCase {
		padding: var(--popup-order-confirmation-grid-item-cancel-case-vertical-spacer)
			var(--popup-order-confirmation-grid-item-cancel-case-horizontal-spacer);
	}

.grid-order-confirmation__item_parent,
	.grid-order-confirmation__item_child {
		border-bottom: var(--delimiter-thickness) solid var(--line-color);
	}

.grid-order-confirmation__item_parent::before,
		.grid-order-confirmation__item_parent::after,
		.grid-order-confirmation__item_child::before,
		.grid-order-confirmation__item_child::after {
			content: "";
			position: absolute;
			left: var(--popup-order-confirmation-grid-item-left-spacer);
			display: block;
		}

.grid-order-confirmation__item_parent::before, .grid-order-confirmation__item_child::before {
			width: var(--popup-order-confirmation-grid-item-connector-line-thickness);
			height: calc(100%);
			top: 13px;
			border-left: var(--popup-order-confirmation-grid-item-connector-line-thickness) solid;
		}

.grid-order-confirmation__item_parent::after, .grid-order-confirmation__item_child::after {
			content: normal;
			top: calc(50% + 1.3rem);
			width: var(--popup-order-confirmation-grid-item-connector-horizontal-segment-width);
			border-bottom: var(--popup-order-confirmation-grid-item-connector-line-thickness) solid;
		}

.grid-order-confirmation__item_parent {
		position: relative;
	}

.grid-order-confirmation__item_parent::after {
			content: normal;
		}

.grid-order-confirmation__item_child:last-of-type::before,
			.grid-order-confirmation__item_child:last-of-type::after {
				content: normal;
			}

.grid-order-confirmation__item_child:last-of-type .grid-order-confirmation__wrapperIcon::before {
					content: normal;
				}

.grid-order-confirmation__item_child .grid-order-confirmation__icon::before,
			.grid-order-confirmation__item_child .grid-order-confirmation__icon::after {
				content: "";
				position: absolute;
				top: 50%;
				display: block;
			}

.grid-order-confirmation__item_child .grid-order-confirmation__icon::before {
				width: var(--popup-order-confirmation-grid-item-connector-bullet-icon-size);
				height: var(--popup-order-confirmation-grid-item-connector-bullet-icon-size);
				margin-top: var(--popup-order-confirmation-grid-item-connector-bullet-icon-y-offset);
				border-radius: 50%;
				left: var(--popup-order-confirmation-grid-item-connector-bullet-icon-x-position);
			}

.grid-order-confirmation__item_child .grid-order-confirmation__icon::after {
				left: var(
					--popup-order-confirmation-grid-item-connector-horizontal-segment-with-bullet-icon-x-position
				);
				width: 1rem;
				border-top: var(--popup-order-confirmation-grid-item-connector-line-thickness) solid;
			}

.grid-order-confirmation__item_child .grid-order-confirmation__wrapperIcon {
			padding-left: var(--popup-order-confirmation-grid-item-symbol-icon-left-spacer);
		}

.grid-order-confirmation__item_child .grid-order-confirmation__wrapperIcon::before {
				position: absolute;
				content: "";
				height: calc(100% + 1rem);
				width: var(--popup-order-confirmation-grid-item-connector-line-thickness);
				left: 5px;
				top: 7px;
				background: var(--order-entry-group-order-connection-line-oco);
			}

.grid-order-confirmation__item_bracket::before,
		.grid-order-confirmation__item_bracket::after {
			border-color: var(--order-entry-group-order-connection-line-bracket);
		}

.grid-order-confirmation__item_bracket:nth-of-type(odd):not(:last-of-type) .grid-order-confirmation__wrapperIcon::before {
					border-color: var(--order-entry-group-order-connection-line-bracket);
				}

.grid-order-confirmation__item_bracket .grid-order-confirmation__icon::before {
				background-color: var(--order-entry-group-order-connection-line-bracket);
			}

.grid-order-confirmation__item_bracket .grid-order-confirmation__icon::after {
				border-color: var(--order-entry-group-order-connection-line-bracket);
			}

.grid-order-confirmation__item_oco::before,
		.grid-order-confirmation__item_oco::after {
			border-color: var(--order-entry-group-order-connection-line-oco);
		}

.grid-order-confirmation__item_oco:nth-of-type(odd):not(:last-of-type) .grid-order-confirmation__wrapperIcon::before {
					border-color: var(--order-entry-group-order-connection-line-oco);
				}

.grid-order-confirmation__item_oco .grid-order-confirmation__icon::before {
				background-color: var(--order-entry-group-order-connection-line-oco);
			}

.grid-order-confirmation__item_oco .grid-order-confirmation__icon::after {
				border-color: var(--order-entry-group-order-connection-line-oco);
				left: -0.9rem;
				width: var(--popup-order-confirmation-grid-item-connector-horizontal-segment-with-bullet-icon-width);
			}

.grid-order-confirmation__item_fta.grid-order-confirmation__item_parent::before {
					border-left-color: var(--order-entry-group-order-connection-line-fta);
					height: calc(100%);
				}

.grid-order-confirmation__item_ftaChild {
		--half-icon-height: calc(var(--popup-order-confirmation-grid-item-symbol-icon-height) / 2);

		border-bottom: var(--delimiter-thickness) solid var(--line-color);
	}

.grid-order-confirmation__item_ftaChild .grid-order-confirmation__wrapperIcon {
			padding-left: 1.4rem;
		}

.grid-order-confirmation__item_ftaChild .grid-order-confirmation__wrapperIcon + .grid-order-confirmation__body {
				padding-left: 0;
				margin-left: var(--popup-order-confirmation-grid-item-body-left-spacer);
			}

.grid-order-confirmation__item_ftaChild .grid-order-confirmation__icon::after,
		.grid-order-confirmation__item_ftaChild .grid-order-confirmation__icon::before {
			content: "";
			position: absolute;
			top: 50%;
			display: block;
		}

/* Vertical line */

.grid-order-confirmation__item_ftaChild .grid-order-confirmation__icon::after {
			width: var(
				--popup-order-confirmation-grid-item-child-oso-connector-horizontal-segment-with-bullet-icon-width
			);
			left: var(
				--popup-order-confirmation-grid-item-child-oso-connector-horizontal-segment-with-bullet-icon-x-position
			);
			border-top: 1px solid var(--order-entry-group-order-connection-line-fta);
			height: calc(100% + 0.1rem);
		}

/* Dot */

.grid-order-confirmation__item_ftaChild .grid-order-confirmation__icon::before {
				width: var(--popup-order-confirmation-grid-item-connector-bullet-icon-size);
				height: var(--popup-order-confirmation-grid-item-connector-bullet-icon-size);
				margin-top: var(--popup-order-confirmation-grid-item-connector-bullet-icon-y-offset);
				border-radius: 50%;
				background-color: var(--order-entry-group-order-connection-line-fta);
				left: var(--popup-order-confirmation-grid-item-connector-bullet-icon-x-position);
			}

.grid-order-confirmation__item_ftaChild .grid-order-confirmation__verticalConnector::after {
			position: absolute;
			content: "";
			top: calc(var(--popup-order-confirmation-grid-item-vertical-spacer) + var(--half-icon-height));
			border-left: 1px solid var(--order-entry-group-order-connection-line-fta);
			display: block;
			height: calc(100% + 0.1rem);
			left: calc(var(--popup-order-confirmation-grid-item-left-spacer));
		}

.grid-order-confirmation__item_ftaChild .grid-order-confirmation__verticalConnector:last-child::after {
			display: none;
		}

.grid-order-confirmation__item_ftaChild:last-child .grid-order-confirmation__verticalConnector::after {
			display: none;
		}

.grid-order-confirmation__item_fts.grid-order-confirmation__item_parent::before {
					border-left-color: var(--order-entry-group-order-connection-line-fts);
					height: calc(100%);
				}

.grid-order-confirmation__item_fts .grid-order-confirmation__body {
			transform: translateY(-0.2rem);
		}

.grid-order-confirmation__item_ftsChild {
		--leftChildPadding: calc(var(--child-level) * 1.4rem);

		border-bottom: var(--delimiter-thickness) solid var(--line-color);
	}

.grid-order-confirmation__item_ftsChild .grid-order-confirmation__wrapperIcon {
			position: relative;
			padding-left: var(--leftChildPadding);
		}

.grid-order-confirmation__item_ftsChild .grid-order-confirmation__body {
			transform: translateY(-0.2rem);
		}

.grid-order-confirmation__item_ftsChild .grid-order-confirmation__icon::after,
			.grid-order-confirmation__item_ftsChild .grid-order-confirmation__icon::before {
				content: "";
				position: absolute;
				top: 50%;
				display: block;
			}

/* Vertical and Horizontal line */

.grid-order-confirmation__item_ftsChild .grid-order-confirmation__icon::after {
				width: var(
					--popup-order-confirmation-grid-item-child-oso-connector-horizontal-segment-with-bullet-icon-width
				);
				border-bottom: 1px solid var(--order-entry-group-order-connection-line-fts);
				border-left: 1px solid var(--order-entry-group-order-connection-line-fts);
				height: 4rem;
				left: var(
					--popup-order-confirmation-grid-item-child-oso-connector-horizontal-segment-with-bullet-icon-x-position
				);
				top: -3.3rem;
			}

/* Dot */

.grid-order-confirmation__item_ftsChild .grid-order-confirmation__icon::before {
				width: var(--popup-order-confirmation-grid-item-connector-bullet-icon-size);
				height: var(--popup-order-confirmation-grid-item-connector-bullet-icon-size);
				margin-top: var(--popup-order-confirmation-grid-item-connector-bullet-icon-y-offset);
				border-radius: 50%;
				background-color: var(--order-entry-group-order-connection-line-oso);
				left: var(--popup-order-confirmation-grid-item-connector-bullet-icon-x-position);
			}

.grid-order-confirmation__item_ftsChild .grid-order-confirmation__verticalConnector::after {
			position: absolute;
			content: "";
			top: var(--popup-order-confirmation-grid-item-symbol-icon-height);
			left: -2.4rem;
			border-left: 0.1rem solid var(--order-entry-group-order-connection-line-fts);
			display: block;
			height: 100%;
		}

.grid-order-confirmation__item_ftsChild:last-child .grid-order-confirmation__verticalConnector::after {
			display: none;
		}

.grid-order-confirmation__item_osoChild::before {
			border-color: var(--order-entry-group-order-connection-line-oso);
		}

.grid-order-confirmation__item_osoChild .grid-order-confirmation__icon::before {
				background-color: var(--order-entry-group-order-connection-line-oso);
			}

.grid-order-confirmation__item_osoChild .grid-order-confirmation__icon::after {
				border-color: var(--order-entry-group-order-connection-line-oso);
			}

.grid-order-confirmation__item_osoChild.grid-order-confirmation__item_parent::before {
					height: calc(100%);
				}

.grid-order-confirmation__wrapperIcon {
	position: relative;
	margin-right: 10px;
}

.grid-order-confirmation__wrapperIcon + .grid-order-confirmation__body {
		margin-left: var(--popup-order-confirmation-grid-item-body-left-spacer);
		margin-right: 48px;
	}

.grid-order-confirmation__body {
	display: flex;
	width: -moz-max-content;
	width: max-content;
}

.grid-order-confirmation__container {
	width: 100%;
	outline-offset: -0.1rem;
}

.grid-order-confirmation__container:focus {
		outline: none;
	}

.grid-order-confirmation__container:focus:focus-visible {
			outline: var(--outline-width) solid var(--form-control-focused-border-outside-color);
		}

.grid-order-confirmation__icon {
	position: relative;
	display: block;
	width: var(--popup-order-confirmation-grid-item-symbol-icon-width);
	height: var(--popup-order-confirmation-grid-item-symbol-icon-height);
}

.grid-order-confirmation__if_then_oco,
.grid-order-confirmation__oso_oco {
	width: var(--popup-order-confirmation-grid-item-symbol-fto-icon-width);
}

.grid-order-confirmation__ruleText {
	color: var(--modal-window-text-accent-color);
}

.grid-order-confirmation__ruleText span:not(:last-child)::after {
			color: var(--at-text-color-1);
			content: " " attr(data-operator) " ";
		}

.grid-order-confirmation__description {
	color: var(--additional-text-color-2);
	line-height: var(--popup-order-confirmation-grid-item-description-line-height);
}

.grid-order-confirmation__title > span, .grid-order-confirmation__description > span {
		display: inline-block;
	}

.grid-order-confirmation__title > span:not(:first-child), .grid-order-confirmation__description > span:not(:first-child) {
			margin-left: var(--popup-order-confirmation-grid-item-text-gap);
		}

.grid-order-confirmation__title {
	padding-right: var(--popup-order-confirmation-grid-item-title-right-spacer);
	font-weight: var(--popup-order-confirmation-grid-item-title-font-weight);
	color: var(--common-text-default);
}

.grid-order-confirmation__title .WidgetOrderEntry__slash {
				color: var(--common-secondary-text-color);
			}

.grid-order-confirmation__title,
.grid-order-confirmation__ruleText {
	white-space: nowrap;
	line-height: var(--popup-order-confirmation-grid-item-line-height);
}

.grid-order-confirmation__item_child.grid-order-confirmation__item_ocoChild:nth-last-of-type(2)::before {
		content: "";
		height: calc(50%);
	}

.grid-order-confirmation__item_child.grid-order-confirmation__item_ocoChild:nth-last-of-type(2)::after {
		content: "";
	}

.grid-order-confirmation__item_child.grid-order-confirmation__item_oco:nth-last-of-type(2):not(.grid-order-confirmation__item_child.grid-order-confirmation__item_ocoChild)::before, .grid-order-confirmation__item_child.grid-order-confirmation__item_oco:nth-last-of-type(2):not(.grid-order-confirmation__item_child.grid-order-confirmation__item_ocoChild)::after {
		display: none;
	}

.grid-order-confirmation__legs span:not(:last-child):not(:empty) {
		margin-right: 2px;
	}

.grid-order-confirmation__legs_buy {
		color: var(--positive-text-color);
	}

.grid-order-confirmation__legs_sell {
		color: var(--negative-text-color);
	}

.grid-order-confirmation__duration_account::before {
		content: "•";
		margin-right: 4px;
	}
.icon-activation-rule__iconRule {
	width: 13px;
	height: 13px;
	margin-right: 5px;
	fill: var(--icon-secondary-default-color);
	transform: translateY(1px);
}
.popup-order-confirmation__container {
	width: -moz-min-content;
	width: min-content;
	max-width: 90%;
	min-width: 400px;
	padding: 0;
	border: none;
}

.popup-order-confirmation__body,
.popup-order-confirmation__footer {
	padding: 0;
}

.popup-order-confirmation__body {
	background-image: linear-gradient(to bottom, var(--widget-bg-top-color), var(--widget-bg-bottom-color));
}

.popup-order-confirmation__mode-label {
	margin-left: 6px;
}
.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;
}
.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;
}

.tooltip__pointer_arrowBottomLeft.tooltipInstrumentDescription__pointer::before, .tooltip__pointer_arrowTopLeft.tooltipInstrumentDescription__pointer::before, .tooltip__pointer_arrowTopRight.tooltipInstrumentDescription__pointer::before {
			width: 10px;
			height: 10px;
			border: 1px solid var(--trade-builder-step-hint-tooltip-border-color);
			left: 2px;
		}

.tooltip__pointer_arrowBottomLeft.tooltipInstrumentDescription__pointer {	
		left: 17px;
	}

.tooltip__pointer_arrowBottomLeft.tooltipInstrumentDescription__pointer::before {
			top: -6px;
		}

.tooltip__pointer_arrowTopLeft.tooltipInstrumentDescription__pointer {		
		left: 17px;
	}

.tooltip__pointer_arrowTopLeft.tooltipInstrumentDescription__pointer::before {
			top: 6px;
		}

.tooltip__pointer_arrowTopRight.tooltipInstrumentDescription__pointer {		
		right: 17px;
	}

.tooltip__pointer_arrowTopRight.tooltipInstrumentDescription__pointer::before {
			top: 6px;
		}

.wrapper {
	background-color: transparent;
	padding: 0;
	border: 0;
	border-color: transparent;
	position: relative;
}

.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 {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-history__emptyMessage {
    font-size: 16px;
    color: var(--empty-widget-hint-text-color);
}
.widget-order-book__container {
    width: 100%;
}

.widget-order-book__headerTitle {
	padding-left: 0;
}

.calendar-h-child__container___DHFUX {
	background: var(--calendar-popup-bg-color);
	padding: 0 10px 0 7px;
    box-sizing: border-box;
	width: 100%;
}

.calendar-h-child__content___I9Jmo {
	border-top: 1px solid var(--line-color);
}

.calendar-h-child__calendar__monthName___3hi7C {
        margin-left: 0;
    }
.calendar-button-h-child__container___1P0GZ {
    fill: var(--icon-secondary-default-color);
    opacity: 0;
    padding: 0;
    border: none;
}

    .calendar-button-h-child__container___1P0GZ:hover {
        fill: var(--link-hovered-multiparts);
    }

    .calendar-button-h-child__container___1P0GZ:active {
        fill: var(--icon-pressed-color);
    }

.calendar-button-h-child__icon___KtZEc {
    display: flex;
    height: 100%;
}
.clear-button-child__container {
    display: none;
}
.date-input-h-child__container___33xP5 {
    width: 112px;
}

    .date-input-h-child__container_isFocused___UAuev button {
            opacity: 1;
        }

    .date-input-h-child__container_hasError___3jpyI {
		border-color: var(--input-wrong-border-outside-color);
	}

.date-range__container {
	min-width: 315px;
	box-sizing: border-box;
}

.date-range__content {
	width: 100%;
}

.date-range__panel {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 9px;
}

.date-range__range {
	display: flex;
	align-items: center;
	position: relative;
	padding: 8px 10px 0;
	box-sizing: border-box;
}

.date-range__range_active:before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 3px;
			background: var(--tab-selected-line-color);
		}

.date-range__calendar {
	margin-top: 9px;
	border-top: 1px solid var(--line-color);
}

.date-range__label {
	line-height: 1.67;
	color: var(--form-label-text-color);
	margin-right: 7px;
}

.date-range__controls {
	display: flex;
	padding: 0 7px 9px;
	box-sizing: border-box;
}

.date-range__footer {
	width: 100%;
	padding: 0 10px;
	height: 30px;
	box-sizing: border-box;
}

.date-range__footer_border {
		display: flex;
		justify-content: flex-end;
		width: 100%;
		border-top: 1px solid var(--line-color);
	}

.date-range__clearButton {
	color: var(--link-default-multiparts);
	font-size: 12px;
	line-height: 2.4;
	cursor: pointer;
}

.date-range__clearButton_disabled {
		color: var(--common-text-disabled);
		line-height: 2.4;
	}
.steppable-input-h-child__inner___3_UXA button {
        opacity: 1;
    }
.tooltip-child__container {
	background-color: var(--wrong-tooltip-bg-color);
}
.button-h-child__container___Y_O4y {
    font-size: 12px;
    color: var(--link-default-multiparts);
    min-width: auto;
    white-space: nowrap;
    background: none;
    padding: 0;
    border: 0;
    height: auto;
    box-shadow: none;

}

    .button-h-child__container_flat___2pUzO {
        color: var(--common-text-selected);
    }

    .button-h-child__container___Y_O4y:hover {
        color: var(--common-text-selected);
        background: transparent;
    }

    .button-h-child__container___Y_O4y:not(:last-child) {
        margin-right: 18px;
    }

    .button-h-child__container___Y_O4y:disabled {
        border: 0;
        background: none;
        box-shadow: none;
    }

    .button-h-child__container___Y_O4y:before {
        content: none;
    }
.date-range-label__anchor {
    color: var(--link-default-multiparts);
    cursor: pointer;
}
.popover-h-child__container___Fg22D {
    background: var(--calendar-popup-bg-color);
    box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
    box-sizing: border-box;
}
.date-range-label-h-child__anchor___5r46g:hover {
        color: var(--link-hovered-multiparts);
    }
	.date-range-label-h-child__anchor___5r46g:active {
        color: var(--link-pressed-multiparts);
    }

.date-range-label-h-child__anchor___5r46g,
.date-range-label-h-child__anchor_highlighted___1bmVO {
	display: block;
}

.date-range-label-h-child__anchor_highlighted___1bmVO,
	.date-range-label-h-child__anchor_highlighted___1bmVO:hover {
		color: var(--link-default-multiparts);
	}

.date-range-label-h-child__label___3TcJP,
.date-range-label-h-child__label_default___30hVA {
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
}

.date-range-label-h-child__label_default___30hVA {
	text-transform: uppercase;
	letter-spacing: 1px;
}
.grid-reporting .table--col-instrument, .grid-reporting .table--colAdapts-instrument {
				width: 245px;
			}			
			.grid-reporting .table--col-side, .grid-reporting .table--colAdapts-side {
				width: 105px;
			}			
			.grid-reporting .table--col-openDate,
			.grid-reporting .table--col-closeDate,
			.grid-reporting .table--colAdapts-openDate,
			.grid-reporting .table--colAdapts-closeDate {
				width: 95px;
			}			
			.grid-reporting .table--col-quantity, .grid-reporting .table--colAdapts-quantity {
				width: 80px;
			}			
			.grid-reporting .table--col-tradePrice, .grid-reporting .table--colAdapts-tradePrice {
				width: 95px;
			}			
			.grid-reporting .table--col-profit, .grid-reporting .table--colAdapts-profit {
				width: 90px;
			}			
			.grid-reporting .table--col-account, .grid-reporting .table--colAdapts-account {
				width: 135px;
			}			
			.grid-reporting .table--col-instrumentType, .grid-reporting .table--colAdapts-instrumentType {
				width: 115px;
			}
.grid-reporting .table--row:hover {
				background: var(--table-row-bg-hover-color);
			}
			.grid-reporting .table--row-grouped {
				background: var(--table-group-bg-color);
			}
			.grid-reporting .table--row-grouped:hover {
					background: var(--table-group-bg-color);
				}
		.grid-reporting .table .aggregationBlock__icon .button-icon .icon {
			fill: var(--icon-selected-color);
		}
.grid-reporting__value_positive {
		 color: var(--positive-text-color);
	 }
	.grid-reporting__value_negative {
		 color: var(--negative-text-color);
	 }
.pl-dashboard__container {
	height: 100%;
}

.pl-dashboard__row {
	display: flex;
	flex-basis: 100%;
	padding: 0 12px;
	border-bottom: 1px solid var(--line-color-3);
}

.pl-dashboard__row_pl .pl-dashboard__block {
			align-items: center;
			width: calc(100% / 3);
		}

.pl-dashboard__row_pl .pl-dashboard__unrealized {
			justify-content: flex-end;
			padding-right: 30px;
		}

.pl-dashboard__row_pl .pl-dashboard__realized {
			justify-content: flex-start;
			padding-left: 30px;
		}

.pl-dashboard__row_pl .pl-dashboard__value {
			font-size: 50px;
			line-height: 64px;
		}

.pl-dashboard__row_pl .pl-dashboard__value_negative + .pl-dashboard__label {
				margin-left: 43px;
			}

.pl-dashboard__row_totals .pl-dashboard__block {
			align-items: flex-end;
			width: 50%;
			padding-top: 17px;
		}

.pl-dashboard__row_totals .pl-dashboard__block:first-child {
				border-right: 1px solid var(--line-color-3);
			}

.pl-dashboard__row_totals .pl-dashboard__content {
			margin-bottom: 27px;
		}

.pl-dashboard__row_totals .pl-dashboard__metrics .pl-dashboard__value {
				font-size: 21px;
				line-height: 27px;
			}

.pl-dashboard__row_totals .pl-dashboard__totals .pl-dashboard__value {
				font-size: 30px;
				line-height: 39px;
			}

.pl-dashboard__block {
	flex-grow: 1;
	justify-content: center;
	display: flex;
	height: 153px;
	padding: 0 16px;
	text-align: center;
}

.pl-dashboard__block_profit .pl-dashboard__metrics .pl-dashboard__value {
			font-size: 18px;
			line-height: 28px;
		}

.pl-dashboard__block_profit .pl-dashboard__separator {
			margin: 0 7px 0 5px;
		}

.pl-dashboard__content {
	text-align: left;
}

.pl-dashboard__metrics {
	display: flex;
	margin-bottom: 19px;
}

.pl-dashboard__value {
	color: var(--common-text-default);
	white-space: nowrap;
}

.pl-dashboard__value_positive {
		color: var(--positive-text-color);
	}

.pl-dashboard__value_negative {
		color: var(--negative-text-color);
	}

.pl-dashboard__value_empty {
		color: var(--no-data-text-color);
	}

.pl-dashboard__label,
.pl-dashboard__percent {
	color: var(--common-secondary-text-color);
	line-height: 14px;
}

.pl-dashboard__label {
	display: block;
	white-space: nowrap;
}

.pl-dashboard__percent {
	display: inline-block;
	position: relative;
	margin-left: 2px;
	transform: translateY(-15px);
}

.pl-dashboard__separator {
	margin-right: 9px;
	font-size: 20px;
	line-height: 26px;
}

.selectbox-h-child__container___3UT8_ {
	display: flex;
	align-items: center;
}

.selectbox-h-child__container__anchor___1kasr {
	min-width: unset;
	max-width: 168px;
	height: unset;
	padding: 0;
	background: none;
	box-shadow: none;
	border: none;
	font: 12px 'DINPro', sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--link-default-multiparts);
}

.selectbox-h-child__container__anchor__text___25rxG {
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

.selectbox-h-child__container__anchor__text_default___2af9G {
		text-transform: uppercase;
		letter-spacing: 1px;
	}

.selectbox-h-child__container__anchor__text___25rxG,
	.selectbox-h-child__container__anchor__text_default___2af9G {
		font-weight: bold;
		max-width: 168px;
		line-height: 22px;
	}

.selectbox-h-child__container__anchor__content_hasCaret___20SbU {
			padding: 0;
		}

.selectbox-h-child__container__anchor__caret___3b6Uj {
		display: none !important;
	}

.selectbox-h-child__container__anchor___1kasr:active .selectbox-h-child__container__anchor__content___2qvlP {
			top: 0;
		}

.selectbox-h-child__container__anchor___1kasr:focus,
	.selectbox-h-child__container__anchor___1kasr:hover,
	.selectbox-h-child__container__anchor___1kasr:hover:active,
	.selectbox-h-child__container__anchor___1kasr:active,
	.selectbox-h-child__container__anchor___1kasr:hover:before,
	.selectbox-h-child__container__anchor___1kasr:before {
		background: none;
		box-shadow: none;
		border: none;
	}

.selectbox-h-child__container__anchor___1kasr:hover {
		color: var(--link-hovered-multiparts);
	}

.selectbox-h-child__container__anchor___1kasr:focus {
		color: var(--link-default-multiparts);
	}

.selectbox-h-child__container__anchor___1kasr:active {
		color: var(--link-pressed-multiparts);
	}

.selectbox-h-child__container__anchor___1kasr:before {
		content: none;
	}

.selectbox-h-child__container_isOpened___1oPzx {
	color: var(--link-default-multiparts);
}

.selectbox-h-child__container__item__text___30VeF {
		padding-right: 0;
	}

.selectbox-h-child__container__item__activeIcon___3MQnx {
		left: 9.5px;
	}

.selectbox-h-child__container__item_isActive___j_gQf {
		color: inherit;
	}

.selectbox-h-child__container__menu___3SFSt > li {
		line-height: 23px;
	}

.link-anchor__anchor, .link-anchor__anchor_default {
	font-size: 12px;
	font-weight: bold;
}

.link-anchor__anchor_default {
	letter-spacing: 1px;
	text-transform: uppercase;
}

.link-anchor__popover-content {
	max-width: 200;
	box-sizing: border-box;
}
.link-h-child__container_highlighted___vbwuD,
.link-h-child__container___PT3E7,
.link-h-child__container_default___19ZuM {
	max-width: 168px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--link-default-multiparts);
	display: block;
	line-height: 22px;
}

.link-h-child__checker-container___2oTW4 {
	white-space: nowrap;
	display: block;
	line-height: 22px;
	font-size: 12px;
	font-weight: bold;
}

.link-h-child__container_highlighted___vbwuD,
	.link-h-child__container_highlighted___vbwuD:hover {
		color: var(--link-default-multiparts);
	}
.popover-h-child__container___PyPJm {
	background: var(--symbol-suggest-bg-color);
}

	.popover-h-child__container___PyPJm .control-textInput {
			width: 100%;
		}

	.popover-h-child__container___PyPJm .control-textInput .react-component-wrapper,
			.popover-h-child__container___PyPJm .control-textInput .control--wrap {
				width: inherit;
			}
.toolbar-filter__label {
	margin-right: 6px;
	font-size: 12px;
}

	.toolbar-filter__label:not(:first-child) {
		margin-left: 6px;
	}

.toolbar-filter__controlWrapper {
	display: flex;
	align-items: center;
}

.toolbar-filter__controlWrapper_disabled {
		pointer-events: none;
	}

.toolbar-filter__controlWrapper_disabled span,
		.toolbar-filter__controlWrapper_disabled button,
		.toolbar-filter__controlWrapper_disabled a {
			color: var(--common-text-disabled);
		}

.toolbar-filter__controlWrapper .control-widgetHeader.control,
			.toolbar-filter__controlWrapper .control-widgetHeader.control .control--wrap {
				height: 23px;
			}
.widget-reporting__headerActions .button-refresh {
			width: 19px;
			height: 19px;
		}

			.widget-reporting__headerActions .button-refresh .icon {
				width: 13px;
				height: 13px;
				margin: auto;
				fill: var(--icon-primary-default-color);
			}

.widget-reporting__emptyViewTitle {
	max-width: 320px;
}

.control-displayMode {
		vertical-align: top;
	}

.control-displayMode .button {
			padding-left: 12px;
			padding-right: 12px;
			height: 19px;
			font-size: 12px;
		}

.control-displayMode .button:not(.button-active) {
				 color: var(--segmented_control-default-text);
				 background: var(--segmented_control-alt-default-bg);
				 box-shadow: 0 0 0 1px var(--segmented_control-alt-border-outside);
			 }

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

.control-displayMode.control-disabled .button[disabled]:before {
						background: var(--button-disabled-bg-color);
						border-top-color: transparent;
					}

.control-displayMode.control-disabled .button.button-active {
					color: var(--button-disabled-text-color);
					box-shadow: 0 0 0 1px var(--button-disabled-border-outside-color);
				}

.demo-card__container___third-party-legacy-react-kit-components-demo-card-theme- {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	overflow: hidden;
	height: 100%;
	box-sizing: border-box;
	flex-shrink: 0;
	font-family: inherit;
	color: var(--modal-window-text-color);
}

.demo-card__header___third-party-legacy-react-kit-components-demo-card-theme- {
	flex-shrink: 0;
	padding: 10px;
	background: var(--modal-window-header-bg-color);
	background: linear-gradient(88deg, var(--app-bg-grad-top-color), var(--app-bg-grad-bottom-color));
	box-shadow: 0 -1px 0 var(--modal-window-header-shadow-color) inset;
	box-sizing: border-box;
}

.demo-card__title___third-party-legacy-react-kit-components-demo-card-theme- {
	font-size: 14px;
	font-weight: 300;
}

.demo-card__body___third-party-legacy-react-kit-components-demo-card-theme- {
	flex-grow: 1;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #262626;
}

main.main {
		height: 100%;
	}

body {
		margin: 0;
		padding: 0;
	}

h2 {
		font-weight: 300;
	}
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;
}

label,
input,
select,
button,
.button {
	display: inline-block;
	vertical-align: middle;
}
button,
.button {
	cursor: pointer;
}
button:disabled,
	button[disabled],
	.button:disabled,
	.button[disabled] {
		cursor: default;
	}
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-multiparts)	;
}

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

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


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

	.grid-instrument-info .grid--body {
		position: static;
	}

	.grid-instrument-info .grid--body .scrollable--wrapper .scrollable--container .scrollable--content {
					padding-top: 0;
				}

	.grid-instrument-info .grid--body.scrollable.scrollable-withHorizontalScrollbar .scrollable--content {
				padding-bottom: 9px;
			}
.grid-exchangeMarketDepth .grid--head {
		z-index: 2;
	}
	.grid-exchangeMarketDepth .table--body .table--cell-bidPrice {
			border-right: 1px solid var(--table-bg-color);
		}
	.grid-exchangeMarketDepth .table--body .table--cell-bidPrice,
		.grid-exchangeMarketDepth .table--body .table--cell-askPrice {
			text-overflow: clip;
			padding: 0 10px;
		}
	.grid-exchangeMarketDepth .table--body .table--cell-bidPrice .button-tertiary, .grid-exchangeMarketDepth .table--body .table--cell-askPrice .button-tertiary {
				padding: 0 5px;
			}
	.grid-exchangeMarketDepth .table--body .button {
			height: 17px;
			line-height: 1.2;
			top: -2px;
		}
	.grid-exchangeMarketDepth .table--body td {
			line-height: normal;
		}
	.grid-exchangeMarketDepth .table--body td.focus-eligible:focus:not(:focus-visible) {
					border: 0;
					outline: none;
				}
	.grid-exchangeMarketDepth .table--body td.focus-eligible:focus:focus-visible {
					border: 1px dotted var(--form-control-focused-border-outside-color);
					outline: none;
				}
	.grid-exchangeMarketDepth .table--body td.focus-eligible.focus-visible:focus {
					/* only for safari with focus-visible library - there should be a separate style*/
					border: 1px dotted var(--form-control-focused-border-outside-color);
					outline: none;
				}
	.grid-exchangeMarketDepth .table--body td.focused:focus {
					border: 1px dotted var(--form-control-focused-border-outside-color);
					outline: none;
				}
	.grid-exchangeMarketDepth .table--body td.focus-trap:not(:focus) {
				border: 2px solid var(--form-control-focused-border-outside-color);
				outline: none;
			}
	.grid-exchangeMarketDepth .table--body .table--cell {
			height: 21px;
			line-height: 21px;
		}
	.grid-exchangeMarketDepth .table--body .table--cell-color1 {
				background-color: var(--market-depth-row-bg-color-01);
			}
	.grid-exchangeMarketDepth .table--body .table--cell-color2 {
				background-color: var(--market-depth-row-bg-color-02);
			}
	.grid-exchangeMarketDepth .table--body .table--cell-color3 {
				background-color: var(--market-depth-row-bg-color-03);
			}
	.grid-exchangeMarketDepth .table--body .table--cell-color4 {
				background-color: var(--market-depth-row-bg-color-04);
			}
	.grid-exchangeMarketDepth .table--body .table--cell-color5 {
				background-color: var(--market-depth-row-bg-color-05);
			}
	.grid-exchangeMarketDepth .table--body .table--cell-color6 {
				background-color: var(--market-depth-row-bg-color-06);
			}
	.grid-exchangeMarketDepth .table--body .table--cell-color7 {
				background-color: var(--market-depth-row-bg-color-07);
			}
	.grid-exchangeMarketDepth .table--body .table--cell-color8 {
				background-color: var(--market-depth-row-bg-color-08);
			}
	.grid-exchangeMarketDepth .table--cell-limit {
		background-color: var(--market-depth-row-limit-bg-color) !important;
	}
	.grid-exchangeMarketDepth .table--cell-position {
		background-color: var(--market-depth-row-position-bg-color) !important;
	}
.grid-exchangeMarketDepth .table--col-askExchange,
			.grid-exchangeMarketDepth .table--col-bidExchange,
			.grid-exchangeMarketDepth .table--colAdapts-askExchange,
			.grid-exchangeMarketDepth .table--colAdapts-bidExchange {
				width: 100px;
			}
			.grid-exchangeMarketDepth .table--col-bidSize,
			.grid-exchangeMarketDepth .table--col-askSize,
			.grid-exchangeMarketDepth .table--colAdapts-bidSize,
			.grid-exchangeMarketDepth .table--colAdapts-askSize {
				width: 70px;
			}
			.grid-exchangeMarketDepth .table--col-askPrice,
			.grid-exchangeMarketDepth .table--col-bidPrice,
			.grid-exchangeMarketDepth .table--colAdapts-askPrice,
			.grid-exchangeMarketDepth .table--colAdapts-bidPrice {
				width: 82px;
			}
			.grid-exchangeMarketDepth .table--col-askCumulativeSize,
			.grid-exchangeMarketDepth .table--col-bidCumulativeSize,
			.grid-exchangeMarketDepth .table--colAdapts-askCumulativeSize,
			.grid-exchangeMarketDepth .table--colAdapts-bidCumulativeSize {
				width: 115px;
			}
			.grid-exchangeMarketDepth .table--col-bidTime,
			.grid-exchangeMarketDepth .table--col-askTime,
			.grid-exchangeMarketDepth .table--colAdapts-bidTime,
			.grid-exchangeMarketDepth .table--colAdapts-askTime {
				width: 80px;
			}
.grid-exchangeMarketDepth .table--cell-bidPrice, .grid-exchangeMarketDepth .table--cell-askPrice, .grid-exchangeMarketDepth .table--cell-bidCumulativeSize, .grid-exchangeMarketDepth .table--cell-askCumulativeSize, .grid-exchangeMarketDepth .table--cell-bidSize, .grid-exchangeMarketDepth .table--cell-askSize {
			position: relative;
		}

			.grid-exchangeMarketDepth .table--cell-bidPrice .grid-exchangeMarketDepth__scale, .grid-exchangeMarketDepth .table--cell-askPrice .grid-exchangeMarketDepth__scale, .grid-exchangeMarketDepth .table--cell-bidCumulativeSize .grid-exchangeMarketDepth__scale, .grid-exchangeMarketDepth .table--cell-askCumulativeSize .grid-exchangeMarketDepth__scale, .grid-exchangeMarketDepth .table--cell-bidSize .grid-exchangeMarketDepth__scale, .grid-exchangeMarketDepth .table--cell-askSize .grid-exchangeMarketDepth__scale {
					position: absolute;
					background: var(--market-depth-scale-bg);
					top: 0;
					width: 31px;
					z-index: 1;
					pointer-events: none;
					bottom: 0;
				}
		.grid-exchangeMarketDepth .table--cell-askPrice .grid-exchangeMarketDepth__scale, .grid-exchangeMarketDepth .table--cell-askCumulativeSize .grid-exchangeMarketDepth__scale, .grid-exchangeMarketDepth .table--cell-askSize .grid-exchangeMarketDepth__scale {
					left: 0;
					border-left: 1px solid var(--market-depth-scale-delimiter-bg);
				}
		.grid-exchangeMarketDepth .table--cell-bidPrice .grid-exchangeMarketDepth__scale, .grid-exchangeMarketDepth .table--cell-bidCumulativeSize .grid-exchangeMarketDepth__scale, .grid-exchangeMarketDepth .table--cell-bidSize .grid-exchangeMarketDepth__scale {
					right: 0;
					border-right: 1px solid var(--market-depth-scale-delimiter-bg);
				}
.widget-exchange-market-depth__container {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.gridInstrumentPositionInfo__container {
	background-color: var(--depth-of-market-market-order-row-bg-color);
	position: relative;
	z-index: 1;
	border-bottom: 1px solid var(--line-color);
}

	.gridInstrumentPositionInfo__container+ .scrollable {
		height: auto;
	}

	.gridInstrumentPositionInfo__container thead th {
				font-size: 12px;
				font-weight: 500;
				box-shadow: 0 1px var(--line-color);
			}

	.gridInstrumentPositionInfo__container thead th .table--sortBy {
					cursor: default;
				}

	.gridInstrumentPositionInfo__container thead th .table--sortBy .icon {
						display: none;
					}

	.gridInstrumentPositionInfo__container tbody .table--cell {
				height: 23px;
				font-size: 14px;
				padding-top: 2px;
			}

	.gridInstrumentPositionInfo__container tbody tr:last-child td {
						box-shadow: none;
					}

	.gridInstrumentPositionInfo__container thead .table--cell, .gridInstrumentPositionInfo__container tbody .table--cell {
				padding-left: 6px;
				padding-right: 6px;
			}

	.gridInstrumentPositionInfo__container thead .table--cell:first-child, .gridInstrumentPositionInfo__container tbody .table--cell:first-child {
					padding-left: 12px;
				}

	.gridInstrumentPositionInfo__container .table {
			width: calc(100% - 1px);
		}

	.gridInstrumentPositionInfo__container .table--colAdapts-last {
					width: 100px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-netChange {
					width: 100px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-positionQty {
					width: 170px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-openPl {
					width: 170px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-avg {
					width: 184px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-symbol {
					width: 118px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-bid,
				.gridInstrumentPositionInfo__container .table--colAdapts-ask,
				.gridInstrumentPositionInfo__container .table--colAdapts-open,
				.gridInstrumentPositionInfo__container .table--colAdapts-high,
				.gridInstrumentPositionInfo__container .table--colAdapts-low,
				.gridInstrumentPositionInfo__container .table--colAdapts-lotSize,
				.gridInstrumentPositionInfo__container .table--colAdapts-price,
				.gridInstrumentPositionInfo__container .table--colAdapts-fillPrice,
				.gridInstrumentPositionInfo__container .table--colAdapts-triggerPrice,
				.gridInstrumentPositionInfo__container .table--colAdapts-quantity,
				.gridInstrumentPositionInfo__container .table--colAdapts-size{
					width: 81px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-volume {
					width: 85px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-spread  {
					width: 90px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-change {
					width: 95px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-close {
					width: 105px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-description {
					width: 244px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-avgFillPrice {
					width: 90px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-dayOpenPl {
					width: 116px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-dayClosedPl {
					width: 122px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-expirationDate,
				.gridInstrumentPositionInfo__container .table--colAdapts-lastTradeDate {
					width: 105px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-firstNoticeDate {
					width: 109px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-maintenanceMargin {
					width: 130px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-initialMargin {
					width: 95px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-tradingHalt,
				.gridInstrumentPositionInfo__container .table--colAdapts-tickValue,
				.gridInstrumentPositionInfo__container .table--colAdapts-limitUp,
				.gridInstrumentPositionInfo__container .table--colAdapts-limitDown {
					width: 85px;
				}

	.gridInstrumentPositionInfo__container .table--colAdapts-dayToExpiration {
					width: 115px;
				}

	.gridInstrumentPositionInfo__container .grid--body {
				position: static;
			}

.gridInstrumentPositionInfo__lastPositive {
		color: var(--positive-text-color);
	}

.gridInstrumentPositionInfo__lastNegative {
		color: var(--negative-text-color);
	}
.childGroupInfo__container {
	display: flex;
	align-items: center;

}

	.childGroupInfo__container .icon-order-entry-header-oco-colored,
		.childGroupInfo__container .icon-order-entry-header-bracket-colored {
			width: 34px;
			height: 22px;
		}

	.childGroupInfo__container .icon-order-entry-symbol-oso-colored,
		.childGroupInfo__container .icon-order-entry-symbol-oso-child-colored,
		.childGroupInfo__container .icon-order-entry-symbol-oco-colored,
		.childGroupInfo__container .icon-order-entry-symbol-bracket-colored {
			width: 18px;
			height: 14px;
			vertical-align: bottom;
		}

	.childGroupInfo__container .icon-order-entry-header-oso-child-colored {
			width: 28px;
			height: 14px;
			vertical-align: bottom;
		}

.childGroupInfo__icon {
	margin-right: 8px;
}

.childGroupInfo__number {
	margin-right: 5px;
	color: var(--chart-order-bracket-index-bg-color);
}
.groupInfo__container {
	margin-right: 7px;
	order: 0;
	box-sizing: border-box;
	align-items: center;
	border-radius: 1px;
	display: flex;
}

	.groupInfo__containerBracket .groupInfo__inner {
			background:  var(--chart-order-bracket-index-bg-color);
		}

	.groupInfo__containerOco .groupInfo__inner {
			background:  var(--chart-order-oco-index-bg-color);
		}

	.groupInfo__containerOso .groupInfo__inner {
			background:  var(--chart-order-oso-index-bg-color);
		}

	.groupInfo__containerOsoChild .groupInfo__inner {
				background: var(--chart-order-oso-child-index-bg-color);
			}

	.groupInfo__containerChild {
		padding-left: 10px;
	}

.groupInfo__inner {
	display: flex;
	height: 14px;
}

.groupInfo__icon {
	position: relative;
	width: 18px;
	height: 14px;
	margin: 0;
}

.groupInfo__icon + .groupInfo__number {
		margin-left: 2px;
		margin-right: 2px;
	}

.groupInfo__iconOco::before {
			border-left-color: var(--order-entry-group-order-connection-line-oco);
			border-bottom-color: var(--order-entry-group-order-connection-line-oco);
		}

.groupInfo__iconOco::after {
			background: var(--order-entry-group-order-connection-bubble-oco);
		}

.groupInfo__iconBracket::before {
			border-left-color: var(--order-entry-group-order-connection-line-bracket);
			border-bottom-color: var(--order-entry-group-order-connection-line-bracket);
		}

.groupInfo__iconBracket::after {
			background: var(--order-entry-group-order-connection-bubble-bracket);
		}

.groupInfo__iconOso::before {
			border-left-color: var(--order-entry-group-order-connection-line-oso);
			border-bottom-color: var(--order-entry-group-order-connection-line-oso);
		}

.groupInfo__iconOso::after {
			background: var(--order-entry-group-order-connection-bubble-oso);
		}

.groupInfo__iconChild::after,
		.groupInfo__iconChild::before {
			content: '';
			display: block;
			position: absolute;
		}

.groupInfo__iconChild::before {
			height: 6px;
			width: 6px;
			box-sizing: border-box;
			left: -10px;
			top: 50%;
			margin-top: -3px;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-left-width: 1px;
			border-left-style: solid;
		}

.groupInfo__iconChild::after {
			height: 3px;
			width: 3px;
			border-radius: 50%;
			left: -6px;
			bottom: 3px;
		}

.groupInfo__number {
	font-size: 14px;
	font-weight: 500;
	color: var(--chart-order-index-text-color);
	transform: translateY(-1px);
	line-height: 1;
}
.multiAssetOrder__container {
	display: flex;
	align-items: center;
	width: auto;
	box-sizing: border-box;
	height: 24px;
	border-radius: 2px;
	padding: 0 5px;
	font-size: 14px;
	line-height: 1;
	border: 1px solid transparent;
	background-image: linear-gradient(77deg, var(--chart-order-bg-color-1), var(--chart-order-bg-color-2));
}

	.multiAssetOrder__containerInactive {
		opacity: .7;
		border: 0;
	}

	.multiAssetOrder__containerLocked > * {
		opacity: .5;
	}

	.multiAssetOrder__containerSelected.multiAssetOrder__container {
			border-color: var(--chart-order-single-border-color);
		}

	.multiAssetOrder__containerSelected.multiAssetOrder__containerBracket {
				border-color: var(--chart-order-bracket-border-color);
			}

	.multiAssetOrder__containerSelected.multiAssetOrder__containerOco {
				border-color: var(--chart-order-oco-border-color);
			}

	.multiAssetOrder__containerSelected.multiAssetOrder__containerOso {
				border-color: var(--chart-order-oso-border-color);
			}

	.multiAssetOrder__containerSelected.multiAssetOrder__containerOsoChild {
					border-color: var(--chart-order-oso-child-border-color);
				}

.multiAssetOrder__orderType {
	position: relative;
}

.multiAssetOrder__orderTypeIcon {
	width: 26px;
	height: 12px;
}

.multiAssetOrder__orderTypeIconBuy {
		fill: var(--chart-order-buy-icon-color);
	}

.multiAssetOrder__orderTypeIconSell {
		fill: var(--chart-order-sell-icon-color);
	}

.multiAssetOrder__activationRuleIcon {
	width: 13px;
	height: 13px;
	margin-right: 1px;
	margin-top: -1px;
	fill: var(--order-entry-add-alert-icon-color);
}

.multiAssetOrder__delimeter {
	color: var(--at-text-color-2);
	margin-right: 7px;
}

.multiAssetOrder__quantity {
	text-align: right;
	margin: 0 8px 0 7px;
	transform: translateY(-1px);
}

.multiAssetOrder__priceList {
	display: flex;
	margin-right: 7px;
	transform: translateY(-1px);
}

.multiAssetOrder__priceItem {
	position: relative;
}
.aggregatedOrders__container {
	height: 22px;
	padding: 0 7px;
	background: linear-gradient(74deg, var(--chart-drawing-management-panel-bg-color-1), var(--chart-drawing-management-panel-bg-color-2) 98%);
	border: solid 1px var(--depth-of-market-collapse-box-border-color);
	border-radius: 2px;
	display: flex;
	align-items: center;
}

	.aggregatedOrders__containerInactive {
		opacity: .7;
		border: 0;
	}

.aggregatedOrders__item {
	position: relative;
}

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

.aggregatedOrders__item_hasChild {
		padding-left: 11px;
		padding-right: 11px;
	}

.aggregatedOrders__quantity {
	position: relative;
}

.aggregatedOrders__icon {
	width: 11px;
	height: 11px;
	margin-left: 5px;
	transform: translateY(1px);
	position: relative;
}

.aggregatedOrders__iconBuy::after, .aggregatedOrders__iconSell::after {
			content: '';
			border-radius: 50%;
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			height: 100%;
			width: 100%;
		}

.aggregatedOrders__iconBuy:after {
		background-color: var(--buy-button-default-bg-color);
	}

.aggregatedOrders__iconSell:after {
		background-color: var(--sell-button-default-bg-color);
	}

.aggregatedOrders__iconBoth {
		position: relative;
	}


.aggregatedOrders__order {
	border: 0;
	background: transparent;
}
.aggregatedOrders__orderGroupInfo {
	width: 40px;
	display: flex;
	justify-content: flex-end;
}
.ordersCellPopover__content:not(:empty) {
	padding: 0;
	background-color: var(--dropdown-list-bg-color);
	box-shadow: 0 3px 12px 0 var(--depth-of-market-collapse-box-shadow-color);
}
.ordersCell__container {
	position: relative;
}


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

	.WidgetMarketDepth__content .scrollable.scrollable-withHorizontalScrollbar .scrollable--content {
				padding-top: 0;
				padding-bottom: 9px;
			}

	.WidgetMarketDepth__content .scrollable:not(.scrollable-withHorizontalScrollbar) .scrollable--content {
				padding-top: 0;
				padding-bottom: 0;
			}

	.WidgetMarketDepth__content .scrollable--wrapper {
			overflow: hidden;
		}

.WidgetMarketDepth__grids {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: var(--depth-of-market-order-template-bg-color);
}

.WidgetMarketDepth__footer {
	position: relative;
}

.WidgetMarketDepth__footerContent {
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 35px;
		width: 100%;
		padding: 0 8px;
	}

.WidgetMarketDepth__footer .button-placeOrder {
			flex-shrink: 0;
		}

.WidgetMarketDepth__footer .button-placeOrder span {
				white-space: nowrap;
			}

.WidgetMarketDepth__footer .button-icon.button-secondary.button-expand {
			position: absolute;
			top: 60px;
			right: 20px;
			width: 26px;
			height: 26px;
			min-width: 0;
			border-radius: 50%;
			z-index: 10;
			background: var(--button-secondary-default-bg-color);
		}

.WidgetMarketDepth__footer .button-icon.button-secondary.button-expand::before {
				border-radius: 50%;
			}

.WidgetMarketDepth__footer .button-icon.button-secondary.button-expand:hover:before {
					background: var(--button-hovered-overlay-color);
				}

.WidgetMarketDepth__footer .button-icon.button-secondary.button-expand .icon {
				width: 10px;
				height: 16px;
				fill: var(--icon-primary-default-color);
				vertical-align: unset;
			}

.WidgetMarketDepth__warning {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 8px 10px 10px;
	background-color: var(--trade-builder-step-warning-color);
	border: solid 1px var(--wrong-tooltip-border-color);
	font-size: 14px;
	text-align: center;
	color: var(--trade-warning-message-text-color);
}

.WidgetMarketDepth__switcherWrap {
	display: flex;
	margin: 0 10px 0 15px;
	overflow: hidden;	
}

.WidgetMarketDepth__switcher {
	display: flex;
	flex-direction: row-reverse;
	gap: 7px;
	align-items: center;
	overflow: hidden;
}

.WidgetMarketDepth__switcher:nth-child(2) {
		margin-left: 24px;
	}

.WidgetMarketDepth__switcher span {
		font-size: 12px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

.WidgetMarketDepth__tooltipAnchor {
	font-size: 18px;
	position: relative;
}

.WidgetMarketDepth__tooltipAnchor .WidgetMarketDepth__switcher span {
		margin-top: -3px;
	}

.WidgetMarketDepth__tooltipAnchor .tooltip__container {
				width: 195px;
				top: -25px;
			}

.WidgetMarketDepth__tooltipAnchor .tooltip__pointer {
				top: 100%;
				left: 5px;
			}

.WidgetMarketDepth__tooltipAnchor .tooltip__pointer_arrowTop:before {
					top: -4px;
					left: 2px;
				}

.WidgetMarketDepth__tooltipAnchor .tooltip .WidgetMarketDepth__switcher {
					margin: 0;
				}

.WidgetMarketDepth__notification {
	position: absolute;
	right: 220px;
	z-index: 10;
	cursor: default;
}

.WidgetMarketDepth__notification::before,
	.WidgetMarketDepth__notification::after {
		content: "";
		position: absolute;
		left: 10px;
		transform: scaleY(0.8) translateX(-50%);
		z-index: 2;
		width: 0;
		height: 0;
		border-style: solid;
	}

.WidgetMarketDepth__notification_top {
		top: 62px;
		box-shadow: 0 -4px 10px 0 var(--shadow-color);
	}

.WidgetMarketDepth__notification_top::before,
		.WidgetMarketDepth__notification_top::after {
			bottom: calc(100% - 2px);
		}

.WidgetMarketDepth__notification_top::before {
			border-width: 10px 0 0 10px;
			border-color: transparent transparent transparent var(--depth-of-market-collapse-box-border-color);
		}

.WidgetMarketDepth__notification_top::after {
			border-width: 8px 0 0 8px;
			border-color: transparent transparent transparent var(--chart-drawing-management-panel-bg-color-1);
		}

.WidgetMarketDepth__notification_bottom {
		bottom: 20px;
		box-shadow: 0 4px 10px 0 var(--shadow-color);
	}

.WidgetMarketDepth__notification_bottom::before,
		.WidgetMarketDepth__notification_bottom::after {
			top: calc(100% - 2px);
		}

.WidgetMarketDepth__notification_bottom::before {
			border-width: 10px 10px 0 0;
			border-color: var(--depth-of-market-collapse-box-border-color) transparent transparent transparent;
		}

.WidgetMarketDepth__notification_bottom::after {
			border-width: 8px 8px 0 0;
			border-color: var(--chart-drawing-management-panel-bg-color-1) transparent transparent transparent;
		}

.WidgetMarketDepth__notification .ordersCell__container {
			cursor: default;
		}

.WidgetMarketDepth__notification .aggregationBox__container {
			box-sizing: border-box;
			height: 28px;
			padding-bottom: 2px;
		}



.gridMarketDepth__container {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	position: relative;
	z-index: 1;
	min-height: 140px;
}

	.gridMarketDepth__container .scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollable--container {
			padding-right: 0;
		}

	.gridMarketDepth__container .scrollable .scrollbar {
			background-color: transparent;
		}

	.gridMarketDepth__container .grid--head {
				padding: 0;
			}

	.gridMarketDepth__container .grid--head .gridMarketDepth__actions .gridMarketDepth__hcell {
							box-shadow: 0 1px 0 0 var(--depth-of-market-market-order-row-divider-color);
						}

	.gridMarketDepth__container .grid--head .gridMarketDepth__actions .gridMarketDepth__hcell .table--cell {
									color: var(--table-text-color);
								}

	.gridMarketDepth__container .grid--body {
				background: var(--depth-of-market-market-order-row-bg-color);
			}

	.gridMarketDepth__container .grid.grid-market-actions__grid {
				height: 3.5rem;
				border-top: 1px solid  var(--line-color);
			}

	.gridMarketDepth__container .grid.grid-market-actions__grid .scrollable--container,
				.gridMarketDepth__container .grid.grid-market-actions__grid .scrollable--content,
				.gridMarketDepth__container .grid.grid-market-actions__grid .table--cell,
				.gridMarketDepth__container .grid.grid-market-actions__grid .table--head,
				.gridMarketDepth__container .grid.grid-market-actions__grid .table--main {
					padding: 0;
					min-height: 100%;
					height: 3rem;
				}

	.gridMarketDepth__container .grid.grid-market-actions__grid .table--cell {
					display: flex;
					justify-content: center;
					align-items: center;
				}

	.gridMarketDepth__container .grid.grid-market-actions__grid .table--cell-alignRight {
					justify-content: flex-end;
				}

	.gridMarketDepth__container .grid.grid-market-actions__grid .table--cell-alignLeft {
					justify-content: flex-start;
				}

	.gridMarketDepth__container .grid.grid-market-actions__grid .scrollbar.scrollbar-vertical {
					opacity: 0;
				}

	.gridMarketDepth__container .table--head tr:first-child th {
					box-shadow: 0 1px 0 0 var(--table-header-shadow-color);
				}

	.gridMarketDepth__container .table--head .table--cell-bid,
				.gridMarketDepth__container .table--head .table--cell-ask {
					padding: 0;
				}

	.gridMarketDepth__container .table--colAdapts-volume {
					width: 134px;
				}

	.gridMarketDepth__container .table--colAdapts-openPl {
					width: 95px;
				}

	.gridMarketDepth__container .table--colAdapts-bid {
					width: 75px;
				}

	.gridMarketDepth__container .table--colAdapts-price {
					width: 80px;
				}

	.gridMarketDepth__container .table--colAdapts-ask {
					width: 75px;
				}

	.gridMarketDepth__container .table--colAdapts-orders {
					width: 380px;
				}

	.gridMarketDepth__container .table--columnTitle {
				font-size: 12px;
			}

	.gridMarketDepth__container .table--body tr:hover td {
						background: var(--table-row-bg-hover-color);
					}

	.gridMarketDepth__container .table--body tr:hover .button::before {
							background-color: var(--button-bg-color);
						}

	.gridMarketDepth__container .table--body .table--cell {
					height: 31px;
					line-height: 32px;
				}

	.gridMarketDepth__container .table--body .table--cell-bid,
				.gridMarketDepth__container .table--body .table--cell-ask {
					padding: 0;
					position: relative;
					overflow: initial;
					line-height: normal;
				}

	.gridMarketDepth__container .table--body .table--cell-bid .button, .gridMarketDepth__container .table--body .table--cell-ask .button {
						width: 60px;
						height: 100%;
						text-align: inherit;
						color: inherit;
						background: transparent;
						padding: 0 14px 0 10px;
					}

	.gridMarketDepth__container .table--body .table--cell-bid .button::before, .gridMarketDepth__container .table--body .table--cell-ask .button::before {
							top: 1px;
							left: 0;
							right: 0;
							bottom: -1px;
							background-color: var(--table-trading-button-bg-color);
							border-color: var(--table-trading-button-inside-border-top-color);
							border-bottom-color: var(--table-trading-button-inside-border-bottom-color);
						}

	.gridMarketDepth__container .table td {
				padding: 0;
			}

	.gridMarketDepth__container .table--cell-thOrders {
					margin-left: 25px;
				}

	.gridMarketDepth__container .table--cell-openPl.table--cell-positive {
						background: var(--depth-of-market-open-pl-positive-bg-color);
					}

	.gridMarketDepth__container .table--cell-openPl.table--cell-negative {
						background: var(--depth-of-market-open-pl-negative-bg-color);
					}

	.gridMarketDepth__container .table--cell-openPl.table--cell-positive,
					.gridMarketDepth__container .table--cell-openPl.table--cell-negative {
						color: var(--table-text-color);
					}

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

	.gridMarketDepth__container .table--cell-price {
					text-align: center;
				}

	.gridMarketDepth__container .table--cell-price.table--cell-inactive {
						color: var(--depth-of-market-table-inactive-price-text-color);
					}

	.gridMarketDepth__container .table--cell-price.table--cell-additional {
						color: var(--depth-of-market-table-additional-text-color);
					}

	.gridMarketDepth__container .table--cell-price.table--cell-marked {
						font-weight: bold;
						color: var(--common-text-default);
					}

	.gridMarketDepth__container .table--cell-price.table--cell-highlighted {
						background: var(--depth-of-market-price-additional-bg-color);
					}

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

	.gridMarketDepth__container .table--cell-ask .button:active, .gridMarketDepth__container .table--cell-bid .button:active {
							box-shadow: none;
						}

	.gridMarketDepth__container .table--cell-orders.table--cell {
						display: inline-flex;
						align-items: center;
						padding-left: 0;
						margin-top: 1px;
						overflow: visible;
					}

	.gridMarketDepth__container .table--cell-orders .button {
						flex-shrink: 0;
						width: 22px;
						height: 22px;
						margin-left: 7px;
						margin-right: 6px;
						border-radius: calc(var(--controls-border-radius) - 1px);
						background: var(--button-bg-color);
						box-shadow: 0 0 0 1px var(--button-outside-border-color);
					}

	.gridMarketDepth__container .table--cell-orders .button::before {
							border-top-color: var(--button-inside-border-top-color);
							border-bottom-color: var(--button-inside-border-bot-color);
							border-left-color: var(--button-inside-border-side-color);
							border-right-color: var(--button-inside-border-side-color);
							background: transparent;
							transition: background 220ms ease-in;
							border-radius: calc(var(--controls-border-radius) - 1px);
						}

	.gridMarketDepth__container .table--cell-orders .button .icon {
							width: 12px;
							height: 12px;
							fill: var(--icon-primary-default-color);
							vertical-align: bottom;
						}

	.gridMarketDepth__container .WidgetMarketDepth__notification_bottom {
			bottom: 10px;
		}

	.gridMarketDepth__container .gridMarketDepth__orderWrapper {
		margin-left: 25px;
	}

.gridMarketDepth__volumeScale {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(80deg, var(--depth-of-market-volume-bg-color-1), var(--depth-of-market-volume-bg-color-2));
}

.gridMarketDepth__volumeValue {
	position: relative;
	z-index: 1;
}

.gridMarketDepth__group {
	display: inline-flex;
	align-items: center;
	height: 22px;
}

.gridMarketDepth__orderWrapper {
	display: flex;
	align-items: center;
	padding-left: 10px;
	position: relative;
}

.gridMarketDepth__orderWrapper_single .gridMarketDepth__order::before {
			display: none;
		}

.gridMarketDepth__orderActions {
	position: sticky;
	right: 8px;
	display: flex;
	gap: 4px;
	justify-content: flex-end;
	margin-bottom: 4px;
}

.gridMarketDepth__orderContent {
	display: flex;
	align-items: center;
}

.gridMarketDepth__orderCells__wrapper + .gridMarketDepth__orderCells__wrapper {
	margin-left: 7px;
}

.gridMarketDepth__order .icon-alert-triggered-order {
			width: 13px;
			height: 13px;
			fill: var(--order-entry-add-alert-icon-color);
		}

.gridMarketDepth__order .button {
			display: none;
		}

.gridMarketDepth__order::before {
		content: "";
	}

.gridMarketDepth__order::before,
	.gridMarketDepth__order .gridMarketDepth__groupWick {
		position: absolute;
		top: 50%;
	}

.gridMarketDepth__order::before {
		width: 3px;
		height: 3px;
		margin-top: -1px;
		border-radius: 50%;
		left: 3px;
	}

.gridMarketDepth__order_selected.gridMarketDepth__order +.gridMarketDepth__orderContent .ordersCell__container,
				.gridMarketDepth__order_selected.gridMarketDepth__order +.gridMarketDepth__orderContent .multiAssetOrder__container {
					opacity: 1;
				}

.gridMarketDepth__order .gridMarketDepth__groupWick {
		height: 1px;
		right: calc(100% - 3px);
	}

.gridMarketDepth__order .gridMarketDepth__groupLevel {
		width: 6px;
		height: 1px;
		left: 0;
	}

.gridMarketDepth__order_oso::before,
		.gridMarketDepth__order_oso .gridMarketDepth__groupWick,
		.gridMarketDepth__order_oso .gridMarketDepth__groupLink {
			background-color: rgba(var(--order-entry-group-order-connection-line-oso-rgb, 0.4));
		}

.gridMarketDepth__order_oso .gridMarketDepth__counter {
			background: var(--chart-order-oso-index-bg-color);
		}

.gridMarketDepth__order_osoChild::before,
		.gridMarketDepth__order_osoChild .gridMarketDepth__groupWick,
		.gridMarketDepth__order_osoChild .gridMarketDepth__groupLink {
			background-color: rgba(var(--order-entry-group-order-connection-line-oso-rgb), 0.4);
		}

.gridMarketDepth__order_osoChild .gridMarketDepth__counter {
			background: var(--chart-order-oso-child-index-bg-color);
		}

.gridMarketDepth__order_osoChild .gridMarketDepth__symbol .icon {
					width: 28px;
				}

.gridMarketDepth__order_oco::before,
		.gridMarketDepth__order_oco .gridMarketDepth__groupWick,
		.gridMarketDepth__order_oco .gridMarketDepth__groupLink {
			background-color: rgba(var(--order-entry-group-order-connection-line-oco-rgb, 0.4));
		}

.gridMarketDepth__order_oco .gridMarketDepth__counter {
			background: var(--chart-order-oco-index-bg-color);
		}

.gridMarketDepth__order_bracket::before,
		.gridMarketDepth__order_bracket .gridMarketDepth__groupWick,
		.gridMarketDepth__order_bracket .gridMarketDepth__groupLink {
			background-color: rgba(var(--order-entry-group-order-connection-line-bracket-rgb, 0.4));
		}

.gridMarketDepth__order_bracket .gridMarketDepth__counter {
			background: var(--chart-order-bracket-index-bg-color);
		}


.gridMarketDepth__amount {
	margin-right: 7px;
}

.gridMarketDepth__group {
	padding: 0 7px;
	background: linear-gradient(74deg, var(--chart-drawing-management-panel-bg-color-1), var(--chart-drawing-management-panel-bg-color-2) 98%);
	border: solid 1px var(--depth-of-market-collapse-box-border-color);
	border-radius: calc(var(--controls-border-radius) - 1px);
}

.gridMarketDepth__iconOrdersWrap {
	height: 14px;
	line-height: 12px;
}

.gridMarketDepth__iconOrdersWrap {
	margin-right: 10px;

}

.gridMarketDepth__iconOrdersWrap .icon {
			width: 9px;
			height: 9px;
			margin-left: 4px;
			vertical-align: baseline;
		}

.gridMarketDepth__groupLink {
	width: 1px;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 0;
}

.gridMarketDepth__groupLink_invert {
		top: auto;
		bottom: 11px;
	}


.gridMarketDepth__actions {
	color: var(--common-text-default);
	background: var(--depth-of-market-market-order-row-bg-color);
}


.gridMarketDepth__actions .table--cell {
			height: 30px;
			line-height: 26px;
			font-size: 14px;
			font-weight: normal;
		}


.gridMarketDepth__actions .button {
			height: 25px;
			border-radius: var(--controls-border-radius);
			width: 60px;
		}


.gridMarketDepth__actions .button-buy {
				background-color: var(--buy-button-default-bg-color);
				border: solid 1px var(--buy-button-outside-border-color);
			}


.gridMarketDepth__actions .button-sell {
				background-color: var(--sell-button-default-bg-color);
				border: solid 1px var(--sell-button-outside-border-color);
			}


.gridMarketDepth__actions .button-buy[disabled], .gridMarketDepth__actions .button-sell[disabled] {
					background-color: var(--button-disabled-bg-color);
					border: solid 1px var(--button-outside-border-color);
					color: var(--common-text-disabled);
				}

.gridMarketDepth__tooltip {
	position: absolute;
	z-index: 2;
	background: var(--hint-tooltip-bg-color);
	color: var(--hint-tooltip-text-color);
	box-shadow: 0 1px 10px 0 var(--trade-builder-step-hint-tooltip-shadow-color);
	padding: 2px 10px 6px;
	line-height: normal;
	white-space: nowrap;
	font-size: 14px;
}

.gridMarketDepth__highlighted td {
		background: var(--table-row-bg-hover-color);
		cursor: pointer;
	}


span.table--cell.table--cell-connectorCell {
		overflow: visible;
		width: 100%;
		padding: 0;
	}

.connectorCell__symbol {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}

.connectorCell__symbol_oso,
	.connectorCell__symbol_osoOco,
	.connectorCell__symbol_osoColored {
		padding-left: 7px;
	}

.connectorCell__symbol_oso .connectorCell__groupLink, .connectorCell__symbol_osoOco .connectorCell__groupLink, .connectorCell__symbol_osoColored .connectorCell__groupLink {
			background-color: var(--order-entry-group-order-connection-line-oso);
		}

.connectorCell__symbol_osoOco,
	.connectorCell__symbol_oso {
		background-color: var(--order-entry-group-oso-cell-bg-color);
	}

.connectorCell__symbol_osoColored {
		background-color: var(--order-entry-group-oso-child-cell-bg-color);
	}

.connectorCell__symbol_osoChild,
	.connectorCell__symbol_oco,
	.connectorCell__symbol_bracket {
		padding-left: 22px;
	}

.connectorCell__symbol_osoChild:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::before,
			.connectorCell__symbol_osoChild:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::after,
			.connectorCell__symbol_oco:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::before,
			.connectorCell__symbol_oco:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::after,
			.connectorCell__symbol_bracket:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::before,
			.connectorCell__symbol_bracket:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::after {
				content: '';
				position: absolute;
				top: 50%;
			}

.connectorCell__symbol_osoChild:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::before, .connectorCell__symbol_oco:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::before, .connectorCell__symbol_bracket:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::before {
				width: 3px;
				height: 3px;
				margin-top: -1px;
				left: -9px;
				z-index: 1;
				border-radius: 50%;
			}

.connectorCell__symbol_osoChild:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::after, .connectorCell__symbol_oco:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::after, .connectorCell__symbol_bracket:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::after {
				left: -15px;
				width: 6px;
				height: 1px;
			}

.connectorCell__symbol_osoChild {
		background-color: var(--order-entry-group-oso-child-cell-bg-color);
	}

.connectorCell__symbol_osoChild:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::before,
			.connectorCell__symbol_osoChild:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::after {
				background-color: var(--order-entry-group-order-connection-line-oso);
			}

.connectorCell__symbol_osoChild .connectorCell__groupLink {
			left: 0;
			background-color: var(--order-entry-group-order-connection-line-oso);
		}

.connectorCell__symbol_oco {
		background-color: var(--order-entry-group-oco-cell-bg-color);
	}

.connectorCell__symbol_oco:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::before,
			.connectorCell__symbol_oco:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::after {
				background-color: var(--order-entry-group-order-connection-line-oco);
			}

.connectorCell__symbol_oco .connectorCell__groupLink {
			background-color: var(--order-entry-group-order-connection-line-oco);
		}

.connectorCell__symbol_bracket {
		background-color: var(--order-entry-group-bracket-cell-bg-color);
	}

.connectorCell__symbol_bracket:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::before,
			.connectorCell__symbol_bracket:not(.connectorCell__symbol_single) .connectorCell__symbolIconWrap::after {
				background-color: var(--order-entry-group-order-connection-line-bracket);
			}

.connectorCell__symbol_bracket .connectorCell__groupLink {
			background-color: var(--order-entry-group-order-connection-line-bracket);
		}

.connectorCell__symbol_multi.connectorCell__symbol_oso .connectorCell__groupLink, .connectorCell__symbol_multi.connectorCell__symbol_osoColored .connectorCell__groupLink {
				background-color: var(--order-entry-group-order-connection-line-oso);
			}

.connectorCell__symbol_multi.connectorCell__symbol_osoOco .connectorCell__groupLink {
				background-color: var(--order-entry-group-order-connection-line-oco);
			}

.connectorCell__symbol_multi.connectorCell__symbol_oco,
		.connectorCell__symbol_multi.connectorCell__symbol_bracket {
			padding-left: 24px;
		}

.connectorCell__symbol_multi.connectorCell__symbol_oco .connectorCell__groupLink, .connectorCell__symbol_multi.connectorCell__symbol_bracket .connectorCell__groupLink {
				left: 12px;
			}

.connectorCell__symbol_multi.connectorCell__symbol_oco .connectorCell__groupLink::after, .connectorCell__symbol_multi.connectorCell__symbol_bracket .connectorCell__groupLink::after {
					position: absolute;
					content: "";
					width: 6px;
					height: 1px;
					top: 50%;
					left: -5px;
					background-color: var(--order-entry-group-order-connection-line-oco);
					transform: translateY(-50%);
				}

.connectorCell__symbol_multi.connectorCell__symbol_oco .connectorCell__symbolIconWrap::before, .connectorCell__symbol_multi.connectorCell__symbol_bracket .connectorCell__symbolIconWrap::before {
					left: -8px;
				}

.connectorCell__symbol_multi.connectorCell__symbol_oco .connectorCell__symbolIconWrap::after, .connectorCell__symbol_multi.connectorCell__symbol_bracket .connectorCell__symbolIconWrap::after {
					left: -12px;
				}

.connectorCell__symbol.connectorCell__symbol_bracket .connectorCell__groupLink::after {
					background-color: var(--order-entry-group-order-connection-line-bracket);
				}

.connectorCell__symbol.connectorCell__symbol_oco .connectorCell__groupLink::after {
					background-color: var(--order-entry-group-order-connection-line-oco);
				}

.connectorCell__symbol_single {
		background-color: transparent;
		padding-left: 7px;
	}

.connectorCell__groupLink {
	width: 1px;
	z-index: 1;
	position: absolute;
	left: 7px;
	margin-top: -1px;
}

.connectorCell__symbolIconWrap {
	display: inline-block;
	height: 14px;
	vertical-align: middle;
	position: relative;
	margin-top: -1px;
}

.connectorCell__symbolIconWrap .icon {
			width: 18px;
			height: 14px;
		}

.connectorCell__groupTypeText {
	font-size: 14px;
	margin-left: 7px;
    margin-top: 2px;
    display: inline-block;
}

.connectorCell__orderGroupInfoNumber{
	display: inline-block;
	padding-right: 2px;
	vertical-align: middle;
	position: relative;
    height: 14px;
	margin-top: -1px;
}

.connectorCell__orderGroupInfoNumber_oco {
		background: var(--chart-order-oco-index-bg-color);
	}

.connectorCell__orderGroupInfoNumber_bracket {
		background: var(--chart-order-bracket-index-bg-color);
	}

.connectorCell__counter {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: var(--common-text-default);
	line-height: 12px;
}
.gridTradeParameter__container .grid {
			position: relative;
			height: auto;
		}

			.gridTradeParameter__container .grid--head {
				padding: 0;
			}

			.gridTradeParameter__container .grid--body {
				position: relative;
				top: 0;
				margin-right: 0;
			}
		.gridTradeParameter__container thead th {
				padding-left: 12px;
				padding-right: 0;
				font-size: 12px;
				box-shadow: 0 1px var(--line-color);
			}
		.gridTradeParameter__container thead th:last-child {
					padding-right: 3px;
				}
		.gridTradeParameter__container thead th .table--sortBy {
					cursor: default;
				}
		.gridTradeParameter__container thead th .table--sortBy .icon {
						display: none;
					}
		.gridTradeParameter__container tbody .table--cell {
				box-shadow: -1px 0 var(--line-color);
				text-align: initial;
			}
		.gridTradeParameter__container tbody .table--cell-connectorCell.table--cell {
						padding: 0;
					}
		.gridTradeParameter__container tbody .table--cell-disabled {
					background-color: var(--order-entry-table-cell-disabled);
					color: var(--common-text-disabled);
				}
		.gridTradeParameter__container tbody .table--cell-quantity,
				.gridTradeParameter__container tbody .table--cell-distance {
					padding-right: 0;
				}
		.gridTradeParameter__container tbody .table--cell-durationDate {
					overflow: visible;
				}
		.gridTradeParameter__container tbody .table--cell-durationDate .control-selectBox {
						width: 58px;
					}
		.gridTradeParameter__container tbody td:first-child {
				box-shadow: 0 1px var(--line-color);
			}
		.gridTradeParameter__container tbody td:first-child .table--cell {
					box-shadow: none;
				}
		.gridTradeParameter__container tbody td:last-child .table--cell {
					box-shadow: -1px 0 var(--line-color), -1px 0 var(--line-color) inset;
				}
		.gridTradeParameter__container td {
			padding-right: 0;
			padding-left: 0;
		}
		.gridTradeParameter__container .table--col-symbol, .gridTradeParameter__container .table--colAdapts-symbol {
					width: 73px;
				}
		.gridTradeParameter__container .table--col-orderType, .gridTradeParameter__container .table--colAdapts-orderType {
					width: 96px;
				}
		.gridTradeParameter__container .table--col-quantity, .gridTradeParameter__container .table--colAdapts-quantity {
					width: 89px;
				}
		.gridTradeParameter__container .table--col-duration, .gridTradeParameter__container .table--colAdapts-duration {
					width: 65px;
				}
		.gridTradeParameter__container .table--col-exchange, .gridTradeParameter__container .table--colAdapts-exchange {
					width: 86px;
				}
		.gridTradeParameter__container .table--col-distance, .gridTradeParameter__container .table--colAdapts-distance {
					width: 95px;
				}
		.gridTradeParameter__container .table--cell {
				padding: 0;
			}
		.gridTradeParameter__container .table--body td:first-child,
			.gridTradeParameter__container .table--body th:first-child {
				padding: 1px 0 0 0;
			}
		.gridTradeParameter__container .selectBox::before {
				display: none;
			}
		.gridTradeParameter__container .selectBox-active:before,
			.gridTradeParameter__container .selectBox-active:hover:before,
			.gridTradeParameter__container .selectBox:active:before {
				background: transparent;
			}
		.gridTradeParameter__container .selectBox--arrow {
				display: none;
			}
		.gridTradeParameter__container .datePicker .button .icon {
			fill: var(--icon-primary-default-color);
		}
		.gridTradeParameter__container .gridOrderEntry__selectBoxPlaceholder {
			padding: 0 6px 0 12px;
		}
		.gridTradeParameter__container .connectorCell__symbol::after {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 1px;
				height: 100%;
				background: var(--line-color);
			}
		.gridTradeParameter__container .connectorCell__symbol:not(.connectorCell__symbol_oso, .connectorCell__symbol_osoOco, .connectorCell__symbol_osoColored) {
				display: inline-flex;
				align-items: center;
			}
	.gridTradeParameter__container_withDatePicker .table--col.table--col-duration,
			.gridTradeParameter__container_withDatePicker .table--colAdapts.table--colAdapts-duration {
				width: 170px;
			}

.gridTradeParameter__orderType {
	font-size: 14px;
	line-height: 20px;
	padding: 0 6px 0 12px;
}

.gridTradeParameter__groupTypeText {
	font-size: 14px;
	margin-left: 12px;
	display: inline-block;
}

.gridTradeParameter__groupTypeText::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 1px;
		height: 100%;
		background: var(--line-color);
	}

.gridTradeParameter__selectBoxPlaceholder {
	box-sizing: border-box;
	display: inline-block;
	height: 100%;
	width: 100%;
	padding: 0 6px 0 12px;
	color: var(--input-default-text-color);
	font-size: 14px;
	line-height: 23px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
	text-align: left;
}

.gridTradeParameter__selectBoxPlaceholder:not(.gridTradeParameter__selectBoxPlaceholder_disabled).gridTradeParameter__selectBoxPlaceholder_sell {
			color: var(--sell-text-color);
		}

.gridTradeParameter__selectBoxPlaceholder:not(.gridTradeParameter__selectBoxPlaceholder_disabled).gridTradeParameter__selectBoxPlaceholder_buy {
			color: var(--buy-text-color);
		}

.gridTradeParameter__selectBoxPlaceholder_disabled {
		color: var(--common-text-disabled);
		cursor: default;
	}

.dropDown-selectBox-gridTradeParameter {
		font-size: 14px;
	}

.dropDown-selectBox-gridTradeParameter .dropDown--option {
			padding: 0 6px 0 12px;
		}


.tradeParameter__container {
	box-sizing: content-box;
	display: flex;
	justify-content: flex-start;
	height: 21px;
	padding: 10px 18px 10px 16px;
	box-shadow: 0 1px 0 0 rgba(9, 9, 15, 0.5);
	z-index: 1;
	overflow: hidden;
}

	.tradeParameter__container .button-expand .icon {
				width: 11px;
				height: 6px;
				margin-top: 3px;
				margin-right: 5px;
				fill: var(--icon-primary-default-color);
			}

	.tradeParameter__container .activationRuleButton__ruleText {
			font-weight: normal;
		}

	.tradeParameter__container .activationRuleButton__ruleLabel {
			margin-right: 4px;
		}

	.tradeParameter__container .activationRuleButton__container {
			white-space: nowrap;
		}

	.tradeParameter__container .gridTradeParameter__container {
			display: none;
		}

	.tradeParameter__container_expanded {
		height: unset;
		padding-bottom: 28px;
	}

	.tradeParameter__container_expanded .tradeParameter__gridTitle {
			visibility: visible;
			width: auto;
		}

	.tradeParameter__container_expanded .tradeParameter__parameters-title_container .control-selectbox,
				.tradeParameter__container_expanded .tradeParameter__parameters-title_container .control-selectBox {
					display: none;
				}

	.tradeParameter__container_expanded .tradeParameter__parameters-options_container .control-selectbox,
				.tradeParameter__container_expanded .tradeParameter__parameters-options_container .control-selectBox {
					display: block;
				}

	.tradeParameter__container_expanded .gridTradeParameter__container {
				display: block;
			}

	.tradeParameter__container:not(.tradeParameter__container_expanded) .tradeParameter__parameters-title_container .control-selectbox,
				.tradeParameter__container:not(.tradeParameter__container_expanded) .tradeParameter__parameters-title_container .control-selectBox {
					display: block;
				}

	.tradeParameter__container:not(.tradeParameter__container_expanded) .tradeParameter__parameters-options_container .control-selectbox,
				.tradeParameter__container:not(.tradeParameter__container_expanded) .tradeParameter__parameters-options_container .control-selectBox {
					display: none;
				}

	.tradeParameter__container .tradeParameter__activationRule_container {
		margin-top: 13px
	}

	.tradeParameter__container .tradeParameter__parameters-title_container {
		display: inline-flex;
		gap: 10px;
	}

	.tradeParameter__container .tradeParameter__parameters-title_container .control-selectbox,
			.tradeParameter__container .tradeParameter__parameters-title_container .control-selectBox {
				margin-top: -4px;
			}

.tradeParameter__orderTemplate {
	display: flex;
	flex-direction: column;
}

.tradeParameter__orderTemplate .selectBox {
			width: 150px;
		}

.tradeParameter__title,
.tradeParameter__gridTitle {
	display: inline-block;
	margin-bottom: 11px;
	color: var(--additional-text-color);
	font-size: 12px;
}

.tradeParameter__gridTitle {
	visibility: hidden;
	width: 0;
}

.tradeParameter__buttonExpandWrap {
	margin-right: 15px;
	color: var(--order-entry-show-hide-text-color);
	font-weight: 500;
	position: relative;
}

.tradeParameter__buttonExpandWrap:active {
		top: 1px;
	}

.tradeParameter__leftColumn {
	display: flex;
	align-items: baseline;
	margin-right: 20px;
}

.tradeParameter__rightColumn {
	flex-grow: 1;
}

.tradeParameter__header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.tradeParameter__hidden {
	display: none;
}
.widgets-demo__container {
    height: 280px;
}

	.widgets-demo__container .droppable-body__wrapper___third-party-legacy-react-kit-components-layout-components-droppable-body-theme- {
			height: unset;
		}
.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;
		}
.newsWidgetBodyWrapper {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.news__header {
	display: flex;
	flex-shrink: 0;
	height: 18px;
	-o-object-fit: contain;
	   object-fit: contain;
	box-shadow: 0 1px 0 0 var(--table-header-shadow-color);
	background-color: var(--table-header-bg-color);
	z-index: 1;
	margin-bottom: 1px;
}

.news__column_date {
		flex-shrink: 0;
		padding: 2px 16px 2px 9px;
		width: 103px;
		display: flex;
		box-sizing: border-box;
		justify-content: flex-start;
		white-space: nowrap;
		font-size: 12px;
		color: var(--table-column-text-header-color);
		position: relative;
		cursor: pointer;
	}

.news__column_date:hover .news__filterArrow {
				display: block;
			}

.news__column_title {
		width: 100%;
		font-size: 12px;
		padding: 2px 0;
		color: var(--table-column-text-header-color);
	}

.news__cell {
	padding: 7px 0 6px 0;
	border-top: 1px solid var(--table-totals-divider-line-color);
}

.news__item {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	position: relative;
	font-size: 14px;
	color: var(--table-text-color);
	overflow: hidden;
}

.news__item__title {
		flex-grow: 1;
		padding-right: 18px;
	}

.news__item__header {
		display: flex;
		position: relative;
		cursor: pointer;
		width: 100%;
	}

.news__item__header:hover {
			background-color: var(--table-row-bg-hover-color);
		}

.news__item__header:hover .news__item__arrow {
				display: flex;
			}

.news__item__body {
		display: flex;
		flex-direction: column;
		width: 100%;
		justify-content: center;
		margin: 2px 0 8px;
	}

.news__item__content {
		max-width: 100%;
		position: relative;
		padding: 10px 8px 4px 12px;
		box-sizing: border-box;
	}

.news__item__dateTime {
		flex-shrink: 0;
		width: 103px;
		display: flex;
		box-sizing: border-box;
		justify-content: flex-end;
	}

.news__item__arrow {
		position: absolute;
		right: 0;
		top: 0;
		display: none;
		width: 40px;
		height: 100%;
		align-items: center;
		justify-content: center;
		background-image: linear-gradient(to left, var(--table-row-bg-hover-color), rgba(var(--table-row-bg-hover-color),  0));
	}

.scrollable__withVerticalScrollbar .news__item__arrow {
		right: -9px;
	}

.news__item__icon {
		width: 7px;
		height: 4px;
		fill: var(--icon-primary-default-color);
	}

.news__item_isOpened {
		background: var(--widget-bg-overlay-dark);
	}

.news__item_isOpened::before {
			content: '';
			display: block;
			height: 100%;
			width: 3px;
			background-color: var(--news-article-vertical-border);
			position: absolute;
			z-index: 1;
		}

.news__item_isOpened .news__item__header {
			background: var(--table-group-bg-selected-color);
		}

.news__item_isOpened .news__item__header:hover {
				background: var(--table-group-bg-selected-color);
			}

.news__item:first-child .news__cell {
			border: none;
		}

.news__date {
	padding-left: 11px;
	padding-right: 9px;
	white-space: nowrap;
}

.news__time {
	padding-right: 10px;
}

.news__filterArrow {
	position: absolute;
	left: 4px;
	width: 4px;
	height: 4px;
	top: 7px;
	display: none;
}

.button-h-child__container___1dekR {
	padding-left: 12px;
	margin-bottom: 16px;
}

.button-h-child__container___1dekR.button-link {
			 font-family: Crossten, sans-serif;
			 font-style: normal;
			 font-weight: normal;
			 font-size: 12px;
			 line-height: 14px;
        }
.icon-h-child__container____A1Zj {
	width: 9px;
	height: 9px;
	position: relative;
	top: 1px;
}
.empty-view-h-child__title___1l90g,
.empty-view-h-child__content___3ie3b {
	color: var(--additional-text-color);
	text-align: center;
}

.empty-view-h-child__content___3ie3b {
	line-height: 22px;
	color: var(--additional-text-color);
}

.empty-view-h-child__container___3-mpE {
	padding: 10px 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	align-items: center;
}
:root {
	--min-width-grid: 800px;
}

.optionChainNew__container {
	position: relative;
	height: inherit;
	overflow: hidden;
	font-size: 14px;
}

.optionChainNew__container_pending .optionChain--expirations {
				display: none;
			}

.optionChainNew__container_singleTable .optionChainNew__grid_calls,
		.optionChainNew__container_singleTable .optionChainNew__grid_puts {
			width: calc(100% - 236px);
		}

.optionChainNew__container .scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollable--container {
			padding-right: 11px;
		}

.optionChainNew__container .scrollbar-vertical {
			right: 1px;
		}

.optionChainNew__container .list--item {
				background: var(--option-chain-strategies-support-bg-color);
			}

.optionChainNew__container .list--item-level1 {
					padding-left: 0;
				}

.optionChainNew__container .grid-lowerHeader {
				height: 24px;
			}

.optionChainNew__container .grid-lowerHeader .grid--head {
					box-shadow: none;
				}

.optionChainNew__container .grid-lowerHeader .table--cell {
					height: 18px;
					padding: 1px 10px 0;
				}

.optionChainNew__container .grid--body {
				position: relative;
				top: 0;
			}

.optionChainNew__container .grid--body:not(.scrollable-withVerticalScrollbar) {
					margin-right: 0;
				}

.optionChainNew__container .table--col {
				width: 79px;
			}

.optionChainNew__container .table--col-calls,
				.optionChainNew__container .table--col-puts {
					width: calc((100% - 236px) / 2);
				}

.optionChainNew__container .table--col-strike {
					width: 236px;
				}

.optionChainNew__container .table--col-theoPrice {
					width: 82px;
				}

.optionChainNew__container .table--col-bid,
				.optionChainNew__container .table--col-ask {
					width: 98px;
				}

.optionChainNew__container .table--col-annualizedRoR {
					width: 110px;
				}

.optionChainNew__container .table--sortBy {
				cursor: default;
			}

.optionChainNew__container .table--cell {
				z-index: 2;
			}

.optionChainNew__container .table--cell .icon-sort,
				.optionChainNew__container .table--cell .icon-sorted-asc,
				.optionChainNew__container .table--cell .icon-sorted-desc,
				.optionChainNew__container .table--cell .icon-filter {
					display: none;
				}

.optionChainNew__container .table thead th {
				font-weight: 500;
			}

.optionChainNew__container .table tbody .table--cell {
				height: 24px;
			}

.optionChainNew__container .table tbody .table--cell-bid {
					padding-right: 0;
					padding-left: 1px;
				}

.optionChainNew__container .table tbody .table--cell-bid .button-value {
						order: 2;
						margin-left: 1px;
						margin-right: 1px;
					}

.optionChainNew__container .table tbody .table--cell-bid .optionChainNew__spreadButton {
							order: 1;
						}

.optionChainNew__container .table tbody .table--cell-ask {
					padding-left: 0;
					padding-right: 1px;
				}

.optionChainNew__container .table tbody .table--cell-ask .button-value {
						order: 1;
						margin-right: 1px;
					}

.optionChainNew__container .table tbody .table--cell-ask .optionChainNew__spreadButton {
							order: 2;
						}

.optionChainNew__container .optionChainNew__upperTable .grid--body {
				/* NOTE: ".table thead th" has height of 18px */
				height: calc(100% - 18px);
			}

.optionChainNew__container .optionChainNew__upperTable .table thead .table--cell-ask .table--columnTitle {
						transform: translateX(-20px);
					}

.optionChainNew__container .optionChainNew__upperTable .table thead .table--cell-bid .table--columnTitle {
						transform: translateX(4px);
					}

.optionChainNew__container .optionChainNew__upperTable .table--row:hover {
						cursor: pointer;
					}

.optionChainNew__container .optionChainNew__upperTable .table--row:hover td {
							background: linear-gradient(to bottom, transparent 1px, var(--table-row-bg-hover-color) 2px);
						}

.optionChainNew__container .list--itemGroup-opened .optionChain--expirationHeaderArrow .icon {
				transform: rotate(90deg);
			}

.optionChainNew__wrapper {
	display: flex;
	height: calc(100% - 95px);
	position: relative;
}

.optionChainNew__wrapper .list--itemGroup {
			border-bottom: 1px solid var(--table-header-shadow-color);
			min-width: var(--min-width-grid);
		}

.optionChainNew__wrapper .list--itemGroup-opened {
				border-bottom: 0;
			}

.optionChainNew__wrapper .list--itemGroup:last-of-type {
				border-bottom: 0;
			}

.optionChainNew__gridsContainer {
	display: flex;
}

.optionChainNew__gridsContainer .button-value {
			text-align: right;
			padding-right: 8px;
		}

.optionChainNew__callsCol,
.optionChainNew__putsCol {
	flex-grow: 1;
}

.optionChainNew__buttons {
	padding-top: 1px;
	padding-bottom: 1px;
	display: flex;
	height: 100%;
}

.optionChainNew__buttons .button-value {
			background-color: var(--table-trading-button-bg-color);
		}

.optionChainNew__buttons .button-value::before {
				content: normal;
			}

.optionChainNew__buttons .button-value:focus {
				box-shadow: 0 0 0 1px var(--button-tertiary-border-outside-color);
			}

.optionChainNew__buttons .optionChainNew__spreadButton {
		background-color: var(--table-trading-button-bg-color);
		transition: background-color 0s;
	}

.optionChainNew__buttons .optionChainNew__spreadButton::before {
			content: normal;
		}

.optionChainNew__buttons .optionChainNew__spreadButton:focus {
			box-shadow: 0 0 0 1px var(--button-tertiary-border-outside-color);
		}

.optionChainNew__buttons:hover .button-value {
				background: var(--button-tertiary-default-bg-color);
			}

.optionChainNew__buttons:hover .button-value::before {
					content: '';
				}

.optionChainNew__buttons:hover .optionChainNew__spreadButton {
			background: var(--button-tertiary-default-bg-color);
		}

.optionChainNew__buttons:hover .optionChainNew__spreadButton .icon {
					fill: var(--icon-primary-default-color);
				}

.optionChainNew__buttons:hover .optionChainNew__spreadButton::before {
				content: '';
			}

.optionChainNew__grid_head.optionChainNew__grid_puts {
			margin-left: -5px;
		}

.optionChainNew__grid_strike {
		width: 236px;
	}

.optionChainNew__grid_strike .grid-upperHeader {
				border-left: 1px solid var(--table-header-shadow-color);
				border-right: 1px solid var(--table-header-shadow-color);
				z-index: 2;
			}

.optionChainNew__grid_strike .grid-upperHeader .table--columnTitle {
					color: transparent;
				}

.optionChainNew__grid_strike .table th:first-child .table--columnHeader {
				justify-content: center;
			}

.optionChainNew__grid_strike tbody td:first-of-type .table--cell:not(.table--cell-symbol) {
				padding-left: 10px;
			}

.optionChainNew__grid_calls tbody .table--cell-bid .button-value, .optionChainNew__grid_calls tbody .table--cell-ask .button-value, .optionChainNew__grid_puts tbody .table--cell-bid .button-value, .optionChainNew__grid_puts tbody .table--cell-ask .button-value {
								flex-grow: 1;
							}

.optionChainNew__grid_calls .optionChainNew__row_moneyness td:first-child::before {
						content: '';
						width: 100%;
						height: 24px;
						position: absolute;
						left: 0;
						background: linear-gradient(to left, var(--option-chain-in-the-money-table-area-bg-color-1), var(--option-chain-in-the-money-table-area-bg-color-2));
					}

.optionChainNew__grid_calls .table--cell {
				text-align: right;
			}

.optionChainNew__grid_calls .table--columnHeader {
				justify-content: flex-end;
			}

.optionChainNew__grid_calls .grid-lowerHeader .table--head tr th:last-child .table--cell {
							padding-right: 37px;
						}

.optionChainNew__grid_puts .optionChainNew__row_moneyness td:first-child::before {
						z-index: 1;
						content: '';
						width: 100%;
						height: 24px;
						position: absolute;
						left: 0;
						background: linear-gradient(to right, var(--option-chain-in-the-money-table-area-bg-color-1), var(--option-chain-in-the-money-table-area-bg-color-2));
					}

.optionChainNew__grid_puts .table--cell {
				text-align: left;
			}

.optionChainNew__grid_puts .table--columnHeader {
				justify-content: flex-start;
			}

.optionChainNew__grid_puts .grid-lowerHeader .table--head tr th:nth-child(-n+2) .table--cell .table--columnHeader {
								justify-content: flex-end;
							}

.optionChainNew__grid_puts .grid-lowerHeader .table--head tr th:nth-child(2) .table--cell {
							padding-right: 37px;
						}

.optionChainNew__headers {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: var(--min-width-grid);
}

.optionChainNew__headers .scrollbar-horizontal {
			display: none;
		}

.optionChainNew__expirations {
	width: 100%;
	height: calc(100% - 38px);
	top: 40px;
}

.optionChainNew__expirations .scrollable--content {
			width: 100%;
		}

.optionChainNew__expirations .scrollable--content .scrollable--content {
				width: auto;
			}

.optionChainNew__expirations .optionChainNew__grid_calls,
		.optionChainNew__expirations .optionChainNew__grid_puts {
			padding-bottom: 1px;
		}

.optionChainNew__cell_positive {
		color: var(--positive-text-color);
	}

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

.optionChainNew__cell_strike {
		width: 100%;
		display: inline-block;
		text-align: center;
	}

.optionChainNew__loader {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	width: 100%;
	margin-top: 40px;
	min-height: 80px;
}

.optionChainNew__loader .loadingWheel {
			position: relative;
		}

.optionChainNew__loader .loadingWheel-small {
				height: 30px;
				width: 30px;
			}

.optionChainNew__wrapper .list--itemGroup .optionChainNew__loader {
				margin-top: 0;
				height: 90px;
			}

.optionChainNew__upperTable {
	height: 100px;
}

.optionChainNew__upperTable .grid--head {
			padding: 0;
		}

.optionChainNew__upperTable .grid--head .table--cell {
				padding-top: 0;
				padding-bottom: 0;
			}

.optionChainNew__upperTable .grid--body .table tbody .table--cell {
							height: 26px;
						}

.optionChainNew__upperTable .grid--body.scrollable.scrollable-withHorizontalScrollbar .scrollable--content {
					padding-bottom: 9px;
				}

.optionChainNew__upperTable .table--col,
			.optionChainNew__upperTable .table--colAdapts {
				width: 79px;
			}

.optionChainNew__upperTable .table--col-avgFillPrice, .optionChainNew__upperTable .table--colAdapts-avgFillPrice {
					width: 96px;
				}

.optionChainNew__upperTable .table--col-qty, .optionChainNew__upperTable .table--colAdapts-qty {
					width: 90px;
				}

.optionChainNew__upperTable .table--col-dayClosedPl, .optionChainNew__upperTable .table--colAdapts-dayClosedPl {
					width: 130px;
				}

.optionChainNew__upperTable .table--col-dayToExpiration,
				.optionChainNew__upperTable .table--col-dayOpenPl,
				.optionChainNew__upperTable .table--colAdapts-dayToExpiration,
				.optionChainNew__upperTable .table--colAdapts-dayOpenPl {
					width: 132px;
				}

.optionChainNew__upperTable .table--col-expirationDate, .optionChainNew__upperTable .table--colAdapts-expirationDate {
					width: 108px;
				}

.optionChainNew__upperTable .table--col-description, .optionChainNew__upperTable .table--colAdapts-description {
					width: 410px;
				}

.optionChainNew__upperTable .table--col-firstNoticeDate, .optionChainNew__upperTable .table--colAdapts-firstNoticeDate {
					width: 116px;
				}

.optionChainNew__upperTable .table--col-initialMargin, .optionChainNew__upperTable .table--colAdapts-initialMargin {
					width: 97px;
				}

.optionChainNew__upperTable .table--col-lastTradeDate, .optionChainNew__upperTable .table--colAdapts-lastTradeDate {
					width: 110px;
				}

.optionChainNew__upperTable .table--col-limitDown, .optionChainNew__upperTable .table--colAdapts-limitDown {
					width: 86px;
				}

.optionChainNew__upperTable .table--col-limitUp, .optionChainNew__upperTable .table--colAdapts-limitUp {
					width: 71px;
				}

.optionChainNew__upperTable .table--col-maintenanceMargin, .optionChainNew__upperTable .table--colAdapts-maintenanceMargin {
					width: 135px;
				}

.optionChainNew__upperTable .table--col-netChange, .optionChainNew__upperTable .table--colAdapts-netChange {
					width: 88px;
				}

.optionChainNew__upperTable .table--col-volume,
				.optionChainNew__upperTable .table--col-positionQty,
				.optionChainNew__upperTable .table--colAdapts-volume,
				.optionChainNew__upperTable .table--colAdapts-positionQty {
					width: 88px;
				}

.optionChainNew__upperTable .table--col-bid,
				.optionChainNew__upperTable .table--col-ask,
				.optionChainNew__upperTable .table--colAdapts-bid,
				.optionChainNew__upperTable .table--colAdapts-ask {
					width: 94px;
				}

.optionChainNew__upperTable .table--col-openPl, .optionChainNew__upperTable .table--colAdapts-openPl {
					width: 99px;
				}

.optionChainNew__upperTable .table--col-close, .optionChainNew__upperTable .table--colAdapts-close {
					width: 83px;
				}

.optionChainNew__upperTable .table--col-tickValue, .optionChainNew__upperTable .table--colAdapts-tickValue {
					width: 80px;
				}

.optionChainNew__upperTable .table--col-tradingHalt, .optionChainNew__upperTable .table--colAdapts-tradingHalt {
					width: 92px;
				}

.optionChainNew__upperTable .table--col-change, .optionChainNew__upperTable .table--colAdapts-change {
					width: 87px;
				}

.optionChainNew__upperTable .optionChainNew__buttons {
		height: 23px;
		justify-content: flex-end;
	}

.optionChainNew__subHeader {
	position: relative;
	display: flex;
	box-sizing: border-box;
	padding: 10px 7px;
}

.optionChainNew__subHeader .control-selectbox,
		.optionChainNew__subHeader .control-selectBox {
			display: flex;
		}

.optionChainNew__subHeader .control-selectbox label, .optionChainNew__subHeader .control-selectBox label {
				margin-top: 6px;
				margin-right: 8px;
				font-size: 12px;
				color: var(--additional-text-color);
			}

.optionChainNew__subHeader .toolbar__item {
			margin-left: 16px;
		}

.optionChainNew__subHeader .toolbar__item .optionChainNew__label {
				margin-left: -11px;
			}

.optionChainNew__subHeader .toolbar__item:first-child {
				margin-left: 0;
			}

.optionChainNew__subHeader .toolbar__item:first-child .optionChainNew__label {
					margin-left: 0;
				}

.optionChainNew__subHeader .selectBox-spread {
				width: 127px;
			}

.optionChainNew__subHeader .selectBox-strikes {
				width: 59px;
			}

.optionChainNew__subHeader .button-link {
			margin-right: 16px;
		}

.optionChainNew__subHeader .button-collapseAllPositions,
		.optionChainNew__subHeader .button-expandAllPositions {
			width: 25px;
			height: 25px;
		}

.optionChainNew__subHeader .button-expandAllPositions {
			margin-left: 8px;
		}

.optionChainNew__subHeader .button-expandAllPositions .icon {
				margin-top: 0;
			}

.optionChainNew__subHeader .button-collapseAllPositions .icon {
				margin-top: -1px;
			}

.optionChainNew__options {
	width: 100%;
}

.optionChainNew__options .plannedLabel__container {
			margin-bottom: 3px;
			visibility: hidden;
			opacity: 0;
			transition: visibility 0s 0.5s, opacity 0.6s ease-out;
		}

.optionChainNew__options_withPlannedLabel .plannedLabel__container {
				visibility: visible;
				opacity: 1;
				transition: opacity 0.5s ease-in;
			}

.optionChainNew__options .adaptive-toolbar__item.adaptive-toolbar__widget-header {
		margin-right: 20px;
	}

.optionChainNew__upperHeader {
	display: flex;
	margin-bottom: 1px;
}

.optionChainNew__upperHeader .optionChainNew__callsCol,
	.optionChainNew__upperHeader .optionChainNew__putsCol,
	.optionChainNew__upperHeader .optionChainNew__strike {
		color: var(--table-column-text-header-color);
		background: var(--table-header-bg-color);
		border-left: 1px solid var(--table-header-shadow-color);
		border-right: 1px solid var(--table-header-shadow-color);
		z-index: 2;
		letter-spacing: 0.9px;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 500;
		height: 18px;
		padding: 1px 10px 0;
		text-align: center;
		padding-bottom: 1px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.optionChainNew__upperHeader .optionChainNew__callsCol,
	.optionChainNew__upperHeader .optionChainNew__putsCol {
		flex-grow: 1;
		flex-shrink: 1;
	}

.optionChainNew__upperHeader .optionChainNew__strike {
		width: 236px;
	}

.optionChainNew__label {
	display: inline-block;
	margin-bottom: 3px;
}

.optionChainNew__filters {
	display: flex;
	align-items: center;
	padding-left: 20px;
	flex-shrink: 0;
	flex-wrap: nowrap;
}

.optionChainNew__filters .analyzeSwitcher__container {
			position: relative;
			top: 1px;
			display: inline-flex;
			margin-right: 21px;
		}

.optionChainNew__spreadButton {
	width: 24px;
	height: 100%;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.optionChainNew__spreadButton .icon {
			width: 9px;
			height: 8px;
			fill: rgba(var(--table-text-color-rgb), 0.3);
		}

.dropDown-selectBox-strikes .dropDown--option {
			padding-right: 20px;
		}



.optionChainNewHeadline__container {
	position: relative;
	display: flex;
	padding: 3px 10px 5px 20px;
	background: var(--table-group-bg-color);
	font-size: 14px;
	color: var(--common-text-default);
	cursor: pointer;
}

	.optionChainNewHeadline__container:hover {
		background: var(--table-group-bg-hover-color);
	}

	.optionChainNewHeadline__container_nonStandard {
		background: var(--option-chain-non-standard-option-group-bg-color);
	}

	.optionChainNewHeadline__container_open .optionChainNewHeadline__openIcon {
			transform: rotate(90deg);
		}

.optionChainNewHeadline__openIcon {
	position: absolute;
	left: 9px;
    top: 9px;
	display: block;
	width: 4px;
	height: 7px;
}

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

.optionChainNewHeadline__multiplier,
.optionChainNewHeadline__sharesContract,
.optionChainNewHeadline__additionalUnderlyings {
	color: var(--option-chain-aggregation-multiplier-text-color);
}

.optionChainNewHeadline__expiration {
	color: var(--option-chain-aggregation-deliverable-text-color);
}

.optionChainNewHeadline__text,
.optionChainNewHeadline__multiplier,
.optionChainNewHeadline__dates,
.optionChainNewHeadline__additionalUnderlyings,
.optionChainNewHeadline__lastTrade,
.optionChainNewHeadline__symbol {
	margin-right: 17px;
}

.optionChainNewHeadline__symbol {
	min-width: 16px;
}

.optionChainNewHeadline__lastTrade {
	min-width: 35px;
}

.optionChainNewHeadline__lastTrade_double {
		min-width: 75px;
	}

.optionChainNewHeadline__dates {
	display: flex;
	align-items: center;
	min-width: 70px;
	gap: 10px;
}

.optionChainNewHeadline__dates_double {
		min-width: 145px;
	}

.optionChainNewHeadline__datesValue {
		display: block;
	}

.optionChainNewHeadline__timePeriodIndicator {
	display: block;
}

.optionChainNewHeadline__sharesContract {
	margin-right: 4px;
}

.optionChainNewHeadline__sharesContract:hover,.optionChainNewHeadline__additionalUnderlyings:hover{
		text-decoration: underline;
	}

.WidgetOptionChainNew__headerTitle {
	padding-left: 10px;
}
.guest-overlay__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;
}

.guest-overlay__inner {
	position: relative;
	z-index: 2;
	text-align: center;
}

.guest-overlay__message {
	margin-bottom: 13px;
	font-size: 12px;
	line-height: 1.5;
}

.guest-overlay__controls > span {
		margin: 0 15px;
		vertical-align: baseline;
	}

.guest-overlay__controls .button {
			vertical-align: baseline;
			width: 100px;
			height: 26px;
			padding: 0 10px;
			font-size: 12px;
			font-weight: normal;
		}

.guest-overlay__container + .grid .grid--body .table--cell {
				filter: blur(4px);
			}

.guest-overlay__container + .grid .grid--body td {
				box-shadow: 0 3px var(--button-inside-border-bot-color);
			}

@supports (filter: blur(15px)) {
					.guest-overlay__container + .grid .grid--body td {
						box-shadow: 0 1px var(--line-color);
					}
				}

.guest-overlay__container + .grid .grid--body .table--cell {
				filter: blur(4px);
				overflow: visible;
			}

@supports (filter: blur(15px)) {
					.guest-overlay__container + .grid .grid--body .table--cell {
						overflow: hidden;
					}
				}

.guest-overlay__container + .grid .grid--body .position--symbol, .guest-overlay__container + .grid .grid--body .position--quantity, .guest-overlay__container + .grid .grid--body .position--fillPrice, .guest-overlay__container + .grid .grid--body .position--id, .guest-overlay__container + .grid .grid--body .position--timedate, .guest-overlay__container + .grid .grid--body .position--bid, .guest-overlay__container + .grid .grid--body .position--ask, .guest-overlay__container + .grid .grid--body .position--currentPrice, .guest-overlay__container + .grid .grid--body .position--timedate, .guest-overlay__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)) {

.guest-overlay__container + .grid .grid--body .position--symbol, .guest-overlay__container + .grid .grid--body .position--quantity, .guest-overlay__container + .grid .grid--body .position--fillPrice, .guest-overlay__container + .grid .grid--body .position--id, .guest-overlay__container + .grid .grid--body .position--timedate, .guest-overlay__container + .grid .grid--body .position--bid, .guest-overlay__container + .grid .grid--body .position--ask, .guest-overlay__container + .grid .grid--body .position--currentPrice, .guest-overlay__container + .grid .grid--body .position--timedate, .guest-overlay__container + .grid .grid--body .position--id {
					text-shadow: none;
					opacity: 1
			}
				}

.guest-overlay__container + .grid .grid--body .position--side-buy, .guest-overlay__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)) {

.guest-overlay__container + .grid .grid--body .position--side-buy, .guest-overlay__container + .grid .grid--body .position--pl-positive {
					text-shadow: none;
					opacity: 1
			}
				}

.guest-overlay__container + .grid .grid--body .position--side-sell, .guest-overlay__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)) {

.guest-overlay__container + .grid .grid--body .position--side-sell, .guest-overlay__container + .grid .grid--body .position--pl-negative {
					text-shadow: none;
					opacity: 1
			}
				}

.guest-overlay__container + .grid .grid--body .position--timedate small, .guest-overlay__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)) {

.guest-overlay__container + .grid .grid--body .position--timedate small, .guest-overlay__container + .grid .grid--body .position--id small {
					text-shadow: none;
					opacity: 1
			}
				}

.guest-overlay__container + .grid .grid--body .icon {
				display: none;
			}

@supports (filter: blur(15px)) {
					.guest-overlay__container + .grid .grid--body .icon {
						display: inline-block;
					}
				}

.gridTimeSales__container {
	height: 100%;
}

	.gridTimeSales__container .table--colAdapts-timeDate {
				width: 150px;
			}

	.gridTimeSales__container .table--colAdapts-time {
				width: 85px;
			}

	.gridTimeSales__container .table--colAdapts-pd {
				width: 45px;
			}

	.gridTimeSales__container .table--colAdapts-price,
			.gridTimeSales__container .table--colAdapts-bid,
			.gridTimeSales__container .table--colAdapts-ask {
				width: 115px;
			}

	.gridTimeSales__container .table--colAdapts-size {
				width: 89px;
			}

	.gridTimeSales__container .table--colAdapts-type {
				width: 60px;
			}

	.gridTimeSales__container .table--colAdapts-exchange {
				width: 115px;
			}

	.gridTimeSales__container .table--colAdapts-conditions {
				width: 110px;
			}

	.gridTimeSales__container .table--colAdapts-attributes {
				width: 110px;
			}

	.gridTimeSales__container .table--colAdapts-sequence {
				width: 108px;
			}

.gridTimeSales__row_priceUp {
        animation: gridTimeSales__timeSaleBlinkPriceUp 2000ms 0ms ease 1 alternate forwards;
	}

.gridTimeSales__row_priceDown {
		animation: gridTimeSales__timeSaleBlinkPriceDown 2000ms 0ms ease 1 alternate forwards;
	}

.gridTimeSales__row_neutral {
		animation: none;
	}

.gridTimeSales__row_delimiter td:not(.noneUnderLine) {
				box-shadow: 0 1px rgba(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 gridTimeSales__timeSaleBlinkPriceUp {
    0% {
        background: rgba(var(--time-and-sales-ask-rgb, 0.5));
    }
    100% {
    }
}
@keyframes gridTimeSales__timeSaleBlinkPriceDown {
    0% {
        background: rgba(var(--time-and-sales-bid-rgb, 0.5));
    }
    100% {
    }
}
.WidgetTimeSales__container_frozen {
		border: 1px solid var(--widget-frozen-border-color);
		transition: border 220ms ease-in;
	}

.WidgetTimeSales__headerContent .control-textInput {
				height: 100%;
				width: 120px;
				margin-right: 10px;
			}

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

.WidgetTimeSales__headerContentWrapper {
	display: flex;
	align-items: center;
	width: 100%
}
.multilineTextTool__container {
	display: inline-block;
	font-size: 12px;
	line-height: 1.5;
	border-radius: calc(var(--controls-border-radius) - 1px);
	background-color: var(--input-default-bg-color);
	box-shadow: inset 0 1px 0 0 var(--input-default-shadow-inner-color);
	border: solid 1px var(--input-default-border-outside-color);
	transition: border 250ms, box-shadow 250ms;
}

	.multilineTextTool__container .react-resizable {
			position: relative;
		}

	.multilineTextTool__container .react-resizable-handle {
			position: absolute;
			z-index: 1;
			right: 1px;
			bottom: 1px;
			width: 15px;
			height: 15px;
			cursor: pointer;
			box-sizing: border-box;
		}

	.multilineTextTool__container .react-resizable-handle::before {
				content: '';
				position: absolute;
				right: 0;
				bottom: 0;
				display: block;
				width: 5px;
				height: 5px;
				border-right: 1px solid var(--icon-secondary-default-color);
				border-bottom: 1px solid var(--icon-secondary-default-color);
				box-sizing: border-box;
			}

	.multilineTextTool__container .scrollable {
			height: 100%;
		}

	.multilineTextTool__container .scrollbar--bar::before {
					background-color: var(--scrollbar-bg-default-color);
				}

	.multilineTextTool__container__min-width-max-hint-content {
		min-width: -moz-max-content;
		min-width: max-content;
	}

.multilineTextTool__wrapperContent,
.multilineTextTool__wrapperContentWithNoHint {
	position: relative;
	overflow: hidden;
	z-index: 0;
	transition: border 250ms, box-shadow 250ms;
	border: 1px solid transparent;
}

.multilineTextTool__wrapperContent {
	height: calc(100% - 18px);
}

.multilineTextTool__wrapperContent .multilineTextTool__text {
		padding-right: 25px;
	}

.multilineTextTool__wrapperContentWithNoHint {
	height: 100%;
}

.multilineTextTool__text {
	width: 100%;
	padding-top: 4px;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 1.5;
	color: var(--common-text-default);
	outline: none;
	border: none;
	background-color: transparent;
	resize: none;
}

.multilineTextTool__hint {
	padding: 0 5px;
	font-size: 10px;
	line-height: 1.2;
	color: var(--multiline-text-tool-tex-color);
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.multilineTextTool__textAreaWrapper {
	height: 100%;
}

.multilineTextTool__form {
	height: 100%;
	cursor: text;
}

.multilineTextTool__iconContainer {
	z-index: 2;
	position: absolute;
	right: 8px;
	width: 13px;
	height: 13px;
	fill: var(--icon-secondary-default-color);
	cursor: pointer;
}
.context-menu-button-h-child__container___30Zs8 {
    height: 100%;
    width: auto;
    min-width: auto;
    padding: 0 5px;
    color: var(--link-default-multiparts);
    vertical-align: baseline;
    line-height: inherit;
}
.trade-note__container {
	position: relative;
	height: 100%;
}

	.trade-note__container:hover .trade-note__contextMenu {
			visibility: visible;
		}

	.trade-note__container .button-link {
			vertical-align: baseline;
		}

.trade-note__content {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
}

.trade-note__popoverContainer {
	border: none;
	background-color: transparent;
}

.trade-note__contextMenu {
	display: flex;
	visibility: hidden;
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 7px;
}

.trade-note__contextMenu::before,
	.trade-note__contextMenu::after {
		z-index: 0;
		content: '';
		position: absolute;
		top: 0;
		display: block;
		height: 100%;
	}

.trade-note__contextMenu::before {
		left: 0;
		width: 12px;
		background-image: linear-gradient(to right, rgba(var(--table-row-bg-hover-color-rgb), 0), rgba(var(--table-row-bg-hover-color-rgb), 1) );
	}

.trade-note__contextMenu::after {
		left: 10px;
		width: calc(100% - 10px);
		background-color: var(--table-row-bg-hover-color);
	}

.trade-note__contextMenu__item {
		z-index: 1;
		margin: 0 5px;
	}
.grid-tradingJournal .table--col-symbol, .grid-tradingJournal .table--colAdapts-symbol {
			width: 15.9em;
		}
		.grid-tradingJournal .table--col-dateTime, .grid-tradingJournal .table--colAdapts-dateTime {
			width: 11.6em;
		}
		.grid-tradingJournal .table--col-orderId, .grid-tradingJournal .table--colAdapts-orderId {
			width: 5.5em;
		}
		.grid-tradingJournal .table--col-account, .grid-tradingJournal .table--colAdapts-account {
			width: 7em;
		}
		.grid-tradingJournal .table--col-tradeCode, .grid-tradingJournal .table--colAdapts-tradeCode {
			width: 7em;
		}
		.grid-tradingJournal .table--col-side, .grid-tradingJournal .table--colAdapts-side {
			width: 8.8em;
		}
		.grid-tradingJournal .table--col-instrumentType, .grid-tradingJournal .table--colAdapts-instrumentType {
			width: 8.5em;
		}
		.grid-tradingJournal .table--col-tradeQty, .grid-tradingJournal .table--colAdapts-tradeQty {
			width: 7.9em;
		}
		.grid-tradingJournal .table--col-tradePrice, .grid-tradingJournal .table--colAdapts-tradePrice {
			width: 6.5em;
		}
		.grid-tradingJournal .table--col-pl, .grid-tradingJournal .table--colAdapts-pl {
			width: 4.7em;
		}
		.grid-tradingJournal .table--col-tags, .grid-tradingJournal .table--colAdapts-tags {
			width: 4.8em;
		}
		.grid-tradingJournal .table--col-note, .grid-tradingJournal .table--colAdapts-note {
			width: 24.5em;
			min-width: 309px;
		}
.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 .focus-trap .tag-selector__container_unfilled, .grid-tradingJournal .table--row:focus-within .tag-selector__container_unfilled, .grid-tradingJournal .table--row:focus .tag-selector__container_unfilled, .grid-tradingJournal .table--row:hover .tag-selector__container_unfilled {
					visibility: visible;
				}
	.grid-tradingJournal .table--row .focus-trap .table--cell-emptyNote, .grid-tradingJournal .table--row:focus-within .table--cell-emptyNote, .grid-tradingJournal .table--row:focus .table--cell-emptyNote, .grid-tradingJournal .table--row:hover .table--cell-emptyNote {
					visibility: visible;
				}
	.grid-tradingJournal .table--row .focus-trap .trade-note__contextMenu, .grid-tradingJournal .table--row:focus-within .trade-note__contextMenu, .grid-tradingJournal .table--row:focus .trade-note__contextMenu, .grid-tradingJournal .table--row:hover .trade-note__contextMenu {
					visibility: visible;
				}
	.grid-tradingJournal .table--row:hover {
				background-color: var(--table-row-bg-hover-color);
			}
	.grid-tradingJournal .table--row-grouped {
				background-color: var(--table-group-bg-color);
			}
	.grid-tradingJournal .table--row-grouped:hover {
					background-color: var(--table-group-bg-selected-color);
				}
	.grid-tradingJournal .table--row-grouped:hover .trade-note__contextMenu {
						visibility: visible;
					}
	.grid-tradingJournal .table--row-grouped:hover .trade-note__contextMenu:before {
							background-image: linear-gradient(to right, rgba(var(--table-group-bg-selected-color-rgb), 0), rgba(var(--table-group-bg-selected-color-rgb), 1) );
						}
	.grid-tradingJournal .table--row-grouped:hover .trade-note__contextMenu:after {
							background-color: var(--table-group-bg-selected-color);
						}
	.grid-tradingJournal .table--row-buy .table--cell-side {
					color: var(--buy-text-color);
				}
	.grid-tradingJournal .table--row-sell .table--cell-side {
					color: var(--sell-text-color);
				}
	.grid-tradingJournal .table--row .table--cell-emptyNote {
					visibility: hidden;
				}
	.grid-tradingJournal .tag-selector__container_unfilled {
		visibility: hidden;
	}
.button-h-child__container___lZKEn {
	display: flex;
	font-size: 10px;
	height: 15px;
	line-height: 15px;
	width: auto;
	min-width: auto;
	padding: 0 6px;
	color: var(--tag-name-text-color);
	border-radius: 8px;
	cursor: pointer;
	box-sizing: border-box;
	box-shadow: none;
}

	.button-h-child__container___lZKEn::before {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		border-radius: 15px;
		border-color: transparent;
	}

	.button-h-child__container_active___KdMsZ {
        box-shadow: inset 0 1px 1px 0 var(--tag-selected-shadow-inside-color);
	}

	.button-h-child__container_active___KdMsZ::before {
			border-color: var(--tag-selected-border-color);
		}
.tag__container + .tag__container {
	margin-left: 2px;
}

.tag__news.tag__news {
	background: var(--tag-news-default-bg-color);
}

.tag__strategy.tag__strategy {
	background: var(--tag-strategy-default-bg-color);
}

.tag__impulse.tag__impulse {
	background: var(--tag-impulse-default-bg-color);
}

.tag__markEvent.tag__markEvent {
	background: var(--tag-market-event-default-bg-color);
}

.tag__compact {
	width: 15px;
}

.tag__error.tag__error {
	background: var(--tag-error-default-bg-color);
}

.tag__circle {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: var(--tag-name-text-color);
}

.widget-trading-journal-demo__wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.widget-trading-journal-demo__delimiter {
	flex-shrink: 1;
	flex-grow: 1;
}
.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(--link-hovered-multiparts);
			transition: fill 220ms ease-in;
		}

	.button-video:active .icon {
			fill: var(--icon-pressed-color);
		}
.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(--link-hovered-multiparts);
			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-neutral-multiparts);
			}
	.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;
				}
.button-h-child__container___3JmAr {
	display: flex;
	align-items: center;
	padding: 0;
}

.footer__container {
	padding: 21px 9px 27px 9px;
	color: var(--symbol-suggest-tertiary-text-color);
	display: flex;
	flex-direction: column;
}

.footer__hint {
	font-size: 14px;
}

.footer__hint_withExpired {
		line-height: 1.17;
		margin-top: 4px;
		white-space: pre-line;
	}

.footer__hint_link {
		color: var(--link-default-multiparts);
	}

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

.grid-h-child__wrapper___1A6l6 {
	max-height: 280px;
}

	.grid-h-child__wrapper___1A6l6 .table-colAdapt_description {
				width: auto;
			}

.grid-h-child__bodyWrapper___2FoB1 {
	display: flex;
	height: 100%;
	max-height: 190px;
}

.grid-h-child__footer___1wy8j {
	color: var(--additional-text-color-2);
	display: flex;
	flex-direction: column;
	padding: 0 10px 6px;
	font-size: 14px;
}

.grid-h-child__footer___1wy8j:before {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background-color: var(--line-color);
		margin: 6px 0;
	}

.grid-h-child__footer___1wy8j:empty:before {
			display: none;
		}

.grid-h-child__container___3PcW1 {
	height: 100%;
	max-height: 280px;
}

.grid-h-child__container___3PcW1 table {
		width: 588px;
		border-collapse: collapse;
		table-layout: fixed;
	}

.grid-h-child__container___3PcW1 .grid-h-child__gridCell__content___2iiiW {
			min-width: 30px;
		}

.grid-h-child__gridHead___1Co18 {
	background: var(--table-header-bg-color);
	box-shadow: -1px 1px 3px var(--table-header-shadow-color);
}

.grid-h-child__gridHead___1Co18 .grid-h-child__cell___2iG3J {
		font-size: 12px;
		text-align: left;
		color: var(--table-column-text-header-color);
	}

.grid-h-child__gridHead___1Co18:after {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background-color: var(--dom-table-line-color);
		margin-bottom: 2px;
	}

.grid-h-child__gridBody___2WnmH {
	width: 100%;
}

.grid-h-child__gridBody___2WnmH .grid-h-child__row_selected___3ctLK .grid-h-child__arrow___1Ey_c {
				opacity: 1;
			}

.grid-h-child__gridBody___2WnmH .grid-h-child__row___1gK89:hover .grid-h-child__cell___2iG3J:not(.grid-h-child__cell_group___3AE24), .grid-h-child__gridBody___2WnmH .grid-h-child__row_active___WkkgR .grid-h-child__cell___2iG3J:not(.grid-h-child__cell_group___3AE24) {
				cursor: pointer;
				background-color: var(--symbol-suggest-line-hover-bg-color);
			}

.grid-h-child__gridBody___2WnmH .grid-h-child__row___1gK89:hover .grid-h-child__cell___2iG3J:not(.grid-h-child__cell_group___3AE24):after, .grid-h-child__gridBody___2WnmH .grid-h-child__row_active___WkkgR .grid-h-child__cell___2iG3J:not(.grid-h-child__cell_group___3AE24):after {
					background-image: linear-gradient(
						to left,
						var(--symbol-suggest-line-hover-bg-color),
						var(--symbol-suggest-line-hover-fade-grad)
					);
				}

.grid-h-child__gridBody___2WnmH .grid-h-child__row___1gK89:hover td:not(.grid-h-child__cell_group___3AE24):first-child:before, .grid-h-child__gridBody___2WnmH .grid-h-child__row_active___WkkgR td:not(.grid-h-child__cell_group___3AE24):first-child:before {
					background: var(--symbol-suggest-line-hover-bg-color);
				}

.grid-h-child__gridBody___2WnmH .grid-h-child__row___1gK89 td:not(.grid-h-child__cell_group___3AE24):first-child {
			overflow: visible;
			position: static;
		}

.grid-h-child__gridBody___2WnmH .grid-h-child__row___1gK89 td:not(.grid-h-child__cell_group___3AE24):first-child:before {
				content: "";
				position: absolute;
				left: 0;
				width: 100%;
				height: 20px;
			}

.grid-h-child__arrow___1Ey_c {
	fill: var(--tick-icon-color);
	opacity: 0;
}

.grid-h-child__gridCell__placeholder___3ipKH {
		height: 20px; /*this should be fixed integer to avoid repainting whole table on content change*/
		position: relative;
		display: flex;
	}

.grid-h-child__gridCell__content___2iiiW {
		padding: 0 10px;
		position: absolute;
		top: 0;
		display: inline-flex;
		height: 20px;
		align-items: center;
	}

.grid-h-child__gridCell__content_left___3Kwpk {
			text-align: left;
		}

.grid-h-child__gridCell__content_center___15PLA {
			left: 50%;
			transform: translateX(-50%);
		}

.grid-h-child__gridCell__content_right____o6nY {
			right: 0;
		}

.grid-h-child__cell___2iG3J {
	position: relative;
	color: var(--dropdown-list-text-color);
	font-size: 14px;
	height: 20px;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
}

.grid-h-child__cell_group___3AE24 {
	font-size: 12px;
	color: var(--dropdown-list-text-color);
	padding-bottom: 10px;
	line-height: 30px;
}

.grid-h-child__cell_group___3AE24 .grid-h-child__gridCell__content___2iiiW {
		height: 30px;
	}

.grid-h-child__cell_description___1yQSL:not(.grid-h-child__cell_group___3AE24) {
	color: var(--additional-text-color-2);
}

.grid-h-child__cell_description___1yQSL:not(.grid-h-child__cell_group___3AE24):after {
		content: "";
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		width: 20px;
		height: 100%;
		background-image: linear-gradient(
			to left,
			var(--symbol-suggest-bg-color, var(--application-header-context-menu-bg-color)),
			"rgba(var(--symbol-suggest-bg-color-rgb, var(--application-header-context-menu-bg-color-rgb)), 0)"
		);
	}

.grid-h-child__cell_derivatives___3tAap .grid-h-child__gridCell__content___2iiiW {
		padding: 0;
	}

.highlight-h-child__mark___1cJAq {
	color: var(--common-text-selected);
	background: transparent;
}

.icon-nested__container {
    height: 7px;
}
    .icon-nested__container svg.icon-nested__isExpanded path[name=arrowRight],
    .icon-nested__container svg:not(.icon-nested__isExpanded) path[name=arrowDown] {
        display: none;
    }
.button-icon-h-child__container___TA-GU {
    height: 26px;
    width: 15px;
    padding: 0;
	color: var(--table-icon-default-color);
    border: none;
    background: transparent;
}
    .button-icon-h-child__container___TA-GU:hover {
        color: var(--link-hovered-multiparts);
    }
    .button-icon-h-child__container___TA-GU:active {
        padding-top: 2px;
    }
.button-h-child__container___i1Vsg {
    height: 26px;
    padding: 0;
    padding-left: 2px;
    padding-top: 2px;
    text-align: left;
    min-width: 0;
}
    .button-h-child__container___i1Vsg:active .button-h-child__inner___2FQi4 {
        top: 0;
    }
    .button-h-child__container___i1Vsg:first-child {
        padding-left: 2px;
    }
.popover-h-child__container___3L0lc {
    margin-top: 18px;
    margin-left: 5px;
}

.scrollable-h-child__content___QWSsb {
    width: 100%;
}
.tooltip-h-child__container___3YJ68 {
    padding: 5px 10px;
    color: var(--hint-tooltip-text-color);
    background-color: var(--hint-tooltip-bg-color);
    box-shadow: 0px 2px 10px 0px var(--hint-tooltip-shadow);
}
 
.watchlist__container {
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
}

	.watchlist__container .watchlist__content .watchlist__list {
			margin-bottom: 6px;
		}

	.watchlist__container .watchlist__content .watchlist__listItem {
			overflow: hidden;
		}

	.watchlist__container .watchlist__content .watchlist__listItem > div > .watchlist__listItemTitle:hover {
				background-color: var(--list-item-hovered-bg);
			}

	.watchlist__container .watchlist__content .watchlist__listItem:not(.watchlist__isExpanded) > .watchlist__list {
				display: none;
			}

	.watchlist__container .watchlist__content .watchlist__listItem.watchlist__isSelected > div > .watchlist__listItemTitle {
				background-color: var(--list-item-selected-bg-color);
			}

	.watchlist__container .watchlist__content .watchlist__listItem .watchlist__list {
				margin-bottom: 0;
			}

	.watchlist__container .watchlist__content {

		--listItemPadding: 2px;
		--listItemTitlePadding: 0px;
}

	.watchlist__container .watchlist__content .watchlist__listItemTitle {
			padding-left: var(--listItemTitlePadding);
			cursor: pointer;
			white-space: nowrap;
		}

	.watchlist__container .watchlist__content .watchlist__list .watchlist__list {
			--listItemPadding: calc(var(--listItemTitlePadding) + 15px);
		}

	.watchlist__container .watchlist__content .watchlist__list .watchlist__listItem {
			--listItemTitlePadding: var(--listItemPadding);
		}

.suggest-watchlist-tab__container {
	max-height: 280px;
	padding-top: 11px;
	padding-bottom: 3px;
}

.suggest-watchlist-tab__title {
	margin-left: 12px;
	margin-right: 16px;
	margin-bottom: 4px;
	color: var(--hint-color);
	font-size: 10px;
	display: flex;
	align-items: center;
	white-space: nowrap;
	line-height: 10px;
}

.suggest-watchlist-tab__title::after {
		content: "";
		background-color: var(--line-color);
		width: 100%;
		height: 1px;
		margin-left: 4px;
		margin-top: 2px;
	}

.suggest-watchlist-tab__title:empty::after {
			margin-left: 0;
		}

.watchlists-h-child__container___3ixgU {
	height: 110px;
}

.watchlists-h-child__content___2KXY7 {
	--listItemPadding: 15px;
}

.resize-divider__container___third-party-legacy-react-kit-components-resize-divider-theme- {
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}

	.resize-divider__container___third-party-legacy-react-kit-components-resize-divider-theme-:hover,
	.resize-divider__container___third-party-legacy-react-kit-components-resize-divider-theme-:active {
		background-color: var(--resize-line-color);
	}

	.resize-divider__container_horizontal___third-party-legacy-react-kit-components-resize-divider-theme- {
		height: 4px;
		width: 100%;
		background-color: var(--line-color);
	}

	.resize-divider__container_horizontal___third-party-legacy-react-kit-components-resize-divider-theme-:hover,
		.resize-divider__container_horizontal___third-party-legacy-react-kit-components-resize-divider-theme-:active {
			cursor: ns-resize;
		}

	.resize-divider__container_vertical___third-party-legacy-react-kit-components-resize-divider-theme- {
		width: 4px;
		height: 100%;
		background-color: var(--line-color);
	}

	.resize-divider__container_vertical___third-party-legacy-react-kit-components-resize-divider-theme-:hover,
		.resize-divider__container_vertical___third-party-legacy-react-kit-components-resize-divider-theme-:active {
			cursor: ew-resize;
		}

.button-icon-h-child__container___3IQYk {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 10px;
	padding: 0;
	background: linear-gradient(0deg, var(--widget-bg-top-color) 0%, var(--widget-bg-bottom-color) 100%);
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

	.button-icon-h-child__container___3IQYk:hover {
		 opacity: 100;
		 cursor: pointer;
	}

	.button-icon-h-child__container___3IQYk:hover:before {
			 content: '';
			 border: none;
			 width: 100%;
			 height: 100%;
		}

	.button-icon-h-child__container___3IQYk:focus {
		 box-shadow: none;
	}

	.button-icon-h-child__container___3IQYk::before {
		 content: none;
	}

.button-icon-h-child__icon___oEg0W,
.button-icon-h-child__icon_collapsed___WOQg5 {
	height: 8px;
	width: 7px;
	fill: var(--icon-secondary-default-color);
}

.button-icon-h-child__icon_collapsed___WOQg5 {
	position: relative;
	transform: rotate(180deg);
}
.sidebar__wrapper {
	display: flex;
}

.sidebar__container {
	background: linear-gradient(0deg, var(--widget-bg-top-color) 0%, var(--widget-bg-bottom-color) 100%);
	height: 100%;
	transition: margin ease-in-out 300ms;
	position: relative;
	overflow: hidden;
}

.sidebar__container_collapsed {
		 border-right: 4px solid var(--line-color);
	}

.sidebar__content {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 12px;
}

.event-icon-wrapper__container {
	display: flex;
	align-items: center;
	justify-content: center;
}
	.event-icon-wrapper__container svg:last-child {
		position: absolute;
		color: #fff;
		height: 13px;
	}

.event-conferencecall-icon__container {
	fill: var(--event-conference_call-multiparts);
}

.event-divident-icon__container {
	fill: var(--event-dividends-multiparts);
}

.event-earnings-icon__container {
	fill: var(--event-earnings-multiparts);
}

.event-econoday-icon__container {
	fill: var(--event-econoday_event-multiparts);
}

.event-split-icon__container {
	fill: var(--event-split-multiparts);
}

.button-h-child__container___266La {
	padding: 0 10px;
	line-height: 26px;
	display: flex;
	min-width: 48px;
	width: 100%;
}

	.button-h-child__container-selected___1_ev8 {
		color: var(--common-text-selected);
	}

	.button-h-child__container___266La:hover {
		background-color: var(--dropdown-list-bg-hover-color);
	}

.button-h-child__inner___llsmL {
	margin-top: unset;
}

.calendar-year-view-h-child__calendar__header___3lp7H {
	font-weight: 500;
}

.calendar-year-view-h-child__calendar__body___3qusp {
	height: 289px;
}

.popover-h-child__container___g3K76 {
	margin-top: 3px;
	margin-left: -16px;
	background-color: var(--calendar-popup-bg-color);
	box-shadow: 0px 2px 30px var(--overlay-box-shadow-color);
}

.widget-calendar-date-filter-header__header {
	padding: 7px 14px 7px 8px;
	display: flex;
	justify-content: space-between;
}

.widget-calendar-date-filter-header__periodSelector {
	display: flex;
	width: 147px;
	margin: 7px 3px 7px 5px;
	position: relative;
}

.widget-calendar-date-filter-header__periodSelector_withCalendar {
		width: 286px;
		margin-left: 9px;
	}

.widget-calendar-date-filter-header__yearsWrapper {
	position: absolute;
	right: 0;
	height: 100%;
	border-left: 1px solid var(--line-color);
}

.widget-calendar-date-filter-header__years {
	height: 100%;
}

.calendar-month-view-h-child__day_isOptionExpiration___3cT5_ {
	background-color: var(--calendar-option_expiration_day-bg);
}

.calendar-year-view-h-child__calendar__header___1s48K {
	font-weight: 500;
}

.calendar-year-view-h-child__calendar__body___3Pm69 {
	height: calc(100% - 37px);
}

.calendar-year-view-h-child__content___1EHk1 {
	min-height: 0;
}

.widget-calendar-date-filter__container {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	min-height: 26px;
	overflow: hidden;
}

	.widget-calendar-date-filter__container_normal {
		min-height: 193px;
		height: calc(100% - 342px);
		margin-bottom: 11px;
		max-height: 317px;
		flex-shrink: 0;
	}

	.widget-calendar-date-filter__container_compact {
		max-height: 26px;
	}

.widget-calendar-list-view__container {
	height: 100%;
	overflow: hidden;
}

.checkbox-h-child__container___LiNAZ {
	height: 13px;
}
	.checkbox-h-child__container___LiNAZ + .checkbox-h-child__container___LiNAZ {
		margin-top: 10px;
	}
	.checkbox-h-child__container___LiNAZ .checkbox-h-child__view___2jyua {
		height: 14px;
		width: 14px;
		margin-right: 5px;
	}

.widget-calendar-sidebar-eventfilters__container {
	margin-top: 6px;
	margin-bottom: 24px;
	margin-left: 7px;
}
	.widget-calendar-sidebar-eventfilters__container .widget-calendar-sidebar-eventfilters__icon {
		width: 13px;
		margin-right: 6px;
	}
	.widget-calendar-sidebar-eventfilters__container .widget-calendar-sidebar-eventfilters__econoday {
		color: var(--event-econoday_event-multiparts);
	}
	.widget-calendar-sidebar-eventfilters__container .widget-calendar-sidebar-eventfilters__divident {
		color: var(--event-dividends-multiparts);
	}
	.widget-calendar-sidebar-eventfilters__container .widget-calendar-sidebar-eventfilters__earnings {
		color: var(--event-earnings-multiparts);
	}
	.widget-calendar-sidebar-eventfilters__container .widget-calendar-sidebar-eventfilters__conferencecall {
		color: var(--event-conference_call-multiparts);
	}
	.widget-calendar-sidebar-eventfilters__container .widget-calendar-sidebar-eventfilters__split {
		color: var(--event-split-multiparts);
	}

.widget-calendar-table__container {
	height: 100%;
	overflow: hidden;
}

.base-event-details-tooltip__container {
	box-sizing: border-box;
	display: inline-block;
	max-width: 300px;
	padding: 10px 14px 0;
}
	
	.base-event-details-tooltip__container_pinned {
		max-width: calc(
			var(--widget-calendar-event-details-tooltip-max-width) +
				var(--widget-calendar-event-details-tooltip-close-button-left-spacer) +
				var(--widget-calendar-event-details-tooltip-close-button-size)
		);
	}
	
	.base-event-details-tooltip__container_pinned.base-event-details-tooltip__container_withTag .base-event-details-tooltip__closeButton {
			position: absolute;
			margin: unset;
			right: calc(
				0rem -
					(
						var(--widget-calendar-event-details-tooltip-close-button-extra-size) -
							var(--widget-calendar-event-details-tooltip-close-button-size)
					) / 2
			);
		}
	
	.base-event-details-tooltip__container_pinned.base-event-details-tooltip__container_withTag .base-event-details-tooltip__header {
			padding-right: calc(
				var(--widget-calendar-event-details-tooltip-close-button-size) +
					var(--widget-calendar-event-details-tooltip-close-button-left-spacer)
			);
		}

.base-event-details-tooltip__header {
	padding-bottom: 8px;
	border-bottom: 1px solid var(--line-color);
}

.base-event-details-tooltip__title {
	display: flex;
	margin-bottom: 2px;
	align-items: center;
}

.base-event-details-tooltip__titleInner {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	flex-grow: 1;
}

.base-event-details-tooltip__description {
	font-size: 12px;
	line-height: 14px;
	color: var(--description-text-color);
}

.base-event-details-tooltip__tag {
	padding: 1px 9px;
	background: var(--widget-bg-overlay-dark);
	border-radius: 10px;
	line-height: 14px;
	flex-shrink: 0;
}

.base-event-details-tooltip__details {
	border-collapse: separate;
	border-spacing: 0 9px;
}

.base-event-details-tooltip__parameter {
	padding-right: 10px;
	line-height: 16px;
	color: var(--label-color);
}

.base-event-details-tooltip__value {
	line-height: var(--widget-calendar-event-details-tooltip-parameter-line-height);
}

.base-event-details-tooltip__value_empty {
	color: var(--no-data-text-color);
}

.base-event-details-tooltip__closeButton {
	flex-shrink: 0;
	background: none;
	width: var(--widget-calendar-event-details-tooltip-close-button-extra-size);
	height: var(--widget-calendar-event-details-tooltip-close-button-extra-size);
	padding: calc(
		(
				var(--widget-calendar-event-details-tooltip-close-button-extra-size) -
					var(--widget-calendar-event-details-tooltip-close-button-size)
			) / 2
	);
	margin-left: var(--widget-calendar-event-details-tooltip-close-button-left-spacer);
	margin-right: calc(
		0rem -
			(
				(
						var(--widget-calendar-event-details-tooltip-close-button-extra-size) -
							var(--widget-calendar-event-details-tooltip-close-button-size)
					) / 2
			)
	);
}

.base-event-details-tooltip__closeButton .icon {
		fill: var(--icon-secondary-default-color);
	}

.conference-call-event-details-tooltip-h-child__parameter___137CM {
	width: 90px;
}

.button-h-child__container___2E75v {
	color: var(--context-menu-list-text-color);
}

	.button-h-child__container___2E75v:focus,
	.button-h-child__container___2E75v:hover {
		color: var(--link-hovered-text-color);
		cursor: pointer;
	}

.event-tooltip__container {
	z-index: 1000;
}

	.event-tooltip__container_pinned {
		z-index: 999;
		pointer-events: unset;
	}

.tooltip__wrapper {
	position: absolute;
	padding: var(--tooltip-top-spacer) var(--tooltip-horizontal-spacer) var(--tooltip-bottom-spacer);
	max-width: var(--tooltip-max-width);

	text-align: left;

	color: var(--hint-tooltip-text-color);
	box-shadow: var(--tooltip-shadow-param) var(--shadow-color);
	background-color: var(--hint-tooltip-bg-color);

	pointer-events: none;
	--popover-arrow-color: var(--hint-tooltip-bg-color);

	z-index: 1000;
}

.tooltip__arrow .stroke {
		fill: var(--popover-arrow-color);
	}

.tooltip__arrow .fill {
		fill: var(--popover-arrow-color);
	}

.close-button-h-child__container___35rKK {
	display: flex;
	padding: 0;
	width: auto;
	height: auto;
	min-width: unset;
}

.close-button-h-child__inner___1Rk_J {
	width: 7px;
	height: 7px;
}

.close-button-h-child__inner___1Rk_J:hover {
		color: var(--icon-hovered-color);
	}

.close-button-h-child__inner___1Rk_J:active {
		color: var(--icon-pressed-color);
	}

.event-icon-h-child__container___1skD4 {
	fill: var(--hint-tooltip-shadow);
}

.popover-h-child__container___X8nww {
	box-shadow: 0 2px 30px var(--overlay-box-shadow-color);
	border: 1px solid var(--context-menu-border-color);
	background: var(--context-menu-bg-color);
}

	.popover-h-child__container_alignLeft___cT1y7 {
		margin-left: -8px;
	}

	.popover-h-child__container_alignRight___3_WND {
		margin-left: 8px;
	}

	.popover-h-child__container_placementTop___21JAK {
		margin-top: -2px;
	}

	.popover-h-child__container_placementBottom___AcZ9J {
		margin-top: 2px;
	}

.scrollable-h-child__content___3aHl7 {
	--scrollable-scrollbar-size: 0;
}

.scrollable-h-child__scrollbar___3Nn5T {
	right: 2px;
}

.widget-calendar-events-group-popover__container {
	height: 100%;
	box-sizing: border-box;
	width: 230px;
	min-height: 60px;
	padding-bottom: 8px;
}

.widget-calendar-events-group-popover__icon {
	height: 13px;
	width: 13px;
	margin-right: 2px;
	flex-shrink: 0;
}

.widget-calendar-events-group-popover__title {
	white-space: nowrap;
	flex-grow: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.widget-calendar-events-group-popover__group {
	height: 17px;
	padding: 2px 6px 2px 2px;
	border-radius: 10px;
	display: flex;
	box-sizing: border-box;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}

.widget-calendar-events-group-popover__group_type_dividend {
			background-color: var(--event-dividends-multiparts);
		}

.widget-calendar-events-group-popover__group_type_econoday {
			background-color: var(--event-econoday_event-multiparts);
		}

.widget-calendar-events-group-popover__group_type_split {
			background-color: var(--event-split-multiparts);
		}

.widget-calendar-events-group-popover__group_type_earning {
			background-color: var(--event-earnings-multiparts);
		}

.widget-calendar-events-group-popover__group_type_conferenceCall {
			background-color: var(--event-conference_call-multiparts);
		}

.widget-calendar-events-group-popover__day {
	font-size: 26px;
	color: var(--table-disabled-text-color);
	line-height: 36px;
	position: absolute;
	right: 8px;
	bottom: -2px;
	font-weight: 300;
}

.widget-calendar-events-group-popover__buttonIcon {
	display: flex;
}

.widget-calendar-events-group-popover__buttonClose {
	display: flex;
}

.widget-calendar-events-group-popover__list {
	margin: 4px 0 4px;
	padding: 0 12px;
	max-height: 252px;
	line-height: 18px;
	white-space: initial;
}

.widget-calendar-events-group-popover__header {
	padding: 8px 8px 0;
}

.widget-calendar-events-group-popover__event {
	white-space: nowrap;
	display: inline-block;
}

.widget-calendar-events-group-popover__event > div {
		display: inline-block;
	}

.widget-calendar-events-group-popover__delimeter {
	margin-right: 4px;
}

.hidden-element__container___third-party-legacy-react-kit-components-aria-hidden-element-theme- {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.button-h-child__container___243q_ {
	height: 17px;
	padding: 2px 6px 2px 2px;
	min-width: auto;
	border-radius: 10px;
	display: inline-flex;
	box-sizing: border-box;
	align-items: center;
	box-shadow: none;
}

	.button-h-child__container___243q_:before {
		content: none;
	}

	.button-h-child__container_type_dividend___2_O6i {
			background-color: var(--event-dividends-multiparts);
		}

	.button-h-child__container_type_econoday___2XRVl {
			 background-color: var(--event-econoday_event-multiparts);
		}

	.button-h-child__container_type_split___3vwGT {
			background-color: var(--event-split-multiparts);
		}

	.button-h-child__container_type_earning___1tPJy {
			background-color: var(--event-earnings-multiparts);
		}

	.button-h-child__container_type_conferenceCall___3yUC8 {
			background-color: var(--event-conference_call-multiparts);
		}

.button-h-child__inner___AyHJu {
	display: inline-flex;
	line-height: 13px;
	overflow: hidden;
	margin: 0;
}

.event-icon-h-child__container___26cSD {
	fill: var(--hint-tooltip-shadow);
}

.widget-calendar-events-group__container {
	display: flex;
	align-items: center;
}

.widget-calendar-events-group__events {
	margin-left: 2px;
	white-space: nowrap;
}

.widget-calendar-events-group__events > div {
		display: inline-block;
	}

.widget-calendar-events-group__icon {
	height: 13px;
	width: 13px;
	display: inline-block;
	margin-right: 2px;
}

.widget-calendar-events-list__eventsList {
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.widget-calendar-events-list__eventGroup {
	display: inline-flex;
	position: relative;
	white-space: nowrap;
	margin: 2px 0;
}

.widget-calendar-events-list__eventGroup ~ .widget-calendar-events-list__eventGroup {
	margin-left: 2px;
}

.widget-calendar-events-list__eventGroup ~ .widget-calendar-events-list__eventGroup:not(.widget-calendar-events-list__eventGroup_collapsed) {
	margin-left: 6px;
}

.widget-calendar-events-list__eventGroup:not(.widget-calendar-events-list__eventGroup_collapsed) ~ .widget-calendar-events-list__eventGroup {
	margin-left: 6px;
}

.scrollable-h-child__scrollable___3e2Tk {
	height: auto;
}

.scrollable-h-child__content___1WvOT {
	--scrollable-track-size: 0;
}

.scrollable-h-child__content___1WvOT > table {
		table-layout: fixed;
		width: 100%;
	}

.widget-calendar-day-view__container {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
	padding-bottom: 1px;
	max-height: 100%;
}

.widget-calendar-day-view__header {
	width: 100%;
	flex-grow: 0;
	flex-shrink: 0;
	position: relative;
	z-index: 1;
}

.widget-calendar-day-view__content {
	width: 100%;
	flex-grow: 1;
	flex-shrink: 1;
	overflow: auto;
	position: relative;
	z-index: 1;
	box-shadow: 0 1px var(--line-color);
	display: flex;
}

.widget-calendar-day-view__table {
	table-layout: fixed;
	width: 100%;
	height: 100%;
	min-width: 217px;
}

.widget-calendar-day-view__cell {
	padding-top: 1px;
	box-shadow: 0 1px var(--line-color);
}

.widget-calendar-day-view__cell .widget-calendar-day-view__cellInner {
		display: flex;
		align-items: center;
		width: 100%;
		box-shadow: -1px 0 var(--line-color);
		box-sizing: border-box;
		height: 100%;
	}

.widget-calendar-day-view__timeCell {
	color: var(--label-color);
	width: 57px;
	vertical-align: middle;
	line-height: 23px;
}

.widget-calendar-day-view__timeCell .widget-calendar-day-view__cellInner {
		text-align: right;
		padding-right: 8px;
		justify-content: flex-end;
	}

.widget-calendar-day-view__dayCell .widget-calendar-day-view__cellInner {
		padding: 1px 0 1px 8px;
	}

.widget-calendar-day-view__timeRow .widget-calendar-day-view__timeCell {
		box-shadow: none;
	}

.widget-calendar-day-view__header .widget-calendar-day-view__dayCell {
	color: var(--label-color);
	padding-top: 7px;
	padding-bottom: 10px;
	line-height: 14px;
	text-align: center;
}

.scrollable-h-child__scrollable____We-I {
	height: auto;
	width: 100%;
}

.scrollable-h-child__content___2n40W {
	--scrollable-track-size: 0;
	height: 100%;
}

.scrollable-h-child__content___2n40W > table {
		width: 100%;
		height: 100%;
		table-layout: fixed;
	}

.widget-calendar-month-view__container {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
	padding-bottom: 1px;
	height: 100%;
}

.widget-calendar-month-view__header {
	width: 100%;
	flex-grow: 0;
	flex-shrink: 0;
	position: relative;
	z-index: 1;
}

.widget-calendar-month-view__content {
	width: 100%;
	flex-grow: 1;
	flex-shrink: 1;
	overflow: auto;
	position: relative;
	z-index: 1;
	box-shadow: 0 1px var(--line-color);
	display: flex;
}

.widget-calendar-month-view__table {
	width: 100%;
	height: 100%;
	table-layout: fixed;
}

.widget-calendar-month-view__dayCell {
	position: relative;
	cursor: pointer;
	height: 90px;
	width: 80px;
}

.widget-calendar-month-view__dayCell .widget-calendar-month-view__cellInner {
		display: flex;
		align-items: flex-start;
		width: 100%;
		box-shadow: -1px -1px var(--line-color);
		box-sizing: border-box;
		height: 100%;
		min-height: 90px;
		min-width: 80px;
		padding: 8px;
		position: absolute;
	}

.widget-calendar-month-view__dayCell:before,
	.widget-calendar-month-view__dayCell:after {
		width: 100%;
		height: 100%;
		position: absolute;
		pointer-events: none;
		top: 0;
		left: -1px;
	}

.widget-calendar-month-view__dayCell:after {
		height: calc(100% - 1px);
		width: calc(100% - 1px);
		z-index: 1;
	}

.widget-calendar-month-view__dayCell:before {
		height: calc(100% + 1px);
		width: calc(100% + 1px);
		z-index: -1;
	}

.widget-calendar-month-view__dayCell:focus:before,
	.widget-calendar-month-view__dayCell:hover:before {
		content: "";
		background-color: var(--list-item-hovered-bg);
	}

.widget-calendar-month-view__dayCell_current:after {
		content: "";
		border: 1px solid var(--calendar-current-day-border);
	}

.widget-calendar-month-view__dayCell_selected:hover:before, .widget-calendar-month-view__dayCell_selected:focus:before, .widget-calendar-month-view__dayCell_selected:before {
			content: "";
			background-color: var(--list-item-selected-bg);
		}

.widget-calendar-month-view__header .widget-calendar-month-view__weekDaysRow {
		border-bottom: 1px solid var(--line-color);
	}

.widget-calendar-month-view__header .widget-calendar-month-view__weekDayCell {
		color: var(--label-color);
		padding-top: 7px;
		padding-bottom: 10px;
		line-height: 14px;
		text-align: center;
		width: 80px;
	}

.widget-calendar-month-view__dayLabel {
	position: absolute;
	color: var(--table-disabled-text-color);
	font-size: 24px;
	right: 8px;
	bottom: 1px;
	font-weight: 300;
}

.widget-calendar-month-view__monthLabel {
	font-size: 14px;
	margin-right: 6px;
	text-transform: capitalize;
	font-weight: 500;
}

.scrollable-h-child__scrollable___3Pvyn {
	height: auto;
}

.scrollable-h-child__content___6dlfD {
	--scrollable-track-size: 0;
}

.scrollable-h-child__content___6dlfD > table {
		table-layout: fixed;
		width: 100%;
		min-width: 1177px;
	}

.widget-calendar-week-view__container {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
	padding-bottom: 1px;
	max-height: 100%;
	overflow: hidden;
}

.widget-calendar-week-view__header {
	width: 100%;
	flex-grow: 0;
	flex-shrink: 0;
	position: relative;
	z-index: 1;
}

.widget-calendar-week-view__content {
	width: 100%;
	flex-grow: 1;
	flex-shrink: 1;
	overflow: auto;
	position: relative;
	z-index: 1;
	box-shadow: 0 1px var(--line-color);
	display: flex;
}

.widget-calendar-week-view__table {
	table-layout: fixed;
	width: 100%;
	height: 100%;
	min-width: 1177px;
}

.widget-calendar-week-view__cell {
	position: relative;
}

.widget-calendar-week-view__cell .widget-calendar-week-view__cellInner {
		display: flex;
		align-items: center;
		width: 100%;
		box-shadow: -1px -1px var(--line-color);
		box-sizing: border-box;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

.widget-calendar-week-view__timeCell {
	color: var(--label-color);
	width: 57px;
	vertical-align: middle;
	line-height: 23px;
}

.widget-calendar-week-view__timeCell .widget-calendar-week-view__cellInner {
		text-align: right;
		padding-right: 8px;
		justify-content: flex-end;
		box-shadow: -1px 0 var(--line-color);
	}

.widget-calendar-week-view__allDayRow .widget-calendar-week-view__timeCell .widget-calendar-week-view__cellInner {
			border-bottom: 1px solid var(--line-color);
		}

.widget-calendar-week-view__weekRow .widget-calendar-week-view__weekDayCell {
		height: 24px;
	}

.widget-calendar-week-view__weekDayCell {
	cursor: pointer;
	position: relative;
}

.widget-calendar-week-view__weekDayCell .widget-calendar-week-view__cellInner {
		padding: 1px 0 1px 8px;
		align-items: flex-end;
	}

.widget-calendar-week-view__weeksLabelsRow {
	border-bottom: 1px solid var(--line-color);
}

.widget-calendar-week-view__weeksLabelsRow .widget-calendar-week-view__weekDayCell {
		color: var(--label-color);
		padding-top: 7px;
		padding-bottom: 10px;
		line-height: 14px;
		text-align: center;
	}

.widget-calendar-week-view__columnsHighlights {
	width: 100%;
	height: 100%;
	position: absolute;
	left: -1px;
}

.widget-calendar-week-view__columnsHighlights .widget-calendar-week-view__columnHighlight {
		position: relative;
	}

.widget-calendar-week-view__columnsHighlights .widget-calendar-week-view__columnHighlight:after {
			width: 0;
			height: 100%;
			position: absolute;
			right: -1px;
		}

.widget-calendar-week-view__columnsHighlights .widget-calendar-week-view__columnHighlight_hovered {
			background-color: var(--list-item-hovered-bg);
		}

.widget-calendar-week-view__columnsHighlights .widget-calendar-week-view__columnHighlight_hovered:after {
				border-left: 1px solid var(--list-item-hovered-bg);
			}

.widget-calendar-week-view__columnsHighlights .widget-calendar-week-view__columnHighlight_selected {
			background-color: var(--list-item-selected-bg);
		}

.widget-calendar-week-view__columnsHighlights .widget-calendar-week-view__columnHighlight_selected:after {
				border-left: 1px solid var(--list-item-selected-bg);
			}

.widget-calendar-week-view__columnsHighlights .widget-calendar-week-view__columnHighlight_hovered:after,
		.widget-calendar-week-view__columnsHighlights .widget-calendar-week-view__columnHighlight_selected:after {
			content: "";
		}

.loading-indicator-h-child__container___w6vAO {
	position: absolute;
	margin-bottom: 85px;
}

.scrollable-h-child__scrollable___1aYG7.scrollable-h-child__withVerticalScrollbar___JgEE2 .scrollable-h-child__wrapper___2uARo .scrollable-h-child__container___KkDnh .scrollable-h-child__content___2VgMy {
				width: 100%;
				padding-right: 0;
			}

.sidebar-h-child__content___1P-15 {
	padding: 6px 12px 0;
}

.table-resize-divider-h-child__container___2tH6X {
	height: 5px;
}

.widget-calendar-content__container {
	display: flex;
	align-items: stretch;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}

.widget-calendar-content__main {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex-grow: 1;
	min-width: 0;
}

.widget-calendar-content__calendar {
	flex-grow: 1;
	min-width: 0;
	min-height: 0;
}

.widget-calendar-content__table {
	height: 100%;
	flex-grow: 0;
	flex-shrink: 0;
}

.widget-calendar-content__buttonClearFiltersWrapper {
	border-top: 1px var(--line-color) solid;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-left: 4px;
	margin-right: 6px;
}

.widget-calendar-content__buttonClearFilters {
	color: var(--link-default-multiparts);
	height: 26px;
}

.widget-calendar-content__buttonClearFilters:hover {
		color: var(--link-hovered-multiparts);
	}

.widget-calendar-content__sectionTitle {
	margin-right: 6px;
	padding-bottom: 5px;
	color: var(--hint-color);
	font-size: 10px;
	display: flex;
	align-items: center;
	white-space: nowrap;
	line-height: 10px;
	margin-top: 9px;
}

.widget-calendar-content__sectionTitle::after {
		content: "";
		background-color: var(--line-color);
		width: 100%;
		height: 1px;
		margin-left: 4px;
		margin-top: 2px;
	}

.widget-calendar-content__sectionTitle:empty::after {
			margin-left: 0;
		}

.grid-eventsList .table--col-dateTime, .grid-eventsList .table--colAdapts-dateTime {
				width: 147px;
			}
			.grid-eventsList .table--col-symbol, .grid-eventsList .table--colAdapts-symbol {
				width: 64px;
			}
			.grid-eventsList .table--col-event, .grid-eventsList .table--colAdapts-event {
				width: 112px;
			}
			.grid-eventsList .table--col-description, .grid-eventsList .table--colAdapts-description {
				width: auto;
			}

.grid-eventsList {
	--grid-body-cell-height: 20px;
}

	.grid-eventsList .scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollable--container {
		padding: 0;
	}

	.grid-eventsList .table {
		min-width: 665px;
	}

	.grid-eventsList .table thead th .table--cell-aggregated {
			padding-left: 17px;
		}

	.grid-eventsList .table tbody .table--row {
					cursor: pointer;
				}

	.grid-eventsList .table tbody .table--row:hover {
						background: var(--table-row-bg-hover-color);
					}

	.grid-eventsList .table tbody .table--row-highlighted:hover {
							background: var(--table-row-highlighted-bg);
						}

	.grid-eventsList .table tbody .table--row-group {
						background-color: var(--table-group-bg-color);
					}

	.grid-eventsList .table tbody .table--row-group .table--cell-aggregated {
							font-weight: 700;
						}

	.grid-eventsList .table tbody .table--row-group.table--row-opened {
							background-color: var(--table-group-bg-selected-color);
						}

	.grid-eventsList .table tbody .table--row td {
						box-shadow: none;
						position: relative;
					}

	.grid-eventsList .table tbody .table--row td:before {
							pointer-events: none;
							content: "";
							position: absolute;
							left: 0;
							top: -1px;
							width: 100%;
							height: 100%;
							box-shadow: 0 1px var(--line-color);
						}

	.grid-eventsList .table tbody .table--cell-aggregated {
				padding-left: 1px;
			}

	.grid-eventsList .emptyView_content {
			width: 220px;
			font-size: 14px;
			line-height: 18px;
		}

.aggregation-block-h-child__icon___1h2-v {
	margin-left: 3px;
}

.aggregation-block-h-child__icon___1h2-v + .aggregation-block-h-child__wrapperData___3M2iS {
	margin-left: 4px;
}

.button-h-child__container___373QO .button-h-child__button___24KsI {
    height: 19px;
    min-width: 54px;
    width: -moz-fit-content;
    width: fit-content;
}

.button-h-child__container___3JlPB .button-h-child__button___2vT7u {
    height: 19px;
    width: 36px;
}

    .button-h-child__container___3JlPB .button-h-child__button-list___32jUp svg {
            width: 11px;
        }

    .button-h-child__container___3JlPB .button-h-child__button-calendar___33efm svg {
            width: 13px;
        }

.widget-calendar__container {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.widget-calendar__controls {
	display: flex;
}

.widget-calendar__widget {
	flex-grow: 1;
	min-height: 0;
}

/* @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(../../wl/vanquishtrader/OpenSans-Regular.ttf), url(../../wl/vanquishtrader/OpenSans-Regular.ttf) format('truetype');
	font-weight: 400;
	font-style: normal;
}

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

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

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

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

#chart-react-wrapper a {
	text-decoration: none;
}

.chart-react-wrapper * {
	box-sizing: border-box;
}

.chart-react-wrapper {
	touch-action: none;
	-webkit-tap-highlight-color: transparent;
	font-size: var(--font-size-m);
	font-family: var(--font-main-semibold);
}

/**
 * 	  Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
.chart-react-wrapper {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

.test {
	font-family: var(--font-main);
	line-height: normal;
	font-size: 14px;
}
.chart-toolbar-h-child__item___3BOm5 {
	display: flex;
	align-items: center;
}

	.chart-toolbar-h-child__item___3BOm5:not(:first-child) {
		padding-left: var(--spacer-l);
	}

.chart-toolbar-h-child__suggest-item___3WCf1 {
	padding-right: 0.4rem;
}

.chart-toolbar-h-child__suggest-container-hidden___3qSlc {
	visibility: hidden;
    width: 0;
    height: 0;
}

.zoom-button__container {
	height: var(--chart-toolbar-button-size);
	min-width: var(--chart-toolbar-button-size);
	box-shadow: none;
	border: none;
}

	.zoom-button__container:nth-child(odd) {
		margin-right: var(--chart-toolbar-buttons-gap);
	}

	.zoom-button__container:hover {
		background-color: var(--button-tertiary-hover);
	}

	.zoom-button__container.zoom-button__filled {
		background-color: var(--dropdown-alt-default-bg);
	}

	.zoom-button__container svg {
		width: var(--chart-toolbar-button-icon-width);
		fill: var(--icon-primary-default-color);
	}
.chart-compare-suggest__container {
	display: flex;
	flex-direction: column;
	width: 300px;
    padding: 4px 8px;
	gap: var(--suggest-info-button-info-left-spacer);
	align-items: flex-start;
}

.chart-compare-suggest__hint {
	padding: 4px;
}
.chart-suggest__container {
	display: flex;
	gap: var(--suggest-info-button-info-left-spacer);
	align-items: center;
}
.chart--cursor {
	padding-right: 55px;
	z-index: 10;
}

.cursor {
	position: absolute;
	white-space: nowrap;
	transform: translateY(-9px);
}

.cursor-quote {
		background-color: var(--chart-order-bg);
		border: 1px solid var(--chart-order-single-price-line-color);
		color: var(--common-text-default);
		position: relative;
		padding: 1px 5px 2px;
		font-size: 1rem;
		top: calc(-80%);
		left: calc(-80%);
	}

.cursor-quote::before {
			content: "";
			background-image: url(../../wl/vanquishtrader/icons-positions-orders-statuses.png);
			display: inline-block;
			vertical-align: middle;
			width: 11px;
			height: 11px;
			margin-top: -1px;
			margin-right: 4px;
			border-radius: 50%;
		}

.cursor-line {
	position: relative;
	width: 100%;
	height: var(--chart-plugins-line-thickness);
	background-color: var(--chart-grid-color);
	z-index: -1;
	display: none;
}

.cursor-line-visible {
		display: block;
	}

.cursor-limit .cursor-quote::before {
		background-position: left 1;
	}

.cursor-limit.cursor-above .cursor-quote::before {
		background-color: var(--icon-chart-market-order-sell);
	}

.cursor-limit.cursor-below .cursor-quote::before {
		background-color: var(--icon-chart-stop-limit-order-buy);
	}

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

.cursor-stop.cursor-above .cursor-quote::before, .cursor-stop_market.cursor-above .cursor-quote::before {
		background-color: var(--icon-chart-stop-limit-order-buy);
	}

.cursor-stop.cursor-below .cursor-quote::before, .cursor-stop_market.cursor-below .cursor-quote::before {
		background-color: var(--icon-chart-market-order-sell);
	}

.hidden-line__hiddenLineBox___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-hidden-lines-theme- {
	position: absolute;
	left: 55px;
	display: inline-block;
	padding: 0 5px;
	line-height: 32px;
	background-image: linear-gradient(to left, var(--chart-order-bg-color-1), var(--chart-order-bg-color-2, 0));
	text-transform: uppercase;
	z-index: 0;
	white-space: nowrap;
	pointer-events: none;
	border: 1px solid transparent;
	border-radius: 2px;
}

	.hidden-line__hiddenLineBox_position_top___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-hidden-lines-theme-::before, .hidden-line__hiddenLineBox_position_bottom___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-hidden-lines-theme-::before {
				content: '';
				display: block;
				position: absolute;
				top: -2px;
				left: -2px;
				width: calc(100% + 4px);
				height: calc(100% + 4px);
			}

	.hidden-line__hiddenLineBox_position_top___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-hidden-lines-theme- {
			top: 1px;
		}

	.hidden-line__hiddenLineBox_position_top___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-hidden-lines-theme-::before {
				background-image: linear-gradient(0deg, transparent, var(--chart-bg-color) 100%);
			}

	.hidden-line__hiddenLineBox_position_bottom___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-hidden-lines-theme- {
			bottom: 1px;
		}

	.hidden-line__hiddenLineBox_position_bottom___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-hidden-lines-theme-::before {
				background-image: linear-gradient(180deg, transparent, var(--chart-bg-color) 100%);
			}

	.hidden-line__hiddenLineBox_group_oco___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-hidden-lines-theme- {
			border-color: var(--chart-order-oco-index-bg-color);
		}

	.hidden-line__hiddenLineBox_group_osoParent___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-hidden-lines-theme- {
			border-color: var(--chart-order-oso-price-line-color);
		}

	.hidden-line__hiddenLineBox_group_osoChild___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-hidden-lines-theme- {
			border-color: var(--chart-order-oso-child-price-line-color);
		}

.hidden-line__label___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-hidden-lines-theme- {
	font-size: 13px;
	line-height: 16px;
	color: var(--common-text-default);
}
.line__line___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-line- {
	position: absolute;
	top: 0;
	width: 100%;
	height: 1px;
	background-image: linear-gradient(to right, var(--chart-order-bracket-price-line-color) 70%, transparent 70%);
	background-size: 12px 5px;
}

	.line__line_isActive___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-line- {
		z-index: 1;
		background-image: linear-gradient(to right, var(--chart-trading-editable-line-color) 70%, transparent 70%);
	}

.line__trigger___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-line- {
	height: 8px;
	width: 100%;
	position: absolute;
	transform: translateY(-50%);
}

.line__trigger_isDraggable___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-line- {
		cursor: grab;
	}

.line__trigger_isDraggable___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-line-:active {
			cursor: grabbing;
		}

.line__label___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-line- {
	display: inline-flex;
	transition: transform 0.3s ease-in-out;
}
.elements-container__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-elements-container-theme- {
	display: inline-flex;
	align-items: center;
	width: auto;
	border: 1px solid var(--line-color-4);
	border-radius: 2px;
	overflow: hidden;
}
.group-badge__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-group-badge-theme- {
	height: 14px;
	display: flex;
	padding: 0 2px;
	justify-content: center;
	align-items: center;
}

	.group-badge__container_oco___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-group-badge-theme-, .group-badge__container_ocoChild___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-group-badge-theme- {
		background-color: var(--chart-order-oco-index-bg-color);
	}

	.group-badge__container_oso___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-group-badge-theme- {
		background-color: var(--chart-order-oso-index-bg-color);
	}

	.group-badge__container_osoChild___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-group-badge-theme- {
		background-color: var(--chart-order-oso-child-index-bg-color);
	}

.group-badge__count___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-group-badge-theme- {
	background-color: var(--order_group-number-bg);
	color: var(--common-text-default);
	border-radius: 1px;
	font-size: 13px;
	height: 12px;
	line-height: 12px;
	padding: 0 1px 0;
	margin-left: 2px;
}

.group-badge__icon___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-group-badge-theme- {
	max-width: 18px;
	max-height: 14px;
}

.group-badge__legIcon___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-group-badge-theme- {
	max-height: 12px;
	max-width: 7px;
	margin-left: 2px;
	padding: 3px 0;
	align-self: flex-end;
}
.order-line-badge__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-order-line-badge-theme- {
	display: inline-block;
}

	.order-line-badge__container_side_buy___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-order-line-badge-theme- {
		color: var(--chart-order-buy-icon-color);
	}

	.order-line-badge__container_side_sell___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-order-line-badge-theme- {
		color: var(--chart-order-sell-icon-color);
	}

	.order-line-badge__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-order-line-badge-theme- svg {
		width: unset;
	}

.position-line-badge__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-position-line-badge-theme- {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
}

	.position-line-badge__container_side_buy___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-position-line-badge-theme- {
		color: var(--chart-order-buy-icon-color);
	}

	.position-line-badge__container_side_sell___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-position-line-badge-theme- {
		color: var(--chart-order-sell-icon-color);
	}

	.position-line-badge__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-position-line-badge-theme- svg {
		width: unset;
	}


.price-list__price___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-price-list-theme- {
	color: var(--at-text-color-2);
}
.quantity__delimiter___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-quantity-theme- {
	margin: 0 4px;
	color: var(--at-text-color-2);
	position: relative;
	top: -1px;
}

.group-badge-h-child__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-child-group-badge-theme-___1lg37 {
	padding: 1px;
	margin-left: 1px;
	height: 16px;
}

.aggregation-line-menu__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
	display: flex;
	align-items: center;
}

.aggregation-line-menu__selectIcon___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-, .aggregation-line-menu__orderGroup___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-, .aggregation-line-menu__lineType___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-, .aggregation-line-menu__quantity___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-, .aggregation-line-menu__priceAndChildGroup___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
	display: table-cell;
}

.aggregation-line-menu__selectIcon___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
	width: 10px;
	padding-right: 7px;
	vertical-align: middle;
}

.aggregation-line-menu__orderGroup___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
	vertical-align: middle;
}

.aggregation-line-menu__orderGroup__content___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
		display: flex;
	}

.aggregation-line-menu__lineType___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
	padding-left: 4px;
	text-align: center;
	vertical-align: middle;
}

.aggregation-line-menu__lineType__content___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
		display: flex;
		justify-content: center;
		height: 12px;
	}

.aggregation-line-menu__quantity___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
	padding-left: 4px;
	text-align: right;
}

.aggregation-line-menu__priceAndChildGroup__content___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
		display: flex;
		align-items: center;
	}

.aggregation-line-menu__childGroup___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
	padding-left: 4px;
}

.aggregation-line-menu__alertTriggered___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
	width: 11px;
	height: 11px;
	margin-left: 4px;
	fill: var(--icon-secondary-default-color);
}
.menu-item-h-child__item___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-___sR1_Z {
	line-height: 20px;
	padding: 0;
	display: table-row-group;
}

.menu-item-h-child__item__content___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-___2ss3K {
	display: table-row;
}

.menu-item-h-child__item__content___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-___2ss3K::before, .menu-item-h-child__item__content___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-___2ss3K::after {
		content: '';
		display: table-cell;
		width: 5px;
	}
.menu-h-child__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-___1bs2H {
	padding: 3px 0;
	display: table;
}

.aggregation-line-badge__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
	display: flex;
	align-items: center;
}

.aggregation-line-badge__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- + .aggregation-line-badge__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
	margin-left: 8px;
}

.aggregation-line-badge__amount___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
	line-height: 14px;
	font-size: 13px;
	margin-right: 4px;
	color: var(--common-text-default);
}

.aggregation-line-badge__badge_type_position___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
			border-width: 5px;
			border-style: solid;
			border-radius: 0.5px;
		}

.aggregation-line-badge__badge_type_position___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-.aggregation-line-badge__badge_side_buy___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
					border-color: var(--buy-button-default-bg-color);
				}

.aggregation-line-badge__badge_type_position___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-.aggregation-line-badge__badge_side_sell___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
					border-color: var(--sell-button-default-bg-color);
				}

.aggregation-line-badge__badge_type_position___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-.aggregation-line-badge__badge_side_mixed___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
					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);
				}

.aggregation-line-badge__badge_type_order___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
			border-width: 6px;
			border-style: solid;
			border-radius: 50%;
		}

.aggregation-line-badge__badge_type_order___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-.aggregation-line-badge__badge_side_buy___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
					border-color: var(--buy-button-default-bg-color);
				}

.aggregation-line-badge__badge_type_order___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-.aggregation-line-badge__badge_side_sell___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
					border-color: var(--sell-button-default-bg-color);
				}

.aggregation-line-badge__badge_type_order___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-.aggregation-line-badge__badge_side_mixed___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
					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);
				}

.aggregation-line-label__collapseIcon___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
	width: 8px;
	height: 8px;
}

.aggregation-line-label__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes- {
	display: flex;
	align-items: center;
}
.button-h-child__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-___3m1kC {
	height: 14px;
	min-width: unset;
	padding: 0 3px;
	border: none;
	box-shadow: none;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--common-text-default);
	background-image: linear-gradient(to left, var(--chart-order-bg-color-1), var(--chart-order-bg-color-2, 0));
}

	.button-h-child__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-___3m1kC:before {
		width: 100%;
		height: 100%;
		border: none;
		border-radius: 0;
	}

	.button-h-child__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-___3m1kC:focus {
		box-shadow: none;
	}

.button-h-child__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-___3m1kC + .button-h-child__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-___3m1kC::before {
		border-left: 1px solid var(--chart-order-single-price-line-color);
	}
.popover-h-child__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-aggregation-line-label-themes-___2Jicz {
	padding: 3px 0;
}
.aggregation-line__aggregationLine___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-aggregation-line-theme- {
	position: relative;
}

.aggregation-line__childLine___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-aggregation-line-theme- {
	position: relative;
}

.line-h-child__line___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-aggregation-line-theme-___3e93r {
	z-index: 1;
}

	.line-h-child__line___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-aggregation-line-theme-___3e93r .line-h-child__trigger___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-aggregation-line-theme-___1wIOr {
		display: none;
	}

	.line-h-child__line_hidden___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-aggregation-line-theme-___28TXz {
		height: 0;
		background-image: none;


	}

.line-h-child__label___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-aggregation-line-theme-___1qJXP {
	border: 1px solid var(--chart-trading-editable-line-color);
}
.line-h-child__line___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-current-price-line-theme-___2j4JK {
	background-color: var(--chart-trading-current-price-line-color);
	background-image: none;
}

.chart-line-section__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-chart-line-section-theme- {
	display: flex;
	align-items: center;
	justify-content: center;
}

.chart-line-section__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-chart-line-section-theme- + .chart-line-section__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-chart-line-section-theme- {
	margin-left: 10px
}

.chart-line-box__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-chart-line-box-theme- {
	box-sizing: border-box;
	position: absolute;
	width: calc(100% + 12px);
	height: 24px;
	padding: 0 4px;
	background-color: var(--chart-trading-price-box-bg);
	border-radius: 4px;
	border: 1px solid transparent;
	top: 50%;
	transform: translateY(-50%);
	left: -37px;
	margin-left: 32px;
	z-index: -1;
}

	.chart-line-box__container_isActive___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-chart-line-box-theme- {
		border: 1px solid var(--chart-trading-editable-line-color);
	}

	.chart-line-box__container_isExpandedLeft___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-chart-line-box-theme- {
		left: -6px;
		margin-left: 0;
	}

	.chart-line-box__container_isDraggable___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-chart-line-box-theme- {
		cursor: grab;
	}

.label__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-label-theme- {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: auto;
	height: 15px;
	padding: 1px 5px;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 12px;
	line-height: 12px;
	background: linear-gradient(90deg, var(--chart-order-bg-color-1, #393D65) 0%,var(--chart-order-bg-color-2, #393D65) 100%);
	color: var(--common-text-default);
}

.label-layout__orderTypeBadge___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-label-layout-theme- {
	height: 12px;
}

.label-layout__quantityAndPrice___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-label-layout-theme- {
	margin-left: 5px;
}

.label-layout__alertTriggered___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-label-layout-theme- {
	width: 11px;
	height: 11px;
	margin-left: 4px;
	fill: var(--icon-secondary-default-color);
}
.order-group__oco___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-group-theme- {
	border-color: var(--chart-order-oco-index-bg-color);
}

.order-group__osoParent___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-group-theme- {
	border-color: var(--chart-order-oso-price-line-color);
}

.order-group__osoChild___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-group-theme- {
	border-color: var(--chart-order-oso-child-price-line-color);
}


.ticker-value-h-child__item-cell-icon___vh8Y4 {
	width: 11px;
	height: 10px;
	display: inline-block;
}

.ticker-value-h-child__item-cell___29TSs {
	font-family: IBM Plex Sans;
	color: var(--secondary-text-color, rgba(255, 255, 255, 0.48));
	display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
}

.ticker-value-h-child__item-cell-positive___2Y17- {
		margin-left: 4px;
		color: var(--positive-text-color, #00D181);
	}

.ticker-value-h-child__item-cell-positive--icon___3qVV6 svg {
				fill: var(--positive-text-color, #00D181);
			}

.ticker-value-h-child__item-cell-negative___2wk9z {
		margin-left: 4px;
		color: var(--negative-text-color, #FE778B);
	}

.ticker-value-h-child__item-cell-negative--icon___1tBuL svg {
				fill: var(--negative-text-color, #FE778B);
				transform: rotate(180deg);
				transform-origin: center;
			}

.ticker-value-h-child__item-cell-neutral___3y59g {
		margin-left: 4px;
		color: var(--metric-text-color, #FFF);
	}

.ticker-value-h-child__item-cell-neutral--icon___1NZSs svg {
				visibility: hidden;
			}
.single-position-h__pl-container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-single-position-theme-___1Tjl7 {
	font-family: Open Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
}

    .single-position-h__pl-container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-single-position-theme-___1Tjl7 .single-position-h__item-cell-icon___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-single-position-theme-___1bQqp {
        display: none;
    }

.chart-line-label__chartLine___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-chart-line-label-theme- {
	width: 100%;
	z-index: 10;
	display: flex;
}

.chart-line-label__controlGroup___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-chart-line-label-theme- {
	display: flex;
	font-size: 0;
	width: auto;
}
.popover-h-child__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-tooltip-theme-___1A-j8 {
	padding: 2px 8px;
	background: var(--hint-tooltip-bg-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
	color: var(--hint-tooltip-text-color);
	z-index: 1000;
	line-height: 16px;
	font-size: 13px;
	top: 5px;
}
.tooltip__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-components-tooltip-theme- {
	position: relative;
	display: flex;
}

.button-h-child__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-chart-line-button-theme-___2maxo {
	position: relative;
	height: 16px;
	min-width: 16px;
	padding: 0;
	margin: 1px;
}

.button-h-child__inner___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-chart-line-button-theme-___3wQUq {
	display: flex;
	align-items: center;
	justify-content: center;
}
.button-icon-h-child__icon___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-edit-button-theme-___3HolM {
	height: 9px;
	width: 9px;
}

.button-icon-h-child__icon___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-remove-button-theme-___3o-oh {
	height: 12px;
	width: 10px;
}

.line-h-child__line_osoParent___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-order-line-theme-___1upI8 {
		background-image: linear-gradient(to right, var(--chart-order-oso-price-line-color) 70%, transparent 70%);
	}
	.line-h-child__line_osoChild___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-order-line-theme-___36Eb- {
		background-image: linear-gradient(to right, var(--chart-order-oso-child-price-line-color) 70%, transparent 70%);
	}
	.line-h-child__line_oco___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-order-line-theme-___1AL4H {
		background-image: linear-gradient(to right, var(--chart-order-oco-price-line-color) 70%, transparent 70%);
	}
.order-line__removeButton___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-order-line-theme- {
	position: absolute;
	left: -28px;
}

.child-order__oco___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-child-order-theme- {
	border-color: var(--chart-order-oco-index-bg-color);
}

.child-order__osoParent___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-child-order-theme- {
	border-color: var(--chart-order-oso-price-line-color);
}

.child-order__osoChild___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-child-order-theme- {
	border-color: var(--chart-order-oso-child-price-line-color);
}

.child-order__childOrder___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-child-order-theme- {
	margin-left: 1px;
	overflow: hidden;
}

.child-order-line__labelContainer___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-child-order-line- {
	position: relative;
	z-index: 2;
}
.button-icon-h-child__icon___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-close-button-theme-___3hGMJ {
	height: 8px;
	width: 8px;
}

.button-icon-h-child__icon___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-remove--with-oco-button-theme-___ELWRP {
	height: 12px;
	width: 21px;
	margin: 0 5px;
}

.position-line__closeButton___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-position-line- {
	position: absolute;
	left: -28px;
}

.position-line__line-label_selected___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-position-line- {
	background: inherit;
	padding: 0;
	border: none;
}

.position-line__line-label-container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-position-line- {
	border: 1px solid var(--chart-order-single-border-color, rgba(68, 73, 116, 1));
	border-radius: 0;
}

.add-group-button__button___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-add-group-button-theme- {
	padding: 0 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.add-group-button__icon___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-add-group-button-theme- {
	height: 6px;
	width: 6px;
	color: var(--icon-primary-default-color);
}

.add-group-button__label___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-add-group-button-theme- {
	font-size: 12px;
	margin-left: 4px;
}

.menu-item-h-child__item___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-add-group-button-theme-___1eqmg {
	padding-right: 6px;
}
.popover-h-child__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-add-group-button-theme-___Gp239 {
	z-index: 1000;
}
.input-h-child__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-creation-input-theme-___gCWco {
	width: 42px;
	height: 18px;
	line-height: 14px;
}

.input-h-child__input___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-creation-input-theme-___saxh6 {
	font-size: 14px;
	width: 100%;
}
.menu-item-h-child__item___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-type-selectbox-theme-___1nDwM {
	padding: 0 9px;
}
.order-type-selectbox__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-type-selectbox-theme- {
	display: flex;
}

.order-type-selectbox__menuItem___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-type-selectbox-theme- {
	display: flex;
	align-items: center;
}

.order-type-selectbox__menuItem__icon___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-type-selectbox-theme- {
	display: flex;
	width: 25px;
	height: 11px;
	justify-content: center;
}

.order-type-selectbox__menuItem__label___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-type-selectbox-theme- {
	margin-left: 7px;
	font-size: 14px;
}

.order-type-selectbox__anchor___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-type-selectbox-theme- .order-type-selectbox__menuItem__label___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-type-selectbox-theme- {
		display: none;
	}

.order-type-selectbox__anchor___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-type-selectbox-theme- .order-type-selectbox__menuItem__icon___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-type-selectbox-theme- {
		width: auto;
		display: flex;
	}
.selectbox-h-child__container__anchor___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-type-selectbox-theme-___2NaNM {
	height: 16px;
	min-width: 40px;
	margin: 1px;
}

	.selectbox-h-child__container__anchor__content_hasCaret___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-type-selectbox-theme-___2wVdz {
		padding-right: 16px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: unset;
	}

.selectbox-h-child__container__item__text___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-type-selectbox-theme-___1LyoE {
	padding: 0;
}
.group-badge-h-child__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-creation-line-label-theme-___1uOOK {
	padding: 1px 2px;
}

.order-creation-line-label__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-creation-line-label-theme- {
	display: inline-flex;
	position: relative;
}

	.order-creation-line-label__container_isDraggable___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-creation-line-label-theme- {
		cursor: grab;
	}

.order-creation-line-label__field___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-creation-line-label-theme- {
	margin-right: 1px;
}

.order-creation-line-label__field___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-creation-line-label-theme-:last-child {
		margin: 0
	}

.order-creation-line-label__groupBadge___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-creation-line-label-theme- {
	border-radius: 2px;
	overflow: hidden;
	margin-right: 2px;
}

.order-creation-line-label__removeButton___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-creation-line-label-theme- {
	position: absolute;
	left: -28px;
	display: flex;
}

.price-input-h-child__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-line-multiasset-components-order-creation-line-label-theme-___2Sid9 {
	width: 77px;
}
.chart-lines-plugin__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-lines-plugin- {
	flex-grow: 1;
	position: relative;
}

	.chart-lines-plugin__container_isDragging___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin-views-chart-lines-plugin- {
		cursor: grabbing;
	}
.chart-lines-plugin__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin- {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	z-index: 11;
	display: flex;
}

    .chart-lines-plugin__container___third-party-legacy-chart-plugins-2-src-plugins-chart-lines-plugin- * {
        box-sizing: border-box;
    }
.button-h-child__container___3H6FZ {
  font-size: var(--button-font-size-l);
  font-weight: var(--button-font-weight);
  font-family: "TD Graphik", sans-serif;
}

.order-confirmation__container {
  display: flex;
  gap: var(--widget-chart-area-drawing-toolbar-control-gap);
  padding: var(--widget-chart-area-drawing-toolbar-spacer);
  background: linear-gradient(to right,
      var(--chart-widget-toolbar-bg-color-1),
      var(--chart-widget-toolbar-bg-color-2));
  z-index: 1000;
  position: absolute;
  top: var(--widget-chart-area-drawing-toolbar-y-position);
  left: 50%;
  transform: translateX(-50%);
}

.button-h-child__container___third-party-legacy-react-kit-components-list-themes-___1cxDq {
	font-weight: var(--list-group-header-font-weight);
	padding: 0;
	min-width: unset;
	height: unset;
}

.list-item-group__itemGroup___third-party-legacy-react-kit-components-list-themes- > ul {
		padding-left: var(--list-spacer);
	}

.combobutton-button-h-child__container___2_79f {
	height: var(--widget-header-control-height);
	width: var(--widget-chart-area-header-trading-from-chart-button-width);
	min-width: 0;
	padding: 0;
	margin-right: 2rem;
	margin-bottom: calc(var(--widget-header-control-height) * -1);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--widget-header-button-bg-color);
	box-shadow: none;
	border: none;
	border-right: var(--button-border-width) solid var(--button-separator-line-color);
}

	.combobutton-button-h-child__container___2_79f svg {
		top: var(--widget-chart-area-header-trading-from-chart-button-icon-y-offset);
		width: var(--widget-chart-area-header-trading-from-chart-button-icon-width);
		height: var(--widget-chart-area-header-trading-from-chart-button-icon-height);
	}

	.combobutton-button-h-child__container___2_79f .combobutton-button-h-child__inner___126zC {
		width: auto;
		color: var(--icon-primary-default-bg);
	}

.combobutton-selectbox-h-child__container__item__text___298Ov svg {
		width: var(--widget-chart-area-trading-from-chart-dropdown-option-icon-size);
		height: var(--widget-chart-area-trading-from-chart-dropdown-option-icon-size);
	}

.combobutton-selectbox-h-child__container__item__activeIcon___1posT svg {
		width: 100%;
		height: 100%;
	}

.combobutton-selectbox-h-child__container__item___3m0BB {
	padding: var(--widget-chart-area-trading-from-chart-dropdown-option-top-spacer)
		var(--widget-chart-area-trading-from-chart-dropdown-option-right-spacer)
		var(--widget-chart-area-trading-from-chart-dropdown-option-bottom-spacer)
		var(--widget-chart-area-trading-from-chart-dropdown-option-left-spacer);
	line-height: 1;
}

.combobutton-selectbox-h-child__container__anchor___3gBwC {
	height: 18px;
    top: -0.5px;
	width: 20px;
	min-width: unset;
	background-color: var(--dropdown-alt-default-bg);
	border: none;
}

.combobutton-selectbox-h-child__container__anchor__content_hasCaret___8O_Xc {
			right: 0.4rem;
		}

.combobutton-h-child__container___3EW6J {
	height: var(--widget-header-control-height);
}

.menu-h-chuld__item___dqMFv {
    padding-left: 0;
}
.order-restore__container {
    width: 100%;
    display: block;
    text-align: center;
    z-index: 50;
	position: absolute;
	left: 0;
	pointer-events: none;
	top: 50px;
}

/* twice selector have to use for overlap chart react styles ( hover behavior on button element ) */
.button-h-child__buy___1WkNK.button-h-child__buy___1WkNK {
	color: var(--buy-button-default-text-color);
	box-shadow: 0 0 0 var(--button-border-width) var(--buy-button-outside-border-color);
}
.button-h-child__buy___1WkNK.button-h-child__buy___1WkNK,
	.button-h-child__buy___1WkNK.button-h-child__buy___1WkNK:hover {
		background-color: var(--buy-button-default-bg-color);
	}

.button-h-child__sell___1jYot.button-h-child__sell___1jYot {
	color: var(--sell-button-default-text-color);
	box-shadow: 0 0 0 var(--button-border-width) var(--sell-button-outside-border-color);
}

.button-h-child__sell___1jYot.button-h-child__sell___1jYot,
	.button-h-child__sell___1jYot.button-h-child__sell___1jYot:hover {
		background-color: var(--sell-button-default-bg-color);
	}

.button-h-child__container___1Zjhx {
	min-width: var(--trade-button-min-width);
	padding: 0 var(--button-spacer-m);
	height: var(--button-height-s);
	font-size: var(--button-font-size-m);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: var(--trade-button-font-weight);
	line-height: var(--trade-button-line-height);
}

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

.button-h-child__container___1Zjhx:disabled,
	.button-h-child__container___1Zjhx[disabled] {
		background-color: var(--button-disabled-bg-color);
		color: var(--button-disabled-text-color);
		box-shadow: var(--buy-sell-button-shadow-param) var(--button-disabled-border-outside-color);
	}

.button-h-child__inner___3faLV {
	line-height: 1;
}
.trading-buttons__container {
	display: flex;
	flex-direction: row-reverse;
	gap: var(--spacer-l);
}
.widget-chart-react__menu {
  display: flex;
}

.widget-chart-react__header {
	display: flex;
	min-width: 0;
	width: 100%;
}
.widget-header-title__container {
	color: var(--modal-window-header-text-color);
	transition: color 220ms ease-in;
	height: 19px;
	cursor: pointer;
	display: flex;
	align-items: center;
}

	.widget-header-title__container .widget-header-title__text {
		display: inline-block;
		vertical-align: middle;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		flex-grow: 1;
		max-width: 163px;
	}

	.widget-header-title__container .widget-header-title__text:first-child {
			margin-left: 0;
		}

	.widget-header-title__container .widget-header-title__text + .widget-header-title__icon {
			margin-left: 5px;
			margin-right: 0;
		}

	.widget-header-title__container .widget-header-title__icon {
		display: inline-block;
		height: 8px;
		width: 8px;
		margin-right: 5px;
		vertical-align: middle;
		flex-shrink: 0;
	}

	.widget-header-title__container .icon {
			fill: var(--modal-window-header-text-color);
			transition: fill 220ms ease-in;
		}

	.widget-header-title__container .control {
			height: 100%;
		}

	.widget-header-title__container .control--wrap {
				height: 100%;
			}

	.widget-header-title__container .control input[type=text] {
				height: 100%;
				line-height: 1;
			}

	.widget-header-title__container .control--errorMessage {
				padding-top: 4px;
				padding-bottom: 4px;
			}

	.widget-header-title__container:hover {
		color: var(--link-hovered-multiparts);
	}

	.widget-header-title__container:hover .icon {
			fill: var(--link-hovered-multiparts);
		}

	.widget-header-title__container:active {
		color: var(--link-pressed-multiparts);
	}

	.widget-header-title__container:active .widget-header-title__text,
		.widget-header-title__container:active .widget-header-title__icon {
			transform: translateY(1px);
		}

	.widget-header-title__container:active .icon {
			fill: var(--link-pressed-multiparts);
		}

	.widget-header-title__container_disabled {
		pointer-events: none;
		color: var(--dropdown-alt-disabled-text);
	}

	.widget-header-title__container_disabled .icon {
			fill: var(--dropdown-alt-disabled-text);
		}

	.widget-header-title__container_opened {
		color: var(--link-default-multiparts);
	}

	.widget-header-title__container_opened .icon {
			fill: var(--link-default-multiparts);
		}

.widgetNew__headerContentWrapper .widget-header-title__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 .widget-header-title__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 .widget-header-title__container:hover:before {
						background: var(--button-hovered-overlay-color);
						transition: all 220ms ease-in;
					}

.widgetNew__headerContentWrapper .widget-header-title__container_disabled, .widgetNew__headerContentWrapper .widget-header-title__container_disabled:hover, .widgetNew__headerContentWrapper .widget-header-title__container_disabled:active {
						color: var(--dropdown-alt-disabled-text);
						background-color: var(--dropdown-alt-disabled-bg);
						box-shadow: 0 0 0 1px var(--dropdown-alt-disabled-border-outside);
					}

.widgetNew__headerContentWrapper .widget-header-title__container .widget-header-title__icon .icon {
						fill: var(--icon-contextual-primary-default-color);
					}
.new-treemap__root___third-party-legacy-react-kit-components-treemap-theme- {
    position: relative;
    overflow: hidden;

    cursor: pointer;
}
.local-treemap__root {
	position: absolute;

	box-sizing: border-box;

	background-color: transparent;

	overflow: hidden;

	transition: background-color .3s;
}

	.local-treemap__root:not(:hover) .local-treemap__icon {
			opacity: 0;
		}

	.local-treemap__root:hover {
		background-color: var(--heatmap-group-hovered-bg);
	}

	.local-treemap__root:hover .local-treemap__title {
			color: var(--heatmap-group-hovered-text);
		}

.local-treemap__content {
	width: 100%;
	height: 100%;

	position: relative;
}

.local-treemap__title {

	font-size: 1.2rem;
	line-height: 1.2rem;
	color: var(--heatmap-group-default-text);
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;

	overflow: hidden;

	transition: color .3s;
}

.local-treemap__title__container {
		 overflow: hidden;

		 box-sizing: border-box;

		 display: flex;
		 justify-content: space-between;
		 align-items: center;

		 padding: 0 5px 0 12px;

		 cursor: pointer;
	}

.local-treemap__title__container--full {
			 position: absolute;
			 top: 0%;
			 left: 0;
			 width: 100%;

			 background-color: var(--heatmap-group-hovered-bg);
		}

.local-treemap__icon {
	margin-left: 8px;

	min-width: 13px;

	transition: opacity .3s;
}

.local-treemap__icon path {
		transition: fill .3s;
	}

.local-treemap__icon:hover path {
			fill: var(--link-hovered-multiparts);
		}

.local-treemap__groupTitleTooltip {
	margin-top: 1em;
}
.heatmap-tooltip__root {
	background-color: var(--dropdown-list-bg-color);

	box-shadow: 0px 2px 30px var(--overlay-box-shadow-color);

	padding: 14px 10px;

	position: absolute;

	transition: top .15s, left .15s, right .15s;

	pointer-events: none;

	animation: heatmap-tooltip__fade .15s linear forwards;
}

@keyframes heatmap-tooltip__fade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.heatmap-tooltip__list {
	display: flex;
	align-items: center;
}

.heatmap-tooltip__title {
	color: var(--common-text-default);
	font-size: 1.4rem;
	line-height: 1.4rem;
	font-weight: bold;
	white-space: nowrap;
}

.heatmap-tooltip__bid {
	color: var(--common-secondary-text-color);
	font-size: 1.2rem;
	line-height: 1.4rem;
	white-space: nowrap;

	margin-left: 20px;
}

.heatmap-tooltip__change {
	color: var(--common-text-default);
	font-size: 1.2rem;
	line-height: 1.4rem;
	white-space: nowrap;

	margin-left: 10px;
}

.heatmap-tooltip__last {
	color: var(--common-text-default);
	font-size: 1.2rem;
	line-height: 1.4rem;
	white-space: nowrap;

	padding: 0 8px;

	background-color: rgba(0, 0, 0, 0.24);
	border-radius: 10px;

	margin-left: 10px;
}

.heatmap-tooltip__description {
	margin-top: 4px;
	max-width: -moz-fit-content;
	max-width: fit-content;
	font-size: 1.2rem;
	line-height: 1.4rem;
	color: var(--description-text-color);
}
.new-heatmap__root {
    width: 100%;
    height: 100%;

    position: relative;
}
.widget-heatmap-list-view__container {
	height: 100%;
}
.widget-heatmap-content__container {
	display: flex;
	align-items: stretch;
	height: 100%;
	width: 100%;
}

.widget-heatmap-content__sidebar {
	display: flex;
}

.widget-heatmap-content__sidebar-isCollapsed {
		border-right: 2px solid var(--line-color);
	}

.widget-heatmap-content__main {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex-grow: 1;
}
.asset-type-switcher-h__readonly-text-wrapper___3MG3j {
 	font-size: 12px;
}
.asset-type-switcher-h__readonly-text-label___1E4db {
	margin-right: 4px;
  	color: var(--form-label-text-color);
}
.button-h-child__container___1gIFS .button-h-child__button___1IwW5 {
    height: 19px;
}

.contextMenu-heatmapGridOption {
	padding: 0;

}

	.contextMenu-heatmapGridOption .contextMenu--item {
		padding: 0 10px;
		font-weight: normal;
	}

	.contextMenu-heatmapGridOption .contextMenu--item-delimiter {
			margin-top: 1px;
			margin-bottom: 0;
		}

	.contextMenu-heatmapGridOption .contextMenu--item .link-pseudo {
			margin-right: 0;
		}

	.contextMenu-heatmapGridOption .contextMenu--item .link-pseudo:hover {
				color: var(--dropdown-list-text-color);
			}

	.contextMenu-heatmapGridOption .contextMenu--optionList {
		min-width: 113px;
		padding: 1px 0;
	}

	.contextMenu-heatmapGridOption .icon-add-to-watchlist {
		width: 11px;
		height: 14px;		
	}

	.contextMenu-heatmapGridOption .icon-create-alert {
		width: 11px;
		height: 11px;
	}
.grid-heatmapList .table--col-symbol, .grid-heatmapList .table--colAdapts-symbol {
				width: 62px;
			}
			.grid-heatmapList .table--col-lastPrice, .grid-heatmapList .table--colAdapts-lastPrice {
				width: 74px;
			}
			.grid-heatmapList .table--col-change, .grid-heatmapList .table--colAdapts-change {
				width: 62px;
		   	}
			.grid-heatmapList .table--col-marketCap, .grid-heatmapList .table--colAdapts-marketCap {
				width: 87px;
	   		}
			.grid-heatmapList .table--col-volume, .grid-heatmapList .table--colAdapts-volume {
				width: 87px;
			}
			.grid-heatmapList .table--col-description, .grid-heatmapList .table--colAdapts-description {
				width: auto;
			}
.grid-heatmapList .scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollable--container {
		padding: 0;
	}
	.grid-heatmapList .table {
		min-width: 665px;
	}
	.grid-heatmapList .table th .table--cell-lastPrice .table--columnTitle {
				padding-right: 8px;
			}
	.grid-heatmapList .table--cell-symbol {
				padding-left: 6px;
			}
	.grid-heatmapList .table--cell-symbol .table--resizeHandleLeft {
					left: -12px;
				}
	.grid-heatmapList .table--cell-lastPrice {
				padding-right: 4px;
			}
	.grid-heatmapList .table--cell-lastPrice .table--resizeHandle {
					right: -10px;
				}
	.grid-heatmapList .table--cell-change {
				padding-right: 4px;
		   	}
	.grid-heatmapList .table--cell-change .table--resizeHandle {
					right: -10px;
				}
	.grid-heatmapList .table--cell-marketCap {
				padding-right: 4px;
	   		}
	.grid-heatmapList .table--cell-marketCap .table--resizeHandle {
					right: -10px;
				}
	.grid-heatmapList .table--cell-volume {
				padding-right: 4px;
	   		}
	.grid-heatmapList .table--cell-volume .table--resizeHandle {
					right: -10px;
				}
	.grid-heatmapList .table--cell-description {
				padding-left: 15px;
			}
	.grid-heatmapList .table--cell-description .table--resizeHandleLeft {
					left: -21px;
				}
	.grid-heatmapList .table tbody .table--row {
				 	cursor: pointer;
				}
	.grid-heatmapList .table tbody .table--row:hover {
						background: var(--table-row-bg-hover-color);
					}
	.grid-heatmapList .table tbody .table--row-highlighted:hover {
							background: var(--table-row-highlighted-bg);
						}
	.grid-heatmapList .table tbody .table--row-selected {
						background: var(--table-row-selected-bg-color);
					}
	.grid-heatmapList .table tbody .table--row-selected:hover {
							background: var(--table-row-selected-bg-color);
						}
	.grid-heatmapList .table tbody .no-data-text {
				color: var(--no-data-text-color);
			}
	.grid-heatmapList .table tbody .up-price-cell {
				color: var(--positive-text-color);				
			}
	.grid-heatmapList .table tbody .down-price-cell {
				color: var(--negative-text-color);
			}
	.grid-heatmapList .table tbody .icon-change-sign-positive {
				width: 5px;
				fill: var(--positive-text-color);
				margin-left: 3px;
			}
	.grid-heatmapList .table tbody .icon-change-sign-negative {
				width: 5px;
				fill: var(--negative-text-color);
				margin-left: 3px;
			}
	.grid-heatmapList .table tbody .icon-change-sign-neutral {
				width: 5px;
				fill: var(--table-text-color);
				margin-left: 3px;
			}
.button-h-child__container___2yDF1 .button-h-child__button___3_vqf {
    height: 19px;
    width: 36px;
}

    .button-h-child__container___2yDF1 .button-h-child__button-list___2qWNL svg {
            width: 11px;
        }

    .button-h-child__container___2yDF1 .button-h-child__button-heatmap___3jcP9 svg {
            width: 13px;
        }

.widget-heatmap__switcher {
	display: flex;
	align-items: center;
}

	.widget-heatmap__switcher span {
		margin-left: 4px;
	}

.widget-heatmap__popup {
	position: fixed;
	width: 148px;
	height: 117px;
	background-color: var(--dropdown-list-bg-color);
	box-shadow: 0 4px 30px var(--overlay-box-shadow-color);

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

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

/*FIXME!*/

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

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

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

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

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

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

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

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

.crossToolPluginView--chartInfo-alignedRight .chartInfo {
				transform: translateX(calc(-100% - 30px));
			}
.HighlightSection__container___third-party-legacy-chart-plugins-2-src-plugins-HighlightsPlugin-components- {
	position: absolute;
	overflow: hidden;
	pointer-events: none;
}

	.HighlightSection__container-hidden___third-party-legacy-chart-plugins-2-src-plugins-HighlightsPlugin-components- {
		display: none;
	}

.HighlightSection__title___third-party-legacy-chart-plugins-2-src-plugins-HighlightsPlugin-components- {
	white-space: nowrap;
	padding: 1px 5px;
	display: inline-block;
}

.HighlightSection__title_short___third-party-legacy-chart-plugins-2-src-plugins-HighlightsPlugin-components- {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
.HighlightSection__container___third-party-legacy-chart-plugins-2-src-plugins-HighlightsPlugin-components- {
	color: var(--chart-session-name-text-color);
	pointer-events: none;
}

.HighlightSection__title___third-party-legacy-chart-plugins-2-src-plugins-HighlightsPlugin-components- {
	font-size: 12px;
	color: inherit;
	padding: 5px;
	background: var(--chart-regular-session-highlight-bg-color);
}

.HighlightSection__title___third-party-legacy-chart-plugins-2-src-plugins-HighlightsPlugin-components-:empty {
		display: none;
	}
.chartInfo {
	box-sizing: border-box;
	margin-top: 22px;
	min-width: 155px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
}

	.chartInfo--header {
		width: 100%;
		height: 23px;
		line-height: 23px;
		white-space: nowrap;
		padding-right: 24px;
		box-sizing: border-box;
	}

	.chartInfo--title {
		padding-left: 8px;
		box-sizing: border-box;
		height: 100%;
		display: block;
	}

	.chartInfo--toggle {
		position: absolute;
		top: -1px;
		right: 0;
		display: inline-block;
		vertical-align: top;
		border: none;
		height: 23px;
		width: 24px;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 7px;
		padding-right: 7px;
	}

	.chartInfo--toggle .icon {
			width: 9px;
			height: 9px;
		}

	.chartInfo--content {
		overflow: hidden;
		height: calc(100% - 23px);
	}

	.chartInfo--group:first-child {
			padding-top: 2px;
		}

	.chartInfo--group {

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

	.chartInfo--group-volume {
			margin-bottom: 4px;
		}

	.chartInfo--group-volume + .chartInfo--studies:not(:empty) {
						padding-top: 6px;
						border-top-width: 1px;
						border-top-style: solid;
					}

	.chartInfo--groupTitle {
		padding-left: 8px;
		padding-right: 8px;
		box-sizing: border-box;
		display: table-caption;
		padding-bottom: 3px;
	}

	.chartInfo--parameter {
		display: flex;
		justify-content: space-between;
	}

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

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

	.chartInfo--value {
		font-size: 10px;
		text-align: right;
	}

	.chartInfo--delimeter {
		height: 1px;
		margin-bottom: 6px;
	}

	.chartInfo--line-vertical,
		.chartInfo--line-horizontal {
			border-style: solid;
		}

	.chartInfo-collapsed {
		width: auto;
		min-width: 0;
		height: auto;
		padding-top: 0;
	}

	.chartInfo-collapsed .chartInfo--header {
				position: relative;
				padding-right: 0;
			}

	.chartInfo-collapsed .chartInfo--title {
				display: none;
			}

	.chartInfo-collapsed .chartInfo--content {
				display: none;
			}

	.chartInfo-collapsed .chartInfo--toggle {
				position: relative;
			}



.chartInfo {
	background-color: var(--chart-info-bg-color);
	border-radius: 2px;
}



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



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



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



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



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



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



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



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



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



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



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



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



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



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

/* Safari Only 7.1+ */
_::-webkit-full-page-media, _:future, :root .chartInfo {
	background-color: var(--chart-info-bg-color, .83);
}
.backup-codes-save-button__container {
    display: block;
    text-decoration: none;
}

.backup-codes__container {
    padding: 24px 24px 28px 24px;
    max-width: 452px;
}

.backup-codes__title {
    font-size: 14px;
    line-height: 18px;
    color: var(--main-text-color);
    margin-bottom: 8px;
	font-weight: bold;
}

.backup-codes__title-2fa-success {
    margin-top: 20px;
}

.backup-codes__description {
	font-size: 12px;
	line-height: 20px;
}

.backup-codes__list {
    list-style: inside decimal;
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 132px;
         column-gap: 132px;
    width: -moz-max-content;
    width: max-content;
}

.backup-codes__singleColumnList {
    list-style: inside decimal;
    -moz-column-count: 1;
         column-count: 1;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
}

.backup-codes__item {
    padding-left: 2px;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: var(--main-text-color);
}

.backup-codes__item::marker {
        font-weight: normal;
        line-height: 25px;
        color: var(--common-secondary-text-color)
    }

.backup-codes__save {
    text-decoration: none;
    text-align: center;
    display: block;
    margin-top: 22px;
}

.backup-codes__securityMessage {
	font-size: 12px;
	line-height: 14px;
	color: var(--common-secondary-text-color);
	margin-top: 24px;
}

.backup-codes__codes {
    margin: 10px 0;
    padding: 16px 20px;
    background: var(--widget-dark-bg-color);
}

.backup-codes__codes-request {
		padding: 59px 20px;
	}

.backup-codes__controls {
	margin-top: 12px;
}

.backup-codes__controls button:not(:last-child) {
		margin-bottom: 12px;
	}

.backup-codes__controls-request button:not(:last-child) {
			margin-bottom: 0px;
		}

.backup-codes__controls-request {

		display: flex;
		gap: 15px;
}

.backup-codes__generate-request h3 {
		line-height: 18px;
		font-weight: bold;
		font-size: 14px;
	}

.backup-codes__generate-request-description {
		margin-top: 8px;
		line-height: 16px;
	}
.backup-codes-popup__body {
	padding: 0;
	box-sizing: border-box;
}

.backup-codes-popup__footer {
	display: flex;
	justify-content: flex-end;
	padding: 12px 24px;
}
.two-step-auth-setup__container {
	box-sizing: border-box;
    max-width: 450px;
    padding: 24px 24px 28px 24px;
}

.two-step-auth-setup__title {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 16px;
    color: var(--main-text-color);
}

.two-step-auth-setup__list {
    width: -moz-max-content;
    width: max-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    list-style: decimal inside;
}

.two-step-auth-setup__item {
	font-size: 12px;
    line-height: 20px;
    margin-bottom: 8px;
    color: var(--common-text-default);
}

.two-step-auth-setup__item p {
		margin-left: 14px;
	}

.two-step-auth-setup__barcode {
    display: block;
    margin: 16px auto;
    width: 150px;
}

.two-step-auth-setup__helperText {
    line-height: 18px;
    margin-bottom: 13px;
    color: var(--common-secondary-text-color)
}

.two-step-auth-setup__keyWrapper {
    margin: 10px 0;
    padding: 13px 20px;
    background: var(--widget-dark-bg-color);
}

.two-step-auth-setup__listLink {
    text-decoration: none;
}

.two-step-auth-setup__key {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 12px;
    color: var(--main-text-color);
}

.two-step-auth-setup__incorrectText {
    position: absolute;
    color: var(--error-description-multiparts);
	font-size: 11px;
	line-height: 12px;
	margin-top: 8px;
}

.two-step-auth-setup__save {
    display: block;
    margin-top: 22px;
    text-align: center;
    text-decoration: none;
}

.two-step-auth-setup__icon {
    display: inline-flex;
    margin-right: 8px;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.two-step-auth-setup__icon svg {
        width: 20px;
        height: 12px;
        fill: var(--error-description-multiparts);
    }

.two-step-auth-setup__header {
	display: flex;
	justify-content: space-between;
	padding-right: 20px;
	width: 100%;
	align-items: center;
}
.listLink {
    text-decoration: none;
}
.input-error__container {
	border-color: var(--input-wrong-border-outside-color);
}
	.input-error__container:hover {
		border-color: var(--input-wrong-border-outside-color);
	}
	.input-error__container:focus {
		border-color: var(--input-wrong-border-outside-color);
	}
	.input-error__container:active:not(.input-error__container_isDisabled) {
		border-color: var(--input-wrong-border-outside-color);
	}
	.input-error__container:focus:not(.input-error__container_isDisabled),
	.input-error__container_isFocused:not(.input-error__container_isDisabled) {
		border-color: var(--input-wrong-border-outside-color);
	}
	.input-error__container:focus:not(.input-error__container_isDisabled), .input-error__container:focus:not(.input-error__container_isDisabled):hover, .input-error__container_isFocused:not(.input-error__container_isDisabled), .input-error__container_isFocused:not(.input-error__container_isDisabled):hover {
			border-color: var(--input-wrong-border-outside-color);
		}
.label__label {
	margin-right: 18px;
}
.two-step-auth-setup-popup__container {
	border: none;
}

.two-step-auth-setup-popup__body {
	padding: 0;
	box-sizing: border-box;
}

.two-step-auth-setup-popup__header {
	display: flex;
	align-items: center;
}

.two-step-auth-setup-popup__closeButton {
	padding: 3px;
	position: initial;
	margin-left: auto;
}

.two-step-auth-setup-popup__footer {
	display: flex;
	justify-content: space-between;
	padding: 12px 24px 12px 24px;
	margin-top: 28px;
}

.two-step-auth-setup-popup__footer button + button {
			margin-left: 7px;
		}
.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--icons {
		position: absolute;
		top: 50%;
		right: 5px;
		height: 17px;
		margin-top: -8.5px;
		gap: 5px;
		display: flex;
	}

	.passwordInput--icon {
		display: block;
		width: 17px;
		height: 17px;
		cursor: pointer;
	}

	.passwordInput--iconError {
		cursor: default;
	}

	.passwordInput--iconError svg.icon {
			fill: var(--error-description-multiparts);
		}

	/* tooltip body */

	.passwordInput--iconError:after {
			content: attr(data-tooltip);
			text-wrap: nowrap;
			position: absolute;
			background: var(--wrong-tooltip-bg-color);
			margin-left: 14px;
			padding: 8px 10px 10px 10px;
			top: -7px;
			box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);
		}

	/* tooltip arrow */

	.passwordInput--iconError:before {
			content: "";
			position: absolute;
			right: -14px;
			top: 0;
			z-index: 1;
			border-width: 9px;
			border-style: solid;
			border-color: transparent var(--wrong-tooltip-bg-color) transparent transparent;
		}

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