.container-is-disabled__container_isDisabled___zE8PU:hover{
		border-color: var(--input-disabled-border-outside-color);
	 }

.icon-wrapper-component__container___\+dZPO,
	.icon-wrapper-component__container___\+dZPO svg {
		width: 100%;
		height: 100%;
		display: block
	}
.icon__container___D6TUP {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: inherit;
	fill: currentcolor;
}

.button__container___j8zMV {
	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___j8zMV: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: transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
		border-right-color: transparent;
	}

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

	.button__container___j8zMV:active::before {
			background: var(--button-pressed-overlay-color);
		}

	.button__container___j8zMV:active .button__inner___5t-3h {
				top: 1px;
			}

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

	.button__container_primary___DMh2T {
		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___DMh2T::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___uPkEZ {
		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___uPkEZ::before {
			border-top-color: transparent;
			border-bottom-color: transparent;
			border-left-color: transparent;
			border-right-color: transparent;
		}

	.button__container___j8zMV:disabled,
	.button__container___j8zMV[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___j8zMV:disabled::before, .button__container___j8zMV[disabled]::before {
			display: none;
		}

	.button__container___j8zMV:disabled .button__inner___5t-3h, .button__container___j8zMV[disabled] .button__inner___5t-3h {
			top: 0;
		}

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

	.button__container_flat___Vsc7e:before, .button__container_flat___Vsc7e:focus:before, .button__container_flat___Vsc7e:disabled:before, .button__container_flat___Vsc7e[disabled]:before {
				content: none;
			}

	.button__container_isLoading___tvbLF .button__loadingIndicator___5ejKI {
			display: flex;
		}

	.button__container_isLoading___tvbLF .button__inner___5t-3h {
			opacity: 0;
		}

.button__inner___5t-3h {
	display: inline-block;
	margin-top: -1px;
	position: relative;
}

.button__loadingIndicator___5ejKI {
	display: none;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;			
	border-radius: 1px;
}
.button-icon__container___yNcdj {
	width: 23px;
	min-width: auto;
	height: 23px;
    padding: 3px 6px;
	border: none;
	box-shadow: none;
}

.button-icon__icon___mexNv {
	display: block;
	margin: 0 auto;
}

.checkbox__container___d65w2 {
	display: flex;
	position: relative;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	align-items: center;
}

    .checkbox__container___d65w2:active .checkbox__view___muKGN:not(.checkbox__view_isDisabled___fvYWF) {
        border-color: var(--form-control-focused-border-outside-color);
        background: var(--selected-input-bg-color);
    }

    .checkbox__container___d65w2:focus .checkbox__view___muKGN:not(.checkbox__view_isDisabled___fvYWF) {
        outline: none;
    }

    .checkbox__container___d65w2 .checkbox__input___EMFDy {
        position: absolute;
        visibility: hidden;
    }

    .checkbox__container___d65w2 .checkbox__icon___AH\+DZ {
        display: none;
        width: 12px;
        height: 12px;
        color: var(--checkbox-tick-color);
        cursor: pointer;
    }

    .checkbox__container___d65w2 .checkbox__icon_isChecked___wPMJy {
        display: inline-block;
        vertical-align: top;
    }

    .checkbox__container___d65w2 .checkbox__container_isIndeterminate___ZdGhT {
		display: flex;
		align-items: center;
		justify-content: center;
	}

    .checkbox__container___d65w2 .checkbox__icon_isIndeterminate___K9Jd1 {
		display: block;
		width: 7px;
		height: 1px;
		visibility: visible;
		background-color: var(--icon-primary-default-color);
		margin: 0 3px;
	}

    .checkbox__container___d65w2 .checkbox__view___muKGN {
        position: relative;
        width: 17px;
		height: 17px;
        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;
    }

    .checkbox__container___d65w2 .checkbox__view___muKGN::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___d65w2 .checkbox__view_isDisabled___fvYWF, .checkbox__container___d65w2 .checkbox__view_isDisabled___fvYWF:hover, .checkbox__container___d65w2 .checkbox__view_isDisabled___fvYWF: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___d65w2 .checkbox__view_isDisabled___fvYWF .checkbox__icon___AH\+DZ, .checkbox__container___d65w2 .checkbox__view_isDisabled___fvYWF:hover .checkbox__icon___AH\+DZ, .checkbox__container___d65w2 .checkbox__view_isDisabled___fvYWF:active .checkbox__icon___AH\+DZ {
                fill: var(--disabled-symbol-color);
            }

    .checkbox__container___d65w2 .checkbox__text___FW8BT {
        color: var(--checkbox-text-color);
    }

.checkbox__container_isDisabled___w189S {
	opacity: 0.5;
}

.checkbox__container_isDisabled___w189S .checkbox__text___FW8BT {
        color: var(--common-text-disabled);
    }

.checkbox__checkboxContainer___r4i9a {
	display: flex;
	align-items: center;
	justify-content: center;
}


.date-input__inner___zFwXt {
	flex: 1;
	padding: 0 6px;
	line-height: normal;
}

.date-input__section_isActive___VeWwb {
		background-color: var(--input-text-selection-bg-color);
	}

.date-input__separator___SZ4FO {
	transition: background-color 0.1s ease;
}

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

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

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

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

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

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

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

.mobile .calendar-button-icon__icon___jTqND {
		width: 21px;
		height: auto;
	}
.input__container___JNrrN {
    width: 121px;
}

.mobile .input__container___JNrrN {
		width: 140px;
		height: 29px;
		font-size: 15px;
	}
.button-icon__icon___\+Dqmz {
	color: var(--icon-secondary-default-color);
}

	.button-icon__icon___\+Dqmz:hover {
		color: var(--icon-secondary-hovered-color);
	}
.highlight__mark___WtmlD {
	background-color: transparent;
	color: var(--common-text-selected);
}
.input__container___reV5g {
	outline: none;
	display: inline-block;
	box-sizing: border-box;
	position: relative;
}

.input__input___sDRva {
	display: inline-block;
	outline: none;
	box-sizing: border-box;
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	color: inherit;
}

.input__wrapper___Mg3G4 {
	display: inline-block;
	outline: none;
}

.input__container___reV5g {
	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___reV5g:hover {
		border-color: var(--input-hovered-border-outside-color);
	}

.input__container___reV5g:active:not(.input__container_isDisabled___dh-qO) {
		border-color: var(--form-control-focused-border-outside-color);
		background-color: var(--selected-input-bg-color);
	}

.input__container_hasError___-nRFs {
		border-color: var(--input-wrong-border-outside-color);
	}

.input__container_hasError___-nRFs:hover {
			border-color: var(--input-wrong-border-outside-color);
		}

.input__container___reV5g:focus:not(.input__container_isDisabled___dh-qO),
	.input__container_isFocused___LIUDL:not(.input__container_isDisabled___dh-qO) {
		border-color: var(--form-control-focused-border-outside-color);
		background-color: var(--selected-input-bg-color);
	}

.input__container___reV5g:focus:not(.input__container_isDisabled___dh-qO), .input__container___reV5g:focus:not(.input__container_isDisabled___dh-qO):hover, .input__container_isFocused___LIUDL:not(.input__container_isDisabled___dh-qO), .input__container_isFocused___LIUDL:not(.input__container_isDisabled___dh-qO):hover {
			border-color: var(--form-control-focused-border-outside-color);
		}

.input__container_isDisabled___dh-qO,
	.input__container___reV5g[disabled] {
		color: var(--common-text-disabled);
		background-color: var(--input-disabled-bg-color);
		border-color: var(--input-disabled-border-outside-color);
	}

.input__container_isDisabled___dh-qO,
		.input__container_isDisabled___dh-qO:hover,
		.input__container_isDisabled___dh-qO:active,
		.input__container___reV5g[disabled],
		.input__container___reV5g[disabled]:hover,
		.input__container___reV5g[disabled]:active {
			box-shadow: inset 0 1px var(--input-default-shadow-inner-color);
		}

.input__input___sDRva {
	height: 100%;
	vertical-align: top;
	background-color: transparent;
	border: 0;
	padding: 0 4px;
	box-shadow: none;
}

.input__input___sDRva::-moz-selection {
		background: var(--input-text-selection-bg-color);
	}

.input__input___sDRva::selection {
		background: var(--input-text-selection-bg-color);
	}

.input__input___sDRva::-moz-selection {
		background: var(--input-text-selection-bg-color);
	}

.mobile .input__container___reV5g {
		font-size: 15px;
		height: 29px;
		line-height: 27px;
	}

.link__container___kWfFl,
.link__container_isDisabled___sEU26 {
	text-decoration: none;
	color: var(--link-default-text-color);
	transition: color .1s ease;

}
	
	.link__container___kWfFl:hover, .link__container_isDisabled___sEU26:hover {
		color: var(--link-hovered-text-color);
	}
	
	.link__container___kWfFl:active, .link__container_isDisabled___sEU26:active {
		color: var(--link-pressed-text-color);
	}

.link__container_isDisabled___sEU26 {
	cursor: default;
}
@-webkit-keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	
	50% {
		transform: rotate(360deg);
	}
	
	100% {
		transform: rotate(720deg);
	}
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	
	50% {
		transform: rotate(360deg);
	}
	
	100% {
		transform: rotate(720deg);
	}
}

.loading-indicator-legacy--container {

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

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

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

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

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

.loading-indicator-legacy--container_large {
			width: 52px;
			height: 52px;
			border-width: 4px;
		}
.menu__container___C41Wo {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu__item___Dfuml {
	position: relative;
	box-sizing: border-box;
	padding-left: 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___Dfuml:hover {
		background: var(--list-item-hovered-bg-color);
	}

.menu__item_active___Vx1GD {
		color: var(--common-text-selected);
	}
.tab-component__tab___2Du68 {
	display: flex;
	cursor: pointer;
	position: relative;
	align-items: center;
	white-space: nowrap;
	text-decoration: none;
}

	.tab-component__tab_active___7pdWb {
		cursor: default;
	}

.widget-tab__container___XbEah {
	position: relative;
	min-width: 39px;
}

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

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

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

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

.tab-h-child__container___p4FBa {
	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___p4FBa::before {
		content: "";
		position: absolute;
		height: 1px;
		width: 100%;
		bottom: 0;
		left: 0;
		background: transparent;
		transition: all 220ms ease-out;
	}

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

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

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

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

.tab-h-child__tab_active___aN72r:hover {
		    color: var(--widget_tab-selected-text);
		}

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

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

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

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

.button-icon-h-child__container___l\+rFF.button-icon-h-child__container___l\+rFF {
    position: absolute;
    right: 0;
    top: 0;
    width: 19px;
    height: 19px;
    background: transparent;
    border: 0;
    padding: 5px;
    margin-top: 2px;
}

    .button-icon-h-child__container___l\+rFF.button-icon-h-child__container___l\+rFF .button-icon-h-child__icon___dpLxV {
        width: 7px;
        height: 7px;
        fill: var(--icon-contextual-secondary-default-color);
    }

    .button-icon-h-child__container___l\+rFF.button-icon-h-child__container___l\+rFF:hover .button-icon-h-child__icon___dpLxV {
            fill: var(--icon-hovered-color);
        }

    .button-icon-h-child__container___l\+rFF.button-icon-h-child__container___l\+rFF:active .button-icon-h-child__icon___dpLxV {
            fill: var(--icon-pressed-color);
        }

    .button-icon-h-child__container___l\+rFF.button-icon-h-child__container___l\+rFF:focus {
        box-shadow: none;
    }

    .button-icon-h-child__container___l\+rFF.button-icon-h-child__container___l\+rFF::before {
        content: none;
    }
.popover-legacy--container {
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
	}

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

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

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

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

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

.widget-tab-selector__container___hruGk {
	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);
}
.button-icon-h-child__container___VrxSZ.button-icon-h-child__container___VrxSZ {
    width: 19px;
    height: 100%;
    background: transparent;
    border: 0;
    padding: 5px;
    flex-shrink: 0;
}

    .button-icon-h-child__container___VrxSZ.button-icon-h-child__container___VrxSZ .button-icon-h-child__icon___s69HB {
        width: 7px;
        height: 7px;
        fill: var(--icon-secondary-default-color);
    }

    .button-icon-h-child__container___VrxSZ.button-icon-h-child__container___VrxSZ .button-icon-h-child__icon___s69HB.button-icon-h-child__iconArrow___rQq85 {
            height: 6px;
            fill: var(--widget-header-text-color);
        }

    .button-icon-h-child__container___VrxSZ.button-icon-h-child__container___VrxSZ:hover,
    .button-icon-h-child__container___VrxSZ.button-icon-h-child__container___VrxSZ:active {
        background: var(--button-hovered-overlay-color);
    }

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

    .button-icon-h-child__container___VrxSZ.button-icon-h-child__container___VrxSZ::before {
        content: none;
    }
.selectbox-h-child__container__item___T-g\+A {
		min-width: 142px;
		padding-left: 3px;
		padding-right: 3px;
		box-sizing: border-box;
	}

		.selectbox-h-child__container__item__text___O9UED {
			padding-right: 0;
		}

		.selectbox-h-child__container__item__activeIcon___RmDWM {
			display: none;
		}

.selectbox-h-child__label___MCEoU {
	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___MCEoU .selectbox-h-child__container__item___T-g\+A {
		min-width: 0;
		padding: 0;
	}

.selectbox-h-child__label___MCEoU::after {
		content: '';
		display: block;
		height: 1px;
		margin: 6px -1px 0 5px;
		flex-grow: 1;
		background-color: var(--line-color);
	}
.widget-tab-h-child__container___5uqbo {
	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: -webkit-grab;
	cursor: grab;
}
	.widget-tab-h-child__container___5uqbo::before {
		content: none;
	}
	.widget-tab-h-child__container___5uqbo > div[draggable="true"] {
		display: flex;
		flex-grow: 1;
	}
.tab-h-child__container___dpceB {
	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___dpceB::before {
		content: none;
	}
.tabs-adaptive__container___0HFdo {
	display: flex;
	position: relative;
	height: 24px;
	overflow: hidden;
}

	.tabs-adaptive__container_dropdown___wk5Jp {
		flex: 1 1 0;
		margin-right: 1px;
		min-width: 80px;
	}

.tabs-adaptive__inner___-8jhi {
	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___YK8Zm {
	position: absolute;
	pointer-events: none;
	z-index: 20;
	white-space: nowrap;
	display: flex;
	visibility: hidden;
	top: 0;
	left: 0;
}
.element-placeholder__container___M4r21 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 24px;
}

.element-placeholder__header___t5YuQ {
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.element-placeholder__header_container___XuzRE {
		display: flex;
		position: relative;
	}

.element-placeholder__body___Qkm1W {
	height: 100%;
	overflow: hidden;
	position: relative;
}

.element-placeholder__actions_container___q7S9Y,
.element-placeholder__actions___caBXJ {
	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___caBXJ .widgetNew__header {
			background: none;
			box-shadow: none;
		}
.widget__header {
		box-sizing: border-box;
		height: 23px;
		color: var(--widget-header-text-color);
		background-image: linear-gradient(to right, var(--widget-header-grad-color-1), var(--widget-header-grad-color-2));
		box-shadow: 0 1px 0 0 var(--widget-header-shadow-color);
		flex-shrink: 0;
	}
	.widget--notification {
		position: absolute;
	}
	.widget-error {
		position: relative;
	}

.widget__container___uroVp {
	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___gJ55v {
	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___Je6Nw {
	height: 100%;
	position: relative;
}

.widget__body___Je6Nw .widget__loadingIndicatorWrapper___qGaIl {
		position: absolute;
		height: calc(100% - 24px);
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

.widget__resizeHandler___9Sn9d {
	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___D-jKN {
		display: block;
		width: 1em;
		height: 1em;
	}
:root {
	--scrollable-scrollbar-size: 9px;
	--scrollable-min-bar-size: 10px;
}
.scrollable__scrollable___a1XuR {
	overflow: hidden;
	position: relative;
}

.scrollable__withHorizontalScrollbar___q4oBx:not(.scrollable__overlayContent___J-TcK) > .scrollable__wrapper___AHD-i > .scrollable__container___NUUT9 > .scrollable__content___aBmXu {
		padding-bottom: var(--scrollable-scrollbar-size);
	}
.scrollable__withVerticalScrollbar___5Y3cP:not(.scrollable__overlayContent___J-TcK) > .scrollable__wrapper___AHD-i > .scrollable__container___NUUT9 > .scrollable__content___aBmXu {
		padding-right: var(--scrollable-scrollbar-size);;
	}

.scrollable__wrapper___AHD-i {
	display: block;
	width: 100%;
	height: 100%;
	max-height: inherit;
	background-color: inherit;
}

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

.scrollable__container___NUUT9::-webkit-scrollbar {
		display: none;
	}

.scrollable__content___aBmXu {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	min-width: 100%;
	box-sizing: border-box;
}

.scrollable__resizeDetector___3H2T- {
	position: absolute;
	top: 0;
	left: 0;

	z-index: -1;
	width: 100%;
	height: 100%;
	border: none;
}

.scrollable__scrollbar___GOjD0 {
	background-color: inherit;
}

.layout__container___Nu54m {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	background-color: inherit;
}

.layout__item___cUOrV {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.layout__fixedContainer___zATV1 {
	background-color: inherit;
}


.resize-handler__horizontal___sXdxr {
	cursor: ew-resize;
}

.resize-handler__vertical___u\+kku {
	cursor: ns-resize;
}

.resize-handler__disabled___8ni1o {
	cursor: default;
}

.resize-handler__container___yEmZO {
	position: absolute;
	top: 0;
	left: 0;
	background-color: inherit;
	transition: background 220ms ease-out;
}

.resize-handler__container___yEmZO:not(.resize-handler__disabled___8ni1o):hover,
		.resize-handler__container___yEmZO:not(.resize-handler__disabled___8ni1o):active {
			 background-color: var(--resize-line-color);
			 transition: background 220ms ease-in;
		}
.scrollable__scrollable___8zwS3 {
	height: 100%;
	width: 100%;
	background-color: inherit;
}
	
.scrollable__content___1I-RM {
	display: block;
}

@-webkit-keyframes selectbox__showDropdownItem___LPJ6A {
	from {
		opacity: 0;
		transform: scale(0.5);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes selectbox__showDropdownItem___LPJ6A {
	from {
		opacity: 0;
		transform: scale(0.5);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

.selectbox__container__anchor___ZUePn {
		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___ZUePn:before {
			border-top-color: transparent;
			border-bottom-color: transparent;
			border-left-color: transparent;
			border-right-color: transparent;
		}

.selectbox__container__anchor___ZUePn:active .selectbox__container__anchor__content___HTiVd {
				top: 1px;
			}

.selectbox__container__anchor___ZUePn:disabled .selectbox__container__anchor__content___HTiVd, .selectbox__container__anchor___ZUePn[disabled] .selectbox__container__anchor__content___HTiVd {
				top: 0;
			}

.selectbox__container__anchor__content___HTiVd {
			position: relative;
		}

.selectbox__container__anchor__content_hasCaret___ECnEC {
				padding-right: 19px;
			}

.selectbox__container__anchor__content_hasCaret___ECnEC .selectbox__container__anchor__caret___pzAeI {
					display: block;
					position: absolute;
					box-sizing: border-box;
					width: 7px;
					height: 12px;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
				}

.selectbox__container__anchor__caret___pzAeI {
			color: var(--icon-secondary-default-color);
		}

.selectbox__container__anchor___ZUePn:hover .selectbox__container__anchor__caret___pzAeI {
				color: var(--icon-secondary-hovered-color);
			}

.selectbox__container__item___i7ERq {
		-webkit-animation-name: selectbox__showDropdownItem___LPJ6A;
		        animation-name: selectbox__showDropdownItem___LPJ6A;
		-webkit-animation-timing-function: ease-in;
		        animation-timing-function: ease-in;
		-webkit-animation-fill-mode: both;
		        animation-fill-mode: both;
	}

.selectbox__container__item__text___kklwo {
			padding-right: 47px;
		}

.selectbox__container__item__activeIcon___LXfhA {
		display: block;
		position: absolute;
		right: 8px;
		top: 50%;
		transform: translateY(-50%);
		width: 10px;
		height: 10px;
		color: var(--tick-icon-color);
	}
.slider__container___TGCm6 {
	position: relative;
	display: inline-block;
}

.slider__handleContainer___ZHmcY {
	position: absolute;
}

.slider__handleContainer___ZHmcY .react-draggable {
			position: absolute;
		}

.slider__handler___qIIE3 {
	display: block;
}

.slider__track___PJWCB {
	position: absolute;
	left: 0;
	pointer-events: none;
}

.slider__rail___dddcv {
	width: 100%;
	margin: 0 auto;
}

.slider__container_isDisabled___KLQQ0 {
	opacity: .8;
	cursor: no-drop;
}

.slider__container_isDisabled___KLQQ0 .slider__rail___dddcv {
		border-color: #eee;
		pointer-events: none;
	}

.slider__container_isDisabled___KLQQ0 .slider__handler___qIIE3 {
		opacity: .8;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3);
	}

.slider__handleContainer___ZHmcY {
	top: -2px;
	width: calc(100% + 11px);
	margin-left: -5px;
}

.slider__handler___qIIE3 {
	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___PJWCB {
	border-radius: 3.5px;
	height: 100%;
}

.slider__track_positive___A31dr {
		background-color: #009982;
	}

.slider__rail___dddcv {
	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___dddcv {
	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___qIIE3 {
	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__handleContainer___ZHmcY .react-draggable {
			height: calc(100% + 6px);
		}

.slider__container_isDisabled___KLQQ0 {
		opacity: 0.8;
		cursor: no-drop;
	}

.slider__container_isDisabled___KLQQ0 .slider__rail___dddcv {
			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___KLQQ0 .slider__handler___qIIE3 {
			border-color: transparent transparent var(--slider-disabled-handle-color) transparent;
			box-shadow: none;
		}


.steppable-input__inner___ljVTN {
	height: 100%;
    display: flex;
	align-items: center;
}
.clear-button-icon__container___5Cks2 {
	width: 7px;
	padding: 0;
	opacity: 1;
    background: transparent;
}

	.clear-button-icon__container___5Cks2[disabled] {
		background: transparent;
	}

	.clear-button-icon__container___5Cks2::before {
		display: none;
	}

.clear-button-icon__icon___PeKtp {
	width: 7px;
}

.mobile .clear-button-icon__icon___PeKtp {
		width: 11px;
		height: 11px;
	}
.button-icon__container___QOVON {
	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___QOVON:last-child {
		top: auto;
		bottom: 13px;
	}

	.button-icon__container___QOVON::before {
		border-radius: 0;
	}

	.button-icon__container___QOVON:hover {
		height: 23px;
		z-index: 2;
	}

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

	.button-icon__container___QOVON:disabled,
	.button-icon__container___QOVON[disabled] {
		color: var(--icon-disabled-color);
		background-color: var(--small-button-disabled-bg-color);
		box-shadow: none;
		border: none;
	}

	.button-icon__container___QOVON:disabled svg, .button-icon__container___QOVON[disabled] svg {
			top: 0;
			fill: var(--icon-disabled-color);
		}

.button-icon__icon___xksKD {
	width: 7px;
	height: 7px;
}

.mobile .button-icon__container___QOVON {
		top: 14px;
	}

.mobile .button-icon__container___QOVON:last-child {
			top: auto;
			bottom: 14px;
		}

.time-input__inner___6FBFM {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	flex: 1;
}

.time-input__section___QEF9P,
.time-input__separator___HN31X {
	cursor: default;
}

.time-input__inner___6FBFM {
	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___vqJtg {
		position: relative;
	}

.time-input__section___QEF9P {
	padding-left: 2px;
	padding-right: 2px;
}

.time-input__section_isActive___AaTmc {
		background-color: var(--input-text-selection-bg-color);
	}

.time-input__section___QEF9P,
.time-input__separator___HN31X {
    cursor: default;
	transition: background-color .1s ease;
}
.steppable-input-child__inner___fw2ZZ {
	width: 110px;
}
.scrollbar__container___HuIi7 {
	position: absolute;
	box-sizing: border-box;
	visibility: hidden;
	z-index: -1;
}

.scrollbar__track___eSbQw {
	position: relative;
}

.scrollbar__bar___a0WGN {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.scrollbar__track___eSbQw {
	cursor: pointer;
}
.vertical-scrollbar__container___s41Ya {
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	width: var(--scrollable-scrollbar-size);
}

.vertical-scrollbar__track___Z05GU {
	width: 100%;
	height: 100%;
}

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

.vertical-scrollbar__containerIsVisible___e2v4i {

	visibility: inherit;
	z-index: auto;
}

.vertical-scrollbar__containerIsVisible___e2v4i.withBothScrollabars {
		bottom: var(--scrollable-min-bar-size);
	}

.vertical-scrollbar__containerIsVisible___e2v4i.withBothScrollabars:after {
			content: '';
			position: absolute;
			bottom: calc(--scrollable-min-bar-size * -1px);
			width: var(--scrollable-min-bar-size);
			height: var(--scrollable-min-bar-size);
			background-color: inherit;
		}

.vertical-scrollbar__bar___1Cowy, 
	.vertical-scrollbar__bar___1Cowy:before {
		transition: width 200ms, height 200ms, margin 200ms, border-radius 200ms, background-color 200ms;
	}

.vertical-scrollbar__bar___1Cowy:before {
		content: '';
		position: absolute;
		left: 0;
		border-radius: 1px;
		height: 100%;
		width: 3px;
		margin: 0 3px;
		background-color: var(--scrollbar-bg-default-color);
	}

.vertical-scrollbar__bar___1Cowy:hover:before, .vertical-scrollbar__bar___1Cowy:active:before {
			border-radius: 4px;
			background-color: var(--scrollbar-bg-selected-color);
			margin: 0;
			width: 100%;
		}
.horizontal-scrollbar__container___tdaNn {
	bottom: 0;
	left: 0;
	right: 0;
	visibility: hidden;
	z-index: -1;
	padding: 0;
	height: var(--scrollable-scrollbar-size);
}

.horizontal-scrollbar__track___DxMpd {
	height: 100%;
}

.horizontal-scrollbar__bar___0pa9a {
	min-width: var(--scrollable-min-bar-size);
}


.horizontal-scrollbar__containerIsVisible___IHI4j {
	visibility: inherit;
	z-index: auto;
}


.horizontal-scrollbar__containerIsVisible___IHI4j.withBothScrollabars {
		right: var(--scrollable-scrollbar-size);
	}

.horizontal-scrollbar__bar___0pa9a, 
	.horizontal-scrollbar__bar___0pa9a:before {
		transition: width 200ms, height 200ms, margin 200ms, border-radius 200ms, background-color 200ms;
	}

.horizontal-scrollbar__bar___0pa9a:before {
		content: '';
		position: absolute;
		border-radius: 1px;
		width: 100%;
		height: 3px;
		margin: 3px 0;
		background-color: var(--scrollbar-bg-default-color);
	}

.horizontal-scrollbar__bar___0pa9a:hover:before, .horizontal-scrollbar__bar___0pa9a:active:before {
			border-radius: 4px;
			background-color: var(--scrollbar-bg-selected-color);
			margin: 0;
			height: 100%;
		}
.password-input__container___06Izs {
	position: relative;
	width: 200px;
}

.password-input__container_hasError___vv7jz {
	border-color: var(--input-wrong-border-outside-color);
}

.password-input__inputContainer___qMlpg {
	width: 100%;
}

.password-input__input___4Vkfh {
	width: calc(100% - 20px);
}

.password-input__icon___kCVFe {
	display: block;
	width: 100%;
	height: 100%;
	fill: var(--icon-primary-default-color);
}

.password-input__buttonContainer___5sOQ7 {
	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___5sOQ7::before {
		content: normal;
	}
.switcher__container_checked___A0Hx\+ .switcher__bubble___VUsJK {
			left: 14px;
		}

.switcher__control___afkpn {
	width: 26px;
	height: 12px;
	border-radius: 8px;
	padding: 1px;
	border-width: 1px;
}

.switcher__bubble___VUsJK {
	width: 12px;
	height: 12px;
}

.switcher__icon_wrapper___xfw3n {
	height: 16px;
	margin-top: -14px;
}

.switcher__icon___20-my {
	padding: 2px 0;
	height: 12px;
	width: 12px;
}

.switcher__container___YxbIW {
	display: inline-block;
	cursor: pointer;
}

.switcher__container_checked___A0Hx\+ .switcher__control___afkpn {
			background-color: var(--order-entry-switcher-on-bg-color);
		}

.switcher__container_checked___A0Hx\+ .switcher__icon_wrapper___xfw3n {
			text-align: left;
		}

.switcher__container___YxbIW:hover .switcher__control___afkpn {
			background-color: var(--order-entry-switcher-off-hover-bg-color-1);
		}

.switcher__container_checked___A0Hx\+:hover .switcher__control___afkpn {
			background-color: var(--order-entry-switcher-on-hover-bg-color);
		}

.switcher__input___VKE5g {
	position: absolute;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	width: 0;
	height: 0;
}

.switcher__input___VKE5g:active ~ .switcher__control___afkpn, .switcher__input___VKE5g:focus ~ .switcher__control___afkpn {
		border-color: var(--order-entry-switcher-focused-outside-border-color);
	}

.switcher__control___afkpn {
	display: inline-block;
	vertical-align: middle;
	background-color: var(--order-entry-switcher-off-bg-color-1);
	border-color: transparent;
	border-style: solid;
}

.switcher__bubble___VUsJK {
	transition: left 200ms ease-in-out;
	left: 0;
	position: relative;
	border-radius: 100%;
	background-color: var(--order-entry-switcher-bubble-color);
}

.switcher__icon_wrapper___xfw3n {
	width: 100%;
	text-align: right;
}

.switcher__icon___20-my {
	display: inline-block;
	fill: var(--order-entry-switcher-bubble-color);
}

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

.toggle-buttons__container__wrapper___wkJA2 {
	display: inline-block;
}

.toggle-buttons__container__item___nvlmQ {
	min-width: 73px;
	fill: var(--button-tertiary-default-text-color);
	position: relative;
	z-index: 1;
}

.toggle-buttons__container__item___nvlmQ:first-child {
		margin-right: 0;
	}

.toggle-buttons__container__item___nvlmQ:last-child {
		margin-left: 0;
	}

.toggle-buttons__container__item___nvlmQ,
	.toggle-buttons__container__item___nvlmQ:before {
		border-radius: 0;
	}

.toggle-buttons__container__item___nvlmQ:first-child,
	.toggle-buttons__container__item___nvlmQ:first-child:before {
		border-radius: var(--border-radius) 0 0 var(--border-radius);
	}

.toggle-buttons__container__item___nvlmQ:last-child,
	.toggle-buttons__container__item___nvlmQ:last-child:before {
		border-radius: 0 var(--border-radius) var(--border-radius) 0;
	}

.toggle-buttons__container__item_active___N2p-P {
		cursor: default;
		pointer-events: none;
		z-index: 2;
		background-color: var(--active-switcher-bg-color);
		box-shadow: 0 0 0 1px var(--active-switcher-outside-border-color);
	}

.toggle-buttons__container__item_active___N2p-P::before {
			background: transparent;
			border: 1px solid transparent;
			border-top-color: var(--active-switcher-inside-border-top-color);
		}

.toggle-buttons__container__item___nvlmQ:focus {
		z-index: 3;
		box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
	}

.toggle-buttons__container__item___nvlmQ:disabled,
	.toggle-buttons__container__item___nvlmQ[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___nvlmQ:disabled:last-child, .toggle-buttons__container__item___nvlmQ[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___WTHfh {
	display: block;
	width: 100%;
}

.toggle-buttons__container__vertical___WTHfh:first-child,
	.toggle-buttons__container__vertical___WTHfh:first-child:before {
		border-radius: 0;
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius);
	}

.toggle-buttons__container__vertical___WTHfh:last-child,
	.toggle-buttons__container__vertical___WTHfh:last-child:before {
		border-radius: 0;
		border-bottom-left-radius: var(--border-radius);
		border-bottom-right-radius: var(--border-radius);
	}
.popup__backdrop___zp-Uc {
	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___zp-Uc:before {
		content: '';
		display: inline-block;
		height: 90%;
		vertical-align: middle;
		width: 0;
	}

.popup__backdropShow___NoG17 {
	top: 0;
	visibility: visible;
	transition-delay: 0s, 0s;
}

.popup__backdrop_isModal___\+efBE {
	pointer-events: all;
}

.popup__backdrop_isModal___\+efBE .popup__conttainer___lKev0 {
		box-shadow: 0 6px 25px var(--modal-window-shadow-color);
	}

.popup__backdrop_isModal___\+efBE: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___8lJQg {
	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___ZQUYP {
	color: var(--modal-window-header-text-color);
	font-weight: 600;
}

.popup__containerShow___-PGMg {
	-webkit-animation: popup__popupShow___9LtGe 0.3s cubic-bezier(0, 0, 0, 1.3);
	        animation: popup__popupShow___9LtGe 0.3s cubic-bezier(0, 0, 0, 1.3);
}

.popup__containerHide___ELXaL {
	-webkit-animation: popup__popupHide___xdIlf 0.3s linear;
	        animation: popup__popupHide___xdIlf 0.3s linear;
	transition: transform linear 0.3s;

}

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

.popup__body___gQvn\+ {
	padding: 8px 30px;
	position: relative;
	color: var(--modal-window-text-color);
}

.popup__footer___l2xaS {
	position: relative;
	text-align: center;
	box-shadow: inset 0 1px 0 var(--line-color);
	padding: 9px 8px 8px;
}

.popup__closeButton___oJ3aR {
	position: absolute;
	top: 0;
	right: 1px;
}

.popup__closeButton___oJ3aR:hover svg polygon {
					fill: var(--icon-hovered-color);
					transition: fill 220ms ease-in;
				}

.popup__closeButton___oJ3aR:active {
		margin-top: 1px;
	}

.popup__closeButton___oJ3aR:active svg {
				fill: var(--icon-pressed-color);
			}

.popup__closeButton___oJ3aR:focus {
		box-shadow: none;
	}

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

@-webkit-keyframes popup__popupShow___9LtGe {
	0% {
		opacity: 0;
		transform: translateY(-200px);
	}
	33% {
		opacity: 1;
	}
	100% {
		transform: translateY(0px);
	}
}

@keyframes popup__popupShow___9LtGe {
	0% {
		opacity: 0;
		transform: translateY(-200px);
	}
	33% {
		opacity: 1;
	}
	100% {
		transform: translateY(0px);
	}
}

@-webkit-keyframes popup__popupHide___xdIlf {
	0% {
		opacity: 1;
	}
	33% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes popup__popupHide___xdIlf {
	0% {
		opacity: 1;
	}
	33% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

/*Safari Only 7.1+*/
_::-webkit-full-page-media, _:future, :root .popup__container___8lJQg {
	//background-color: var(--modal-window-bg-color, 0.83);
}
.resize-detector--container {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1000;
		width: 100%;
		height: 100%;
		border: none;
	}
.placeholder__icon___3WLfA {
	fill: var(--drop-area-border-deny-color);
	width: 72px;
	height: 72px;
}

.placeholder__hint___etr9a {
	font-size: 40px;
	font-weight: 500;
	text-align: center;
	margin-top: 28px;
}

.placeholder__hint___etr9a small {
		display: block;
		font-size: 20px;
	}
.icon-h-child__container___V\+KKr {
	fill: var(--drop-area-border-deny-color);
	width: 72px;
	height: 72px;
}
.Grid__container___TtVA6 {
	overflow: hidden;
	width: 100%;
}
	
.Grid__cell_left___JH2h1 {
		text-align: left;
	}
	
.Grid__cell_center___msKDE {
		text-align: center;
	}
	
.Grid__cell_right___To\+Wb {
		text-align: right;
	}
	
.Grid__gridCell__placeholder___A4s\+x {
		display: inline-block;
	}
	
.Grid__gridCell__content___5qUoi {
		display: inline-block;
	}
	
.Grid__gridCell__content_left___0NedE {
			text-align: left;
		}
	
.Grid__gridCell__content_center___Xe0I1 {
			text-align: center;
		}
	
.Grid__gridCell__content_right___g0mWe {
			text-align: right;
		}
	
.Grid__gridHead_paddedForScrollbar___WMo\+i {
		padding-right: var(--scrollable-scrollbar-size);
	}
.MessageValue__container___2hQ-r {
	color: var(--common-secondary-text-color);
}

	.MessageValue__container_positive___87-6n {
	}

	.MessageValue__container_positive___87-6n .MessageValue__status___LpDcU {
			color: var(--message-sbj-triggered-text-color);
		}

	.MessageValue__container_negative___Sgfeh {
	}

	.MessageValue__container_negative___Sgfeh .MessageValue__status___LpDcU {
			color: var(--message-sbj-warning-text-color);
		}

.MessageValue__status___LpDcU {
	text-transform: uppercase;
	color: var(--message-sbj-trading-text-color);
}

.MessageValue__highlight___\+z0iO {
	color: var(--message-sbj-dealer-text-color);
}

.MessageValue__dealer___q6ljG {
	text-transform: none;
}

.MessageValue__description___QzeIo {
	display: block;
}

.MessageValue__additional___DoMcf {
}

.mobile .MessageValue__description___QzeIo {
		font-size: 16px;
	}
@-webkit-keyframes toast__container_flash1___4BFfp {
	0% {
		transform: translateY(4px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes toast__container_flash1___4BFfp {
	0% {
		transform: translateY(4px);
	}
	100% {
		transform: translateY(0);
	}
}
@-webkit-keyframes toast__container_flash2___9-0ml {
	0% {
		transform: translateY(4px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes toast__container_flash2___9-0ml {
	0% {
		transform: translateY(4px);
	}
	100% {
		transform: translateY(0);
	}
}
@-webkit-keyframes toast__container_after_flash1___q\+pPS {
	0% {
		background-color: var(--corner-message-highlight-color);
	}
	100% {
		background-color: transparent;
	}
}
@keyframes toast__container_after_flash1___q\+pPS {
	0% {
		background-color: var(--corner-message-highlight-color);
	}
	100% {
		background-color: transparent;
	}
}
@-webkit-keyframes toast__container_after_flash2___AJh8a {
	0% {
		background-color: var(--corner-message-highlight-color);
	}
	100% {
		background-color: transparent;
	}
}
@keyframes toast__container_after_flash2___AJh8a {
	0% {
		background-color: var(--corner-message-highlight-color);
	}
	100% {
		background-color: transparent;
	}
}

.toast__container___yBtva {
	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___yBtva:hover {
		background-color: var(--toast-notification-hover-bg-color);
		box-shadow: 0 7px 15px var(--toast-notification-hover-shadow-color);
	}

.toast__container_isUpdating___bUcII::after {
			content: '';
			position: absolute;
			top: -1px;
			left: -1px;
			right: -1px;
			bottom: -1px;
		}

.toast__container_isUpdating_isActive___-6CIw::after {
				background-color: transparent;
				transition: background-color 1000ms ease-in;
			}

.toast__container_flash1___4BFfp.toast__container_isUpdating___bUcII:after, .toast__container_flash2___9-0ml.toast__container_isUpdating___bUcII:after {
			content: '';
			position: absolute;
			top: -1px;
			left: -1px;
			right: -1px;
			bottom: -1px;
		}

.toast__container_flash1___4BFfp {
		-webkit-animation: toast__container_flash1___4BFfp 1000ms linear;
		        animation: toast__container_flash1___4BFfp 1000ms linear;
	}

.toast__container_flash1___4BFfp::after {
			-webkit-animation: toast__container_after_flash1___q\+pPS 1000ms linear;
			        animation: toast__container_after_flash1___q\+pPS 1000ms linear;
		}

.toast__container_flash2___9-0ml {
		-webkit-animation: toast__container_flash2___9-0ml 1000ms linear;
		        animation: toast__container_flash2___9-0ml 1000ms linear;
	}

.toast__container_flash2___9-0ml::after {
			-webkit-animation: toast__container_after_flash2___AJh8a 1000ms linear;
			        animation: toast__container_after_flash2___AJh8a 1000ms linear;
		}

.toast__header___xJca8 {
	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___yhLlF {
	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___yhLlF:hover {
		opacity: 1;
	}

.toast__content___H3-1P {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 6px;
}

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

.toast__transition__enter___1ere\+:last-child .toast__container___yBtva::after {
					content: '';
					position: absolute;
					top: -1px;
					left: -1px;
					right: -1px;
					bottom: -1px;
					background-color: var(--corner-message-highlight-color);
				}

.toast__transition__enter_active___rzXRO:last-child .toast__container___yBtva::after {
						background-color: transparent;
						transition: background-color 1000ms ease-in;
					}

.toast__transition__exit___Tq1JI .toast__container___yBtva {
			opacity: 1;
		}

.toast__transition__exit_active___FZnKR .toast__container___yBtva {
				opacity: 0.01;
				transition: opacity 200ms ease-in;
			}


.mobile .toast__header___xJca8 {
		font-size: 16px;
		margin-top: 9px;
		margin-bottom: 8px;
	}


.mobile .toast__container___yBtva {
		width: 300px;
		font-size: 16px;
	}


.mobile .toast__content___H3-1P {
		margin-bottom: 9px;
	}

.groupInfo__container___4AZZc {
	margin-right: 7px;
	order: 0;
	box-sizing: border-box;
	align-items: center;
	border-radius: 1px;
	display: flex;
}

	.groupInfo__containerBracket___07d-w .groupInfo__inner___7snfx {
			background:  var(--chart-order-bracket-index-bg-color);
		}

	.groupInfo__containerOco___25Zwg .groupInfo__inner___7snfx {
			background:  var(--chart-order-oco-index-bg-color);
		}

	.groupInfo__containerOso___pBRf3 .groupInfo__inner___7snfx {
			background:  var(--chart-order-oso-index-bg-color);
		}

	.groupInfo__containerOsoChild___pvTAJ .groupInfo__inner___7snfx {
				background: var(--chart-order-oso-child-index-bg-color);
			}

	.groupInfo__containerChild___ElmxP {
		padding-left: 10px;
	}

.groupInfo__inner___7snfx {
	display: flex;
	height: 14px;
}

.groupInfo__icon___LTsW3 {
	position: relative;
	width: 18px;
	height: 14px;
	margin: 0;
}

.groupInfo__icon___LTsW3 + .groupInfo__number___SFUdZ {
		margin-left: 2px;
		margin-right: 2px;
	}

.groupInfo__iconOco___WKPI5::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___WKPI5::after {
			background: var(--order-entry-group-order-connection-bubble-oco);
		}

.groupInfo__iconBracket___qX\+Nl::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___qX\+Nl::after {
			background: var(--order-entry-group-order-connection-bubble-bracket);
		}

.groupInfo__iconOso___kOjTs::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___kOjTs::after {
			background: var(--order-entry-group-order-connection-bubble-oso);
		}

.groupInfo__iconChild___VF5fN::after,
		.groupInfo__iconChild___VF5fN::before {
			content: '';
			display: block;
			position: absolute;
		}

.groupInfo__iconChild___VF5fN::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___VF5fN::after {
			height: 3px;
			width: 3px;
			border-radius: 50%;
			left: -6px;
			bottom: 3px;
		}

.groupInfo__number___SFUdZ {
	font-size: 14px;
	font-weight: 500;
	color: var(--chart-order-index-text-color);
	transform: translateY(-1px);
	line-height: 1;
}

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

.multiAssetOrder__container___TXdZf {
	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___soiWm {
		opacity: .7;
		border: 0;
	}

	.multiAssetOrder__containerLocked___cKGXy > * {
		opacity: .5;
	}

	.multiAssetOrder__containerSelected___pOoDZ.multiAssetOrder__container___TXdZf {
			border-color: var(--chart-order-single-border-color);
		}

	.multiAssetOrder__containerSelected___pOoDZ.multiAssetOrder__containerBracket___n8LMe {
				border-color: var(--chart-order-bracket-border-color);
			}

	.multiAssetOrder__containerSelected___pOoDZ.multiAssetOrder__containerOco___xT9j5 {
				border-color: var(--chart-order-oco-border-color);
			}

	.multiAssetOrder__containerSelected___pOoDZ.multiAssetOrder__containerOso___rd\+PW {
				border-color: var(--chart-order-oso-border-color);
			}

	.multiAssetOrder__containerSelected___pOoDZ.multiAssetOrder__containerOsoChild___fuV5p {
					border-color: var(--chart-order-oso-child-border-color);
				}

.multiAssetOrder__orderType___GUxg5 {
	position: relative;
}

.multiAssetOrder__orderTypeIcon___r8spS {
	width: 26px;
	height: 11px;
	margin-top: 1px;
}

.multiAssetOrder__orderTypeIconBuy___u8wt8 {
		fill: var(--chart-order-buy-icon-color);
	}

.multiAssetOrder__orderTypeIconSell___g-ahX {
		fill: var(--chart-order-sell-icon-color);
	}

.multiAssetOrder__activationRuleIcon___A-MwY {
	width: 13px;
	height: 13px;
	margin-right: 1px;
	margin-top: -1px;
	fill: var(--order-entry-add-alert-icon-color);
}

.multiAssetOrder__delimeter___6TzXL {
	color: var(--at-text-color-2);
	margin-right: 7px;
}

.multiAssetOrder__quantity___1xpAP {
	text-align: right;
	margin: 0 8px 0 7px;
	transform: translateY(-1px);
}

.multiAssetOrder__priceList___VAYP0 {
	display: flex;
	margin-right: 7px;
	transform: translateY(-1px);
}

.multiAssetOrder__priceItem___Wneyo {
	position: relative;
}

.childGroupInfo__container___CbQ8p {
	display: flex;
	align-items: center;

}

	.childGroupInfo__container___CbQ8p .icon-order-entry-header-oso-child-colored {
				width: 28px;
				height: 14px;
			}

	.childGroupInfo__container___CbQ8p .icon-order-entry-header-bracket-child-colored {
				width: 34px;
				height: 22px;
				margin-top: 4px;
			}

.childGroupInfo__number___ZmmwB {
	margin-right: 5px;
	color: var(--chart-order-bracket-index-bg-color);
}

.aggregatedOrders__container___M2v4X {
	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___rM0fV {
		opacity: .7;
		border: 0;
	}

.aggregatedOrders__item___1wMZZ {
	position: relative;
}

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

.aggregatedOrders__item_hasChild___hMIeQ {
		padding-left: 11px;
		padding-right: 11px;
	}

.aggregatedOrders__quantity___fiCR1 {
	position: relative;
}

.aggregatedOrders__icon___SbcEP {
	width: 11px;
	height: 11px;
	margin-left: 5px;
	transform: translateY(1px);
	position: relative;
}

.aggregatedOrders__iconBuy___yo9EH::after, .aggregatedOrders__iconSell___pUVxa::after {
			content: '';
			border-radius: 50%;
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			height: 100%;
			width: 100%;
		}

.aggregatedOrders__iconBuy___yo9EH:after {
		background-color: var(--buy-button-default-bg-color);
	}

.aggregatedOrders__iconSell___pUVxa:after {
		background-color: var(--sell-button-default-bg-color);
	}

.aggregatedOrders__iconBoth___0g7kj {
		position: relative;
	}


.aggregatedOrders__order___K1-sV {
	border: 0;
	background: transparent;
}
.aggregatedOrders__orderGroupInfo___Jp73Z {
	width: 40px;
	display: flex;
	justify-content: flex-end;
}

.ordersCellPopover__content___S-oh9: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___6o5fS {
	position: relative;
}

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

.news__header___LOLof {
	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__scrollable__container___s06VI {
		position: relative;
	}

.news__scrollable__scrollable___Slfmf {
		height: 100%;
	}

.news__scrollable__withVerticalScrollbar___Inrm3 .news__item__arrow___p1G7E {
			right: -9px;
		}

.news__scrollable__content___gOq0- {
		max-width: 100%;
	}

.news__column_date___vih7S {
		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___vih7S:hover .news__filterArrow___y5zv2 {
				display: block;
			}

.news__column_title___lSqL6 {
		width: 100%;
		font-size: 12px;
		padding: 2px 0;
		color: var(--table-column-text-header-color);
	}

.news__cell___hJWsv {
	padding: 7px 0 6px 0;
	border-top: 1px solid var(--line-color);
}

.news__item___rf8NO {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	position: relative;
	font-size: 12px;
	color: var(--table-text-color);
	overflow: hidden;
}

.news__item__title___A9ztp {
		flex-grow: 1;
		padding-right: 18px;
	}

.news__item__header___uUtkp {
		display: flex;
		position: relative;
		cursor: pointer;
		width: 100%;
	}

.news__item__header___uUtkp:hover {
			background-color: var(--table-row-bg-hover-color);
		}

.news__item__header___uUtkp:hover .news__item__arrow___p1G7E {
				display: flex;
			}

.news__item__body___EEaw\+ {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		margin: 2px 0 8px;
		background: var(--widget-bg-overlay-dark);
	}

.news__item__content___592u5 {
		max-width: 100%;
		position: relative;
		padding: 10px 8px 4px 12px;
		box-sizing: border-box;
	}

.news__item__dateTime___M3RY0 {
		flex-shrink: 0;
		width: 103px;
		display: flex;
		box-sizing: border-box;
		justify-content: flex-end;
	}

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

.news__item__icon___xYf\+N {
		width: 7px;
		height: 4px;
		fill: var(--icon-primary-default-color);
	}

.news__item_isOpened___WKsvE {
		background: var(--widget-bg-overlay-dark);
	}

.news__item_isOpened___WKsvE::before {
			content: '';
			display: block;
			height: 100%;
			width: 3px;
			background-color: var(--news-article-vertical-border);
			position: absolute;
			z-index: 1;
		}

.news__item_isOpened___WKsvE .news__item__header___uUtkp {
			background: var(--table-group-bg-selected-color);
		}

.news__item_isOpened___WKsvE .news__item__header___uUtkp:hover {
				background: var(--table-group-bg-selected-color);
			}

.news__item___rf8NO:first-child .news__cell___hJWsv {
			border: none;
		}

.news__date___8G0Xu {
	padding-left: 11px;
	padding-right: 9px;
	white-space: nowrap;
}

.news__time___skho8 {
	padding-right: 10px;
}

.news__filterArrow___y5zv2 {
	position: absolute;
	left: 4px;
	width: 4px;
	height: 4px;
	top: 7px;
	display: none;
}

.newsWidgetBodyWrapper {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.empty-view-h-child__title___3t1Gx,
.empty-view-h-child__content___bFNcP {
	color: var(--additional-text-color);
	text-align: center;
}

.empty-view-h-child__content___bFNcP {
	line-height: 22px;
	color: var(--additional-text-color);
}

.empty-view-h-child__container___CbayY {
	padding: 10px 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.calendar__container___nacbb {
	display: inline-block;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	cursor: default;
	padding: 4px 10px 0;
	background-color: var(--calendar-popup-bg-color);
}

.calendar__content___1lYdQ {
	display: flex;
	width: 100%;
	white-space: nowrap;
	position: relative;
}

.calendar__arrows___xBPTa {
	position: absolute;
	width: 21px;
	top: 3px;
	right: 0;
	height: 18px;
}

.calendar__arrows_container___if4a7 {
		position: relative;
		width: 100%;
		height: 100%;
	}

.calendar__arrows_container___if4a7:hover .calendar__buttonContainer___jkDlh {
				box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
			}

.calendar__buttonContainer___jkDlh {
	position: absolute;
	height: 9px;
	transition: height 0.2s;
	width: 100%;
	top: auto;
	bottom: 9px;
}

.calendar__buttonContainer___jkDlh:hover {
		border-bottom: 1px solid var(--line-color);
	}

.calendar__buttonContainer_disabled___zopMD {
		cursor: no-drop;
	}

.calendar__buttonContainer_disabled___zopMD:hover {
			background: var(--button-disabled-bg-color)__overlay-box-shadow-color;
		}

.calendar__buttonContainer___jkDlh:last-child {
		bottom: auto;
		top: 9px;
	}

.calendar__buttonContainer___jkDlh:last-child:hover {
			border-top: 1px solid var(--line-color);
			border-bottom: 0;
		}

.calendar__buttonContainer___jkDlh:hover {
		height: 20px;
	}

.calendar__calendar___gOihF {
	display: inline-block;
	vertical-align: top;
}

.calendar__calendar__header___Nzdy\+ {
		color: var(--common-text-disabled);
		font-size: 10px;
		margin-bottom: 4px;
		border-bottom: 1px solid var(--line-color);
	}

.calendar__calendar__header___Nzdy\+ .calendar__calendar__day___W1vcm {
				display: flex;
				align-items: center;
				justify-content: center;
				height: 28px;
				width: 28px;
				line-height: 24px;
				text-transform: uppercase;
				font-weight: 700;
			}

.calendar__calendar__dayWrapper___maApi {
		width: 27px;
		height: 23px;
		margin-right: 2px;
	}

.calendar__calendar__dayWrapper_disabled___Tbae- {
			cursor: no-drop;
		}

.calendar__calendar__day___W1vcm {
		width: 100%;
		height: 100%;
		font-size: 10px;
		min-width: 0;
		text-align: center;
		border-color: transparent;
	}

.calendar__calendar__day___W1vcm:not(:last-child) {
			margin-right: 1px;
		}

.calendar__calendar__day_isSelected___6MFuq {
			border-style: solid;
			border-width: 1px;
		}

.calendar__calendar__row___Shbx7 {
		display: flex;
		padding-right: 3px;
		box-sizing: border-box;
	}

.calendar__calendar__body___OQzeW {
		position: relative;
		font-size: 12px;
		padding-bottom: 4px;
	}

.calendar__calendar__body___OQzeW .calendar__calendar___gOihF {
			position: relative;
		}

.calendar__calendar__body___OQzeW .calendar__calendar__day___W1vcm {
				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__calendar__body___OQzeW .calendar__calendar__day___W1vcm:hover {
					background-color: var(--list-item-hovered-bg-color);
				}

.calendar__calendar__body___OQzeW .calendar__calendar__day___W1vcm:active {
					background-color: var(--calendar-selected-day-bg-color);
					padding-top: 0;
					padding-bottom: 0;
				}

.calendar__calendar__body___OQzeW .calendar__calendar__day_isSelected___6MFuq {
					color: var(--common-text-selected);
				}

.calendar__calendar__body___OQzeW .calendar__calendar__day___W1vcm[disabled], .calendar__calendar__body___OQzeW .calendar__calendar__day___W1vcm[disabled]:hover, .calendar__calendar__body___OQzeW .calendar__calendar__day___W1vcm[disabled]:active {
						color: var(--common-text-disabled);
						border-color: transparent;
						background-color: transparent;
					}

.calendar__calendar__body___OQzeW .calendar__calendar__day_isHidden___2hp8t, .calendar__calendar__body___OQzeW .calendar__calendar__day_isHidden___2hp8t:hover, .calendar__calendar__body___OQzeW .calendar__calendar__day_isHidden___2hp8t:active, .calendar__calendar__body___OQzeW .calendar__calendar__day_isHidden___2hp8t[disabled], .calendar__calendar__body___OQzeW .calendar__calendar__day_isHidden___2hp8t[disabled]:hover, .calendar__calendar__body___OQzeW .calendar__calendar__day_isHidden___2hp8t[disabled]:active {
							color: transparent;
							border-color: transparent;
							background-color: transparent;
						}

.calendar__calendar__body___OQzeW .calendar__calendar__day_isCurrent___2NnF7 {
					border-color: var(--common-text-disabled);
				}

.calendar__calendar__body___OQzeW .calendar__calendar__day_isCurrent___2NnF7, .calendar__calendar__body___OQzeW .calendar__calendar__day_isCurrent___2NnF7:hover, .calendar__calendar__body___OQzeW .calendar__calendar__day_isCurrent___2NnF7:active, .calendar__calendar__body___OQzeW .calendar__calendar__day_isCurrent___2NnF7[disabled], .calendar__calendar__body___OQzeW .calendar__calendar__day_isCurrent___2NnF7[disabled]:hover, .calendar__calendar__body___OQzeW .calendar__calendar__day_isCurrent___2NnF7[disabled]:active {
							border-color: var(--common-text-disabled);
						}

.calendar__calendar__body___OQzeW:before {
			content: "";
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 30px;
			z-index: 1;
			border-radius: 4px;
			opacity: 0;
			transition: opacity .3s;
			pointer-events: none;
			background: linear-gradient(to top, var(--calendar-popup-bg-color) 39%, rgba(61, 59, 57, 0));
			pointer-events: none;
		}

.calendar__calendar__body_fade___ANEwR:before {
				pointer-events: all;
				opacity: 1;
			}

.calendar__calendar__monthItem___6RkZk {
		width: 100%;
	}

.calendar__calendar__monthName___HNYSH {
		color: var(--common-text-default);
		font-weight: 700;
		margin-left: 4px;
		margin-right: 4px;
		margin-top: 7px;
		border-top: 1px solid var(--line-color);
		padding-top: 9px;
		margin-bottom: 4px;
		pointer-events: none;
		text-align: left;
		pointer-events: none;
	}

.calendar__calendar__monthName_first___6kt3d {
			border-top: 0;
		}

.calendar__calendar__monthName_singeLine___Gkd9s {
			position: relative;
			margin-bottom: -18px;
		}

.calendar__selector___ds9vh {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	box-sizing: border-box;
}

.calendar__selector__content___nbeXZ {
		position: relative;
		border-bottom: 1px solid var(--line-color);
		width: 100%;
	}

.calendar__selector__years___ShOtP {
		display: flex;
		height: 30px;
		align-items: center;
		position: relative;
		width: 100%;
		padding-right: 8px;
		box-sizing: border-box;
	}

.calendar__selector__yearsText___85Qu4 {
			margin: 2px 7px 0;
			font-size: 12px;
			color: var(--calendar-year-text-color);
		}

.calendar__selector__months___hEdoq {
		display: flex;
		flex: 1;
	}

.calendar__selector__separator___fdVrj {
		align-self: stretch;
		margin-left: 4px;
		margin-top: 6px;
		margin-bottom: 5px;
		border-left: 1px solid var(--line-color);
	}

.calendar__selector__monthList___9ix9J {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: 0;
		padding: 7px 0px 0 8px;
		box-sizing: border-box;
	}

.calendar__selector__month___EgN0j {
		color: var(--calendar-prev-next-month-text-color);
		margin-left: 7px;
		font-size: 12px;
		max-width: 85px;
		border-radius: calc(var(--controls-border-radius) - 1px);
		padding-left: 7px;
		padding-right: 5px;
		box-sizing: border-box;
		padding-top: 7px;
		padding-bottom: 7px;
		transition: color .1s ease, border-color .1s ease;
		background-color: transparent;
		cursor: pointer;
	}

.calendar__selector__month___EgN0j:not(:last-child) {
			margin-bottom: 4px;
		}

.calendar__selector__month___EgN0j:hover {
			background-color: var(--calendar-month-hover-bg-color);
		}

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

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

.calendar__selector__month_isDisabled___YhB8-,
			.calendar__selector__month_isDisabled___YhB8-:hover {
				background-color: transparent;
			}

.calendar__icon_disabled___T-hlW {
	opacity: .3;
}
.menu-h-child__item___Ms\+o0 {
	padding: 0;
	line-height: 26px;
	padding-left: 9px;
}
.year-selector-button__container___A70N- {
	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;
}

	.year-selector-button__container___A70N-:before {
		content: none;
	}

	.year-selector-button__container___A70N-:active {
		fill: var(--icon-pressed-color);
	}

	.year-selector-button__container___A70N-[disabled] {
		background: var(--button-disabled-bg-color);
		box-shadow: none;
		color: var(--icon-primary-default-color);
	}

	.year-selector-button__container___A70N-:not([disabled]) {
		cursor: pointer;
    }

	.year-selector-button__container___A70N-:not([disabled]):hover {
			filter: brightness(1.2);
        }

	.year-selector-button__container___A70N-:not([disabled]):hover::before {
                background: transparent;
            }

.year-selector-button__icon___BJ7kG {
	width: 9px;
	height: 6px;
}
.button-month-h-child__container___PY1Bb {
    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___ZSur9 {
        color: var(--common-text-selected);
    }
    
    .button-month-h-child__container___PY1Bb:before {
        content: none;
    }
    
    .button-month-h-child__container___PY1Bb:hover {
        background-color: var(--list-item-hovered-bg-color);
    }
    
    .button-month-h-child__container___PY1Bb:focus {
        padding-left: 7px;
    }
    
    .button-month-h-child__container___PY1Bb:disabled {
        color: var(--common-text-disabled);
        background: none;
        box-shadow: none;
    }
    
    .button-month-h-child__container___PY1Bb:disabled:hover {
            color: var(--common-text-disabled);
        }
.year-selectbox__container__popover___r9tUc {
		border: 0;
	}
	.year-selectbox__container__anchor___kYV6u {
		text-align: left;
		background: none;
		border: none;
		color: var(--common-text-selected);
		min-width: 71px;
		box-shadow: none;
		border-radius: 0;
		margin-left: 13px;
	}
	.year-selectbox__container__anchor___kYV6u:before {
			content: '';
			display: none;
		}
	.year-selectbox__container__anchor___kYV6u:focus {
			box-shadow: none;
		}
	.year-selectbox__container__anchor__caret___8ffVz {
			display: block;
			position: absolute;
			box-sizing: border-box;
			width: 7px;
			height: 12px;
			left: 38px;
			top: 50%;
			margin-top: -6px;
		}

.scrollable-months-h-child__scrollable___3NCo3 {
	height: 300px;
}
.scrollable-h-child__container___vgoVb {
	max-height: 321px;
	padding: 0;
}

.scrollable-h-child__content___ldhYW {
	padding-right: 0;
}	

.popover-h-child__container___\+BuPW {
	position: relative;
}
.date-range-input__container___PporK {
    display: flex;
    align-items: center;
    position: relative;
    padding: 9px 11px 4px;
    box-sizing: border-box;
    background: none;
}

    .date-range-input__container_active___Y-Vdu {
        background: var(--calendar-popup-bg-color);
    }

    .date-range-input__container_active___Y-Vdu:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 3px;
            background: var(--tab-selected-line-color);
        }

.date-range-input__label___PVNv9 {
    line-height: 1.67;
    color: var(--form-label-text-color);
    margin-right: 7px;
}

.date-range-input__iconContainer___NeYeN {
    width: 17px;
}
.date-range__container___lzJRS {
    display: flex;
    width: 315px;
    overflow: hidden;
}

.date-range__dateRange_focused___-QS1C {
    background: var(--calendar-popup-tab-inactive-bg);
}
.date-input-child__container___J7PU1 {
    width: 108px;
}

    .date-input-child__container_isFocused___bFvJu button {
            opacity: 1;
        }

    .date-input-child__container___J7PU1:hover button {
            opacity: 1;
        }

.calendar-button-child__container___HUyas {
    fill: var(--icon-secondary-default-color);
    opacity: 0;
    padding: 0;
}

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

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

.calendar-button-child__icon___bwVoc {
    display: flex;
    height: 100%;
}
.date-range-period-panel__container___n1\+i7 {
    display: flex;
    height: 31px;
    padding: 2px 7px;
    box-sizing: border-box;
}

.calendar-child__container___6dK4B {
	background: var(--calendar-popup-bg-color);
	padding: 0 0 0 7px;
    box-sizing: border-box;
	width: 100%;
}

.calendar-child__content___NZitK {
	border-top: 1px solid var(--line-color);
}

.calendar-child__calendar__monthName___5Qq\+N {
        margin-left: 0;
    }
.date-range-label__container___3cuFJ {
	display: flex;
    flex-direction: column;
    position: relative;
}

.date-range-label__anchor___cmSGn {
    color: var(--link-default-text-color);
    cursor: pointer;
}

.date-range-label__label___GQO5d {
	white-space: nowrap;
	color: var(--application-header-section-text-color);
	margin-right: 4px;
}

.date-range-label__label___GQO5d:after {
		content: ':';
	}
.popover-child__container___6QuJa {
    background: var(--calendar-popup-bg-color);
    box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
    box-sizing: border-box;
    overflow: visible;
}
.date-range-footer__container___macRy {
    width: 100%;
    padding: 0 10px;
    height: 30px;
    box-sizing: border-box;
}
    
    .date-range-footer__container_border___ihtyh {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        border-top: 1px solid var(--line-color);
    }

.date-range-footer__clearButton___dKBi8 {
    color: var(--link-default-text-color);
    font-size: 12px;
    line-height: 2.4;
    cursor: pointer;
}

.date-range-footer__clearButton_disabled___a6p03 {
        color: var(--common-text-disabled);
        line-height: 2.4;
    }
.date-range-filter__container___\+KvdX {
    display: flex;
    flex-direction: column;
    position: relative;
}
.filter-tag-selector__container___ck0H3 {
	list-style: none;
}

.filter-tag-selector__option___bY1m\+ {
	display: flex;
	align-items: center;
	height: 22px;
}

.filter-tag-selector__optionIcon___rsBuP {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid transparent;
}

.filter-tag-selector__optionIcon_type_news___FWjJp {
			background-color: var(--tag-news-default-bg-color);
		}

.filter-tag-selector__optionIcon_type_impulse___jWPw8 {
			background-color: var(--tag-impulse-default-bg-color);
		}

.filter-tag-selector__optionIcon_type_strategy___Scx8I {
			background-color: var(--tag-strategy-default-bg-color);
		}

.filter-tag-selector__optionIcon_type_marketEvent___\+3O3\+ {
			background-color: var(--tag-market-event-default-bg-color);
		}

.filter-tag-selector__optionIcon_type_error___RK61e {
			background-color: var(--tag-error-default-bg-color);
		}

.filter-tag-selector__optionIcon_selected___KQANK {
		border-color: var(--tag-selected-border-color);
	}

.filter-tag-selector__optionLabel___XXNem {
	margin-left: 6px;
	line-height: 1;
}

.filter-tag-selector__optionLabel_selected___wavzy {
		color: var(--common-text-selected);
	}

.iconWrapper--hint {
        display: inline-block;
        fill: var(--icon-secondary-default-color);
        height: 10px;
        margin: 12px 0px 0px 10px;
        width: 10px;
    }

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


@-webkit-keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(720deg);
	}
}


@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);
		-webkit-animation: rotation 1s infinite linear;
		        animation: rotation 1s infinite linear;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.button-gtc,
	.button-day,
	.button-date {
		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;
			}

:root {
	--scrollable-scrollbar-size: 9px;
	--scrollable-min-bar-size: 10px;
}
.scrollbar {
	position: absolute;
	box-sizing: border-box;
	visibility: hidden;
	z-index: -1;
}

	.scrollbar--button {
		display: none;
	}

	.scrollbar-vertical {
		top: 0;
		right: 0;
		bottom: 0;
		padding: 0;
		width: var(--scrollable-scrollbar-size);
	}

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

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

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

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

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

	.scrollbar--track {
		position: relative;
	}

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

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

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

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

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

.scrollbar--track {
		cursor: pointer;
	}

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

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

.scrollbar--bar:hover::before, .scrollbar--bar:active::before {
				background-color: var(--scrollbar-bg-selected-color);
			}
.mobileScrollable {
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

.scrollable {
	overflow: hidden;
	position: relative;
}

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

.scrollable--container {
		padding: 0;
		overflow: scroll;
		box-sizing: border-box;
	}

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

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

.scrollable--content {
		/*display inline-block allows to take the width more 100% width parent
		see scroll on history and order widget by example*/
		display: inline-block;
		vertical-align: middle;
		position: relative;
		min-width: 100%;
	}

.scrollable--resizeDetector {
		position: absolute;
		top: 0;
		left: 0;

		z-index: -1;
		width: 100%;
		height: 100%;
		border: none;
	}

/* moved from dx */
.scrollable--container::-webkit-scrollbar {
			display: none;
		}
.scrollable--container::-webkit-scrollbar-button {
			display: none;
		}
.scrollable--container::-webkit-scrollbar-thumb {
			display: none;
		}
.scrollable--container::-webkit-scrollbar-thumb:hover {
			display: none;
		}
.scrollable--container::-webkit-scrollbar-thumb:active {
			display: none;
		}
.scrollable--container::-webkit-scrollbar-track {
			display: none;
		}
.scrollable--container::-webkit-scrollbar-track:hover {
			display: none;
		}
.scrollable--container::-webkit-scrollbar-track:active {
			display: none;
		}
.scrollable--container::-webkit-scrollbar-corner {
			display: none;
		}
/* hide animation */
.scrollable .scrollbar-vertical .scrollbar--bar::before {
						margin-left: 3px;
					}
.scrollable .scrollbar-horizontal .scrollbar--bar::before {
						margin-top: 3px;
					}
.scrollable-withHorizontalScrollbar .scrollbar-horizontal {
				z-index: 10;
			}
.scrollable-withHorizontalScrollbar .scrollbar-horizontal .scrollbar--bar::before {
						width: 100%;
						height: 3px;
						margin: 3px 0;
					}
.scrollable-withHorizontalScrollbar .scrollbar-horizontal .scrollbar--bar:hover::before, .scrollable-withHorizontalScrollbar .scrollbar-horizontal .scrollbar--bar:active::before {
							margin: 0;
							height: 100%;
						}
.scrollable-withVerticalScrollbar .scrollbar-vertical .scrollbar--bar::before {
						height: 100%;
						width: 3px;
						margin: 0 3px;
					}
.scrollable-withVerticalScrollbar .scrollbar-vertical .scrollbar--bar:hover::before, .scrollable-withVerticalScrollbar .scrollbar-vertical .scrollbar--bar:active::before {
							margin: 0;
							width: 100%;
						}
.scrollable-withVerticalScrollbar .scrollbar-vertical::after {
					content: '';
					position: absolute;
					width: var(--scrollable-scrollbar-size);
					height: var(--scrollable-scrollbar-size);
				}

.scrollable .scrollable--wrapper,
	.scrollable .scrollbar,
	.scrollable-withVerticalScrollbar .scrollbar-vertical:after {
		background-color: inherit;
	}

.scrollable-overlay .scrollable--wrapper,
		.scrollable-overlay .scrollbar,
		.scrollable-overlay-withVerticalScrollbar .scrollbar-vertical:after {
			background-color: transparent;
		}
.control {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}

	.control input[type="text"],
	.control input[type="password"],
	.control input[type="email"],
	.control input[type="number"],
	.control select,
	.control textarea {
		outline: none;
		box-sizing: border-box;
		width: 100%;
	}

	.control input[type="text"],
	.control input[type="password"],
	.control input[type="email"] {
		border-width: 1px;
		border-style: solid;
		border-radius: calc(var(--controls-border-radius) - 1px);
		padding: 0 5px;
		height: 27px;
		line-height: normal;
	}

	.control textarea {
		padding: 0 4px;
		line-height: 1.8;
		border-width: 1px;
		border-style: solid;
	}

	.control-locked .control--label > label {
				width: auto;
			}

	.control-locked .control--labelIcon {
			display: inline-block;
			width: 6px;
			height: 8px;
			margin-left: 4px;
			vertical-align: middle;
		}

	.control-horizontal.control-textInput {
			width: auto;
		}

	.control-horizontal .control--label {
			margin-right: 10px;
			display: inline-block;
			vertical-align: middle;
		}

	.control-horizontal .control--wrap {
			display: inline-block;
		}

	.control-horizontal .control--wrap input {
				width: auto;
			}

	.control--label > label {
			display: table;
		}

	.control--label .control--name {
				display: table-cell;
			}

	.control--label .control--postfix {
				display: table-cell;
				text-align: right;
				white-space: nowrap;
				text-transform: uppercase;
			}

	.control--label .control--lotSize {
				padding-left: 2px;
			}

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

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

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

	.control .control--wrap-focused .control--tooltip {
			transform: translateY(-50%) scale(1);
			transition-timing-function: cubic-bezier(0, 0, 0, 1.3);
			transition-duration: 0.25s;
		}

	.control-error {
		position: relative;
	}

	.control-error .control--errorMessage {
			font-weight: normal;
			transform: translateY(-50%) scale(0);
			transition: all 0.25s linear;
		}

	.control-error .control--wrap-focused .control--errorMessage {
				transform: translateY(-50%) scale(1);
				transition-timing-function: cubic-bezier(0, 0, 0, 1.3);
				transition-duration: 0.25s;
			}

	.control-error .checkBox--label label::before,
					.control-error .checkBox--label label:hover:before {
						background-position: 0 -92px;
					}

	.control--tooltip,
	.control--errorMessage {
		box-sizing: border-box;
		border: 1px solid;
		position: absolute;
		top: 50%;
		transform: translateY(-50%) scale(0);
		transform-origin: -10px;
		left: calc(100% + 8px);
		padding: 5px 9px;
		line-height: 1.17;
		white-space: pre;
		z-index: 3;
		transition: all 0.25s linear;
	}

	.control--tooltip::before, .control--errorMessage::before {
			position: absolute;
			content: "";
			left: -9px;
			top: 50%;
			transform: translateY(-50%);
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 8px 9px 8px 0;
		}

	.control--tooltipArrow {
			display: none;
		}

	.control.control-bottomError {
		padding-bottom: 18px;
		vertical-align: baseline;
	}

	.control.control-bottomError .control--errorMessage {
				display: inline-block;
				width: 100%;
				padding: 0;
				font-size: 14px;
				white-space: nowrap;
				line-height: 1.29;
				top: 100%;
				left: 0;
				transform: translateY(0) translateZ(0) scale(1);
				border: none;
				background-color: transparent;
			}

	.control.control-bottomError .control--errorMessage::before {
					content: normal;
				}

.control input[type="text"],
	.control input[type="password"],
	.control input[type="email"] {
		border-color: var(--input-default-border-outside-color);
		background: var(--input-default-bg-color);
		box-shadow: inset 0 1px 0 var(--input-default-shadow-inner-color);
		color: var(--input-default-text-color);
		transition: border-color 220ms ease-out;
	}

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

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

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

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

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

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

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

.control input[readonly],
		.control input[readonly]:active,
		.control input[readonly]:focus,
		.control input[readonly]:hover {
			background-color: transparent;
			box-shadow: none;
			border-color: transparent;
		}

.control--postfix,
	.control--label {
		color: var(--form-label-text-color);
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

.mobile .control input[type="text"],
		.mobile .control input[type="password"],
		.mobile .control input[type="email"],
		.mobile .control input[type="number"],
		.mobile .control select,
		.mobile .control textarea {
			font-size: 1.5rem;
		}
		.mobile .control input[type="text"],
		.mobile .control input[type="password"],
		.mobile .control input[type="email"] {
			height: 29px;
			line-height: 29px;
		}
		.mobile .control--tooltip,
		.mobile .control--errorMessage {
			font-size: 15px; 
		}
.control--buttons {
		display: flex;
	}
	.control-toggleButtons .control--wrap {
				display: block;
			}
	.control-toggleButtons .control--postfix {
				display: block;
				margin: 6px 0 -2px;
				font-size: 10px;
				text-align: center;
				letter-spacing: 0.3px;
				text-transform: uppercase;
				color: var(--common-text-default);
			}
	.control-toggleButtons .button {
			height: 25px;
			margin-left: 1px;
			background-color: var(--segmented_control-default-bg);
			color: var(--segmented_control-default-text);
			box-shadow: 0 0 0 1px var(--segmented_control-border-outside);
		}
	.control-toggleButtons .button,
			.control-toggleButtons .button::before {
				border-radius: 0;
			}
	.control-toggleButtons .button::before {
				border-top-color: var(--segmented_control-alt-border-inside-top);
				border-bottom-color: var(--segmented_control-alt-border-inside-bottom);
				border-left-color: var(--segmented_control-alt-border-inside-side);
				border-right-color: var(--segmented_control-alt-border-inside-side);
			}
	.control-toggleButtons .button:first-child {
				margin: 0;
			}
	.control-toggleButtons .button:first-child,
				.control-toggleButtons .button:first-child::before {
					border-radius: var(--controls-border-radius) 0 0 var(--controls-border-radius);
				}
	.control-toggleButtons .button:last-child,
				.control-toggleButtons .button:last-child::before {
					border-radius: 0 var(--controls-border-radius) var(--controls-border-radius) 0;
				}
	.control-toggleButtons .button:focus {
				z-index: 2;
			}
	.control-toggleButtons .button-disabled,
			.control-toggleButtons .button:disabled,
			.control-toggleButtons .button[disabled] {
				background-color: var(--segmented_control-disabled-bg);
				color: var(--segmented_control-disabled-text);
				box-shadow: 0 0 0 1px var(--segmented_control-disabled-border-outside);
			}
	.control-toggleButtons .button-active,
			.control-toggleButtons .button:active {
				z-index: 1;
			}
	.control-toggleButtons .button-active {
				cursor: default;
				pointer-events: none;
			}
	.control-toggleButtons .button-active.button {
					color: var(--segmented_control-selected-text);
					background-color: var(--segmented_control-selected-bg);
					box-shadow: 0 0 0 1px var(--segmented_control-selected-border-outside);
				}
	.control-toggleButtons .button-active.button-disabled,
					.control-toggleButtons .button-active.button:disabled,
					.control-toggleButtons .button-active.button[disabled] {
						color: var(--segmented_control-disabled-text);
						background-color: var(--segmented_control-disabled-bg);
						box-shadow: 0 0 0 1px var(--segmented_control-disabled-border-outside);
					}
	.control-toggleButtons .button-active.button-disabled::before, .control-toggleButtons .button-active.button:disabled::before, .control-toggleButtons .button-active.button[disabled]::before {
							display: block;
							border: 1px solid transparent;
							background: var(--switcher-disabled-bg-color);
						}
	.control-toggleButtons .button-active.button-buy {
						background-color: var(--segmented_control-buy-default-bg);
						box-shadow: 0 0 0 1px var(--segmented_control-buy-border-outside);
					}
	.control-toggleButtons .button-active.button-sell {
						background-color: var(--segmented_control-sell-default-bg);
						box-shadow: 0 0 0 1px var(--segmented_control-sell-border-outside);
					}
	.control-toggleButtons .button-active.button .icon {
						fill: var(--icon-primary-default-color);
					}
	.control-toggleButtons .button-icon {
				border: 1px solid transparent;
			}
	.control-toggleButtons .button .icon {
				fill: var(--icon-secondary-default-color);
			}
	.control-vertical.control-toggleButtons .button {
			display: block;
		}
	.control-labelLeft {
		display: flex;
		align-items: center;
	}
	.control-labelLeft .control--wrap {
			flex-shrink: 0;
		}

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

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

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

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

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

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

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

	.contextMenu--head {
		position: relative;
	}

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

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

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

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

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

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

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

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

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

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

	.contextMenu--optionList-subMenu {
			visibility: hidden;
			position: absolute;
			top: -4px;
			z-index: 2;
			padding: 2px 0;
			border: 1px solid var(--dropdown-list-border-color);
			background-color: var(--dropdown-list-bg-color);
			box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
		}

	.contextMenu--optionList-subMenu::after {
				content: '';
				position: absolute;
				top: 0;
				width: 6px;
				height: 100%;
			}

	.contextMenu--optionList-subMenu .contextMenu--optionList-haveScrollable .contextMenu--item-scrollableItem {
					padding: 0 0 0 8px;
				}

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

	.contextMenu--optionList-subMenu .contextMenu--item-current .contextMenu--icon,
				.contextMenu--optionList-subMenu .contextMenu--item-current .contextMenu--subIcon {
					width: 13px;
					height: 13px;
					flex-shrink: 0;
				}

	.contextMenu--optionList-right {
			left: calc(100% + 1px);
		}

	.contextMenu--optionList-right::after {
				left: -6px;
			}

	.contextMenu--optionList-left {
			right: calc(100% + 1px);
		}

	.contextMenu--optionList-left::after {
				right: -6px;
			}

	.contextMenu--grid {
		display: table;
	}

	.contextMenu--row {
		display: table-row;
	}

	.contextMenu--cell {
		display: table-cell;
		padding: 0 0 8px;
	}

	.contextMenu--cell > .contextMenu--optionList {
		padding: 0;
	}

	.contextMenu--row:last-child .contextMenu--cell {
		padding: 0;
	}

	.contextMenu--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-secondary-default-color);
	}

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

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

	.contextMenu--actions::before {
			content: '';
			height: 100%;
			display: inline-block;
			vertical-align: middle;
		}

	.contextMenu--actions .button {
			margin-left: 5px;
			vertical-align: middle;
			width: 11px;
			height: 11px;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.contextMenu-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-contextMenuButton .contextMenu--item .link-pseudo {
			color: var(--link-default-text-color);
		}

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

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

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

	.contextMenu-contextMenuButton {
		max-width: 250px;
		padding-top: 2px;
		font-size: 14px;
		top: calc(100% + 1px);
		left: -8px;
	}

	.contextMenu-contextMenuButton .contextMenu--item .link-pseudo {
			margin-right: 0;
		}

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

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

	.contextMenu-future {
		max-width: 172px;
	}

	.contextMenu-future .tooltip {
			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 {
			position: relative;
		}

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

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

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

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

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

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

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

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

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

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

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

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

.popover-child__container___PVbGH {
	background: none;
}

	.popover-child__container___PVbGH .contextMenu-contextMenuButton {
			position: relative;
			left: 0;
			top: 0;
		}
.textareaAutoSize__elementWrapper___pO\+bX {
	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___pO\+bX:not(.textareaAutoSize__elementWrapper_focus___e\+-u0):hover {
		border-color: var(--input-hovered-border-outside-color);
	}

	.textareaAutoSize__elementWrapper___pO\+bX:-ms-input-placeholder {
		color: var(--input-placeholder-text-color);
	}

	.textareaAutoSize__elementWrapper___pO\+bX .scrollable {
			height: 100%;
		}

	.textareaAutoSize__elementWrapper___pO\+bX .scrollable--wrapper {
				height: 75px;
			}

	.textareaAutoSize__elementWrapper___pO\+bX .textareaAutoSize__element___Pge7l {
		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___e\+-u0 {
		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 {
			-webkit-animation: correction 750ms linear;
			        animation: correction 750ms linear;
		}

.control-textarea textarea {

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

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

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

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

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

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

.control-textarea .control--charCounter {
		color: var(--label-color);
	}

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

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

        .button__container_flat:before, .button__container_flat:focus:before, .button__container_flat:disabled:before, .button__container_flat[disabled]:before {
                    content: none;
                }
    .button__inner {
        display: inline-block;
        margin-top: -1px;
        position: relative;
    }
.button-icon {
	width: 16px;
	height: 16px;
	padding: 0;
	border: none;
	transition: background-color 0.3s;
}

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

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

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

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

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

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

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

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

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

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

.grid__button_focus___Bt4P- {
	outline: 1px solid var(--focus-border-color);
}

.grid__head___2HHBk {
	position: relative;
	margin-bottom: 1px;
}

.grid__head___2HHBk:after {
		content: '';
		position: absolute;
		display: block;
		left: 6px;
		right: 6px;
		bottom: 1px;
		height: 1px;
		background-color: var(--cell-button-bg-color);
	}

.grid__footer___GYSVP {
	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___GYSVP:empty {
		display: none;
	}

.grid__footer___GYSVP:before {
		content: '';
		position: absolute;
		display: block;
		left: 6px;
		right: 6px;
		top: 1px;
		height: 1px;
		background-color: var(--cell-button-bg-color);
	}

.grid__footer_maxRowHint___EDCxH {
		max-width: 307px;
	}

.grid__button_container___6dbEq {
		color: var(--link-default-text-color);
		font-size: 14px;
		cursor: pointer;
		height: 16px;
	}

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

.grid__button_container___6dbEq:hover .grid__button_icon___BR-J3 {
				stroke: var(--link-hovered-text-color);
			}

.grid__button_icon___BR-J3 {
		width: 5px;
		height: 12px;
		position: relative;
		top: 2px;
		stroke: var(--link-default-text-color);
		fill: transparent;
	}
.grid-h-child__wrapper___G\+oRE .table-colAdapt_description {
				width: auto;
			}

.grid-h-child__bodyWrapper___sm2pk {
	display: flex;
}

.grid-h-child__footer___98jtA {
	color: var(--additional-text-color-2);
	display: flex;
	flex-direction: column;
	padding: 0 10px 6px;
	font-size: 14px;
}

.grid-h-child__footer___98jtA:before {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: var(--line-color);
		margin: 6px 0;
	}

.grid-h-child__footer___98jtA:empty:before {
			display: none;
		}

.grid-h-child__container___D8NnS {
	height: 100%;
}

.grid-h-child__container___D8NnS table {
		width: 588px;
		border-collapse: collapse;
		table-layout: fixed;
	}

.grid-h-child__container___D8NnS .grid-h-child__gridCell__content___ZOTzj {
			min-width: 30px;
		}

.grid-h-child__gridHead___JMiIn {
	background: var(--table-header-bg-color);
	box-shadow: -1px 1px 3px var(--table-header-shadow-color);
}

.grid-h-child__gridHead___JMiIn .grid-h-child__cell___qn77N {
		font-size: 12px;
		text-align: left;
		color: var(--table-column-text-header-color);
	}

.grid-h-child__gridHead___JMiIn:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: var(--dom-table-line-color);
		margin-bottom: 2px;
	}

.grid-h-child__gridBody___wKhGU {
	width: 100%;
}

.grid-h-child__gridBody___wKhGU .grid-h-child__row_selected___pF\+34 .grid-h-child__arrow___-EUHB {
				opacity: 1;
			}

.grid-h-child__gridBody___wKhGU .grid-h-child__row___lyOFK:hover .grid-h-child__cell___qn77N:not(.grid-h-child__cell_group___6jXxp), .grid-h-child__gridBody___wKhGU .grid-h-child__row_active___KWvvr .grid-h-child__cell___qn77N:not(.grid-h-child__cell_group___6jXxp) {
				cursor: pointer;
			}

.grid-h-child__gridBody___wKhGU .grid-h-child__row___lyOFK:hover .grid-h-child__cell___qn77N:not(.grid-h-child__cell_group___6jXxp):after, .grid-h-child__gridBody___wKhGU .grid-h-child__row_active___KWvvr .grid-h-child__cell___qn77N:not(.grid-h-child__cell_group___6jXxp):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___wKhGU .grid-h-child__row___lyOFK:hover td:not(.grid-h-child__cell_group___6jXxp):first-child:before, .grid-h-child__gridBody___wKhGU .grid-h-child__row_active___KWvvr td:not(.grid-h-child__cell_group___6jXxp):first-child:before {
					background: var(--symbol-suggest-line-hover-bg-color);
				}

.grid-h-child__gridBody___wKhGU .grid-h-child__row___lyOFK td:not(.grid-h-child__cell_group___6jXxp):first-child {
			overflow: visible;
			position: static;
		}

.grid-h-child__gridBody___wKhGU .grid-h-child__row___lyOFK td:not(.grid-h-child__cell_group___6jXxp):first-child:before {
				content: '';
				position: absolute;
				left: 0;
				width: 100%;
				height: 20px;
			}

.grid-h-child__arrow___-EUHB {
	fill: var(--tick-icon-color);
	opacity: 0;
}

.grid-h-child__gridCell__placeholder___nJUjH {
		height: 20px; /*this should be fixed integer to avoid repainting whole table on content change*/
		position: relative;
		display: flex;
	}

.grid-h-child__gridCell__content___ZOTzj {
		padding: 0 10px;
		position: absolute;
		top: 0;
		display: inline-flex;
		height: 20px;
		align-items: center;
	}

.grid-h-child__gridCell__content_left___6OtG8 {
			text-align: left;
		}

.grid-h-child__gridCell__content_center___nF8-j {
			left: 50%;
			transform: translateX(-50%);
		}

.grid-h-child__gridCell__content_right___Hdwbn {
			right: 0;
		}

.grid-h-child__cell___qn77N {
	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___6jXxp {
	font-size: 12px;
	color: var(--dropdown-list-text-color);
	padding-bottom: 10px;
	line-height: 30px;
}

.grid-h-child__cell_group___6jXxp .grid-h-child__gridCell__content___ZOTzj {
		height: 30px;
	}

.grid-h-child__cell_description___sa-CL:not(.grid-h-child__cell_group___6jXxp) {
	color: var(--table-text-color);
}

.grid-h-child__cell_description___sa-CL:not(.grid-h-child__cell_group___6jXxp):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___fJ24I .grid-h-child__gridCell__content___ZOTzj {
		padding: 0;
	}


.arrow-button-h-child__container___EOU0N {
    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___EOU0N:before {
        content: none;
    }
.tabs-component__tabs___BLBRk {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.suggestTabs__container___qYHiy {
	border-bottom: 2px solid var(--symbol-suggest-tab-active-bg-color);
	background: var(--symbol-suggest-tab-unactive-bg-color);
	outline: none;
}

.suggestTabs__tabs___s5i-T {
	height: 22px;
	display: inline-flex;
}

.suggestTabs__tab_container___P0UFW {
		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___P0UFW:first-child {
			padding: 0 20px 0 19px;
		}

.suggestTabs__tab_container___P0UFW:hover:not(.suggestTabs__tab_active___EqfZs) {
			background-color: var(--symbol-suggest-tab-hover-bg-color);
		}

.suggestTabs__tab_active___EqfZs {
		background-color: var(--symbol-suggest-tab-active-bg-color);
		color: var(--suggest-tab-selected-text-color);
	}

.suggestTabs__tab_active___EqfZs:before {
			content: ' ';
			display: inline-block;
			position: absolute;
			right: 0;
			left: 0;
			top: 0;
			height: 2px;
			background-color: var(--tab-selected-line-color);
		}
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 {
		-webkit-animation: correction 750ms linear;
		        animation: correction 750ms linear;
	}

@-webkit-keyframes correction {
	0% {
		background-color: var(--wrong-bg-color);
	}

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

	50% {
		background-color: var(--wrong-bg-color);
	}

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

@keyframes correction {
	0% {
		background-color: var(--wrong-bg-color);
	}

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

	50% {
		background-color: var(--wrong-bg-color);
	}

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

.control-textInput {
	width: 98px;
}

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

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

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

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

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

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

.control-textInput.control-withReset .control--reset {
				fill: var(--icon-primary-default-color);
			}
.mobile .control-textInput {
		width: 110px;
	}
		
		.mobile .control-textInput.control-withReset .control--reset {
					right: 7px;
					height: 11px;
					width: 11px;
					margin-top: 1px;
				}
		
		.mobile .control-textInput.control-withReset .control--wrap input {
						padding-right: 22px;
					}
.suggest__filter___o2N1f {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}
   
    .suggest__filter_content___ZjmFa {
        display: flex;
        align-items: center;
        height: 24px;
        width: 100%;
        justify-content: space-between;
        border-top: 1px solid var(--line-color);
    }
   
    .suggest__filter_count___RjGyB {
        color: var(--dropdown-list-description-text-color);
        font-size: 12px;	
        line-height: 16px;
    }
   
    .suggest__filter_button___dgLXF {
        color: var(--link-default-text-color);
        font-size: 12px;	
        line-height: 20px;
        cursor: pointer;
    }
   
    .suggest__filter_disabled___gy2cr {
        color: var(--common-text-disabled);
        font-size: 12px;	
        line-height: 20px;
    }

.suggest__description___S2Y3e {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.suggest__description_content___tXR\+g {
        border-top: 1px solid var(--line-color);
        padding: 10px 0;
    }

.suggest__description_text___r4\+lx {
        color: var(--dropdown-list-description-text);
        font-size: 12px;
        line-height: 16px;
    }

.loading-indicator-child__container___stp8X {
	margin-top: 15px;
	margin-bottom: 12px;
	margin-left: 275px;
}
.popover-child__container___-r-QK {
	border: none;
	min-width: 588px;
	margin: 5px 0 0;
	background: var(--symbol-suggest-bg-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
	z-index: 100;
}

.popover-child__content___zTJ\+t:not(:empty) {
	border: none;
}

.input-child__label_hasControlWrapper___6U\+dx {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
}

	.input-child__label_hasControlWrapper___6U\+dx .input-child__container___nqS8w {
		box-shadow: none;
		border: 0;
		height: auto;
		line-height: normal;
		font-size: inherit;
		width: 100%;
		border-radius: inherit;
	}

	.input-child__label_hasControlWrapper___6U\+dx .input-child__container___nqS8w .input-child__input___c84j8,
			.input-child__label_hasControlWrapper___6U\+dx .input-child__container___nqS8w .input-child__input___c84j8:focus,
			.input-child__label_hasControlWrapper___6U\+dx .input-child__container___nqS8w .input-child__input___c84j8:hover {
				background-color: transparent;
			}

	.input-child__label_hasControlWrapper___6U\+dx .input-child__placeholder___78nhb {
		left: 5px;
		text-align: left;
	}

.input-child__placeholder___78nhb {
	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___c84j8 {
	position: relative;
	z-index: 2;
}
.footer__container___\+JVaV {
	padding: 10px;
	color: var(--symbol-suggest-tertiary-text-color);
	display: flex;
	flex-direction: column;
}

.footer__hint___koeQS {
	font-size: 14px;
}

.footer__hint_withExpired___oFgZP {
		line-height: 1.17;
		margin-top: 4px;
		white-space: pre-line;
	}

.footer__hint_link___ivt4- {
		color: var(--icon-link-default-color);
	}

.footer__hint_key___yZs-u {
		color: var(--common-text-default);
	}
.button-info {
	display: inline-flex;
	width: 12px;
	height: 12px;
	border: none;
	flex-shrink: 0;
}

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

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

	.button-info .icon {
		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(--icon-hovered-color);
				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);
			}

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

.button-widgetHeader {
	height: 19px;
}

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

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

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

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

	/* TEMPORARY FIX */

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.suggest-h-child__container___AKIpy: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-time-range__container___wnotV {
	display: flex;
}

.control-time-range__otherItems___Z9\+Z8 {
	position: relative;
}

.button-h-child__container___3XJsA {
	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___3XJsA::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___sINVI {
		background: var(--segmented_control-selected-bg);
		color: var(--segmented_control-selected-text);
		z-index: 2;
	}


.selectbox-h-child__container__anchor___yKvu8 {
	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___yKvu8:focus {
		box-shadow: none;
	}

.selectbox-h-child__container__menu___WOcMZ > li {
		min-width: 120px;
		padding-right: 0;
	}

.selectbox-h-child__container__item__activeIcon___iPGV3 {
		display: none;
	}

.selectbox-h-child__container__item__text___kMD2m {
		padding-right: 0;
	}

.toggleButtons-h-child__container__item___8S233 {
	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___8S233::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___8S233:not(:last-child) {
		border-right: 0;
	}

	.toggleButtons-h-child__container__item_active___OKlLe {
		background: var(--segmented_control-selected-bg);
		color: var(--segmented_control-selected-text);
	}

	.toggleButtons-h-child__container__item_active___OKlLe:before {
			border-top-color: transparent;
		}

.delimiter-h-child__item__content___EvlvO {
	height: 1px;
	width: 100%;
	background: var(--line-color);
}

.delimiter-h-child__item___4L4M1 {
	pointer-events: none;
	padding-right: 0.416em;
}


.delimiter-h-child__delimiter___fM5Yd {
	height: 1px;
	width: 100%;
	background: var(--line-color);
	margin-left: 6px;
    overflow: hidden;
}


.selectbox-h-child__container__anchor___gH8jL {
		height: 19px;
		padding: 0;
		color: var(--link-default-text-color);
		background-color: transparent;
		border-color: transparent;
		box-shadow: none;
	}

		.selectbox-h-child__container__anchor___gH8jL:before {
			display: none;
		}

		.selectbox-h-child__container__anchor___gH8jL:focus {
			box-shadow: none;
		}

		.selectbox-h-child__container__anchor__content___X-biY {
			padding-right: 0;
		}

		.selectbox-h-child__container__anchor__content_hasCaret___sqkaH .selectbox-h-child__container__anchor__caret___-f15h {
					display: none;
				}
	.selectbox-h-child__container__item___wQaml {
		padding: 0 15px 0 6px;
	}
	.selectbox-h-child__container__item__text___D3F\+t {
			padding-left: 22px;
			padding-right: 0;
		}
	.selectbox-h-child__container__item__activeIcon___wWBT0 {
			right: auto;
			left: 4px;
		}
.control-countries-selector__container___0tTGt {
	display: flex;
	margin-left: 8px;
}

.control-countries-selector__currency___DICe4 {
	width: 34px;
	display: inline-block;
}

.control-countries-selector__value___FblwK {
	margin-left: 4px;
	color: var(--dropdown-alt-default-text);
}

.tag-selector-anchor__container___NkObU {
	height: 20px;
	color: var(--link-default-text-color);
	text-align: left;
	min-width: auto;
	padding: 0;
}


.tag-selector__container___iNZtI {
	display: inline-block;
}

	.tag-selector__container_unfilled___9fu7v {
		visibility: visible;
	}

	.tag-selector__container___iNZtI .control-multiselect {
				display: flex;
				align-items: center;
				font-weight: normal;
			}

.tag-selector__option___5G2A5 {
	display: flex;
	align-items: center;
	height: 22px;
}

.tag-selector__optionIcon___iePev {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid transparent;
}

.tag-selector__optionIcon_type_news___eIJTg {
			background-color: var(--tag-news-default-bg-color);
		}

.tag-selector__optionIcon_type_impulse___JTtYO {
			background-color: var(--tag-impulse-default-bg-color);
		}

.tag-selector__optionIcon_type_strategy___YMNHw {
			background-color: var(--tag-strategy-default-bg-color);
		}

.tag-selector__optionIcon_type_marketEvent___\+TOU3 {
			background-color: var(--tag-market-event-default-bg-color);
		}

.tag-selector__optionIcon_type_error___8p4Kn {
			background-color: var(--tag-error-default-bg-color);
		}

.tag-selector__optionIcon_selected___oMtL\+ {
		border-color: var(--tag-selected-border-color);
	}

.tag-selector__optionLabel___W3Bkl {
	margin-left: 6px;
	line-height: 1;
}

.tag-selector__optionLabel_selected___zFi7R {
		color: var(--common-text-selected);
	}

.tag-selector__anchor___Q3Zxx .tag-selector__optionIcon___iePev {
	width: 7px;
	height: 7px;
	border: 1px solid var(--widget-bg-color);
}

.tag-selector__anchor___Q3Zxx .tag-selector__optionIcon___iePev:not(:first-child) {
		margin-left: -3px;
	}


.selectbox-h-child__container__popover___AwpM-,
.selectbox-h-child__container__popover__content___NvR8V {
	border: none;
}

.menuItem-h-child__item___50L7e {
	padding-top: 2px;
	padding-bottom: 2px;
}
.button-link {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--link-default-text-color);
	transition: color 200ms;
	vertical-align: baseline;
}

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

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

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

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

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

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

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

.multilineTextTool__container___EB-gF {
	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___EB-gF .react-resizable {
			position: relative;
		}

	.multilineTextTool__container___EB-gF .react-resizable-handle {
			position: absolute;
			z-index: 1;
			right: 1px;
			bottom: 1px;
			width: 15px;
			height: 15px;
			cursor: pointer;
			box-sizing: border-box;
		}

	.multilineTextTool__container___EB-gF .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___EB-gF .scrollable {
			height: 100%;
		}

	.multilineTextTool__container___EB-gF .scrollbar--bar::before {
					background-color: var(--scrollbar-bg-default-color);
				}

.multilineTextTool__wrapperContent___S96Fc,
.multilineTextTool__wrapperContentWithNoHint___sxg\+i {
	position: relative;
	overflow: hidden;
	z-index: 0;
	transition: border 250ms, box-shadow 250ms;
	border: 1px solid transparent;
}

.multilineTextTool__wrapperContent___S96Fc {
	height: calc(100% - 18px);
}

.multilineTextTool__wrapperContentWithNoHint___sxg\+i {
	height: 100%;
}

.multilineTextTool__text___arWet {
	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___GZpEp {
	padding-left: 5px;
	font-size: 10px;
	line-height: 1.2;
	color: var(--multiline-text-tool-tex-color);
	-webkit-user-select: text;
	   -moz-user-select: text;
	    -ms-user-select: text;
	        user-select: text;
}

.multilineTextTool__textAreaWrapper___mjxUH {
	height: 100%;
}

.multilineTextTool__form___X8D9\+ {
	height: 100%;
	cursor: text;
}

.multilineTextTool__iconContainer___BBMiZ {
	z-index: 2;
	position: absolute;
	right: 2px;
	width: 13px;
	height: 13px;
	fill: var(--icon-secondary-default-color);
	cursor: pointer;
}

.context-menu-button-h-child__container___z007T {
    height: 100%;
    width: auto;
    min-width: auto;
    padding: 0 5px;
    color: var(--link-default-text-color)
}

.trade-note__container___8TM\+W {
	position: relative;
	height: 100%;
}

	.trade-note__container___8TM\+W:hover .trade-note__contextMenu___Z\+Qq3 {
			visibility: visible;
		}

.trade-note__content___\+X2Pg {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
}

.trade-note__popoverContainer___NdLIb {
	border: none;
	background-color: transparent;
}

.trade-note__contextMenu___Z\+Qq3 {
	display: flex;
	visibility: hidden;
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 7px;
}

.trade-note__contextMenu___Z\+Qq3::before,
	.trade-note__contextMenu___Z\+Qq3::after {
		z-index: 0;
		content: '';
		position: absolute;
		top: 0;
		display: block;
		height: 100%;
	}

.trade-note__contextMenu___Z\+Qq3::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___Z\+Qq3::after {
		left: 10px;
		width: calc(100% - 10px);
		background-color: var(--table-row-bg-hover-color);
	}

.trade-note__contextMenu__item___agHqj {
		z-index: 1;
		margin: 0 5px;
	}

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

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

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

	.popup-visible {
		visibility: visible;
		top: 0;
		transition-delay: 0s, 0s;
	}

	.popup-visible .popup--window {
			z-index: 31;
			-webkit-animation: popupShow 0.3s cubic-bezier(0, 0, 0, 1.3);
			        animation: popupShow 0.3s cubic-bezier(0, 0, 0, 1.3);
		}

	.popup-hidden {
		visibility: hidden;
	}

	.popup-hidden .popup--window {
			-webkit-animation: popupHide 0.3s linear;
			        animation: popupHide 0.3s linear;
		}

	.popup-modal {
		pointer-events: all;
	}

	.popup-modal .popup--window {
			box-shadow: 0 6px 25px var(--modal-window-shadow-color);
		}

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

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

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

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

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

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

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

	.popup--mode {
		padding: 2px 6px;
		font-size: 9px;
		border-radius: 4px;
		line-height: 13px;
		margin-left: 10px;
		position: absolute;
		top: 3px;
	}

	.popup--mode--live {
		background: var(--label-live-bg);
	}

	.popup--mode--demo {
		background: var(--label-demo-bg);
	}

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

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

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

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

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

	.popup--buttons {
			padding: 9px 8px 8px;
		}

	.popup--buttons .button {
				min-width: 75px;
				font-size: 14px;
				font-weight: normal;
			}

	.popup--buttons .button + .button {
					margin-left: 8px;
				}

	.popup--buttons .button-restoreDefault {
					margin-top: 5px;
					line-height: 14px;
				}

	.popup--buttons .contextMenuButton__container {
				float: left;
				margin-top: 6px;
				margin-right: 10px;
				margin-left: 22px;
			}

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

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

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

	.popup--hint {
			opacity: 0;
		}

	.popup--hint-visible {
				opacity: 1;
			}

	.popup--hint-cancelButton {
				float: right;
				max-width: 85px;
				font-size: 1rem;
				height: 41px;
				text-align: left;
			}

	.popup--hint-cancelButton span {
					display: inline-block;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
				}

	.popup--hint-closePosition {
				position: relative;
				top: 2px;
				float: right;
				width: 123px;
				border-width: 1px 1px 0 1px;
				border-style: solid;
				border-color: var(--modal-window-border-color);
				transform: translateY(-10px);
			}

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

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

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

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

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

	.popup-error .messagePanel-error {
				max-height: 50px;
				text-align: center;
			}

	.popup-error .popup--errorMessage {
				padding: 15px 30px;
				max-height: 75px;
			}

	.popup-draggable .popup--header {
				cursor: move;
			}

	.popup-adaptive .drawingProperties {
				max-height: none;
			}

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

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

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

	@-webkit-keyframes popupShow {
		0% {
			opacity: 0;
			transform: translateY(-200px);
		}

		33% {
			opacity: 1;
		}

		100% {
			transform: translateY(0px);
		}
	}

	@keyframes popupShow {
		0% {
			opacity: 0;
			transform: translateY(-200px);
		}

		33% {
			opacity: 1;
		}

		100% {
			transform: translateY(0px);
		}
	}

	@-webkit-keyframes popupHide {
		0% {
			opacity: 1;
			transform: translateY(0px);
		}

		33% {
			opacity: 0;
		}

		100% {
			opacity: 0;
			transform: translateY(-200px);
		}
	}

	@keyframes popupHide {
		0% {
			opacity: 1;
			transform: translateY(0px);
		}

		33% {
			opacity: 0;
		}

		100% {
			opacity: 0;
			transform: translateY(-200px);
		}
	}

	@-webkit-keyframes popupErrorBlink {
		0% {
			background-color: transparent;
		}

		100% {
			background-color: var(--message-wrong-bg-color);
		}
	}

	@keyframes popupErrorBlink {
		0% {
			background-color: transparent;
		}

		100% {
			background-color: var(--message-wrong-bg-color);
		}
	}

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

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

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

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

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

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

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

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

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

	.popup-warning .messagePanel-error, .popup-error .messagePanel-error {
				-webkit-animation: popupErrorBlink 200ms var(--animation-fast) ease 3 alternate forwards;
				        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 {
				-webkit-animation: delimiterBlink 1s infinite;
				        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-stack-popup__container___p8ama {
	max-width: 488px;
}

.popup-stack-popup__title___nwzqP {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
}

.popup-stack-popup__text___Jet33  {
	margin-top: 9px;
	font-size: 12px;
	line-height: 20px;
}

.button-popup--copy-note {
		position: absolute;
		left: 5px;
		margin-right: 10px;
		padding: 3px 5px 3px 5px;
	}

.trade-note-popup__container___YHQMv {
	padding-right: 0;
}

.trade-note-popup__body___kQLdG {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 5px;
}

.trade-note-popup__body___kQLdG .multilineTextTool__container:focus-within {
			border: 1px solid var(--selected-input-border-color);
		}

.trade-note-popup__body___kQLdG .multilineTextTool__text {
			height: 100%;
		}

.trade-note-popup__header___opeX8 {
	font-weight: bold;
}

.trade-note-popup__footer___8fkyt {
	text-align: right;
}

.trade-note-popup__footer___8fkyt button {
		font-size: 14px;
	}

.trade-note-popup__footer___8fkyt button + button {
		margin-left: 8px;
	}

.tag__container___pEY66 + .tag__container___pEY66 {
	margin-left: 2px;
}

.tag__news___pA569.tag__news___pA569 {
	background: var(--tag-news-default-bg-color);
}

.tag__strategy___nYDul.tag__strategy___nYDul {
	background: var(--tag-strategy-default-bg-color);
}

.tag__impulse___xDtPi.tag__impulse___xDtPi {
	background: var(--tag-impulse-default-bg-color);
}

.tag__markEvent___7906m.tag__markEvent___7906m {
	background: var(--tag-market-event-default-bg-color);
}

.tag__compact___iRGeQ {
	width: 15px;
}

.tag__error___njhYD.tag__error___njhYD {
	background: var(--tag-error-default-bg-color);
}

.tag__circle___6K\+QZ {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: var(--tag-name-text-color);
}


.button-h-child__container___5He-Q {
	display: flex;
	align-items: center;
	font-size: 10px;
	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___5He-Q::before {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		border-radius: 15px;
		border-color: transparent;
	}

	.button-h-child__container_active___jJtl8 {
        box-shadow: inset 0 1px 1px 0 var(--tag-selected-shadow-inside-color);
	}

	.button-h-child__container_active___jJtl8::before {
			border-color: var(--tag-selected-border-color);
		}
.orderEntrySlider__container___bTCku {
	display: inline-block;
	padding: 11px 54px;
}

	.orderEntrySlider__container___bTCku:hover .orderEntrySlider__handler___L\+n4C {
			border-color: var(--nm-handle-hover-outside-border-color);
		}

	.orderEntrySlider__container___bTCku:hover .orderEntrySlider__rail___Qr6Eb::before {
				background-color: var(--nm-axis-hover-line-color);
			}

	.orderEntrySlider__container_hideHandler___nUCTF .orderEntrySlider__handler___L\+n4C {
			display: none;
		}

	.orderEntrySlider__container_nanBounds___ZSkgS .orderEntrySlider__handleContainer___Af2JW {
			left: 50%;
			margin-left: -6px;
		}

.orderEntrySlider__rail___Qr6Eb {
	background: transparent;
}

.orderEntrySlider__inner___d2GOD {
	position: relative;
	display: flex;
	justify-content: center;
	width: 140px;
}

.orderEntrySlider__handlerWrapper___bJrkV {
	margin-top: -8.5px;
	height: 17px;
	cursor: pointer;
}

.orderEntrySlider__handler___L\+n4C {
	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___L\+n4C::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___DbUWQ {
	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___idL85 {
		margin-right: 3px;
	}

.orderEntrySlider__handlerAdditional_max___rQ52o {
		margin-left: 3px;
	}

.orderEntrySlider__rail___Qr6Eb {
	position: relative;
	height: 7px;
	width: 100%;
	border: none;
	background-color: transparent;
}

.orderEntrySlider__rail___Qr6Eb::before,
	.orderEntrySlider__rail___Qr6Eb::after {
		content: '';
		position: absolute;
	}

.orderEntrySlider__rail___Qr6Eb::before {
		left: -5px;
		top: 4px;
		width: calc(100% + 10px);
		height: 1px;
		background: var(--nm-axis-line-color);
		transition: all .3s;
	}

.orderEntrySlider__rail___Qr6Eb::after {
		width: 2px;
		height: 3px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: var(--widget-bg-color);
	}

.orderEntrySlider__handleContainer___Af2JW {
	top: 4px;
	margin: 0;
	width: 100%;
}

.orderEntrySlider__value___3Jc3Q {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: var(--nm-value-text-color);
	white-space: nowrap;
}

.orderEntrySlider__value_min___ba61T {
		right: calc(100% + 5px);
	}

.orderEntrySlider__value_min___ba61T .orderEntrySlider__label___6etAR {
			margin-right: 6px;
		}

.orderEntrySlider__value_max___Xyqw7 {
		left: calc(100% + 5px);
	}

.orderEntrySlider__value_max___Xyqw7 .orderEntrySlider__label___6etAR {
			margin-left: 6px;
		}

.orderEntrySlider__value_current___5dsGU {
		position: absolute;
		top: calc(100% - 2px);
		left: 50%;
		transform: translateX(-50%);
		margin: 0;
		z-index: 1;
		font-size: 10px;
		font-weight: 500;
	}

.orderEntrySlider__label___6etAR {
	font-weight: bold;
	font-size: 10px;
	color: var(--nm-label-text-color);
}

.orderEntrySlider__limit___Kcym5 {
	color: var(--nm-value-text-color);
	font-size: 12px;
	font-weight: 500;
}

.PLCalendar__footer___CCNJp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    height: 30px;
}

.PLCalendar__container__anchor___mgmxh {
    font-size: 14px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    color: var(--link-default-text-color);
	transition: color 200ms;
}

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

.PLCalendar__container__anchor___mgmxh:before {
        content: none;
    }

.PLCalendar__link_container___giCap {
    cursor: pointer;
    color: var(--link-default-text-color);
	font-size: 14px;
	transition: color 200ms;
}

.PLCalendar__link_container___giCap:hover {
		color: var(--link-hovered-text-color);
    }
.PlLinesCrossTool__container___z97NZ {
	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___lVHfd {
		position: relative;
		padding-right: 33px;
	}
	.PlLinesCrossTool__container___z97NZ:hover .PlLinesCrossTool__item_disable___3iGCn {
			display: inline-flex;
		}

.PlLinesCrossTool__item___4VxMF {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-bottom: 7px;
	font-size: 12px;
}

.PlLinesCrossTool__item_resetWrapper___a3wx0 {
		margin-left: auto;
	}

.PlLinesCrossTool__item_disable___3iGCn {
		display: none;
	}

.PlLinesCrossTool__item__visible___iCtgu {
		fill: var(--icon-contextual-primary-default-color);
		width: 14px;
		height: 12px;
		cursor: pointer;
	}

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

.PlLinesCrossTool__item__visible_hidden___KwP9K {
			visibility: hidden;
		}

.PlLinesCrossTool__item__date___o6NLu {
		width: 100%;
		margin: 0 11px 0 11px;
		cursor: pointer;
		color: var(--common-text-disabled);
	}

.PlLinesCrossTool__item__date___o6NLu:hover {
			/*must override inline-style*/
			color: var(--icon-hovered-color) !important;
		}

.PlLinesCrossTool__item__value___VehLI {
		color: var(--common-text-default);
		text-align: right;
	}

.PlLinesCrossTool__item__value_disabled___\+rtcx {
			color: var(--common-text-disabled);
		}

.PlLinesCrossTool__contentWrapper___TEcdh {
	display: flex;
	align-items: center;
	width: 100%;
}

.PlLinesCrossTool__contentWrapper_editbale___ScVBJ {
		visibility: hidden;
	}

.PlLinesCrossTool__iconWrapper___tgzto {
	width: 14px;
	height: 12px;
}

.PlLinesCrossTool__dateBoxInnerWrapper___fzKcg {
	position: absolute;
	left: 23px;
	right: 0;
	display: flex;
	align-items: center;
}

.PlLinesCrossTool__steppableInput_inner___4\+biX {
	padding: 0 4px;
}

.PlLinesCrossTool__dateInput_inner___YhSw0 {
	padding: 0 6px 0 0;
}

.PlLinesCrossTool__dateBoxInner___3Ct08 {
	width: 96px;
	height: 21px;
	margin: 0 8px 0 4px;
	left: -5px;
}

.PlLinesCrossTool__calendarButtonIcon___TBjP8 {
	padding: 0;
	margin: 0;
	width: 17px;
	height: 9px;
}

.PlLinesCrossTool__calendarButtonIcon___TBjP8:focus {
		outline: none
	}

.PlLinesCrossTool__calendarButtonIcon_icon___quJM\+ {
		fill: var(--icon-primary-default-color);
	}

.PlLinesCrossTool__calendarButtonIcon_icon___quJM\+ :hover {
			fill: var(--icon-hovered-color);
		}

.PlLinesCrossTool__calendarButtonIcon_icon___quJM\+ :active {
			fill: var(--icon-pressed-color);
		}

.PlLinesCrossTool__clearButton___kaUOF {
	display: none;
}

.PlLinesCrossTool__popover___2U\+y9 {
	background-color: var(--calendar-widget-bottom-bg-color);
	border: none;
}

.PlLinesCrossTool__popover__content___jtMvQ {
		border: none;
	}

.PLDatabox-wrapper {
		position: absolute;
		z-index: 4;
		left: 7px;
		top: 11px;
	}
.popover-h-child__container___dyDc1 {
    overflow: visible;
}
.header__header___0Y\+DF {
    border-bottom: 1px solid var(--line-color);
    padding-bottom: 17px;
}

.header__headerTitle___Yx6vN {
    font-size: 21px;
    font-weight: bold;
    color: var(--common-text-default);
}

.header__headerDescription___Ni\+YE {
    font-size: 12px;
    line-height: 1.67;
    color: var(--common-text-default);
    margin-bottom: 7px;
}

.table-child__table___Hv4T6 {
    padding-top: 6px;
    margin-bottom: 10px;
}

.table-child__cell___7ga9L {
    font-size: 12px;
    line-height: 1.42;
    text-align: left;
    vertical-align: middle;
    color: var(--label-color);
    white-space: nowrap;
}

.table-child__cell___7ga9L:not(:last-child) {
        padding-right: 16px;
    }

.table-child__whiteCell___QkwPx {
    color: var(--common-text-default);
}

.table-child__cell___ABCR5 {
    font-size: 12px;
    line-height: 1.42;
    text-align: left;
    vertical-align: top;
    color: var(--label-color);
}

    .table-child__cell___ABCR5:not(:first-child) {
        padding-left: 10px;
    }

.table-child__whiteCell___JHpck {
    color: var(--common-text-default);
}

.table-child__cellPadding___TKoxk {
    padding-bottom: 9px;
}

.tradingsTable__dayWrapper___pCBmL {
    width: 30px;
    position: relative;
}

    .tradingsTable__dayWrapper___pCBmL::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        background: var(--line-color);
        height: 100%;
    }

.tradingsTable__day___Lii\+g {
    line-height: 1;
}

.tradingsTable__day___Lii\+g:not(:last-child) {
        margin-bottom: 5px;
    }

.tradingsTable__overnightRate___bNZl3 {
	white-space: nowrap;
}

.table-child__container___DiohV {
    border-spacing: 0 10px;
    border-collapse: separate;
}
	
	.table-child__container___DiohV tbody .table-child__cell___xUS4O:nth-child(3) p {
					padding-right: 10px;
				}

.table-child__cell___xUS4O {
    font-size: 12px;
    line-height: 1.42;
    text-align: left;
    vertical-align: middle;
    color: var(--label-color);
}

.table-child__cell___xUS4O:not(:last-child) {
        padding-right: 7px;
    }

.table-child__headerCell___ojPtv {
    vertical-align: top;
    white-space: nowrap;
    line-height: 1.2;
}

.table-child__whiteCell___cMmKL {
    color: var(--common-text-default);
}

.table-child__bottomCell___z4fIU {
    margin-top: -8px;
}

.table-child__bottomCell_timezone___WMxSn {
        margin-right: 8px;
    }

.exDividends__cell___LpDXq {
	font-size: 12px;
	width: 80px;
	line-height: 1.42;
	text-align: left;
	vertical-align: middle;
	color: var(--label-color);
	padding-bottom: 5px;
}

.exDividends__valueCell___VFyN0 {
	color: var(--common-text-default);
	width: 80px;
}

.exDividends__headerCell___nSpFF {
	vertical-align: top;
	white-space: nowrap;
}

.instrument-info-widget__wrapper___TgYoA {
    display: inline-flex;
	align-items: center;
    vertical-align: middle;
}

.instrument-info-widget__container___Q\+\+Mn {
    padding: 16px 18px;
    border: 1px solid var(--dropdown-list-border-color);
	background: var(--dropdown-list-bg-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
}

.instrument-info-widget__primary___IQBn3 {
    fill: var(--icon-primary-default-color);
}

.instrument-info-widget__secondary___4Dm05 {
    fill: var(--icon-secondary-default-color);
}

.instrument-info-widget__body___QDd6- {
    display: flex;
    padding-top: 3px;
    padding-bottom: 3px;
}

.instrument-info-widget__rates___\+dzNS {
    width: 188px;
    box-sizing: border-box;
    padding-top: 7px;
    padding-right: 7px;
}

.instrument-info-widget__exDividends___m5EEP {
	padding: 7px 7px 7px 10px;
}

.instrument-info-widget__infoButton___ibBTt {
    display: inline-block;
    padding-left: 3px;
    box-sizing: border-box;
}

.instrument-info-widget__label___WwLZM {
    font-size: inherit;
    color: var(--dropdown-list-text-color);
	cursor: pointer;
}


.popover-child__container___hP-gI {
	background: none;
	box-shadow: none;
	border: none;
}
	.popover-child__container___hP-gI.popover-child__container_placementTop___yIEDV .popover-child__arrow___TN3ek {
			border-color: var(--hint-tooltip-bg-color) transparent transparent transparent;
		}

.popover-child__content___LUnRI {
	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;
}

.popover-with-details-child__container___ijM4l {
	background-color: var(--dropdown-list-bg-color);
	box-shadow: 0 2px 2px 0 var(--overlay-box-shadow-color);
}

.button-icon-child__container___acn9B {
    border: 0;
    margin: 0;
    padding: 0;
}

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

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

.button-icon-child__icon___0-PVo {
    width: 12px;
    height: 12px;
}


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

.widgetsMenu {
	display: flex;
}

	.widgetsMenu--block {
		display: inline-block;
		min-width: 80px;
		margin-right: 23px;
		vertical-align: top;
		overflow: hidden;
	}

	.widgetsMenu--header {
		display: block;
		margin: 4px 0 4px;
		padding-left: 6px;
		font-size: 12px;
		position: relative;
		color: var(--application-header-section-text-color);
	}

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

	.widgetsMenu--header span {
			padding-right: 5px;
		}

	.widgetsMenu--list {
		display: inline-block;
		margin-right: 17px;
		vertical-align: top;
	}

	.widgetsMenu--list:last-child {
			margin-right: 10px;
		}

	.widgetsMenu--block-column .widgetsMenu--list {
			-moz-column-count: 2;
			     column-count: 2;
		}

	.widgetsMenu--block-myLayouts {
		margin-right: 41px;
	}

	.widgetsMenu--block-myLayouts,
	.widgetsMenu--block-publicLayouts {
		min-width: 216px;
	}

	.widgetsMenu--block-myLayouts .widgetsMenu--list, .widgetsMenu--block-publicLayouts .widgetsMenu--list {
			width: 100%;
			margin-right: 0;
		}

	.widgetsMenu--item {
		padding: 0 20px 0 6px;
		line-height: 1.73;
		position: relative;
		cursor: pointer;
		pointer-events: auto;
		color: var(--application-header-item-text-color);
	}

	.widgetsMenu--item:hover::after {
				content: '';
				position: absolute;
				display: block;
				height: 100%;
				width: 100%;
				right: 0;
				top: 0;
				background-color: var(--application-header-item-hover-color);
				transition: background-color 220ms ease-in;
				z-index: -1;
			}

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

	.widgetsMenu--item--active::after {
				content: '';
				position: absolute;
				display: block;
				height: 100%;
				width: 100%;
				right: 0;
				top: 0;
				background-color: var(--application-header-item-hover-color);
				transition: background-color 220ms ease-in;
				z-index: -1;
			}

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

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

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

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

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

	.widgetsMenu .icon-subList {
		display: inline-block;
		width: 14px;
		height: 26px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		pointer-events: auto;
		transition: background-color 220ms ease-out;
	}

	.widgetsMenu .icon-subList .icon {
			width: 4px;
			height: 7px;
			position: relative;
			top: 50%;
			left: 50%;
			transform: translateY(-50%) translateX(-50%);
			fill: var(--icon-secondary-default-color);
		}

	.widgetsMenu .button-subList {
		width: 14px;
		height: 26px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		pointer-events: auto;
		background-color: transparent;
		transition: background-color 220ms ease-out;
	}

	.widgetsMenu .button-subList .icon {
			width: 4px;
			height: 7px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translateY(-50%) translateX(-50%);
			fill: var(--icon-secondary-default-color);
		}

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

	/* TODO: remove when free of gwt */

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

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

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

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

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

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

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

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

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

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

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

	.widgetsMenu--popover {
		border: none;
	}

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

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

.layout-list__menuActions___wqWKW {
    height: 100%;
    margin-right: 10px;
}
	
	.layout-list__menuActions___wqWKW .widgetsMenu--icons .button-icon:last-child {
				margin-right: 0;
			}
.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;
    }
.layout-list-child__scroll___VvOJG {
    max-height: 183px;
    padding-top: 3px
}

.layout-list-child__list___LObwH {
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.layout-list-child__list___LObwH:last-child {
        margin: 0;
    }

.layout-list-child__list___LObwH .widgetsMenu--item--placeholder {
			padding-left: 10px;
			color: var(--context-menu-list-text-color);
		}

.layout-list-child__item___mivQt {
    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___mivQt .widgetsMenu--item--content {
			padding-right: 80px;
		}

.layout-list-child__buttons___uq1Xx {
    display: block;
    padding-left: 0;
    margin-left: 10px;
	margin-top: 6px;
	padding-top: 6px;
}

.layout-list-child__buttons___uq1Xx .button-link.button-link {
            font-size: 12px;
        }

.button-link-child__container___za8GY {
    font-size: 12px;
}
.context-menu-item-child__container___0sSGD {
    font-size: 12px;
    line-height: 2.17;
}
.accountMetrics_wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: -10px;
    margin-bottom: -10px;
    flex: 1 1 auto;
    overflow: hidden;
}

.accountInfo--tradingType {
    position: relative;
}
.popover-h-child__container___Id0g0 {
    margin-left: -9px;
}
.popover-h-child__container___vKFjI {
    margin-left: -17px;
    margin-top: 2px;
}
.trading-confirmation-popup__description___2oakS {
	font-size: 14px;
	color: var(--modal-window-text-color);
	padding: 12px 0 13px;
	line-height: 1.5;
	text-align: center;
}

.trading-confirmation-popup__buttons___4Q67G {
	display: flex;
	align-items: center;
}
.save-layout-popup__list___j8DWH {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

    .save-layout-popup__list_content___hCmgm {
        flex: 1 1 auto;
        position: relative;
        max-width: calc(100% - 76px);
        background: var(--input-default-bg-color);
        border: 1px solid var(--input-default-border-outside-color);
        overflow: hidden;
    }

    .save-layout-popup__list_label___jtrSG {
        padding-top: 7px;
        padding-right: 15px;
        color: var(--label-color);
    }

    .save-layout-popup__list_placeholder___VY3Ge {
        position: absolute;
        top: 0;
        left: 0;
        color: var(--input-placeholder-text-color);
        padding: 7px 3px 3px 4px;
        box-sizing: border-box;
    }

.save-layout-popup__item_name___0R6Gv {
        display: inline-block;
        max-width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
.scrollable-h-child__scrollable___5HzDN {
    width: 100%;
    min-height: 134px;
    max-height: 265px;
}
.language-popup__item___MY8Qe {
	position: relative;
	padding: 2px 0;
	display: flex;
	align-items: center;
	cursor: pointer;
	color: var(--label-color);
}

.language-popup__delimiter___XXs\+6 {
	margin: 0 4px;
}

.language-popup__originName___T\+Osa {
	color: var(--modal-window-text-color);
	white-space: nowrap;
}

.language-popup__englishName___TDOej {
	white-space: nowrap;
}

.language-popup__tickIcon___ZVWHr {
	color: var(--modal-window-text-color);
	height: 14px;
	width: 16px;
	margin-left: 10px;
}
.logo {
	display: inline-block;
	vertical-align: middle;
	width: 176px;
	height: 48px;
	transition: width var(--animation-default);
	color: var(--logo-brand-color);
}

.logo_trade {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	height: 40px;
	transition: width var(--animation-default);
	color: var(--logo-brand-secondary-color);
}
.session-expired-popup__container___zo\+il {
    padding-top: 34px;
    text-align: center;
}

.session-expired-popup__logo___kSKKl {
	display: inline-block;
	vertical-align: middle;
	width: 176px;
	height: 48px;
	transition: width var(--animation-default);
    margin-bottom: 19px;
	color: var(--logo-brand-color);
}

.session-expired-popup__description___Z-2tr {
	color: var(--common-secondary-text-color);
	padding-bottom: 22px;
	line-height: 1.5;
    font-size: 14px;
}
.number-filter__container___n3n3U {
    width: 156px;
}

.number-filter__footer___xzOxL {
    display: flex;
	justify-content: flex-end;
}

.number-filter__declimeter___IJ4Wv {
	margin: 9px 0 5px;
	height: 1px;
	overflow: hidden;
	padding: 0;
	box-shadow: inset 0 1px 0 0 var(--line-color-2);
}

.scrollable-h-child__scrollable___dqc-4 {
    height: 100%;
}
.symbol-filter-menu__delimiter___NqMBL {
    height: 1px;
    overflow: hidden;
    margin: 2px 7px;
    box-shadow: inset 0 1px 0 0 var(--line-color-2);
}

.symbol-filter-menu__container___l9HL1 {
    padding: 4px 0;
    min-width: 128px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.symbol-filter-menu__footer___q1x8j {
    display: flex;
    padding: 6px 10px;
    align-items: center;
    justify-content: flex-end;
}

.price-type-toggler__container___qz\+Mk {
    display: flex;
}
.line-type-toggler__container___-TOEA {
    display: flex;
    width: 170px;
    padding: 0 30px;
    box-sizing: border-box; 
}
.chart-settings-menu__delimiter___RCvCf {
    height: 1px;
    overflow: hidden;
    margin: 2px 7px;
    padding: 0;
    box-shadow: inset 0 1px 0 0 var(--line-color-2);
}

.chart-settings-menu__aggregation___3Lsaz {
    color: var(--common-secondary-text-color);
    font-size: 12px;
    transition: color 220ms ease-in;
    padding: 4px 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: default;
}
.icon__container___2PDCw {
    width: 7px;
    margin-left: 4px;
}
.dropDown-line-style-selectbox {
    padding: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .dropDown-line-style-selectbox .dropDown--option-selected .dropDown--selectedIcon {
        display: block;
    }
.line-toolbar__container___ONhB7 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 50;
    text-align: center;
    pointer-events: none;
}

.line-toolbar__content___YpI0u {
    display: inline-block;
    background: linear-gradient(to right, var(--chart-widget-toolbar-bg-color-1), var(--chart-widget-toolbar-bg-color-2));
    padding: 6px;
    box-sizing: border-box;
    pointer-events: auto;
}

.line-toolbar__wrapper___HwrSU {
    display: flex;
    align-items: center;
}

.line-toolbar__divider___uCGaE {
    display: inline-block;
    vertical-align: top;
    width: 1px;
    height: 25px;
    margin: 0 8px 0 12px;
    border-left: 1px solid var(--line-color-5);
}
.restore-password-popover__container___UqyTt {
	max-width: 320px;
	padding: 9px 10px 8px;
	box-shadow: 0 -2px 10px var(--shadow-color), 0 4px 10px var(--shadow-color);
	background: var(--hint-tooltip-bg-color);
	line-height: 16px;
}

.restore-password-popover__error___GPmIJ {
	position: absolute;
	left: 0;
	top: 27px;
	color: var(--modal-window-text-color);
	font-size: 12px;
}

.restore-password-popover__notification___MR9S4 {
	white-space: pre-line;
}
.menu-item-delimeter__container___dapk6 {
    height: 1px;
    overflow: hidden;
    margin: 2px 7px;
    padding: 0;
    box-shadow: inset 0 1px 0 0 var(--line-color-2);
}
.menu-builder__link___5rjFO {
    text-decoration: none;
}
.popover__container___ogubN {
    margin-left: 10px;
    overflow: visible;
}
.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-h-child__container___BPPt\+ {
	overflow: visible;
}

.popover-h-child__content___Ncia\+ .contextMenu {
			box-shadow: none;
			padding: 0;
			border: none;
		}


.button-add-widget-tab__container___u6oPr {
	height: 100%;
	display: inline-block;
}

.button-addWidgetTab.button-icon.button {
	width: 23px;
	height: 100%;
	margin-left: -1px;
	background-color: var(--widget-header-tab-bg-color);
}

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

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

	.button-addWidgetTab.button-icon.button:active {
		background: var(--button-pressed-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-group-linking-group-icon__container___df4EE {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 11px;
    border-radius: var(--controls-border-radius);
}

    .button-group-linking-group-icon__container_group_red___lZdkN {
            background-color: var(--widget-link-group-bg-color-1);
        }

    .button-group-linking-group-icon__container_group_orange___zzHej {
            background-color: var(--widget-link-group-bg-color-2);
        }

    .button-group-linking-group-icon__container_group_yellow___9T4iR {
            background-color: var(--widget-link-group-bg-color-3);
        }

    .button-group-linking-group-icon__container_group_green___673tH {
            background-color: var(--widget-link-group-bg-color-4);
        }

    .button-group-linking-group-icon__container_group_cyan___aFv\+D {
            background-color: var(--widget-link-group-bg-color-5);
        }

    .button-group-linking-group-icon__container_group_blue___tjf2I {
            background-color: var(--widget-link-group-bg-color-6);
        }

    .button-group-linking-group-icon__container_group_pink___RtnA6 {
            background-color: var(--widget-link-group-bg-color-7);
        }


.button-group-linking-anchor__container___5gGUW {
    position: relative;
    height: 19px;
    min-width: 14px;
	display: inline-flex;
    align-items: center;
	padding-left: 0;
	padding-right: 0;
}

    .button-group-linking-anchor__container___5gGUW .icon {
            width: 11px;
            height: 11px;
            fill: var(--modal-header-icon-primary-default-color);
        }

    .button-group-linking-anchor__container___5gGUW:hover .button-group-linking-anchor__tooltip___8JUBn {
            display: block;
        }

    .button-group-linking-anchor__container___5gGUW:hover .icon {
                fill: var(--icon-hovered-color);
            }

    .button-group-linking-anchor__container___5gGUW:active .icon {
                fill: var(--icon-pressed-color);
            }

.button-group-linking-anchor__tooltip___8JUBn {
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 100;
    display: none;
    padding: 3px 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-group-linking-menu-item__icon___VcD5D {
    margin-right: 6px;
}

    .button-group-linking-menu-item__icon___VcD5D .icon {
            width: 9px;
            height: 7px;
            fill: var(--dropdown-list-bg-color);
        }

    .button-group-linking-menu-item__icon_unlink___cD4DH .icon {
                width: 11px;
                height: 11px;
                fill: var(--icon-secondary-default-color);
            }

.button-group-linking-menu-item__instrument___zVZG\+ {
    opacity: 0.5;
}


.menu-item-h-child__item___3sdq8 {
    display: flex;
    align-items: center;
    height: 26px;
    width: 88px;
	line-height: 25px;
    padding: 0 10px;
}

    .menu-item-h-child__item___3sdq8 > div {
        width: auto;
        padding-right: 0;
    }

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

    .menu-item-h-child__item___3sdq8 .icon {
            display: none;
        }

    .menu-item-h-child__item_active___wPg4x .icon, .menu-item-h-child__item_unlink___e6a4K .icon, .menu-item-h-child__item___3sdq8:hover .icon {
                display: block;
            }

    .menu-item-h-child__item_unlink___e6a4K {
        overflow: visible;
        margin-bottom: 5px;
    }

    .menu-item-h-child__item_unlink___e6a4K::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___47wwd {
        display: flex;
        align-items: center;
        color: var(--dropdown-list-text-color);
    }

.selectbox-h-child__container__popover___3iaYa {
		left: -10px;
		min-width: 88px;
	}

		.selectbox-h-child__container__popover___3iaYa, .selectbox-h-child__container__popover__content___T-E6g {
			border: none;
		}
	.selectbox-h-child__container__menu___7yc-2 {
		padding: 3px 0;
	}
	.selectbox-h-child__container__item__activeIcon___aj2Wu {
		display: none;
	}
	.selectbox-h-child__container__item__text___cuRLu {
		padding-right: 0;
	}

.button-icon__container___fM1PT {
    width: 19px;
    height: 19px;
    background: none;
    color: var(--modal-header-icon-primary-default-color);
    transition: color 220ms ease-out;
    padding: 0 5px;
}

    .button-icon__container___fM1PT:before {
        content: none;
    }

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

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

.button-icon__icon___Yzi-h {
    height: 100%;
}
.popover__container___PLdps {
    padding: 0;
    background: transparent;
    overflow: visible;
    color: var(--table-text-color);
}

.popover__content___En6QO {
    display: flex;
    align-items: center;
    padding: 10px 10px 10px 7px;
    box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
    background: var(--dropdown-list-bg-color);
}
.toolbar__container___QnnJC {
	position: relative;
	display: flex;
	align-items: center;
	flex: 1 1 auto;
    overflow: hidden;
}

.toolbar__items___ekpez {
	position: relative;
	display: flex;
	align-items: center;
	width: calc(100% - 20px);
    white-space: nowrap;
}

.toolbar__item___g64Vf {
	flex-shrink: 0;
}

.toolbar__item___g64Vf:not(:first-child) {
		margin-left: 6px;
	}

.toolbar__otherItems___8g4D\+ {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
}
.popover__container___U01P4 {
    overflow: visible;
    min-width: 144px;
}
.widget-header-controls__container___AGA-l {
    display: flex;
    height: 100%;
    flex-wrap: nowrap;
    align-self: center;
    align-content: center;
    align-items: center;
    padding-left: 11px;
    padding-right: 6px;
}

.widget-header-controls__controls___0fxG- {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid var(--widget-header-tab-divider-color);
}
.scrollable__scrollable___gROzA {
    height: 100%;
}

.scrollable__content___EEK-q {
    height: 100%;
}
.table-header-cell__th___tTEys {
	color: var(--table-column-text-header-color);
	font-size: var(--table--cell-head-font-size);
	font-weight: var(--table--cell-head-font-weight);
	position: relative;
	padding: 0 12px;
	vertical-align: middle;
}

.table-header-cell__container___ws25N {
	display: flex;
	align-items: center;
}

.table-header-cell__container___ws25N:hover > button {
			visibility: visible;
			opacity: 1;
			transition-delay: 0s;
		}

.table-header-cell__container_left___6V4yT {
	justify-content: flex-start;
}

.table-header-cell__container_right___8KX4W {
	justify-content: flex-end;
}

.table-header-cell__name___T07\+F {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--table-column-text-header-color);
}

button.table-header-cell__sortingButton___8Zpb6 {
	display: flex;
	align-items: center;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 0.5s, opacity 220ms ease-in;
	height: 10px;
	pointer-events: all;
	background: none;
	padding: 0;
	color: var(--table--cell-icon-default-color);
	border: 0;
	box-shadow: none;
	position: relative;
	margin-right: -6px;
	right: 8px;
}

button.table-header-cell__sortingButton___8Zpb6:before {
		content: none;
	}

button.table-header-cell__sortingButton___8Zpb6:hover {
		color: var(--icon-secondary-hovered-color);
	}

button.table-header-cell__sortingButton___8Zpb6 > span {
		width: 6px;
	}

button.table-header-cell__sortingButton_visible___95542 {
	visibility: visible;
	opacity: 1;
}
.table-header__thead___K-ZCy {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 3;
	padding: 0 3px 0 0;
	background: var(--table-header-bg-color);
	box-shadow: -1px 1px 3px var(--table-header-shadow-color);
}

.table-header__tr___ZP2BU {
	height: 18px;
	font-size: 10px;
	position: relative;
	padding-top: 0;
	vertical-align: middle;
	text-align: center;
}
.scrollable__scrollable___rmHUc {
    height: 100%;
}
.table__container___hOZvX {
	height: 100%;
}

.table__table___CFPaj {
	min-width: 100%;
	border-collapse: separate;
	table-layout: fixed;
}

.table__tr___\+3Fcx {
	box-shadow: 0 1px var(--line-color);
}

.table__tr___\+3Fcx:hover {
		background: var(--table-row-bg-hover-color);
	}

.table__td___yEZmE {
	vertical-align: middle;
	white-space: nowrap;
	padding: 1px 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: var(--table--cell-height);
	line-height: var(--table--cell-height);
	font-size: var(--table--cell-font-size);
	color: var(--table-text-color);
	box-sizing: border-box;
}

td:first-child > .table__td___yEZmE {
		padding: 0 0 0 6px;
		letter-spacing: 1px;
	}

.table__td_left___OHu9D {
	text-align: left;
}

.table__td_right___HtMhw {
	text-align: right;
}

.table__td_center___L4zH9 {
	text-align: center;
}

.highlight__mark___s279b {
	color: var(--common-text-selected);
	background: none;
}
.symbol-suggest-table__td___9a5fw {
	padding: 0 10px;
}

.symbol-suggest-table__tr___SfW8z {
	cursor: pointer;
	height: 20px;
}

.symbol-suggest-table__tr_hover___3xyas {
	background: var(--symbol-suggest-line-hover-bg-color);
}
.symbol-suggest__table_container___tHbr4 {
	font-size: 14px;
}

.symbol-suggest__empty_text___kfVWp {
	padding: 10px;
}

.symbol-suggest__footer_message___f\+c\+0 {
	color: var(--additional-text-color-2);
	padding: 6px 10px 6px;
	margin-top: 6px;
	border-top: 1px solid var(--line-color);
}
.table-header-child__tr___A8iwg {
	font-size: 12px;
}
.table-header-cell-child__th___3l7zw {
	padding: 0 10px;
	font-size: 12px;
}
.popover-child__container___fJQJJ {
	background: var(--symbol-suggest-bg-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
}
.watchlist-header__container___Hyf6A {
    display: flex;
    width: 100%;
    height: 23px;
    align-items: center;
}
.toolbar__item___Ud3kN:not(:first-child) {
    margin-left: 16px;
  }

.toolbar__container___NZznO {
  margin-left: 11px;
}
.symbol-suggest__container___rKvco {
    width: 98px;
} 

.watchlist-table-row__button___FS2WD {
	position: relative;
	height: 17px;
	line-height: 100%;
	text-align: left;
	max-width: 100%;
	background: transparent;
	box-shadow: none;
	transition: box-shadow 0.2s;
	border: 1px solid transparent;
	border-radius: 1px;
	color: inherit;
}

	.watchlist-table-row__button___FS2WD:hover .watchlist-table-row__label___\+LZS7 {
			display: inline;
		}

	.watchlist-table-row__button___FS2WD:disabled {
		color: var(--table-text-color);
	}

.watchlist-table-row__button_up___6s9Ct {
	color: var(--positive-text-color);
}

.watchlist-table-row__button_down___U7NFy {
	color: var(--negative-text-color)
}

.watchlist-table-row__button__bid___fvRtl {
	background: var(--table_row-button-sell-inactive-bg);
	border-color: var(--table_row-button-sell-inactive-border);
}

.watchlist-table-row__button__bid___fvRtl:hover {
		background: var(--table_row-button-sell-hovered-bg);
		border-color: var(--table_row-button-sell-default-border);
	}

.watchlist-table-row__button__ask___5stX2 {
	background: var(--table_row-button-buy-inactive-bg);
	border-color: var(--table_row-button-buy-inactive-border);
}

.watchlist-table-row__button__ask___5stX2:hover {
		background: var(--table_row-button-buy-hovered-bg);
		border-color: var(--table_row-button-buy-default-border);
	}

.watchlist-table-row__label___\+LZS7 {
	display: none;
}

.watchlist-table-row__label_ask___XCcop {
	color: var(--positive-text-color);
}

.watchlist-table-row__label_bid___k2ch3 {
	color: var(--negative-text-color);
}

.watchlist-table-row__orderSize__combobox___WFUTY {
	height: var(--table--cell-height) !important;
	border-color: transparent !important;
	background: none !important;
	transition: none !important;
}

.watchlist-table-row__orderSize__combobox___WFUTY svg {
		opacity: 0;
	}

.watchlist-table-row__orderSize__combobox___WFUTY:disabled {
		color: var(--table-text-color);
	}

.watchlist-table-row__tr___Y2rM5:hover {
	background: var(--table-row-bg-hover-color );
}

.watchlist-table-row__tr___Y2rM5:hover .watchlist-table-row__button__bid___fvRtl {
		border-color: var(--table_row-button-sell-default-border);
	}

.watchlist-table-row__tr___Y2rM5:hover .watchlist-table-row__button__bid___fvRtl:disabled {
			background: var(--button-disabled-bg-color);
			box-shadow: 0 0 0 1px var(--button-pressed-overlay-color);
		}

.watchlist-table-row__tr___Y2rM5:hover .watchlist-table-row__button__ask___5stX2 {
		border-color: var(--table_row-button-buy-default-border);
	}

.watchlist-table-row__tr___Y2rM5:hover .watchlist-table-row__button__ask___5stX2:disabled {
			background: var(--button-disabled-bg-color);
			box-shadow: 0 0 0 1px var(--button-pressed-overlay-color);
		}

.watchlist-table-row__tr___Y2rM5:hover .watchlist-table-row__orderSize__combobox___WFUTY {
		border-color: var(--form-control-focused-border-outside-color) !important;
		background: var(--selected-input-bg-color) !important;
	}

.watchlist-table-row__tr___Y2rM5:hover .watchlist-table-row__orderSize__combobox___WFUTY svg {
			opacity: 1;
		}

.watchlist-table-row__tr___Y2rM5:hover .watchlist-table-row__orderSize__combobox___WFUTY:disabled {
			color: var(--dropdown-disabled-text-color);
			border-color: var(--input-disabled-border-outside-color) !important;
			background: var(--input-disabled-bg-color);
		}

.watchlist-table-row__tr___Y2rM5:hover .watchlist-table-row__orderSize__combobox___WFUTY:disabled svg {
				opacity: 0.3;
			}

.watchlist-table-row__empty___TL0V6 {
	color: var(--no-data-text-color);
}

.watchlist-table-row__td_button___gDAYL {
	padding: 1px 4px 1px 18px;
}
.comboBox {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

	.comboBox--input {
		position: relative;
	}

	.comboBox--input input[type="text"],
			.comboBox--input input[type="password"],
			.comboBox--input input[type="email"]{
				padding-right: 22px;
				border-radius: var(--controls-border-radius);
			}

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

	.comboBox .selectBox {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.comboBox .selectBox--label {
			visibility: hidden;
		}

	.comboBox .selectBox--arrow {
			padding-right: 10px;
			border-radius: 0 calc(var(--controls-border-radius) - 1px) calc(var(--controls-border-radius) - 1px) 0;
			z-index: 2;
		}

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

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

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

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

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

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

.control-comboBox:not(.control-disabled) .selectBox--arrow:hover .icon {
						fill: var(--icon-hovered-color);
					}
.pip-rate__pipnumbers___NgF8u {
	font-size: 16px;
}
.watchlist-context-menu__container___Aei9O {
    width: 139px;
    z-index: 2;
	padding: 2px 0;
	border: 1px solid var(--dropdown-list-border-color);
	background: var(--dropdown-list-bg-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
}
.instrument-info__container___nM0Es {
    position: absolute;
    left: 100%;
}
.widget-empty-view__container___zZo6l {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--empty-widget-hint-text-color);
    font-size: 15px;
}
/* @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));
}
:root {
    --font-main: 'Open Sans', sans-serif;
    --font-main-semibold: 'Open Sans Semibold', sans-serif;
    --font-main-bold: 'Open Sans Bold', sans-serif;

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

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

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

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

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

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

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

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

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

#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;
}
.pip-rate__container___mx17y {
    color: var(--sell-button-default-text-color);
}

.pip-rate__pipnumbers___rxAzu {
	font-size: 1.25em;
    line-height: 0;
    font-weight: normal;
}
.tile__container___fOKTI {
	display: flex;
	flex-grow: 1;
	flex-shrink: 0;
	flex-direction: column;
	align-content: center;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 30px 7px 30px;
	position: relative;
	font-size: 50px;
}

	.tile__container___fOKTI::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		background-color: transparent;
		transition: background 220ms ease-in;
		pointer-events: none;
	}

	.tile__container___fOKTI:hover .tile__title___ThP2Y::before {
				background: linear-gradient(90deg, var(--common-text-default) 2px, transparent 2px, transparent 2px) 0 0 repeat-x;
				background-size: 4px 2px;
			}

.tile__header___hrr-k {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: auto;
	margin-bottom: 10px;
	width: 100%;
	font-size: 15px;
	line-height: 1.67;
	color: var(--common-text-default);
}

.tile__body___lT97y {
	position: relative;
	display: flex;
	width: 100%;
	margin-bottom: auto;
}

.tile__title___ThP2Y {
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tile__title___ThP2Y::before {
		content: '';
		position: absolute;
		left: 2px;
		top: calc(100% - 4px);
		width: calc(100% - 2px);
		height: 1px;
		background: transparent;
	}

.tile__title___ThP2Y:hover::before {
			content: normal;
		}

.tile__iconWrapper___Ock9s {
	margin-left: 6px;
}
.popover-h-child__container___3qars {
	padding: 5px 8px;
	margin-left: 20px;
	margin-top: 5px;
	z-index: 40;
}

.popover-h-child__content___PmzjC {
	max-width: 250px;
}
.tile-simple-body__header___euVYd {
	margin-top: auto;
}

.tile-simple-body__value___r-yCy {
	font-weight: 400;
	letter-spacing: 1.25px;
	color: var(--common-text-default);
}

.tile-simple-body__value___r-yCy {
	display: flex;
	align-items: flex-start;
}

.tile-simple-body__unit___ZX-oX {
	margin-top: 5px;
	margin-left: 6px;
	font-size: .64em;
	font-weight: 400;
	letter-spacing: 0.5px;
	color: var(--common-text-default);
}

.tile-simple-body__container___R6xUX {
	justify-content: center;
	display: flex;
	margin: auto;
}
.avg-daily-pl-tile__container___MtdjX {
    width: 100%;
	height: 100%;
}

.avg-daily-pl-tile__value___20cV4 {
    fill: var(--common-text-default);
}

.avg-daily-pl-tile__label___1bnf- {
    fill: var(--common-text-disabled);
}

.avg-daily-pl-tile__positive___2v-iX {
    fill: var(--common-positive-bg-color);
}

.avg-daily-pl-tile__negative___tT\+D1 {
    fill: var(--common-negative-bg-color);
}

.avg-daily-pl-tile__line___-wyyF {
    stroke: var(--line-color);
}

.avg-daily-pl-tile__svg___JYo\+a {
	position: absolute;
	width: 100%;
	height: 100%;
}

.avg-daily-pl-tile__empty___RWDAy {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
    color: var(--empty-widget-hint-text-color);
    font-size: 21px;
	width: 100%;
}
.tile-h-child__container___5XIXS {
	height: 100%;
	padding: 17px 15px 30px 15px;
}

.tile-h-child__header___Fp75L {
	margin-top: unset;
	margin-bottom: 0;
}

.tile-h-child__body___39AN4 {
	flex-grow: 1;
	margin-bottom: unset;
}
.trades-tile__container___nGEnt {
    position: relative;
	display: flex;
	flex-direction: column;
    width: 100%;
}

.trades-tile__listWrapper___Cf\+Hv {
    position: relative;
    padding: 0 30px;
    box-sizing: border-box;
}

.trades-tile__positive___JzV1Z {
    fill: var(--common-positive-bg-color);
}

.trades-tile__negative___\+IAzQ {
    fill: var(--common-negative-bg-color);
}

.trades-tile__text___QiqVG {
    fill: var(--common-text-default);
    font-size: 12px;
    cursor: default;
}

.trades-tile__text_line___OWiuW {
        stroke: var(--common-text-default);
    }

.trades-tile__amount___fajO6 {
    fill: var(--common-text-default);
    font-size: 15px;  
}

.trades-tile__description___FvwZo {
    font-size: 12px;
    margin-bottom: 14px;
    text-align: center;
}

.trades-tile__description_positive___NzRD1 {
        color: var(--positive-text-color);
    }

.trades-tile__description_negative___jl0Ly {
        color: var(--negative-text-color);
    }

.trades-tile__item___P3LCN {
    padding: 0 30px;
    width: 100%;
    box-sizing: border-box;
}

.trades-tile__item_value___iptZR {
        fill: var(--common-text-default);
        font-size: 50px;
        text-align: center;
        margin-bottom: 7px;
    }

.trades-tile__item_title___yoYqp {
        fill: var(--common-text-default);
        font-size: 20px;
        text-align: center;
        margin-bottom: 31px;
    }

.trades-tile__values___5u0LP {
    fill: var(--common-text-default);
    font-size: 12px;
    line-height: 16px;
}

.trades-tile__empty___4hsvO {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
    color: var(--empty-widget-hint-text-color);
    font-size: 21px;
}

.trades-tile__svg___0pq20 {
	width: 100%;
	height: 100%;
}
.tile-h-child__container___GjzQl {
	padding: 17px 0 30px;
}

.tile-h-child__header___ZwmZw {
	margin-top: unset;
	margin-bottom: 0;
}

.tile-h-child__body___0cv4S {
	flex-grow: 1;
	margin-bottom: unset;
}
.scrollable-h-child__container___ycmgv {
    width: 100%;
}

.scrollable-h-child__withVerticalScrollbar___NcxNR:not(.scrollable-h-child__overlayContent___Gm7k4) > .scrollable-h-child__wrapper___mx0QR > .scrollable-h-child__container___ycmgv > .scrollable-h-child__content___DivTg {
		padding-right: 0;
	}

.scrollable-h-child__scrollable___Ruu5c {
	flex-grow: 1;
	height: 135px;
}

.scrollable-h-child__content___DivTg.scrollable-h-child__content___DivTg {
    width: 100%;
    padding: 0;
}
.popover-h-child__container___e2yYY {
	margin: 0;
	border: 0;
    background: transparent;
	box-shadow: none;
    max-width: 237px;
    padding: 12px 0 2px 0;
	pointer-events: none;
	overflow: visible;
}

.popover-h-child__content___QGdV3 {
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
	border: 1px solid var(--dropdown-list-border-color);
	padding: 1px 6px;
	background: var(--hint-tooltip-bg-color);
}

.max-drawdown-tile__container___sl9B4 {
	display: flex;
	align-content: center;
	justify-content: center;
	margin: auto;
}

.max-drawdown-tile__axis___LVhw6 {
	width: 70px;
}

.max-drawdown-tile__label___LTinF {
	font-size: 10px;
	white-space: nowrap;
	color: var(--additional-text-color-2);
}

.max-drawdown-tile__value___pK46y {
	display: flex;
	font-weight: 500;
}

.max-drawdown-tile__unit___dtHWS {
	font-size: .525em;
}

.max-drawdown-tile__graph___0uRLF {
	flex-shrink: 0;
	width: 50%;
	height: 44px;
}

.max-drawdown-tile__graph___0uRLF svg {
		width: 100%;
		height: 100%;
	}

.max-drawdown-tile__bgGraph___g3ELP {
	height: 100%;
	fill: var(--line-color);
}

.max-drawdown-tile__colorGraph___oktnr {
	fill: var(--common-neutral-bg-color);
}

.max-drawdown-tile__lineGraph___la0kK {
	fill: var(--line-color);
}
.widget-analytics-dashboard__container___n2CW1 {
	display: flex;
	flex-direction: column;
	height: 100%;
	position: relative;
}

.widget-analytics-dashboard__wrapper___Wc2sb {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.widget-analytics-dashboard__row___Lg5TR {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	flex-wrap: nowrap;
	width: 100%;
	min-height: 145px;
}

.widget-analytics-dashboard__row___Lg5TR:nth-of-type(3) > .widget-analytics-dashboard__column___7K0-I:last-child {
				position: relative;
				border-left: 1px solid var(--dashboard-highlighted-line);
				border-right: 1px solid var(--dashboard-highlighted-line);
			}

.widget-analytics-dashboard__row___Lg5TR:nth-of-type(3) > .widget-analytics-dashboard__column___7K0-I:last-child .widget-analytics-dashboard__row___Lg5TR {				
					box-shadow: 0 -1px 0 0 var(--dashboard-highlighted-line);
				}

.widget-analytics-dashboard__row___Lg5TR:nth-of-type(3) > .widget-analytics-dashboard__column___7K0-I:last-child:after {
					content: '';
					display: block;
					width: 100%;
					height: 1px;
					position: absolute;
					bottom: -1px;
					left: -1px;
					border-left: 1px solid var(--dashboard-highlighted-line);
					border-right: 1px solid var(--dashboard-highlighted-line);
				}

.widget-analytics-dashboard__row___Lg5TR:nth-of-type(5) > .widget-analytics-dashboard__column___7K0-I:last-child {
				border-left: 1px solid var(--dashboard-highlighted-line);
				border-right: 1px solid var(--dashboard-highlighted-line);
			}

.widget-analytics-dashboard__row___Lg5TR:nth-of-type(5) > .widget-analytics-dashboard__column___7K0-I:last-child .widget-analytics-dashboard__row___Lg5TR {				
					box-shadow: 0 1px 0 0 var(--dashboard-highlighted-line);
				}

.widget-analytics-dashboard__splitter___E5WDx {
	height: 1px;
	border-top: 1px solid var(--line-color);
	box-sizing: border-box;
}

.widget-analytics-dashboard__column___7K0-I {
	display: flex;
	flex-display: collumn;
	width: 50%;
	flex-shrink: 0;
	box-sizing: border-box;
	color: var(--common-text-default);
}

.widget-analytics-dashboard__column___7K0-I + .widget-analytics-dashboard__column___7K0-I {
		border-left: 1px solid var(--line-color);
	}
.tile-h-child__header___REQ1Z {
	margin-top: auto;
}

.tile-h-child__container_up___ywYVf {
		background: var(--metrics-positive-bg-color);
	}

.tile-h-child__container_down___q7aEr {
		background: var(--metrics-negative-bg-color);
	}

.tile-h-child__container_overlay___wyWYa {
		background-color: var(--widget-overlay-color);
	}

.tile-h-child__container_maxDrawDown___TUKic {
		font-size: 40px;
	}

.tile-h-child__value_up___p4-ia {
		color: var(--positive-text-color);
	}

.tile-h-child__value_down___hFgRu {
		color: var(--negative-text-color);
	}
.remote-data-child__pending___RlBNN {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--drop-area-chart-maximized-highlight-color);
}

    .remote-data-child__pending_content___DgdUK {
        text-align: center;
    }

    .remote-data-child__pending_title___P9XK1 {
        color: var(--common-text-default);
        font-size: 12px;
        line-height: 20px;
        padding-top: 8px;
    }

.remote-data-child__nodata___J1TvY {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--common-text-default);
    font-size: 12px;
    line-height: 20px;
    background: var(--drop-area-chart-maximized-highlight-color);
}

.remote-data-child__error___X4kQi {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--common-text-default);
    font-size: 12px;
    line-height: 20px;
    background: var(--drop-area-chart-maximized-highlight-color);
}
.scrollable-h-child__scrollable___rZwBE {
	flex-grow: 1;
	height: 580px;
	width: 100%;
	max-height: 100%;
}

.scrollable-h-child__container___qf\+Ls {
	width: 100%;
}

.scrollable-h-child__wrapper___OHq1Q {
	max-height: none;
}

.scrollable-h-child__content___90s5V {
	height: 100%;
}

.scrollable-h-child__content___90s5V > div {
		display: flex;
		flex-direction: column;
		height: 100%;
	}
.widget-analytics-dashboard__cover {
		height: 100%;
	}

		.widget-analytics-dashboard__cover :global .react-component-wrapper {
				height: 100%;
			}
.popup-h-child__body___51DIt {
	padding: 12px 0 30px;
}

.popup-h-child__header___RCeCd {
	font-weight: bold;
}

.popup-h-child__textHeader___w0CY- {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
}

.popup-h-child__scheme___GhpYG {
	max-width: 100%;
	margin-top: 9px;
	margin-bottom: 2px;
}

.popup-h-child__text___KCfU4 {
	line-height: 1.7em;
}

.popup-h-child__content___5Ee0Q {
	padding: 0 30px;
}

.popup-h-child__nodata___lF9JG {
	display: flex;
	flex-direction: column;
	height: 100%;
    align-items: center;
    justify-content: center;
}

.popup-h-child__nodata_label___Hgpyf {
	color: var(--empty-widget-hint-text-color);
	font-size: 15px;
	margin-bottom: 7px;
}

.popup-h-child__nodata_margin_only___9YwxR {
	color: var(--empty-widget-hint-text-color);
	font-size: 12px;
	white-space: pre-line;
    text-align: center;
	line-height: 14px;
}
.scrollable-popup-h-child__content___DQUF2 {
	max-height: 435px;
}
.table-hidden {
		display: none;
	}
	.table {
	width: 100%;
	border-collapse: separate;
	table-layout: fixed;
}
	.table th,
	.table td {
		vertical-align: middle;
		text-align: center;
		padding-top: 1px;
	}
	.table thead th {
			height: 18px;
			font-size: 1rem;
			position: relative;
			padding-top: 0;
		}
	.table thead th .table--cell > span {
					position: relative;
				}
	.table thead th .table--cell:hover .table--resizeHandleLeft,
					.table thead th .table--cell:hover .table--resizeHandle {
						opacity: 1;
					}
	.table thead th .table--cell-aggregated {
					padding-left: 26px;
				}
	.table th:first-child .table--columnHeader {
			justify-content: flex-start;
		}
	.table .table--columnHeader {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.table tbody td:first-child .table--cell {
					text-align: left;
				}
	.table tbody .table--cell {
				height: var(--table--cell-height);
				line-height: var(--table--cell-height);
			}
	.table tbody .table--cell .control input[type="text"] {
					height: var(--table--cell-height);
				}
	.table tbody .table--cell-aggregated {
					padding-left: 10px;
				}
	.table--resizeHandleLeft,
	.table--resizeHandle {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		display: block;
		width: 12px;
		height: var(--table--resize-divider-height);
		cursor: ew-resize;
		opacity: 0;
		transition: opacity 220ms ease-in;
	}
	.table--resizeHandleLeft::before, .table--resizeHandle::before {
			content: '';
			position: relative;
			top: 0;
			left: 6px;
			display: block;
			width: 1px;
			height: 100%;
		}
	.table--resizeHandle {
		right: -18px;
		z-index: 1;
	}
	.table--resizeHandleLeft {
		left: -18px;
		pointer-events: none;
	}
	.table--varNumber {
		text-align: right;
	}
	.table--text {
		text-align: left;
	}
	.table--sortBy:hover {
			overflow: visible;
		}
	.table--sortBy .table--cell {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	.table--columnTitle,
	.table thead .table--columnTitle,
	.table tbody .table--cell {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.table--cell {
		box-sizing: border-box;
		width: 100%;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		padding: 0 12px;
	}
	thead th .table--cell > span {
			display: inline-block;
			vertical-align: middle;
		}
	.table--cell:hover .icon-sort,
			.table--cell:hover .icon-sorted-asc,
			.table--cell:hover .icon-sorted-desc,
			.table--cell:hover .icon-filter {
				visibility: visible;
				opacity: 1;
				transition: opacity 220ms ease-in, visibility 220ms ease-in;
			}
	.table--cell-filtered svg.icon-filter {
				visibility: visible;
				opacity: 1;
			}
	.table--cell-sorted svg.icon-sort,
			.table--cell-sorted svg.icon-sorted-asc,
			.table--cell-sorted svg.icon-sorted-desc {
				visibility: visible;
				opacity: 1;
				transition-delay: 0s;
			}
	.table--cell-noOverflow {
			overflow: visible !important;
		}
	.table--cell-alignLeft {
			text-align: left;
		}
	.table--cell-alignLeft .table--columnHeader {
				justify-content: flex-start;
			}
	.table--cell-alignCenter {
			text-align: center;
		}
	.table--cell-alignCenter .table--columnHeader {
				justify-content: center;
			}
	.table--cell-alignRight {
			text-align: right;
		}
	.table--cell-alignRight .table--columnHeader {
				justify-content: flex-end;
			}
	.table--cell-alignRight .table--controlPlaceholder {
				text-align: right;
			}
	.table--cell-bold {
			font-weight: bold;
		}
	.table--cell-disabled {
			pointer-events: none;
		}
	.table--cell-autofit {
			padding: 0;
		}
	.table--cell .icon-sort,
		.table--cell .icon-sorted-asc,
		.table--cell .icon-sorted-desc,
		.table--cell .icon-filter {
			visibility: hidden;
			opacity: 0;
			transition: visibility 0s linear 0.5s, opacity 220ms ease-in;
			transform: translateZ(0);
			vertical-align: middle;
			height: 10px;
			pointer-events: all;
		}
	.table--cell .icon-sort:active, .table--cell .icon-sorted-asc:active, .table--cell .icon-sorted-desc:active, .table--cell .icon-filter:active {
				margin-top: 1px;
			}
	.table--cell .icon-sort,
		.table--cell .icon-sorted-asc,
		.table--cell .icon-sorted-desc {
			width: 6px;
			min-width: 6px;
			position: relative;
			margin-right: -6px;
			right: 10px;
		}
	.table--cell .icon-filter {
			width: 10px;
			min-width: 10px;
			position: relative;
			margin-left: -11px;
			left: 11px;
			margin-right: 1px;
		}
	.table--cell .icon-filter use {
				pointer-events: none; /*Need for Safari*/
			}
	.table--cell .icon-tree {
			width: 7px;
			height: 9px;
		}
	.table--cell > .table--cell {
			padding: 0;
		}
	.table--sortBy {
		cursor: pointer;
	}
	.table--sortBy-desc,
		.table--sortBy-none {
			cursor: default;
		}
	.table--separator {
		border-right: 1px dotted;
	}
	.table--mdash {
		color: var(--no-data-text-color);
	}

.table-aside .instrument--change {
				width: 100%;
			}

.table-aside .position--side {
				display: inline-block;
				vertical-align: middle;
				overflow: hidden;
				box-sizing: border-box;
				margin-top: -1px;
				width: 11px;
				height: @width;
				text-indent: -99999px;
			}

.table-aside .position-heading .position--side {
						line-height: 1;
						text-indent: 0;
						width: auto;
					}

.table-aside .position-heading .position--symbol,
					.table-aside .position-heading .position--pl,
					.table-aside .position-heading .position--quantity,
					.table-aside .position-heading .position--protection {
						vertical-align: top;
					}

.table-aside > tbody > tr > td:last-child {
			text-align: right;
		}

.table-aside > tbody > tr > td:last-child .order--statusIcon {
				width: 100%;
				text-align: center;
			}

.table-aside .order--typeIcon,
		.table-aside .order--statusIcon {
			width: 100%;
			display: inline-block;
			text-align: center;
		}

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

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

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

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

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

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

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

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

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

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

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

.table--body .instrument:not(.instrument-future):not(.instrument-expanded) td:first-child,
				.table--body .instrument:not(.instrument-future):not(.instrument-expanded) td:last-child {
					box-shadow: 0 1px var(--line-color);
				}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table--main {
		position: relative;
	}

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

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


.table--col-instrument,
		.table--col-instrumentType,
		.table--col-orderType,
		.table--col-limitPrice,
		.table--col-stopPrice,
		.table--col-strike,
		.table--col-duration,
		.table--col-account,
		.table--col-daysToExpiration,
		.table--col-activationRule,
		.table--col-time,
		.table--col-fillCancelTime,
		.table--colAdapts-instrument,
		.table--colAdapts-instrumentType,
		.table--colAdapts-orderType,
		.table--colAdapts-limitPrice,
		.table--colAdapts-stopPrice,
		.table--colAdapts-strike,
		.table--colAdapts-duration,
		.table--colAdapts-account,
		.table--colAdapts-daysToExpiration,
		.table--colAdapts-activationRule,
		.table--colAdapts-time,
		.table--colAdapts-fillCancelTime {
			width: 6.5em;
		}
	.table--col-autofit {
			width: auto;
		}
	.table--col-stopLoss,
		.table--col-header,
		.table--col-value,
		.table--col-accountValue,
		.table--col-takeProfit,
		.table--col-label,
		.table--col-currentPrice {
			position: relative;
		}
	/*Watchlist*/
	.table--col-symbol {
			width: 110px;
		}
	.table--col-bid,
		.table--col-ask {
			width: 68px;
		}
	.table--col-change {
			width: 40px;
		}
	/*Orders*/
	.table--col-icon {
			width: 65px;
		}
	.table--col-status {
			width: 28px;
		}
	.table--col-statusIcon {
			width: 50px;
		}
	.table--col-price {
			width: 68px;
		}
	.table--col-quantity {
			width: 80px;
		}
	.table--colAdapts {
		width: 6.5em;
	}
	.table--colAdapts-autofit {
			width: auto;
		}
	.table--colAdapts-statusIcon {
			width: 5em;
		}
	.table--colAdapts-symbol {
			width: 7.9em;
		}
	.table--colAdapts-status {
			width: 6.2em;
		}
	.table--colAdapts-pl,
		.table--colAdapts-closedPl {
			width: 9em;
		}
	.table--colAdapts-bid,
		.table--colAdapts-mark,
		.table--colAdapts-ask,
		.table--colAdapts-open,
		.table--colAdapts-high,
		.table--colAdapts-low,
		.table--colAdapts-close,
		.table--colAdapts-lotSize,
		.table--colAdapts-price,
		.table--colAdapts-stopLoss,
		.table--colAdapts-takeProfit,
		.table--colAdapts-fillPrice,
		.table--colAdapts-quality,
		.table--colAdapts-age,
		.table--colAdapts-opLength,
		.table--colAdapts-triggerPrice {
			width: 10em;
		}
	.table--colAdapts-currentPrice {
			width: 9.5em;
		}
	.table--colAdapts-expiration,
		.table--colAdapts-condition {
			width: 8.5em;
		}
	.table--colAdapts-change,
		.table--colAdapts-netChange,
		.table--colAdapts-quantity,
		.table--colAdapts-size
		.table--colAdapts-spread {
			width: 8em;
		}
	.table--colAdapts-protection,
		.table--colAdapts-type {
			width: 8em;
		}
	.table--colAdapts-side {
			width: 6em;
		}
	.table--colAdapts-actions {
			width: 2em;
		}
	.table--colAdapts-id,
		.table--colAdapts-timeDate {
			width: 10em;
		}
	.table--colAdapts-currentStockPrice {
			width: 9em;
		}
	.table--colAdapts-description,
		.table--colAdapts-timeDateModified {
			width: 12em;
		}
	.table--colAdapts-reject {
			width: 42em;
		}
	.table--colAdapts-totalFinancing {
			width: 89px;
		}
	.table--colAdapts-totalCommissions {
			width: 104px;
		}
.mobile .table thead th {
				font-size: 12px;
			}
		.mobile .table tbody td {
				padding-top: 0;
			}
		.mobile .table tbody .table--cell {
				height: 24px;
				line-height: normal;
			}
		.mobile .table--cell .icon-sort,
			.mobile .table--cell .icon-sorted-asc,
			.mobile .table--cell .icon-sorted-desc,
			.mobile .table--cell .icon-filter {
				visibility: visible;
				opacity: 1;
			}
		.mobile .table--colAdapts {
			width: 8.5em;
		}
		.mobile .table--colAdapts-statusIcon {
				width: 6.5em;
			}
		.mobile .table--colAdapts-symbol {
				width: 10em;
			}
		.mobile .table--colAdapts-status {
				width: 8em;
			}
		.mobile .table--colAdapts-pl {
				width: 11.7em;
			}
		/*Prices*/
		.mobile .table--colAdapts-bid,
			.mobile .table--colAdapts-mark,
			.mobile .table--colAdapts-ask,
			.mobile .table--colAdapts-open,
			.mobile .table--colAdapts-high,
			.mobile .table--colAdapts-low,
			.mobile .table--colAdapts-close,
			.mobile .table--colAdapts-lotSize,
			.mobile .table--colAdapts-price,
			.mobile .table--colAdapts-stopLoss,
			.mobile .table--colAdapts-takeProfit,
			.mobile .table--colAdapts-fillPrice,
			.mobile .table--colAdapts-quality,
			.mobile .table--colAdapts-age,
			.mobile .table--colAdapts-opLength,
			.mobile .table--colAdapts-triggerPrice {
				width: 13em;
			}
		.mobile .table--colAdapts-currentPrice {
				width: 12em;
			}
		.mobile .table--colAdapts-expiration,
			.mobile .table--colAdapts-condition {
				width: 11em;
			}
		.mobile .table--colAdapts-change,
			.mobile .table--colAdapts-netChange,
			.mobile .table--colAdapts-quantity,
			.mobile .table--colAdapts-size
			.mobile .table--colAdapts-spread {
				width: 10.5em;
			}
		.mobile .table--colAdapts-protection,
			.mobile .table--colAdapts-type {
				width: 10.5em;
			}
		.mobile .table--colAdapts-side {
				width: 7.8em;
			}
		.mobile .table--colAdapts-actions {
				width: 5.5em;
			}
		.mobile .table--colAdapts-id,
			.mobile .table--colAdapts-timeDate {
				width: 13em;
			}
		.mobile .table--colAdapts-currentStockPrice {
				width: 11.7em;
			}
		.mobile .table--colAdapts-description,
			.mobile .table--colAdapts-timeDateModified {
				width: 15.5em;
			}
		.mobile .table--colAdapts-reject {
				width: 55em;
			}
		.mobile .table--colAdapts-totalFinancing {
				width: 116px;
			}
		.mobile .table--colAdapts-totalCommissions {
				width: 135px;
			}
	.mobile .table--cell:not(.table--cell-head) {
		font-size: 16px;
	}
.table tbody .table--cell-control {
				overflow: visible;
			}
	.table td:not(:first-child) .aggregationBlock__icon,
				.table td:not(:first-child) .aggregationBlock__padding {
					display: none;
				}
	.table td:not(:first-child) .aggregationBlock__icon + .aggregationBlock__wrapperData {
					margin-left: 0;
				}
	.table--cell-disabled .table--controlPlaceholder {
				color: var(--dropdown-disabled-text-color);
			}
	.table--cell-disabled .table--controlPlaceholder .icon {
					fill: var(--icon-disabled-color);
				}
	.table--cell-alignRight .control .selectBox--label {
				text-align: right;
			}
	.table--cell-control {
			padding: 0;
		}
	.table--cell .control input[type="text"],
		.table--cell .control input[type="password"],
		.table--cell .control input[type="email"] {
			height: var(--table--cell-height);
		}
	.table--cell .control,
		.table--cell .control--wrap {
			width: 100%;
		}
	.table--cell .control {
			vertical-align: unset;
		}
	.table--cell .control-textInput,
			.table--cell .control-selectBox {
				vertical-align: top;
			}
	.table--cell .control-buy .selectBox .selectBox--label {
						color: var(--order-entry-buy-text-color);
					}
	.table--cell .control-buy .selectBox.selectBox-disabled .selectBox--label {
							color: var(--positive-disabed-text-color);
						}
	.table--cell .control-sell .selectBox .selectBox--label {
						color: var(--order-entry-sell-text-color);
					}
	.table--cell .control-sell .selectBox.selectBox-disabled .selectBox--label {
							color: var(--negative-disabed-text-color);
						}
	.table--cell .control-datePicker {
				width: 110px;
			}
	.table--cell .control-datePicker input[type="text"] {
					padding-left: 0;
				}
	.table--cell .control-datePicker.control-error .datePicker--input input {
						box-shadow: 0 0 0 1px var(--input-wrong-border-outside-color);
					}
	.table--cell .control-spreadSelector .selectBox::before {
						display: none;
					}
	.table--cell .control-spreadSelector .selectBox--labelIcon {
					display: inline-block;
				}
	.table--cell .control-spreadSelector .selectBox-title .selectBox--labelIcon {
						display: none;
					}
	.table--cell .control-numericStepper {
				display: block;
				width: auto;
			}
	.table--cell .control-numericStepper .control--wrap {
					display: block;
				}
	.table--cell .control-numericStepper .control--wrap-focused .numericStepper--input input[type="text"] {
								box-shadow: 0 0 0 1px var(--order-entry-table-cell-selected-outside-border-color);
							}
	.table--cell .control-numericStepper .numericStepper {
					display: block;
				}
	.table--cell .control-numericStepper .numericStepper--input input[type='text'] {
							box-shadow: none;
							border: 0;
							text-align: right;
							background-color: transparent;
						}
	.table--cell .control-numericStepper .numericStepper-verticalButtons .numericStepper--control:hover {
								height: var(--table--cell-height);
		   				    }
	.table--cell .control-numericStepper .numericStepper-verticalButtons .numericStepper--control-down,
							.table--cell .control-numericStepper .numericStepper-verticalButtons .numericStepper--control-up {
								height: 10px;
							}
	.table--cell .control-numericStepper .numericStepper-verticalButtons .numericStepper--control-up {
								bottom: calc(100% - 11px);
							}
	.table--cell .control-numericStepper .numericStepper-verticalButtons .numericStepper--control-down {
								top: calc(100% - 11px);
							}
	.table--cell .control-numericStepper.control-error .numericStepper--input input {
						box-shadow: 0 0 0 1px var(--input-wrong-border-outside-color);
					}
	.table--cell .control input[type="text"] {
				background-color: transparent;
				border: none;
			}
	.table--cell-selectBox + button {
			right: 29px;
		}
	.table--cell .selectBox {
			width: calc(100% - 2px);
			margin-left: 1px;
			background-color: transparent;
			box-shadow: none;
			border: 0;
		}
	.table--cell .selectBox::before {
				content: normal;
			}
	.table--cell .selectBox-active:before,
			.table--cell .selectBox-active:hover:before,
			.table--cell .selectBox:active:before {
				background: transparent;
			}
	.table--cell .selectBox-active {
				background-color: var(--order-entry-table-cell-selected-bg-color);
				box-shadow: 0 0 0 1px var(--order-entry-table-cell-selected-outside-border-color);
			}
	.table--cell .selectBox--label {
				min-width: auto;
				text-align: left;
				padding-top: 0;
				padding-right: var(--table-selectBox-label-padding-right);
				padding-bottom: 0;
				padding-left: 11px;
				line-height: var(--table--cell-height);
			}
	.table--cell .selectBox--arrow {
				opacity: 0.12;
				padding-top: var(--table-selectBox-arrow-padding-top);
				padding-right: 0;
				margin-right: var(--table-selectBox-arrow-margin-right);
			}
	.table--cell .selectBox--inner {
				padding: 0;
			}
	.table--cell .dropDown-selectBox .dropDown--option-selected {
				display: none;
			}
	.table--cell .dropDown-selectBox .dropDown--option {
				padding: 2px 8px;
			}
	.table--cell .datePicker .button .icon {
			fill: var(--icon-primary-default-color);
		}
	.table--cell input[type="text"] {
			padding-left: 12px;
		}
	.table--controlPlaceholder {
		padding: 0 25px 0 12px;
		color: inherit;
		box-sizing: border-box;
		display: inline-block;
		height: 100%;
		width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		text-align: left;
	 	font-size: var(--table--cell-font-size);
	 	line-height: var(--table--cell-height);
	}
	.table--controlPlaceholder:not(:empty) {
			cursor: pointer;
		}
	.table--controlPlaceholder .selectBox--labelIcon {
				width: 18px;
				height: 13px;
				vertical-align: baseline;
				transform: translateY(1px);
			}
	.table--controlPlaceholder .selectBox--labelIcon .icon {
					vertical-align: baseline;
				}
	.table--controlPlaceholder-disabled {
			color: var(--input-disabled-text-color);
			cursor: default;
		}
	.table--controlPlaceholder-sell {
			color: var(--order-entry-sell-text-color);
		}
	.table--controlPlaceholder-sell.table--controlPlaceholder-disabled {
				color: var(--negative-disabed-text-color);
			}
	.table--controlPlaceholder-buy {
			color: var(--order-entry-buy-text-color);
		}
	.table--controlPlaceholder-buy.table--controlPlaceholder-disabled {
				color: var(--positive-disabed-text-color);
			}
	.table .comboBox {
		height: 100%;
	}
	.table .comboBox--input input[type="text"],
		.table .comboBox--input input[type="password"],
		.table .comboBox--input input[type="email"] {
			padding-right: var(--table-control-comboBox-padding-right);
		}

.controlPlaceholder--title {
	padding-right: 10px;
}

.controlPlaceholder--title + .selectBox--arrow {
	padding-top: 4px;
}

.lockContainer .numericStepper--input input,
		.lockContainer .numericStepper--input .numericStepper--pseudoInput {
			padding-left: 17px;
		}

.dropDown-selectBox-insideCell {
	 	font-size: var(--table--cell-font-size);
	}

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

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

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

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

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

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

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

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

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

	.grid--emptyViewText {
		color: var(--additional-text-color);
	}
.mobile .grid-empty .emptyView__title {
					font-size: 16px;
				}
.error-order-confirmation__container___K\+v8M {
	display: flex;
	align-items: baseline;
}

	.error-order-confirmation__container___K\+v8M .icon {
			width: 14px;
			height: 12px;
			flex-shrink: 0;
		}

	.error-order-confirmation__container_error___sH5wn {
		color: var(--error-description-text-color);
	}

	.error-order-confirmation__container_warning___ocaJK {
		color: var(--warning-description-text-color);
	}

.error-order-confirmation__text___U-Lxe {
	margin-left: 4px;
	line-height: 1.29;
}

.error-order-confirmation__text___U-Lxe span {
		display: block;
	}

.grid-order-confirmation__grid___ijkY4 {
	height: 18px;
}

	.grid-order-confirmation__grid___ijkY4 .table--col-cost {
				width: 75px;
			}

	.grid-order-confirmation__grid___ijkY4 .icon-filter,
		.grid-order-confirmation__grid___ijkY4 .icon-sort {
			display: none;
		}

	.grid-order-confirmation__grid___ijkY4 .table {
			table-layout: auto;
		}

.grid-order-confirmation__item___hpmO2 {
	position: relative;
	display: flex;
	padding-top: 6px;
	padding-left: 12px;
	padding-bottom: 5px;
}

.grid-order-confirmation__item_parent___m\+Zd9,
	.grid-order-confirmation__item_child___5pHta {
		padding-left: 8px;
		border-bottom: 1px solid var(--line-color);
	}

.grid-order-confirmation__item_parent___m\+Zd9::before,
		.grid-order-confirmation__item_parent___m\+Zd9::after,
		.grid-order-confirmation__item_child___5pHta::before,
		.grid-order-confirmation__item_child___5pHta::after {
			content: '';
			position: absolute;
			left: 8px;
			display: block;
		}

.grid-order-confirmation__item_parent___m\+Zd9::before, .grid-order-confirmation__item_child___5pHta::before {
			width: 1px;
			height: calc(100% + 1px);
			border-left: 1px solid;
		}

.grid-order-confirmation__item_parent___m\+Zd9::after, .grid-order-confirmation__item_child___5pHta::after {
			content: normal;
			top: calc(50% + 13px);
			width: 5px;
			border-bottom: 1px solid;
		}

.grid-order-confirmation__item_parent___m\+Zd9 {
		position: relative;
	}

.grid-order-confirmation__item_parent___m\+Zd9::after {
			content: normal;
		}

.grid-order-confirmation__item_parent___m\+Zd9 .grid-order-confirmation__body___VriqH {
			padding-left: 18px;
		}

.grid-order-confirmation__item_parent___m\+Zd9 + .grid-order-confirmation__children___7O6DU .grid-order-confirmation__item___hpmO2::after {
					content: '';
				}

.grid-order-confirmation__item_parent___m\+Zd9 + .grid-order-confirmation__children___7O6DU .grid-order-confirmation__item___hpmO2:nth-of-type(even)::after {
						content: normal;
					}

.grid-order-confirmation__item_parent___m\+Zd9 + .grid-order-confirmation__children___7O6DU .grid-order-confirmation__item_child___5pHta:nth-of-type(odd):not(:last-of-type) .grid-order-confirmation__wrapperIcon___Mn1Ln::before {
								left: 5px;
							}

.grid-order-confirmation__item_parent___m\+Zd9 + .grid-order-confirmation__children___7O6DU .grid-order-confirmation__item_child___5pHta:nth-last-of-type(2)::before {
							content: '';
							height: calc(50% + 7px);
						}

.grid-order-confirmation__item_parent___m\+Zd9 + .grid-order-confirmation__children___7O6DU .grid-order-confirmation__item_child___5pHta.grid-order-confirmation__item_osoChild___f701I::after {
								content: normal;
							}

.grid-order-confirmation__item_parent___m\+Zd9 + .grid-order-confirmation__children___7O6DU .grid-order-confirmation__item_child___5pHta.grid-order-confirmation__item_osoChild___f701I .grid-order-confirmation__icon___Ez04\+::after {
									left: -17px;
								}

.grid-order-confirmation__item_parent___m\+Zd9 + .grid-order-confirmation__children___7O6DU .grid-order-confirmation__item_child___5pHta .grid-order-confirmation__icon___Ez04\+::before {
							left: -7px;
						}

.grid-order-confirmation__item_parent___m\+Zd9 + .grid-order-confirmation__children___7O6DU .grid-order-confirmation__item_child___5pHta .grid-order-confirmation__icon___Ez04\+::after {
							left: -12px;
						}

.grid-order-confirmation__item_parent___m\+Zd9 + .grid-order-confirmation__children___7O6DU .grid-order-confirmation__item_child___5pHta .grid-order-confirmation__wrapperIcon___Mn1Ln {
						padding-left: 17px;
					}

.grid-order-confirmation__item_child___5pHta:last-of-type::before,
			.grid-order-confirmation__item_child___5pHta:last-of-type::after {
				content: normal;
			}

.grid-order-confirmation__item_child___5pHta:last-of-type .grid-order-confirmation__wrapperIcon___Mn1Ln::before {
					content: normal;
				}

.grid-order-confirmation__item_child___5pHta .grid-order-confirmation__icon___Ez04\+::before,
			.grid-order-confirmation__item_child___5pHta .grid-order-confirmation__icon___Ez04\+::after {
				content: '';
				position: absolute;
				top: 50%;
				display: block;
			}

.grid-order-confirmation__item_child___5pHta .grid-order-confirmation__icon___Ez04\+::before {
				width: 3px;
				height: 3px;
				margin-top: -1px;
				border-radius: 50%;
				left: -9px;
			}

.grid-order-confirmation__item_child___5pHta .grid-order-confirmation__icon___Ez04\+::after {
				left: -14px;
				width: 5px;
				border-top: 1px solid;
			}

.grid-order-confirmation__item_child___5pHta .grid-order-confirmation__wrapperIcon___Mn1Ln {
			padding-left: 14px;
		}

.grid-order-confirmation__item_child___5pHta:nth-of-type(odd):not(:last-of-type) .grid-order-confirmation__wrapperIcon___Mn1Ln::before {
					content: '';
					position: absolute;
					left: 0;
					top: 7px;
					display: block;
					width: 1px;
					height: calc(100% + 12px);
					border-left: 1px solid;
				}

.grid-order-confirmation__item_child___5pHta:nth-last-of-type(2)::before {
				content: normal;
			}

.grid-order-confirmation__item_bracket___23C7t::before,
		.grid-order-confirmation__item_bracket___23C7t::after {
			border-color: var(--order-entry-group-order-connection-line-bracket);
		}

.grid-order-confirmation__item_bracket___23C7t:nth-of-type(odd):not(:last-of-type) .grid-order-confirmation__wrapperIcon___Mn1Ln::before {
					border-color: var(--order-entry-group-order-connection-line-bracket);
				}

.grid-order-confirmation__item_bracket___23C7t .grid-order-confirmation__icon___Ez04\+::before {
				background-color: var(--order-entry-group-order-connection-line-bracket);
			}

.grid-order-confirmation__item_bracket___23C7t .grid-order-confirmation__icon___Ez04\+::after {
				border-color: var(--order-entry-group-order-connection-line-bracket);
			}

.grid-order-confirmation__item_oco___gWuRv::before,
		.grid-order-confirmation__item_oco___gWuRv::after {
			border-color: var(--order-entry-group-order-connection-line-oco);
		}

.grid-order-confirmation__item_oco___gWuRv:nth-of-type(odd):not(:last-of-type) .grid-order-confirmation__wrapperIcon___Mn1Ln::before {
					border-color: var(--order-entry-group-order-connection-line-oco);
				}

.grid-order-confirmation__item_oco___gWuRv .grid-order-confirmation__icon___Ez04\+::before {
				background-color: var(--order-entry-group-order-connection-line-oco);
			}

.grid-order-confirmation__item_oco___gWuRv .grid-order-confirmation__icon___Ez04\+::after {
				border-color: var(--order-entry-group-order-connection-line-oco);
			}

.grid-order-confirmation__item_osoChild___f701I::before {
			border-color: var(--order-entry-group-order-connection-line-oso);
		}

.grid-order-confirmation__item_osoChild___f701I .grid-order-confirmation__icon___Ez04\+::before {
				background-color: var(--order-entry-group-order-connection-line-oso);
			}

.grid-order-confirmation__item_osoChild___f701I .grid-order-confirmation__icon___Ez04\+::after {
				border-color: var(--order-entry-group-order-connection-line-oso);
			}

.grid-order-confirmation__item_osoChild___f701I.grid-order-confirmation__item_parent___m\+Zd9::before {
					height: calc(100% + 8px);
				}

.grid-order-confirmation__item_osoChild___f701I.grid-order-confirmation__item_child___5pHta .grid-order-confirmation__icon___Ez04\+::after {
						left: -18px;
						width: 10px;
					}

.grid-order-confirmation__block___dkn8P {
	margin-bottom: 2em;
}

.grid-order-confirmation__block___dkn8P:last-of-type {
		margin-bottom: 0;
	}

.grid-order-confirmation__wrapperIcon___Mn1Ln {
	position: relative;
}

.grid-order-confirmation__wrapperIcon___Mn1Ln + .grid-order-confirmation__body___VriqH {
		margin-left: 5px;
	}

.grid-order-confirmation__body___VriqH {
	flex-grow: 1;
	margin-top: -4px;
}

.grid-order-confirmation__icon___Ez04\+ {
	position: relative;
	display: block;
	width: 18px;
	height: 14px;
}

.grid-order-confirmation__ruleText___J5TvV {
	color: var(--common-text-default);
}

.grid-order-confirmation__description___HawMb {
	margin-top: -2px;
	color: var(--additional-text-color-2);
}

.grid-order-confirmation__title___CZebr > span:not(:first-child), .grid-order-confirmation__description___HawMb > span:not(:first-child) {
			margin-left: 9px;
		}

.grid-order-confirmation__title___CZebr {
	padding-right: 50px;
	font-weight: bold;
	color: var(--common-text-default);
}

.grid-order-confirmation__title___CZebr .WidgetOrderEntry__slash {
				color: var(--common-secondary-text-color);
			}

.grid-order-confirmation__title___CZebr,
.grid-order-confirmation__description___HawMb,
.grid-order-confirmation__ruleText___J5TvV {
	font-size: 14px;
	line-height: 1.43;
}

.grid-order-confirmation__children___7O6DU .grid-order-confirmation__item___hpmO2:last-of-type {
			border-bottom: none;
		}

.grid-order-confirmation__cost___CsCkM {
	margin-top: -3px;
	padding-right: 12px;
	font-size: 14px;
}

.grid-order-confirmation__errorContainer___q3\+xC {
	margin-left: -4px;
	font-size: 14px;
}

.grid-order-confirmation__delimiter___VCwSd {
	color: var(--common-secondary-text-color);
}

.icon-activation-rule__iconRule___SCrVx {
	width: 13px;
	height: 13px;
	margin-right: 5px;
	fill: var(--icon-secondary-default-color);
	transform: translateY(1px);
}

.footer-order-confirmation__container___9gWZ5 {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 14px;
	text-align: left;
}

.footer-order-confirmation__errors___TTDSP {
	padding-right: 30px;
}

.footer-order-confirmation__wrapper___J1Cs0,
.footer-order-confirmation__table___RhzG7 {
	padding-left: 12px;
	padding-right: 12px;
}

.footer-order-confirmation__table___RhzG7 {
	display: flex;
	margin-bottom: 13px;
}

.footer-order-confirmation__tableItem___u2lLW {
		margin-right: 15px;
	}

.footer-order-confirmation__tableItem___u2lLW:last-child {
			margin-right: 20px;
		}

.footer-order-confirmation__tableHead___vca10 {
		display: block;
		font-size: 12px;
		font-weight: 500;
		color: var(--table-column-text-header-color);
	}

.footer-order-confirmation__wrapper___J1Cs0 {
	margin-top: 13px;
	padding-top: 9px;
	display: flex;
	flex-grow: 1;
	box-shadow: inset 0 1px 0 var(--line-color);
}

.footer-order-confirmation__buttons___2LQrT {
	flex-grow: 1;
	flex-shrink: 0;
	text-align: right;
}

.footer-order-confirmation__buttons___2LQrT .button {
			width: 84px;
		}

.footer-order-confirmation__buttons___2LQrT .button:last-of-type {
				margin-left: 8px;
			}

.error-h-child__container___aVY8B:last-child {
		margin-bottom: 10px;
	}

.popup-order-confirmation__container___NhnVX {
	min-width: 400px;
	padding: 0;
}

.popup-order-confirmation__body___PFNe9,
.popup-order-confirmation__footer___uSxS1 {
	padding: 0;
}

.popup-order-confirmation__body___PFNe9 {
	background-image: linear-gradient(to bottom, var(--widget-bg-top-color), var(--widget-bg-bottom-color));
}
.impact-indicator__container___AaR-k {
	display: inline-block;
	margin-top: -2px;
	width: 17px;
	height: 9px;
	position: relative;
	vertical-align: middle;
}

	.impact-indicator__container___AaR-k .icon-impact-indicator-high-colored,
		.impact-indicator__container___AaR-k .icon-impact-indicator-medium-colored,
		.impact-indicator__container___AaR-k .icon-impact-indicator-low-colored {
			position: absolute;
			top: 0;
			left: 0;
		}

.history-period-selector__aggregation___hKf6e {
	display: inline-block;
	margin-right: 3px;
}

.history-period-selector__separator___o6UCu {
	margin-right: 3px;
}

.history-period-selector__footer___YSWJG {
	padding: 4px 0;
	position: relative;
}

.history-period-selector__footer___YSWJG::before {
		content: "";
		top: 1px;
		left: 9px;
		height: 1px;
		width: calc(100% - 18px);
		background: var(--line-color);
		position: absolute;
	}



.menuItem-h-child__item___FxqJM {
	padding: 0 8px 0 9px;
}

.linkButton-h-child__container___4cIFJ {
	display: block;
	text-align: center;
	width: 100%;
	padding: 0 5px;
	line-height: 26px;
}

	.linkButton-h-child__container___4cIFJ:hover {
		color: var(--link-default-text-color);
			background: var(--list-item-hovered-bg-color);
		}

	.linkButton-h-child__container___4cIFJ span {
		font-size: 13px;
	}

.selectbox-h-child__container__anchor___\+B3x2 {
		width: 75px;
		min-width: 52px;
		padding-left: 7px;
		text-align: left;
		border-radius: calc(var(--controls-border-radius) - 1px);
	}
	
		.selectbox-h-child__container__anchor__content_hasCaret___J7jVn {
			padding-right: 10px;
		}
	.selectbox-h-child__container__menu___llfTj {
		max-height: 279px;
	}
	.selectbox-h-child__container__item___ASOLX {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.selectbox-h-child__container__item__text___m-ab0 {
			padding-right: 0;
		}
	.selectbox-h-child__container__item__activeIcon___BhawO {
			position: static;
			transform: none;
			margin-left: 2px;
		}
.popover-child__container___K5TxE {
    width: 340px;
}
.account-statement-selectbox__container__anchor___bQ8CB {
	width: 100%;
	text-align: left;
	border: 1px solid var(--input-default-border-outside-color);
	background: var(--input-default-bg-color);
	border-radius: 1px;
	margin-bottom: 22px;
	padding-right: 0;
}

.account-statement-selectbox__container__anchor__content___OW\+mv {
	position: relative;
}

.account-statement-selectbox__container__anchor__caret___O4HBd {
	fill: var(--icon-primary-default-color);
	width: 7px;
	height: 4px;
	position: absolute;
	right: 9px;
	top: 0;
	transform: translateY(-50%);
}

.account-statement-selectbox__container__menu___43i\+H {
	padding: 7px 0;
}
.date-range-child__container___MhnzI {
    width: 340px;
}
.widgetNavigation__container___pRuVL {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

	.widgetNavigation__container___pRuVL .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: -webkit-grab;
				cursor: grab;
			}

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

	.widgetNavigation__container___pRuVL .button-selectedWidget:active::before {
						background: var(--app-header-button-pressed-bg-color);
					}

	.widgetNavigation__container___pRuVL .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___thsb4 {
	margin-right: 20px;
}

.widgetNavigation__selectedButtons___thsb4 .button {
			margin-right: 3px;
		}

.widgetNavigation__selectedButtons___thsb4 .button:last-of-type {
				margin-right: 0;
			}

.widgetNavigation__controls___YS2jT {
	display: flex;
	align-items: center;
}

.popover-h-child__container___ozhCD {
	width: 160px;
	background: transparent;
	border: none;
}

	.popover-h-child__container___ozhCD .popover-h-child__content___vezSk {
		border: none;
	}

	.popover-h-child__container___ozhCD .contextMenu {
			width: 100%;
			max-height: 100%;
			position: relative;
		}

	.popover-h-child__container___ozhCD .contextMenu--footer {
				padding-top: 5px;
				margin: 6px 8px 0;
				font-size: 12px;
				line-height: 1.42;
				color: var(--dropdown-list-description-text-color);
				position: relative;
			}

	.popover-h-child__container___ozhCD .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___ozhCD .contextMenu--item,
			.popover-h-child__container___ozhCD .contextMenu .link-pseudo {
				cursor: -webkit-grab;
				cursor: grab; /*IE and Old Edge*/
				cursor: url(../../openhand.ico?ff66d0e16708a8387706) 5 0, -webkit-grab;
				cursor: url(../../openhand.ico?ff66d0e16708a8387706) 5 0, grab;
			}

	.popover-h-child__container___ozhCD .contextMenu .link-pseudo {
				margin-right: 0;
			}

.contextMenuButton-h-child__container___uy7A8 {
	margin-right: 3px;
	box-shadow: inset 0 0 0 1px var(--app-header-dropdown-default-border-color);
	border-radius: 11px;
}

	.contextMenuButton-h-child__container___uy7A8:last-of-type {
		margin-right: 0;
	}

	.contextMenuButton-h-child__container_opened___pH\+KN .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___uy7A8 .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___uy7A8 .button::before {
				border-radius: 11px;
			}

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

	.contextMenuButton-h-child__container___uy7A8 .button:active::before {
					background: var(--button-pressed-overlay-color);
				}

	.contextMenuButton-h-child__container___uy7A8 .button .icon-dropdown-arrow {
				margin-top: 1px;
				margin-left: 12px;
				fill: var(--icon-contextual-primary-default-color);
			}

.pip-rate-child__pipnumbers___f2b8Q {
	font-size: 18px;
}
.tooltip-child__anchor___Wa6WS {
    cursor: pointer;
    margin-left: 5px;
}

.tooltip-child__content___HIJpo {
    white-space: pre-line;
    padding: 8px 10px 10px;
}
.popover-child__content___vFCAY {
    background: var(--hint-tooltip-bg-color);
}
.button-child__container___ppjzc, .button-child__container___ppjzc:last-child {
	height: 23px;
	top: 1px;
	bottom: 0;
	right: 24px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.dropDown-hidden {
		-webkit-animation: slideDropdownUp 0.25s linear;
		        animation: slideDropdownUp 0.25s linear;
	}

	.dropDown-datePicker {
		height: auto !important;
	}

	.dropDown-datePicker.dropDown-shown {
			-webkit-animation: slideDropdownDown 0s linear;
			        animation: slideDropdownDown 0s linear;
		}

	.dropDown-datePicker.dropDown-hidden {
			-webkit-animation: slideDropdownUp 0s linear;
			        animation: slideDropdownUp 0s linear;
		}

	.dropDown-selectBox .dropDown--option {
				box-sizing: border-box;
				padding: 0.166em 23px 0.166em 0.416em;
				line-height: 1.75em;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				cursor: pointer;
			}

	.dropDown-selectBox .dropDown--option-selected .dropDown--selectedIcon {
						display: block;
					}

	.dropDown-selectBox .dropDown--optionIcon {
				display: inline-block;
				width: 14px;
				height: 14px;
				vertical-align: middle;
				margin-right: 8px;
				margin-left: 2px;
			}

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

	.dropDown-selectBox .dropDown--selectedIcon {
				content: '';
				display: none;
				position: absolute;
				right: 8px;
				top: 50%;
				transform: translateY(-50%);
				bottom: 0;
				width: 10px;
				height: 10px;
			}

	.dropDown-selectBox .dropDown--list {
				padding: 0;
				list-style: none;
			}

	.dropDown-selectBox-baseCurrency {
			width: 71px;
			border: 1px solid;
			margin-left: -15px;
			border-color: var(--widget-header-button-inside-border-side-color);
		}

	.dropDown-selectBox-baseCurrency .dropDown--option {
				padding-top: 6px;
				padding-bottom: 6px;
				padding-left: 15px;
				padding-right: 27px;
			}

	.dropDown-selectBox-baseCurrency .dropDown--option span.dropDown--selectedIcon {
					display: none;
				}

	.dropDown-selectBox-trigger .dropDown--container {
				position: relative;
			}

	.dropDown-selectBox-trigger .dropDown--container::before {
					content: '';
					position: absolute;
					z-index: 1;
					left: 0;
					top: 0;
					display: block;
					width: 100%;
					height: 8px;
					background-color: var(--dropdown-list-bg-color);
				}

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

	.dropDown .scrollbar {
		background: inherit;
	}

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

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

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

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


@-webkit-keyframes slideDropdownDown {
	from {
		height: 0;
	}
}


@keyframes slideDropdownDown {
	from {
		height: 0;
	}
}

@-webkit-keyframes slideDropdownUp {
	to {
		height: 0;
		box-shadow: none;
		border-width: 0;
	}
}

@keyframes slideDropdownUp {
	to {
		height: 0;
		box-shadow: none;
		border-width: 0;
	}
}

@-webkit-keyframes showDropdownItem {
	from {
		opacity: 0;
		transform: scale(0.5);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

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

.selectBox {
	position: relative;
	vertical-align: middle;
	box-sizing: border-box;
	border-radius: calc(var(--controls-border-radius) - 1px);
	height: auto;
	border: 1px solid transparent;
	background-origin: border-box;
	display: inline-block;
	max-width: 100%;
}

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

	.selectBox select {
		display: none;
	}

	.selectBox--inner {
		position: relative;
		padding: 0 19px 0 0;
		cursor: pointer;
		line-height: 20px;
		height: 100%;
	}

	.selectBox--label {
		box-sizing: border-box;
		display: block;
		height: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		padding: 0 0 0 6px;
		min-width: 52px;
		line-height: 23px;
		position: relative;
	}

	.selectBox--labelIcon {
			width: 13px;
			height: 100%;
			display: inline-block;
			vertical-align: middle;
		}

	.selectBox--arrow {
		width: 7px;
		height: 12px;
		box-sizing: border-box;
		padding-top: 5px;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		margin-right: 6px;
		margin-left: 6px;
		display: block;
		position: absolute;
	}

	.selectBox--arrow .icon {
			width: 7px;
			height: 4px;
		}

	.selectBox--labelIcon {
		margin-right: 5px;
		vertical-align: middle;
		height: 16px;
		width: 16px;
		pointer-events: none;
	}

	.selectBox-active .selectBox--label, .selectBox-active:hover .selectBox--label, .selectBox:active .selectBox--label {
			position: relative;
			top: 1px;
		}

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

	.selectBox-active .selectBox--arrow, .selectBox-active:hover .selectBox--arrow, .selectBox:active .selectBox--arrow {
			margin-top: 1px;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#ruler .selectBox--label {
		overflow: visible;
	}

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

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

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

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

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

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

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

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

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

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

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

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

/*FIXME!*/

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

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

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

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

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

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

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

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

.crossToolPluginView--chartInfo-alignedRight .chartInfo {
				transform: translateX(calc(-100% - 30px));
			}
.HighlightSection__container___9b\+7A {
	position: absolute;
	overflow: hidden;
	pointer-events: none;
}

	.HighlightSection__container-hidden___5AMgW {
		display: none;
	}

.HighlightSection__title___rygIx {
	white-space: nowrap;
	padding: 1px 5px;
	display: inline-block;
}

.HighlightSection__title_short___eGYK4 {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
.HighlightSection__container___9b\+7A {
	color: var(--chart-session-name-text-color);
	pointer-events: none;
}

.HighlightSection__title___rygIx {
	font-size: 12px;
	color: inherit;
	padding: 5px;
	background: var(--chart-regular-session-highlight-bg-color);
}

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

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

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

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

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

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

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

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

.toast-trading-log__header___e2Gl- {
	display: flex;
	align-items: center;
}

	.toast-trading-log__header__icon___sqEPn {
		display: inline-block;
		margin-right: 5px;
		width: 14px;
		height: 14px;
		position: relative;
	}

	.toast-trading-log__header__text___PQpay {
		font-weight: bold;
		font-size: 14px;
		letter-spacing: .5px;
		color: var(--order-cancelled-text-color);
		text-transform: uppercase;
	}

	.toast-trading-log__header__text_positive___EaVZd,
		.toast-trading-log__header__text_negative___eeRVy {
			position: relative;
		}

	.toast-trading-log__header__text_positive___EaVZd {
			color: var(--positive-text-color);
		}

	.toast-trading-log__header__text_negative___eeRVy {
			color: var(--negative-text-color);
		}

.toast-trading-log__subheader___7H7wi {
	font-style: normal;
	color: var(--common-text-default);
	margin-bottom: 9px;
}

.toast-trading-log__subheader___7H7wi + .toast-trading-log__wrap___rEI2D {
		margin-top: 0;
	}

.toast-trading-log__subHeaderStatus___lXfTv {
	margin-left: 5px;
	margin-right: 5px;
	color: var(--toast-notification-text-color-1);
}

.toast-trading-log__wrap___rEI2D {
	line-height: 16px;
}

.toast-trading-log__subheader___7H7wi,
.toast-trading-log__wrap___rEI2D {
	font-size: 14px;
	padding-right: 5px;
}

.toast-trading-log__status___MTNH\+,
.toast-trading-log__side___\+Rjyl {
	text-transform: uppercase;
}

.mobile .toast-trading-log__header__text___PQpay {
			font-size: 18px;
		}

.mobile .toast-trading-log__subheader___7H7wi {
		font-size: 16px;
	}

.mobile .toast-trading-log__content___9bA5N {
		font-size: 16px;
	}
.toast-basic__container___X9dxn {
	position: relative;
}

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

	.toast-basic__container___X9dxn::after {
		background-color: var(--notification-corner-vertical-line-color);
	}

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

	.toast-basic__container_trading___iRtDj::after {
			background-color: var(--notification-corner-order-vertical-line-color);
		}

	.toast-basic__container_critical___xffdn,
		.toast-basic__container_critical___xffdn: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___xffdn .toast-basic__header__text___ilNJN {
			color: var(--negative-text-color);
		}

	.toast-basic__container_critical___xffdn::after {
			background-color: var(--notification-corner-critical-vertical-line-color);
		}

	.toast-basic__container_created___g5x4r .toast-basic__header__text___ilNJN {
			color: var(--up-text-color);
		}

	.toast-basic__container_failed___Ryc3Z .toast-basic__header__text___ilNJN {
			color: var(--down-text-color);
		}

	.toast-basic__container_failed___Ryc3Z .toast-basic__item___tOR6J {
			font-weight: 500;
		}

.toast-basic__date___7UjSw {
	display: block;
	margin-bottom: 10px;
}

.toast-basic__item___tOR6J {
	display: inline-block;
	margin-right: 3px;
}

.toast-basic__item___tOR6J:last-child {
		margin: 0;
	}

.toast-basic__item_buy___5wP9k {
		font-weight: 500;
		color: var(--buy-text-color);
	}

.toast-basic__item_sell___S5nWZ {
		font-weight: 500;
		color: var(--sell-text-color);
	}
.toast-order__container___HkGnZ {
	position: relative;
}

	.toast-order__container___HkGnZ .MessageValue__container {
			display: block;
		}

	.toast-order__container___HkGnZ .MessageValue__description {
			word-break: break-word;
			white-space: pre-wrap;
		}

.toast-order__icon_orderFilled___wDSV5 {
		fill: var(--corner-filled-icon-color);
	}

.toast-order__icon_orderPlaced___mkTIA {
		fill: var(--corner-placed-icon-color);
	}

.toast-order__icon_orderModified___A4vZB {
		fill: var(--corner-modified-icon-color);
	}

.toast-order__icon_orderCancelled___C7Yjd {
		fill: var(--status-neutral-multiparts);
	}

.toast-order__icon_orderRejected___ugZVD {
		fill: var(--status-negative-multiparts);
	}

.toast-order__icon_orderExpired___\+iWcc {
		fill: var(--corner-canceled-icon-color);
	}

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

.toast-alert__messageValue___uqIDY {
	display: block;
}

.toast-alert__messageValue__description___6XR3Z {
		word-break: break-word;
		white-space: pre-wrap;
	}

@-webkit-keyframes toast-blocked-popups__blinking___KzVAD {
	0% {
		background-color: var(--notification-warning-blink-bg-color);
	}
	100% {
		background-color: var(--notification-warning-bg-color);
	}
}

@keyframes toast-blocked-popups__blinking___KzVAD {
	0% {
		background-color: var(--notification-warning-blink-bg-color);
	}
	100% {
		background-color: var(--notification-warning-bg-color);
	}
}

.toast-blocked-popups__text___wLbbC {
	color: var(--notification-text-color);
	line-height: 1.58;
	letter-spacing: 0.5px;
}

.toast-blocked-popups__header___yKlVz {
	color: var(--notification-warning-title-text-color);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
}

.toast-blocked-popups__container___Avf2F {
	border: 1px solid var(--notification-warning-border-color);
	background-color: var(--notification-warning-blink-bg-color);
	-webkit-animation: toast-blocked-popups__blinking___KzVAD 1s infinite ease-in-out;
	        animation: toast-blocked-popups__blinking___KzVAD 1s infinite ease-in-out;
}

.toast-blocked-popups__container___Avf2F:hover {
		border: 1px solid var(--notification-warning-border-color);
	}

.toast-critical__container {
		box-sizing: border-box;
		position: relative;
		border: none;
		overflow: hidden;
	}

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

		.toast-critical__container::after {
			background-color: var(--notification-corner-critical-vertical-line-color);
		}
	.toast-critical__header__text {
		color: var(--negative-text-color);
	}
	.toast-critical__text {
		margin-top: 15px;
		line-height: 1.36;
		color: var(--common-text-default);
	}
	.toast-critical__message {
		margin-top: 9px;
		line-height: 1.36;
		color: var(--corner-notification-description-text-color);
	}
	.toast-critical__account {
		color: var(--toast-notification-text-color-1);
	}
.toast-deposit__container___P5BBv {
	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___P5BBv::after {
		content: '';
		width: 5px;
		height: 100%;
		background-color: var(--notification-corner-order-vertical-line-color);
		position: absolute;
		left: 0;
		top: 0;
	}

.toast-deposit__info___V7WrS {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: var(--common-text-default);
}

.toast-deposit__time___KkUpG {
	margin-right: 4px;
}

.toast-deposit__status___bU49Y {
	margin-left: 4px;
}

.toast-deposit__status___bU49Y,
.toast-deposit__label___kvVL7 {
	color: var(--toast-notification-text-color-1);
}

.toast-deposit__header___hj8cj {
	margin-top: 9px;
	margin-bottom: 15px;
}

.toast-deposit__content___HCCtA {
	margin-bottom: 15px;
}
.toast-broker-price-alert__header___YPuQh {
	display: flex;
	align-items: center;
}
.toast-broker-price-alert__title___qYIP0 {
	color: var(--table-text-color);
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 19px;
}
.toast-broker-price-alert__subtitle___E3RSg {
	color: var(--common-secondary-text-color);
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 16px;
	margin-bottom: 10px;
	margin-top: -3px;
}

.toast-broker-price-alert__description___PC3RL {
	color: var(--common-text-default);
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 16px;
}

.toast-broker-price-alert__hr___dbaEC {
	border: 0;
	height: 1px;
	background-color: var(--line-color);
	margin: 14px 0 8px 0;
}
.toast-broker-price-alert__marketTrendIconWrapper___sr1sC {
	width: 11px;
	height: 13px;
	margin-right: 4px;
}

.toast-broker-price-alert__footer___b52IR {
	display: flex;
	justify-content: flex-end;
	position: relative;
	z-index: 1;
}

.toast-broker-price-alert__button___1aQEB {
	height: 19px;
	min-width: 60px;
}
.toast-host__container___tP2uc {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 3;
}

	.toast-host__container_isMounted___QJEmT {
		opacity: 1;
		visibility: inherit;
	}

.toast-host__item___kBMGw {
	position: absolute;
	right: 0;
	transition: transform 300ms ease-in;
}
.order--reject,
	.order--symbol,
	.order--status {
		display: inline-block;
		width: 100%;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.order--price,
	.order--type,
	.order--stopLoss,
	.order--takeProfit,
	.order--bid,
	.order--ask,
	.order--currentPrice,
	.order--triggerPrice,
	.order--timeDate,
	.order--timeDateModified,
	.order--expiration,
	.order--id,
	.order--quantity,
	.order--condition,
	.order--fillPrice {
		position: relative;
	}
	#ruler .order--statusIcon,
		.grid--body .order--statusIcon {
			display: inline-block;
			vertical-align: middle;
			width: 13px;
			height: 13px;
			transform: translateY(-1px);
		}
	#ruler .order--side,
		.grid--body .order--side {
			display: inline-block;
			text-transform: uppercase;
			text-align: right;
		}
	.grid--body .order--side {
			letter-spacing: 0.5px;
		}
	#ruler .order--side {
			font-size: 1.1rem;
			vertical-align: middle;
			letter-spacing: 1px;
		}
	.order-rejected .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(--icon-hovered-color);
				}

.order-rejected td, .order-rejected td .price, .order-canceled td, .order-canceled td .price, .order-filled td, .order-filled td .price, .order-expired td, .order-expired td .price  {
			color: var(--expired-text-color);
		}

.order-pending, .order .order--statusIcon .icon, .order-pending .order--status {
		fill: var(--status-pending-text-color);
		color: var(--status-pending-text-color);
	}

.order-expired .order--status,
	.order-expired .order--statusIcon .icon {
		fill: var(--status-expired-text-color);
		color: var(--status-expired-text-color);
	}

.order-filled .order--status,
	.order-filled .order--statusIcon .icon {
		fill: var(--status-filled-text-color);
		color: var(--status-filled-text-color);
	}

.order-working .order--status,
	.order-working .order--statusIcon .icon {
		fill: var(--status-working-text-color);
		color: var(--status-working-text-color);
	}

.order-rejected .order--status,
	.order-rejected .order--statusIcon .icon {
		fill: var(--status-rejected-text-color);
		color: var(--status-rejected-text-color);
	}

.order-canceled .order--status,
	.order-canceled .order--statusIcon .icon {
		fill: var(--status-cancelled-text-color);
		color: var(--status-cancelled-text-color);
	}

.order-sending .order--status,
	.order-sending .order--statusIcon .icon {
		fill: var(--status-sending-text-color);
		color: var(--status-sending-text-color);
	}

/*orderes active*/

.order-sending.order-sell .order--side, .order-pending.order-sell .order--side, .order-working.order-sell .order--side {
				color: var(--negative-text-color);
			}

.order-sending.order-buy .order--side, .order-pending.order-buy .order--side, .order-working.order-buy .order--side {
				color: var(--positive-text-color);
			}

/*when details block is visible*/

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

.order-expanded .table--cell .numeric:empty::before, .order-expanded .table--cell:first-child .numeric:empty::before, .order-expanded .table--cell:last-child .numeric:empty::before {
							color: var(--na-selected-text-color);
						}



.mobile .grid--body .order--actions .button-icon {
					width: 12px;
					height: 12px;
				}

.droppable-placeholder__placeholder___WLGAH {
	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___LRBNM {
		border: 1px dashed var(--drop-area-border-color);
		background-color: var(--drop-area-highlight-color);
	}

	.droppable-placeholder__placeholder_maximized___CjjiW {
		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___CjjiW {
				-webkit-backdrop-filter: blur(25px);
				        backdrop-filter: blur(25px);
				background-color: transparent;
			}
		}

	.droppable-placeholder__placeholder_top___az5wi {
		top: 0;
		left: 0;
		right: 0;
		bottom: 50%;
	}

	.droppable-placeholder__placeholder_bottom___ZqNv9 {
		top: 50%;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.droppable-placeholder__placeholder_left___8XIHI {
		top: 0;
		right: 50%;
		left: 0;
		bottom: 0;
	}

	.droppable-placeholder__placeholder_right___ft5MC {
		top: 0;
		left: 50%;
		right: 0;
		bottom: 0;
	}

	.droppable-placeholder__placeholder_full___S1J2g {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

.droppable-placeholder__error___-W44q {
    border-color: var(--drop-area-border-deny-color);
    background-color: var(--drop-area-background-deny-color);
}
.droppable-body__wrapper___2tRe8 {
	position: relative;
	width: 100%;
	height: 100%;
}

	.droppable-body__wrapper__container___Q9Jof {
		width: 100%;
		height: 100%;
	}


.droppable-corners__container___Sl8K\+ {
    width: 100%;
    height: 100%;
    position: relative;
}

.droppable-corners__placeholder___7E3JF {
    position: absolute;
	z-index: 40;
    display: none;

}

.droppable-corners__placeholder_hovered___jX\+wZ {
		display: block;
		border: 1px dashed var(--drop-area-border-deny-color);
		background-color: var(--drop-area-background-deny-color);
 	}

.droppable-corners__placeholder_show___kEFct {
        display: block;
    }

.droppable-corners__placeholder_fits___U0w1t {
		border: 1px dashed var(--drop-area-border-color);
		background-color: var(--drop-area-highlight-color);
    }

.droppable-corners__placeholder_top___YGpC0 {
        top: 24px;
        left: 0;
        right: 0;
        height: 50px;
    }

.droppable-corners__placeholder_bottom___x-v1M {
        height: 50px;
        left: 0;
        right: 0;
        bottom: 0;
    }

.droppable-corners__placeholder_left___JtWdJ {
        top: 24px;
        width: 50px;
        left: 0;
        bottom: 0;
    }

.droppable-corners__placeholder_right___XaMgh {
        top: 24px;
        width: 50px;
        right: 0;
        bottom: 0;
    }
body.nativeElementDragging .droppable-corners {
		display: block;
	}
.placeholder-child__container___vhAmF {
    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___7USKy {
    border-color: var(--drop-area-border-deny-color);
    background-color: var(--drop-area-background-deny-color);
}

.placeholder-child__icon___IMIdD {
	fill: var(--drop-area-border-deny-color);
	width: 72px;
	height: 72px;
}
.element-placeholder__container {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding-top: 24px;
    }
    .element-placeholder__header {
        height: 24px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .element-placeholder__header_container {
            display: flex;
            position: relative;
        }
    .element-placeholder__body {
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    .element-placeholder__actions_container,
    .element-placeholder__actions {
        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 .widgetNew__header {
            background: none;
            box-shadow: none;
        }
.drag-icon-child__container___7xnQS {
	height: 23px;
	width: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--widget-header-grad-color-1);
	cursor: -webkit-grab;
	cursor: grab;
	border-right: 1px solid var(--widget-header-tab-divider-color);
}

	.drag-icon-child__container___7xnQS:active {
		cursor: -webkit-grabbing;
		cursor: grabbing;
	}

.drag-icon-child__icon___j7PLR {
	width: 6px;
	height: 10px;
	display: inline-flex;
}
:root {
	--root-font-size: 10px;
	--body-font-size: 12px;
	--body-font-family: 'Open Sans', sans-serif;
	--body-font-weigt: normal;
	--min-viewport-width: 1024px;
	--max-viewport-width: 1920px;
	--animation-default: 400ms;
	--animation-fast: 200ms;
	--animation-extra-fast: 100ms;
	--controls-border-radius: 2px;
	--table--resize-divider-height: 14px;
	--table--cell-font-size: 12px;
	--table--cell-head-font-size: 10px;
	--table--cell-head-font-weight: normal;
	--table--cell-height: 20px;
	--table--filtered-bg-color: var(--filter-table-bg-color);
	--table--cell-icon-default-color: var(--icon-secondary-default-color);
	--table--cell-icon-active-color: var(--icon-pressed-color);
	--table-control-comboBox-padding-right: 16px;
	--table-selectBox-label-padding-right: 16px;
	--table-selectBox-arrow-padding-top: 4px;
	--table-selectBox-arrow-margin-right: 4px;
	--offcanvase-background-image: url(../../control-center-bg-overlay-oblique-lines.svg?54882a878c50f8a28739);
	--header-height: 77px;
}
/* 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;
}

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

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

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

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

}

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

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

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

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

}

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

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

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

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

}

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

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

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

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

}

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


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

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

}

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

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

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

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

}

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

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


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

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

}

html,
body,
main.main {
	height: 100%;
}
body {
	position: relative;
	min-width: var(--min-viewport-width);
	overflow-y: hidden;
	overflow-x: auto;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-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;
}

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

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

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

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


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

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

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

html,
body {
	height: 100%;
}
html {
	font-size: var(--root-font-size);
}
body {
	font: var(--body-font-size) var(--body-font-family);
	color: var(--common-text-default);
	background: linear-gradient(to bottom, var(--app-bg-grad-top-color), var(--app-bg-grad-bottom-color));
}
h1, h2, h3, h4, h5, h6,
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
input,
textarea,
select,
button,
.button {
	box-sizing: border-box;
	margin: 0;
	font-size: 1em;
	line-height: 1;
	font-family: inherit;
}

input:focus,
textarea:focus,
select:focus,
button:focus,
.button:focus {
	outline: none;
}

label,
input,
select,
button,
.button {
	display: inline-block;
	vertical-align: middle;
}
button,
.button {
	cursor: pointer;
}
button:disabled,
	button[disabled],
	.button:disabled,
	.button[disabled] {
		cursor: not-allowed;
	}
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
button::-moz-focus-inner {
	padding: 0;
	border: 0;
}
input::-ms-clear {
	display: none;
}
a {
	text-decoration: underline;
	cursor: pointer;
}

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

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

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


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

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

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

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

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

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

	.tooltip--pointer-arrowTop {
			position: absolute;
			top: 6px;
			right: 100%;
			width: 12px;
			height: 16px;
			overflow: hidden;
		}

	.tooltip--pointer-arrowTop::before {
				content: " ";
				position: absolute;
				top: 4px;
				left: 9px;
				height: 8px;
				width: 8px;
				transform: rotate(45deg);
			}

	.tooltip--pointer-arrowBottom {
			position: absolute;
			bottom: 6px;
			right: 100%;
			width: 12px;
			height: 16px;
			overflow: hidden;
		}

	.tooltip--pointer-arrowBottom::before {
				content: " ";
				position: absolute;
				top: 4px;
				left: 9px;
				height: 8px;
				width: 8px;
				transform: rotate(45deg);
			}

	.tooltip--pointer-arrowBottomLeft {
			position: absolute;
			top: 100%;
			left: 6px;
			width: 16px;
			height: 12px;
			overflow: hidden;
		}

	.tooltip--pointer-arrowBottomLeft::before {
				content: " ";
				position: absolute;
				top: -4px;
				left: 4px;
				height: 8px;
				width: 8px;
				transform: rotate(45deg);
			}

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

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

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

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

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

	.tooltip_rule {
		max-width: 430px;
	}

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

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

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

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

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

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

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

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

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

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

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

.labeled-form-field-legacy__container {
		display: inline-flex;
		align-items: center;
	}

		.labeled-form-field-legacy__container:not(:last-child) {
			margin-right: 10px;
		}
	.labeled-form-field-legacy__label {
		white-space: nowrap;
		color: var(--form-label-text-color);
		margin-right: 4px;
	}
	.labeled-form-field-legacy__label_secondary {
			color: var(--application-header-section-text-color);
		}
	.labeled-form-field-legacy__content {
		display: flex;
	}
.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;
	    -ms-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;
	}
.labeled-form-field__container___Vrb1F {
	flex-direction: row-reverse;
}

	.labeled-form-field__container___Vrb1F .switcher {
			margin: 0 5px;
		}

	.labeled-form-field__container___Vrb1F .switcher--input:not(:checked) + .switcher--label {
					background-color: var(--order-entry-switcher-off-bg-color);
				}

	.labeled-form-field__container___Vrb1F .switcher--input:checked + .switcher--label:first-of-type {
					background-color: var(--order-entry-switcher-on-bg-color);
				}

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

.accountParams--col {
		font-size: 12px;
		padding: 3px 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.accountParams--id {
		width: 111px;
		padding-left: 9px;
	}
	.accountParams--delimiter {
		padding: 0 6px;
	}
	.accountParams--delimiter:before {
		content: '';
		display: block;
		height: 12px;
		border-left-style: solid;
		border-left-width: 1px;
		border-left-color: var(--line-color-4);
	}
	.accountParams--currency {
		width: 36px;
		text-transform: uppercase;
	}
	.accountParams--type {
		text-transform: uppercase;
	}
	.accountParams--type-sb {
			color: var(--account-label-sb-bg-color);
		}
	.accountParams--type-fx {
			color: #d3bfb4;
		}

.accountParams--mode {
		text-transform: uppercase;
		font-size: 8px;
		letter-spacing: 1px;
		width: 32px;
	}

.accountParams--mode-live {
			color: var(--account-label-live-text-color);
		}

.accountParams--mode-demo {
			color: var(--account-label-demo-text-color);
		}

.accountParams--type {
		display: none;
	}

.dropDown-selectBox-accountInfo {
	transform: translateX(-9px);
}

	.dropDown-selectBox-accountInfo:not(.dropDown-selectBox-abovePopup) {
		z-index: 98;
	}

	.dropDown-selectBox-accountInfo .dropDown--list {
		width: 206px;
	}

	.dropDown-selectBox-accountInfo .dropDown--option {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 0;
		color: var(--common-text-default);
	}

	.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;
				width: 165px;
				height: 1px;
				background-color: var(--label-color);
				left: 50%;
				top: 0;
				transform: translate(-50%);
			}

	.dropDown-selectBox-accountInfo .dropDown--option[data-email="true"] .accountParams--id {
				width: 100%;
			}

	.dropDown-selectBox-accountInfo .dropDown--option[data-email="true"] .accountParams--delimiter,
			.dropDown-selectBox-accountInfo .dropDown--option[data-email="true"] .accountParams--currency,
			.dropDown-selectBox-accountInfo .dropDown--option[data-email="true"] .accountParams--type {
				display: none;
			}

	.dropDown-selectBox-accountInfo .dropDown--option-selected {
			color: var(--common-text-selected);
		}

	.dropDown-selectBox-accountInfo .dropDown--option-selected .accountParams--type-fx {
				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);
		}

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

.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;
}
.selectBox-accountInfo .control--label {
		display: none;
	}
.selectBox-accountInfo .selectBox--inner {
		height: auto;
	}
.selectBox-accountInfo .selectBox--arrow {
		top: 23px;
		transform: translateY(0);
	}
.selectBox-accountInfo .selectBox--labelHead {
		display: flex;
		margin-bottom: 6px;
	}
.selectBox-accountInfo .selectBox--labelCurrency {
		text-transform: uppercase;
	}
.selectBox-accountInfo.selectBox-active .selectBox--label, .selectBox-accountInfo.selectBox-active:hover .selectBox--label, .selectBox-accountInfo.selectBox:active .selectBox--label {
			top: 0;
		}
.selectBox-accountInfo.selectBox-active .selectBox--labelText, .selectBox-accountInfo.selectBox-active:hover .selectBox--labelText, .selectBox-accountInfo.selectBox:active .selectBox--labelText {
			position: relative;
			top: 1px;
		}

.account-info-mode__container___5msUQ {
	align-self: center;
	padding: 2px 2px 1px;
	margin-right: 5px;
	font-size: 9px;
	line-height: 10px;
	font-weight: bold;
	letter-spacing: 0.45px;
	text-transform: uppercase;
	border-radius: 1px;
	color: var(--account-label-text-color);
}

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

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


.account-info-label__container___in6m- {
	font-size: 12px;
	color: var(--account-info-label-text-color);
}



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

	to {
		transform: scale(1);
	}
}

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

	to {
		transform: scale(1);
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.headerNew__tradingTypeSwitcher {
		display: flex;
		position: relative;
		z-index: 1;
		margin-left: 15px;
	}
.mobile .workArea--header {
		height: 114px;
	}
	.mobile .headerNew--top {
		flex-direction: column;
		align-items: flex-start;
	}
	.mobile .headerNew::before {
			display: none;
		}
	.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 {
		position: absolute;
		right: 0;
		left: 122px;
	}
	.mobile .headerNew__accountSelector .control-selectBox {
			max-width: 100%;
		}
	.mobile .headerNew__accountSelector .control-selectBox .control--wrap {
				width: 100%;
			}
	.mobile .headerNew__accountSelector .control-selectBox .selectBox--labelText {
				display: flex;
				align-items: baseline;
				white-space: pre-wrap;
			}
	.mobile .headerNew__accountSelector .control--label {
			display: none;
		}

.headerNew__accountSelector___OHCc0 {
	display: flex;
	justify-content: flex-end;
	align-self: stretch;
	padding: 0 10px 0 16px;
	position: relative;
	z-index: 3;
}

	.headerNew__accountSelector___OHCc0:before,
	.headerNew__accountSelector___OHCc0:after {
		content: '';
		position: absolute;
		height: calc(100% + 3px);
		border-left: 1px dotted var(--app-header-divider-vertical-color);
	}

	.headerNew__accountSelector___OHCc0:before {
		left: 0;
	}

	.headerNew__accountSelector___OHCc0:after {
		right: 0;
	}

	.headerNew__accountSelector___OHCc0 + .headerNew__accountMetrics___6daWR {
		margin-left: 0;
	}

	.headerNew__accountSelector___OHCc0 + .headerNew__accountMetrics___6daWR:after {
			content: '';
			position: absolute;
			top: 10px;
			z-index: 2;
			height: calc(100% - 17px);
			border-left: 1px dotted var(--app-header-divider-vertical-color);
			right: 0;
		}

	.headerNew__accountSelector___OHCc0 .selectBox-accountInfo .control--label {
			margin-bottom: 2px;
		}

.headerNew__themeSwitcher___ii950 {
	position: absolute;
	right: 50px;
	top: 12px;
}

.headerNew__controlPanelWrap___aPHw8 {
	position: relative;
}

.mobile .headerNew__accountMetrics___6daWR {
		width: 100%;
	}

.live-link__container___I0GK- {
	display: none;
	color: var(--common-text-default);
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0.6px;
	position: absolute;
	z-index: 1;
	right: 16px;
	top: 0;
	cursor: pointer;
}

	.live-link__container___I0GK-:hover {
		color: var(--common-text-default);
	}

	.live-link__container___I0GK-::after {
		 top: unset;
		 bottom: -30px;
		 left: 20px;
		 padding: 1px 7px 2px;
		 letter-spacing: 0;
		 box-shadow: 0 8px 18px 0 var(--shadow-color);
	}

.live-link__label___3Op0\+ {
	margin-left: 3px;
	font-weight: bold;
	color: var(--account-label-live-bg-color);
	text-transform: uppercase;
}
.checkBox input {
		display: none;
	}
	.checkBox--label {
		display: flex;
		align-items: center;
	}
	.checkBox--view {
		position: relative;
		width: 17px;
		height: 17px;
		box-sizing: border-box;
		margin-right: 8px;
		flex-shrink: 0;
		border: 1px solid transparent;
		text-align: center;
		overflow: hidden;
	}
	.checkBox--view::before {
			content: '';
			position: absolute;
			z-index: 1;
			left: 0;
			top: 0;
			display: block;
			width: 100%;
			height: 100%;
			background-color: transparent;
			transition: all 220ms ease-in;
		}
	.checkBox--icon {
		display: none;
		width: 12px;
		height: 12px;
		cursor: pointer;
	}
	input:checked + .checkBox--label .checkBox--icon {
			margin-top: 2px;
			display: inline-block;
			vertical-align: top;
		}

.checkBox--view {
		border-color: var(--input-default-border-outside-color);
		background: var(--input-default-bg-color);
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.workarea__container_detachedMode .header {
				display: none;
			}

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

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

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

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

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

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

.workarea__contentWrap_multiasset {
			margin-bottom: 45px;
		}

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

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

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

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

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

/*Docked Widget Mode Showcase*/

.workarea__debugMenu {
		position: absolute;
		bottom: 5px;
		left: 50%;
		z-index: 5000;
		border: 1px solid red;
		opacity: 0.7;
		padding: 2px;
	}
.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-text-color);
				}
	.loaderFailure--action-retry a::before, .loaderFailure--action-retry .link-pseudo::before {
					margin-right: 5px;
				}
	.loaderFailure--text {
		color: var(--message-sbj-warning-text-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;
			color: var(--logo-brand-color);
		}

		.loader-main .loadingWheel {
			display: block;
			margin: 30px auto 15px;
		}

		.loader-main .loader--wrapper {
				display: table-cell;
				vertical-align: middle;
				text-align: center;
			}

		.loader-main .loader--indicatorWrapper {
				display: block;
				margin: 30px auto 15px;
			}

		.loader-main .loader--text {
				display: inline-block;
				vertical-align: middle;
				padding-left: 1em;
			}

		.loader-main .loader--failure {
				visibility: hidden;
			}

		.loader-main .loader--logo {
				position: relative;
				display: inline-block;
			}

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



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



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

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

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

.loader-main .loader--text::before {
					-webkit-animation: mainLoading 1s linear 0s infinite alternate;
					        animation: mainLoading 1s linear 0s infinite alternate;
				}

.loader-done {
		transform: translate3d(0, -100%, 0);
		opacity: 0;
		transition: transform 1s, opacity .75s .25s;
	}

.widget-filtered .filterPanel {
		display: flex;
	}

		.widget-filtered .filterPanel + div {
			height: calc(100% - 24px);
		}

.filterPanel {
	box-sizing: border-box;
	display: none;
	width: 100%;
	padding: 3px 6px;
	font-size: 12px;
	position: relative;
	background: linear-gradient(to right, var(--filter-panel-bg-grad-color-1), var(--filter-panel-bg-grad-color-2));
}

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

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

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

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

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

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

.filterPanel--details tr:first-child td {
				padding-top: 7px;
			}

.filterPanel--details tr:last-child td {
				padding-bottom: 7px;
			}

.filterPanel--details td {
			padding-bottom: 3px;
		}

.filterPanel--details td:first-child {
				padding-left: 10px;
				padding-right: 10px;
				text-align: right;
			}

.filterPanel--details td:last-child {
				padding-right: 10px;
			}

.filterPanel--details .filterPanel--filterName{
			color: var(--label-color);
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		}

.price strong {
		font-size: 1.25em;
		line-height: 0;
		font-weight: normal;
	}
	.price sup {
		font-size: 8px;
		display: inline-block;
		vertical-align: super;
		margin: 0 -5px 0 0;
	}

.price {
	color: inherit;
}

.price-up {
		color: var(--positive-text-color);
	}

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

.button-closeBy {
	width: 9px;
}

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

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

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

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

.grid-positions .table--colAdapts-symbol {
			width: 7.5em;
		}
		.grid-positions .table--colAdapts-quantity {
			width: 6em;
		}
		.grid-positions .table--colAdapts-actions {
			width: 4em;
		}
		.grid-positions .table--colAdapts-usedMargin {
			width: 96px;
		}
		.grid-positions .table--colAdapts-totalFinancing {
			width: 103px;
		}
		.grid-positions .table--colAdapts-totalCommissions {
			width: 124px;
		}
		.grid-positions .table--colAdapts-instrument {
			width: 233px;
		}
		.grid-positions .table--colAdapts-side {
			width: 66px;
		}
		.grid-positions .table--colAdapts-type {
			width: 59px;
		}
		.grid-positions .table--colAdapts-qty {
			width: 68px;
		}
		.grid-positions .table--colAdapts-avgFillPrice {
			width: 96px;
		}
		.grid-positions .table--colAdapts-volatility {
			width: 8em;
		}
		.grid-positions .table--colAdapts-last {
			width: 80px;
		}
		.grid-positions .table--colAdapts-dayQuantity {
			width: 93px;
		}
		.grid-positions .table--colAdapts-expirationDate {
			width: 109px;
		}
		.grid-positions .table--colAdapts-instrumentType {
			width: 114px;
		}
		.grid-positions .table--colAdapts-underlying {
			width: 110px;
		}
		.grid-positions .table--colAdapts-strike {
			width: 66px;
		}
		.grid-positions .table--colAdapts-contractSize {
			width: 97px;
		}
		.grid-positions .table--colAdapts-description {
			width: 160px;
		}
		.grid-positions .table--colAdapts-marketValue {
			width: 96px;
		}
		.grid-positions .table--colAdapts-account {
			width: 135px;
		}
		.grid-positions .table--colAdapts-dayOpenPl {
			width: 97px;
		}
		.grid-positions .table--colAdapts-openPl {
			width: 76px;
		}
		.grid-positions .table--colAdapts-maintenanceMargin {
			width: 136px;
		}
		.grid-positions .table--colAdapts-daysToExpiration {
			width: 123px;
		}
		.grid-positions .table--colAdapts-initialMargin {
			width: 98px;
		}
		.grid-positions .table--colAdapts-overnightInitialMargin {
			width: 153px;
		}
		.grid-positions .table--colAdapts-dayClosedPl {
			width: 107px;
		}
		.grid-positions .table--colAdapts-overnightMaintenanceMargin {
			width: 190px;
		}
		.grid-positions .table--colAdapts-openPlQty {
			width: 97px;
		}
		.grid-positions .table--colAdapts-intrinsicValue {
			width: 102px;
		}
		.grid-positions .table--colAdapts-theta,
		.grid-positions .table--colAdapts-positionGamma,
		.grid-positions .table--colAdapts-positionVega,
		.grid-positions .table--colAdapts-positionRho,
		.grid-positions .table--colAdapts-positionDelta {
			width: 112px;
		}
		.grid-positions .table--colAdapts-intrinsicPl {
			width: 92px;
		}
		.grid-positions .table--colAdapts-underlyingPrice {
			width: 114px;
		}
		.grid-positions .table--colAdapts-theoPrice {
			width: 82px;
		}
		.grid-positions .table--colAdapts-openPlPercent {
			width: 87px;
		}
		.grid-positions .table--colAdapts-takeProfit {
			width: 127px;
		}
		.grid-positions .table--colAdapts.grid-aggregationInstrument .table--colAdapts-instrument {
				width: 26em;
			}
		.grid-positions .table--colAdapts.grid-aggregationInstrument .table--columnHeader.position--instrument {
				justify-content: flex-start;
			}
		.grid-positions .table--colAdapts-closedPlAccountCurrency,
		.grid-positions .table--colAdapts-closedPlPositionCurrency {
			width: 170px;
		}
	.grid-positions .table--totalsWrapper {
		position: -webkit-sticky;
		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 td .table--cell {
					background-color: var(--table-group-bg-color);
				}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.switcher--input {
		display: block;
		opacity: 0;
	}

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

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

	.switcher--input:checked + .switcher--label:last-of-type::after {
						border: 1px solid transparent;
					}

	.switcher--input:checked ~ .switcher--button::after {
					left: calc(100% - 14px);
				}

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

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

	.switcher--input:focus + .switcher--label::after {
					content: "";
					box-sizing: border-box;
					width: calc(100% + 2px);
					height: calc(100% + 2px);
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					border-radius: 12px;
					border: 1px solid var(--form-control-focused-border-outside-color);
				}

	.switcher--label {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		border-radius: 12px;
		box-sizing: border-box;
	}

	.switcher--button {
		width: 100%;
		height: 100%;
		padding: 0;
		top: 0;
		left: 0;
		pointer-events: none;
	}

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

	.switcher--button::after {
			width: 12px;
			height: 12px;
			background-color: var(--common-switcher-knob-bg-color);
			border-radius: 50%;
			top: 50%;
			transform: translateY(-50%);
			left: 2px;
			z-index: 4;
			box-shadow: none;
		}

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

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

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

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

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

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

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

	.contextMenu-otherItems .contextMenu--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 .drawingToolsControl .control-selectBox {
				height: 25px;
			}

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

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

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

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

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

	.contextMenu-otherItems.contextMenu-chartToolbar .contextMenu--content .toolbar__item .selectBox-active {
						box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
					}

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

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

.accountSelector__container {
		display: inline-block;
	}

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

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

			.WidgetPositions__headerContentWrapper .button-addAggregation span, .WidgetPositions__headerContentWrapper .buttonAddPosition span {
				display: block;
				font-size: 12px;
				line-height: 16px;
				height: 100%
			}
		.WidgetPositions__headerContentWrapper .button-addAggregation {
				padding: 0 14px;
			}
		.WidgetPositions__headerContentWrapper .accountSelector__container {
			margin-right: auto;
		}
	.WidgetPositions__headerActions .positionControls:not(:first-child) {
			margin-left: 7px;
			flex-shrink: 0;
		}
	.WidgetPositions__simulatedPositions {
		display: inline-flex;
		align-items: center;
	}
	.WidgetPositions__simulatedPositionsTitle {
			margin-right: 9px;
		}
	.WidgetPositions__errorMessage {
		display: inline-block;
		text-align: center;
		width: 100%;
		line-height: 2;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		color: var(--error-description-text-color);
		font-weight: 500;
	}

.controlAggregation {
	display: inline-flex;
}

.controlAggregation--label {
		color: var(--form-label-alt-text);
		font-size: 12px;
		margin-right: 6px;
		vertical-align: middle;
	}

.controlAggregation--selectBox {
		font-size: 12px;
		height: 18px;
	}

.controlAggregation--selectBox .selectBox--label {
			line-height: 16px;
		}
.mobile .WidgetPositions__headerContent .controlAggregation--label {
			font-size: 14px;
		}

.button-icon.button-linking .icon, .button-icon.button-linkingButton .icon {
		width: 11px;
		height: 11px;
	}
	.button-icon.button-linking:hover + .button-linking-tooltip, .button-icon.button-linkingButton:hover + .button-linking-tooltip {
			display: block;
		}

.button-icon.button-linkingButton.button-primary .icon {
			fill: var(--button-primary-default-text-color);
		}

.button-icon.button-linking {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	min-width: 19px;
	background-color: transparent;
	box-shadow: none;
}

.button-icon.button-linking::before {
		content: none;
	}

.button-icon.button-linking:hover + .button-linking-tooltip {
			display: block;
		}

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

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

.button-icon.button-linking:focus .icon {
			fill: var(--icon-hovered-color);
		}

.button-icon.button-linking:disabled .icon, .button-icon.button-linking[disabled] .icon {
			fill: var(--common-text-disabled);
		}

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

.button-icon.button-linking.button-active:focus .icon {
				fill: var(--icon-hovered-color);
			}

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

.button-icon.button-linking.button-active:disabled .icon, .button-icon.button-linking.button-active[disabled] .icon {
				fill: var(--common-text-disabled);
			}

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

.button-icon.button-linking .icon {
		margin-top: -1px;
		position: relative;
		z-index: 1;
	}

.button-linking-wrapper {
	position: relative;
	display: inline-flex;
}

.button-linking-tooltip {
	position: absolute;
    left: 0;
    top: 34px;
	z-index: 999;
	display: none;
	padding: 2px 7px;
	background: var(--hint-tooltip-bg-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
	color: var(--hint-tooltip-text-color);
	pointer-events: none;
	white-space: nowrap;
	line-height: 20px;
}

.button-linking-tooltip_fading {
		display: block;
		-webkit-animation: fadeTooltip 1s;
		        animation: fadeTooltip 1s;
		-webkit-animation-delay: 3s;
		        animation-delay: 3s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		width: 200px;
		white-space: normal;
		padding-left: 10px;
		padding-right: 11px;
	}

@-webkit-keyframes fadeTooltip {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		pointer-events: all;
	}
}

@keyframes fadeTooltip {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		pointer-events: all;
	}
}

.control-watchlistModeToggler:active .control--wrap-focused {
			box-shadow: none;
		}
	.control-watchlistModeToggler .control--buttons {
			display: flex
		}
	.control-watchlistModeToggler .button {
		width: 36px;
		height: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--segmented_control-alt-default-bg);
		box-shadow: 0 0 0 1px var(--segmented_control-alt-border-outside);
	}
	.control-watchlistModeToggler .button::before {
			border-top-color: var(--segmented_control-alt-border-inside-top);
			border-bottom-color: var(--segmented_control-alt-border-inside-bottom);
			border-left-color: var(--segmented_control-alt-border-inside-side);
			border-right-color: var(--segmented_control-alt-border-inside-side);
		}
	.control-watchlistModeToggler .button:focus {
			box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		}
	.control-watchlistModeToggler .button .icon {
			height: 11px;
		}
	.control-watchlistModeToggler .button-active.button {
			background-color: var(--segmented_control-selected-bg);
			box-shadow: 0 0 0 1px var(--segmented_control-alt-border-outside);
		}
	.control-watchlistModeToggler .icon-table-mode {
		width: 11px;
		height: 7px;
	}
	.control-watchlistModeToggler .icon-grid-mode {
		width: 24px;
		height: 11px;
	}
	.control-watchlistModeToggler .icon-heatmap-mode {
		width: 11px;
		height: 11px;
	}
.optional__container___hqlQn {
	color: var(--no-data-text-color);
}

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

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

.listSelector {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: left;
}

	.listSelector--header {
		border-bottom: 1px solid var(--line-color);
	}

	.listSelector--header::after {
			display: block;
			content: "";
			clear: both;
		}

	.listSelector--option {
		float: left;
		position: relative;
		padding: 0 9px;
		color: var(--watchlist-list-type-passive-header);
		line-height: 26px;
		cursor: pointer;
	}

	.listSelector--option-active {
			color: var(--watchlist-list-type-active-header);
		}

	.listSelector--option-active::before {
				display: block;
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				bottom: -1px;
				height: 3px;
				background:  var(--tab-selected-line-color);
			}

	.listSelector--list {
		position: absolute;
		top: 27px;
		left: 0;
		bottom: 1px;
		right: 0;
		display: flex;
		flex-direction: column;
	}

	.listSelector--list .scrollable {
			height: 100%;
		}

	.listSelector--list .scrollable .listSelector--createButton {
				display: block;
				position: absolute;
				transform: translateY(8px);
				padding-bottom: 8px;
			}

	.listSelector--list .scrollable-withVerticalScrollbar .listSelector--createButton {
					display: none;
				}

	.listSelector--list .scrollable-withVerticalScrollbar + .listSelector--createButton {
					display: block;
				}

	.listSelector--list .scrollable--content {
				display: block;
				padding-top: 6px;
				padding-bottom: 6px;
				border-bottom: 1px solid var(--line-color);
			}

	.listSelector--list .scrollable-withVerticalScrollbar {
				border-bottom: 1px solid var(--line-color);
			}

	.listSelector--list .scrollable-withVerticalScrollbar .scrollable--content {
					border-bottom: none;
				}

	.listSelector--item {
		position: relative;
		white-space: nowrap;
		line-height: 26px;
		cursor: pointer;
		transition: background 220ms ease-out;
	}

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

	.listSelector--item:hover .listSelector--icons {
				opacity: 1;
				pointer-events: all;
			}

	.listSelector--text {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		padding-left: 9px;
		padding-right: 44px;
		color: var(--table-text-color);
		text-overflow: ellipsis;
		overflow: hidden;
		box-sizing: border-box;
	}

	.listSelector--icons {
		opacity: 0;
		display: inline-block;
		vertical-align: top;
		margin-left: -37px;
		transition: opacity 220ms ease-in;
		pointer-events: none;
	}

	.listSelector--icon.button {
		display: inline-block;
		vertical-align: top;
		width: 16px;
		height: 16px;
		margin-top: 5px;
		margin-right: 1px;
		padding: 2px;
	}

	.listSelector--icon.button .icon {
			margin-top: 0;
			width: 12px;
			height: 12px;
		}

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

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

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

	.listSelector--createButton {
		padding: 9px;
		display: none;
	}

	.listSelector--empty {
		padding: 20px 9px;
		font-size: 14px;
		color: var(--additional-text-color);
	}

.mobile .listSelector--createButton .button-link {
				font-size: 14px;
			}
.chart {
	display: table;
	width: 100%;
	height: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.crossTool--line {
	position: absolute;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.chartLayout {
	position: relative;
}

.chart {
	overflow: visible;
	height: 100%;
	display: block;
}

.chart--area-hidden {
		border: 0;
	}

.chart--highlights {
		display: none;
	}

.chart-drawingMode .chartLine {
			pointer-events: none;
		}

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

.chart--canvasWrapper canvas {
			width: 100%;
		}

.chart--linesWrapper {
		z-index: 4;
	}

.chart--lines {
		left: 130px;
	}

.chart .chartStudy--infoBar {
		font-size: 1.1rem;
	}

.chart-watchlist .chart .chartLine:before {
				background-color: var(--line-color);
			}

.chart--cursor {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.chart--cursor .cursor {
			display: none;
			position: absolute;
		}

.chart--cursor .cursor-visible {
				display: inline-block;
				vertical-align: middle;
			}

.chart {
	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--highLowIndicator {
	padding: 0 5px;
	font-size: 10px;
	line-height: 15px;
	margin-left: 7px;
	position: absolute;
	opacity: 1;
	background: var(--chart-high-low-label-bg-color);
	color: var(--chart-high-low-label-text);
}

	.chart--highLowIndicator::after {
		border-color: transparent var(--chart-high-low-label-bg-color);
		content: "";
		position: absolute;
		left: -6px;
		border-style: solid;
		display: block;
		width: 0;
		z-index: 1;
	}

	.chart--highLowIndicator-low {
		margin-top: -15px;
		border-radius: 3px 3px 3px 0;
	}

	.chart--highLowIndicator-low::after {
			bottom: 0;
			border-width: 6px 6px 0 0;
		}

	.chart--highLowIndicator-high {
		border-radius: 0 3px 3px 3px;
		margin-top: 0;
	}

	.chart--highLowIndicator-high::after {
			top: 0;
			border-width: 0 6px 6px 0;
		}

	.chart--highLowIndicator-pointerRight {
		margin-right: 7px;
		margin-left: 0;
	}

	.chart--highLowIndicator-pointerRight::after {
			left: auto;
			right: -6px;
		}

	.chart--highLowIndicator-pointerRight.chart--highLowIndicator-low {
				border-radius: 3px 3px 0 3px;
			}

	.chart--highLowIndicator-pointerRight.chart--highLowIndicator-low::after {
					border-width: 6px 0 0 6px;
				}

	.chart--highLowIndicator-pointerRight.chart--highLowIndicator-high {
				border-radius: 3px 0 3px 3px;
			}

	.chart--highLowIndicator-pointerRight.chart--highLowIndicator-high::after {
					border-width: 0 0 6px 6px;
				}
.chart--hiddenLinesInfoBox {
	position: absolute;
	line-height: 32px;
	color: var(--common-text-default);
	font-size: 14px;
	border-radius: 1px;
	background-image: linear-gradient(70deg, var(--chart-drawing-management-panel-bg-color-1),  var(--chart-drawing-management-panel-bg-color-2) 98%);
	display: none;
	padding: 0 7px;
	text-transform: uppercase;
	z-index: 5;
	white-space: nowrap;
	pointer-events: none;
	left: 0;
}

	.chart--hiddenLinesInfoBox::before {
		content: " ";
		position: absolute;
		left: 50%;
		background-image: linear-gradient(70deg, var(--chart-drawing-management-panel-bg-color-1),  var(--chart-drawing-management-panel-bg-color-2) 98%);
		transform: translateX(-50%) rotate(45deg);
		height: 8px;
		width: 8px;
	}

	.chart--hiddenLinesInfoBox-visible {
		display: block;
	}

	.chart--hiddenLinesInfoBox-top {
		top: 10px;
		box-shadow: 0 -4px 10px 0 var(--shadow-color);
	}

	.chart--hiddenLinesInfoBox-top::before {
			top: -4px;

		}

	.chart--hiddenLinesInfoBox-bottom {
		bottom: 10px;
		box-shadow: 0 4px 10px 0 var(--shadow-color);
	}

	.chart--hiddenLinesInfoBox-bottom::before {
			bottom: -4px;
		}
.chart-renderer__chartContainer___7GfY- {
	display: flex;
	flex-direction: column;
	height: 100%;
}

	.chart-renderer__chartContainer_hidden___tQB17 {
		 visibility: hidden;
	}

.chart-renderer__chart___IRLSa {
	height: 100%;
}

.chart-renderer__canvasContainer___RTc3- {
	height: 100%;
}
.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;
		color: var(--price-default-text-color);
	}

.instrument--price strong {
			font-weight: normal;
			font-size: 1.347em;
		}

.button-price:active:not([disabled]) .instrument--price {
			margin: 3px 0 -3px 0;
		}

.instrument--price-digits8 {
			font-size: 18px;
		}

.instrument--price-digits10 {
			font-size: 15px;
		}

.instrument--spread-dashboard {
			display: inline-block;
			vertical-align: bottom;
			width: 100px;
			min-height: 19px;
			margin: 0;
			line-height: 19px;
			text-align: center;
			position: absolute;
			left: 50%;
			top: 56px;
			box-shadow: none;
			border-bottom: none;
			border-radius: 1px 1px 0 0;
			transform: translateX(-50%);
			z-index: 2;
		}

.instrument--spread-dashboard::before {
				position: absolute;
				content: "";
				bottom: 0;
				left: -1px;
				width: calc(100% + 2px);
				height: calc(100% + 1px);
				z-index: -1;
				border-radius: 1px 1px 0 0;
			}

.instrument--spread-dashboard span {
				display: inline-block;
				width: 100%;
				height: 100%;
				position: relative;
				z-index: 1;
				border-radius: 1px 1px 0 0;
			}

.instrument--close .icon {
			width: 11px;
			height: 11px;
		}

.instrument--settings .icon {
			width: 13px;
			height: 13px;
		}

.instrument--groupTitle {
		padding-left: 11px;
		font-weight: bold;
	}

.instrument-future {
		background-color: var(--watchlist-futures-warning-table-row-bg-color);
	}

.instrument--change-positive, .instrument--netChange-positive, .instrument--spread-positive {
			color: var(--positive-text-color);
		}

.instrument--change-negative, .instrument--netChange-negative, .instrument--spread-negative {
			color: var(--negative-text-color);
		}

.instrument--sell .button-price:after, .instrument--buy .button-price:after {
			border-color: var(--button-disabled-border-outside-color);
		}

.instrument--spread-dashboard::before {
			background-color: var(--dashboard-area-bg-color);
		}

.instrument--spread-dashboard span {
			background-color: var(--dashboard-spread-bg-color);
		}

.instrument--close .icon, .instrument--settings .icon {
			fill: var(--icon-primary-default-color)
		}

.instrument--close:hover .icon, .instrument--settings:hover .icon {
				fill: var(--icon-hovered-color);
			}

.instrument--groupTitle {
		color: var(--common-text-default);
	}

.instrument .button-price:not([disabled]).button-buy,
				.instrument .button-price:not([disabled]).button-sell {
					border-color: var(--neutral-dashboard-button-outside-border-color);
				}

.instrument .button-price:not([disabled]).button-buy:hover::before, .instrument .button-price:not([disabled]).button-sell:hover::before {
						background: var(--button-hovered-overlay-color);
					}

.instrument .icon-watchlist-futures-warning {
		fill: var(--watchlist-futures-warning-icon-color);
	}

.instrument-up .button-price:after {
			background-color: var(--up-dashboard-bg-color);
			border-color: var(--up-dashboard-button-outside-border-color);
		}

.instrument-up .button-price[disabled]:after {
			background-color: var(--disabled-bg-color);
		}

.instrument-up .button-price:not([disabled]).button-buy,
					.instrument-up .button-price:not([disabled]).button-sell {
						background-color: var(--up-dashboard-bg-color);
						border-color: var(--up-dashboard-button-outside-border-color);
					}

.instrument-down .button-price:after {
			background-color: var(--down-dashboard-bg-color);
			border-color: var(--down-dashboard-button-outside-border-color);
		}

.instrument-down .button-price[disabled]:after {
			background-color: var(--disabled-bg-color);
		}

.instrument-down .button-price:not([disabled]).button-buy,
					.instrument-down .button-price:not([disabled]).button-sell {
						background-color: var(--down-dashboard-bg-color);
						border-color: var(--down-dashboard-button-outside-border-color);
					}

.instrument-expanded .order--actions {
			visibility: hidden;
			opacity: 0;
		}

.instrument-disabled.plate .plate--quantity .control-disabled input[type="text"] {
					color: var(--common-text-disabled);
				}

.instrument-disabled.plate .plate--quantity .selectBox--arrow {
					opacity: 0.3;
				}

.instrument-disabled .instrument--spread-dashboard {
				color: var(--no-data-text-color);
			}

.instrument-disabled .instrument--sell::after, .instrument-disabled .instrument--buy::after {
					background-color: var(--disabled-bg-color);
				}

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

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

.tradeInfo {
	display: inline-block;
	padding: 0 20px 0 7px;
}

	.tradeInfo--property {
		margin-right: 2px;
		color: var(--widget-header-hint-label-color);
	}

	.tradeInfo--property strong,
		.tradeInfo--property time {
			margin-left: 4px;
			margin-right: 3px;
			font-weight: normal;
			color: var(--widget-header-hint-value-color);

		}

.mobile .tradeInfo {
		padding-left: 0;
	}
.popup-trade {
	position: absolute;
	left: 50%;
	top: 40%;
	width: auto;
	height: auto;
}

	.popup-trade::before {
		content: none;
	}

	.popup-trade .popup--window {
			position: relative;
			left: 0;
			top: 0;
			margin-left: -345px;
			margin-top: -115px;
		}

	.popup-trade .popup--content {
			margin-bottom: -43px;
			padding: 0;
			min-height: 146px;
		}

	.popup-trade .popup--footer {
			text-align: right;
		}

	.popup-trade .popup--footer::before,
			.popup-trade .popup--footer::after {
				content: "";
				display: table
			}

	.popup-trade .popup--footer::after {
				clear: both
			}

	.popup-trade .popup--buttons {
			float: right;
		}

	.popup-trade .tradeChart--wrapper {
			overflow: hidden;
		}

	.popup-trade .instrument--symbol {
			width: 121px;
			display: inline-block;
			font-size: 1.8rem;
			color: var(--common-text-default);
		}

	.popup-trade .instrument--description {
			display: inline-block;
			font-size: 1.2rem;
			margin-left: 8px;
			width: auto;
			vertical-align: bottom;
			line-height: 1.4;
		}

	.popup-trade .form.tradeForm .form--fieldset-protectionOrders .form--legend {
							margin-bottom: 8px;
						}

	.tradeForm-protected .popup-trade .form.tradeForm .form--fieldset-protectionOrders .form--legend {
								margin-bottom: 2px;
							}
.chart-popupTrade.chart-bidAsk .chartLine-askQuote .chartLine--controlGroup {
						position: static;
					}
					.chart-popupTrade.chart-bidAsk .chartLine-askQuote .chartLine--quote {
						font-size: 1.1rem;
						position: absolute;
						left: 100%;
						top: -.55rem;
						margin: 0 5px;
					}

.chart-popupTrade.chart-bidAsk .chartLine-currentQuote::before {
					background: var(--chart-up-line-color);
				}

.chart-popupTrade.chart-bidAsk .chartLine-askQuote::before {
					background: var(--chart-down-line-color);
				}

.chart-popupTrade.chart-bidAsk .chartLine-askQuote .chartLine--quote {
					background: rgba(var(--chart-bg-color-rgb), 0.8);
					color: var(--chart-down-line-color);
				}

.chart-popupTrade.chart-bidAsk .last {
			color: var(--chart-up-line-color);
		}

.chart-popupTrade.chart-bidAsk .last.last-1 {
				color: var(--chart-down-line-color);
			}

.tradeChart {
	width: 284px;
	flex-shrink: 0;
}

	.tradeChart--wrapper {
		z-index: 2;
		position: relative;
		height: calc(100% - 1px);
		box-sizing: border-box;
		border-right: 1px solid var(--line-color);
		background-color: var(--chart-bg-color);
	}

	.tradeChart--container {
		height: 225px;
		max-height: 100%;
	}

	.tradeChart--container-withInfo {
			height: calc(100% - 30px);
		}

	.tradeChart--info {
		position: absolute;
		bottom: 15px;
		left: 10px;
		color: rgba(255, 255, 255, 0.55);
		line-height: 1;
	}

	.tradeChart .chartLayout--cell-axis,
	.tradeChart .chart--axisWrapper-y {
		width: 55px;
	}

	.tradeChart .chart {
		box-sizing: border-box;
		padding: 8px;
	}

	.tradeChart .chart--axis-y > div:first-child {
		display: flex;
		position: absolute;
	}

	.tradeChart .last-1,
	.tradeChart .last {
		display: flex;
		padding: 0 0 0 5px;
		font-size: 10px;
	}

	.tradeChart .last-1 .value, .tradeChart .last .value {
			display: block;
			font-size: 12px;
		}

	.tradeChart .last-1 .value span, .tradeChart .last .value span {
				font-size: 14px;
			}

	.tradeChart .last-1 {
		flex-direction: column;
		margin-top: 4px;
		color: var(--buy-text-color);
		transform: translateY(-100%);
	}

	.tradeChart .last {
		flex-direction: column-reverse;
		margin-top: -3px;
		color: var(--sell-text-color);
		transform: translateY(0);
	}

.tradeChart--container {
		margin-left: 17px;
		padding: 17px 17px 17px 0;
		overflow: hidden;
	}

.tradeChart .chart {
		padding: 0;
	}

.tradeChart .chart--linesWrapper {
			clip: auto;
		}

.tradeChart .chartLine-hideDot {
			display: none;
		}

.tradeChart .chartLine--labelAxis {
			display: flex;
			flex-direction: column;
		}

.tradeChart .chartLine--labelAxis-askQuote {
				top: -7px;
			}

.tradeChart .chartLine--labelAxis-askQuote .chartLine--labelAxis--text {
						order: 2;
					}

.tradeChart .chartLine--labelAxis-bidQuote {
				top: 7px;
			}

.tradeChart .chartLine--labelAxis--text {
			font-size: 12px;
			line-height: 12px;
			letter-spacing: .5px;
		}
.control-orderSide {
	width: 120px;
}
.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;
		}

.numericStepper {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

	.numericStepper.numericStepper-hasData .numericStepper--clearInput {
			height: calc(100% - 2px);
			width: 20px;
			position: absolute;
			left: 29px;
			top: 1px;
			display: block;
		}

	.numericStepper.numericStepper-horizontalButtons .numericStepper--control {
			box-sizing: border-box;
			position: absolute;
			top: 2px;
			width: 23px;
			height: 23px;
			padding: 0;
			border-radius: calc(var(--controls-border-radius) - 1px);
		}

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

	.numericStepper.numericStepper-horizontalButtons .numericStepper--control-up {
				right: 2px;
			}

	.numericStepper.numericStepper-horizontalButtons .numericStepper--control .icon {
				margin: 7px;
			}

	.numericStepper.numericStepper-verticalButtons {
		display: block;
	}

	.numericStepper.numericStepper-verticalButtons .numericStepper--input input[type='text'] {
				padding-right: 28px;
				min-width: 68px;
			}

	.numericStepper.numericStepper-verticalButtons .numericStepper--control-down,
			.numericStepper.numericStepper-verticalButtons .numericStepper--control-up {
				height: 11px;
				position: absolute;
				top: auto;
				bottom: auto;
				right: 2px;
				z-index: 0;
				transition: height 0.2s;
			}

	.numericStepper.numericStepper-verticalButtons .numericStepper--control-down:hover, .numericStepper.numericStepper-verticalButtons .numericStepper--control-up:hover {
					height: 23px;
					z-index: 3;
				}

	.numericStepper.numericStepper-verticalButtons .numericStepper--control-down:hover .icon, .numericStepper.numericStepper-verticalButtons .numericStepper--control-up:hover .icon {
						margin: 7px 7px;
					}

	.numericStepper.numericStepper-verticalButtons .numericStepper--control-down .icon, .numericStepper.numericStepper-verticalButtons .numericStepper--control-up .icon {
					margin: 1px 7px;
					transition: margin 0.2s;
				}

	.numericStepper.numericStepper-verticalButtons .numericStepper--control-down,
			.numericStepper.numericStepper-verticalButtons .numericStepper--control-up {
				height: 11px;
			}

	.numericStepper.numericStepper-verticalButtons .numericStepper--control-up {
				bottom: calc(100% - 13px);
			}

	.numericStepper.numericStepper-verticalButtons .numericStepper--control-down {
				top: calc(100% - 13px);
			}

	.numericStepper--input {
		display: block;
		position: relative;
	}

	.numericStepper--input input[type="text"] {
			text-align: right;
			min-width: 88px;
			padding-right: 51px;
		}

	.numericStepper--pseudoInput {
		display: none;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 23px;
		padding: 0 28px 0 12px;
	}

	.numericStepper--clearInput {
		display: none
	}

	.numericStepper .button-clearInput {
		position: absolute;
		top: 9px;
		left: 5px;
	}

	.numericStepper .button-clearInput:active {
			top: 10px;
		}

	.numericStepper--control {
		position: absolute;
		top: 2px;
		width: 23px;
		height: 23px;
		padding: 0;
		box-sizing: border-box;
		border-radius: calc(var(--controls-border-radius) - 1px);
		border: 1px solid transparent;
		background-origin: border-box;
	}

	.numericStepper--control:focus {
			z-index: 1;
		}

	.numericStepper--control .icon {
			width: 7px;
			height: 7px;
			margin: 7px;
		}

	.numericStepper--control-down {
			right: 26px;
		}

	.numericStepper--control-up {
			right: 2px;
		}

	.numericStepper--control span {
			display: block;
			line-height: 1;
		}
.numericStepper--control .icon {
			fill: var(--icon-primary-default-color);
		}
.numericStepper--control:disabled .icon, .numericStepper--control[disabled] .icon {
				fill: var(--disabled-symbol-color);
			}
.numericStepper--clearInput .button {
			background: transparent;
			box-shadow: none;
			border-color: transparent;
		}
.numericStepper .numericStepper--control {
		background-color: var(--small-button-bg-color);
	}
.numericStepper .numericStepper--control,
		.numericStepper .numericStepper--control:disabled,
		.numericStepper .numericStepper--control:disabled:hover,
		.numericStepper .numericStepper--control:disabled:active {
			box-shadow: none;
		}
.numericStepper .numericStepper--control::before {
			border-top-color: var(--small-button-inside-border-top-color);
			border-left-color: var(--small-button-inside-border-side-color);
			border-right-color: var(--small-button-inside-border-side-color);
			border-bottom-color: var(--small-button-inside-border-bot-color);
		}

#ruler .numericStepper input[type='text'] {
			display: none;
		}

#ruler .numericStepper .numericStepper--pseudoInput {
			display: inline-block;
		}

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

.control-numericStepperShort {
	width: 89px;
}

.control-numericStepper {
	width: 125px;
}

.control-numericStepper.control-disabled .numericStepper .button {
				background: var(--small-button-disabled-bg-color);
				box-shadow: none;
			}

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

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

.control-numericStepper.control-optionChain {
		display: flex;
		align-items: center;
		width: auto;
	}

.control-numericStepper.control-optionChain .control--label {
			margin-right: 8px;
		}

.control-numericStepper.control-optionChain label {
			font-size: 12px;
			color: var(--additional-text-color);
			white-space: nowrap;
		}

.control-numericStepper.control-optionChain .numericStepper--input input[type="text"] {
			min-width: 51px;
			width: 51px;
			padding-right: 28px;
			line-height: 27px;
		}

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

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

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

.control-orderDuration {
	width: 120px;
}
	
	.control-orderDuration .control--buttons {
		white-space: nowrap;
	}
	
	.control-orderDuration .control--buttons .button {
			padding: 0;
		}
.labeled_form_field_child__labeledContainer:first-child {
			margin-left: 25px;
		}
		.labeled_form_field_child__labeledContainer + .labeledContainer {
			margin-left: 12px;
		}
	.labeled_form_field_child__label {
		margin-right: 4px;
		margin-left: 0;
		color: var(--form-label-text-color);
	}
	.labeled_form_field_child__container {
		flex-direction: row;
	}
	.labeled_form_field_child__container:not(:last-child) {
			margin-right: 13px;
		}
	.labeled_form_field_child__container_corrected {
			transition: color var(--animation-fast) linear;
			-webkit-animation: blinkingText 750ms linear;
			        animation: blinkingText 750ms linear;
		}

@-webkit-keyframes blinkingText {
	0% {
		color: var(--error-description-text-color);;
	}

	50% {
		color: var(--modal-window-text-color);
	}

	100% {
		color: var(--error-description-text-color);
	}
}

@keyframes blinkingText {
	0% {
		color: var(--error-description-text-color);;
	}

	50% {
		color: var(--modal-window-text-color);
	}

	100% {
		color: var(--error-description-text-color);
	}
}

.labeled_form_field_child_container {
		flex-direction: row;
	}

.labeled_form_field_child_container:not(:last-child) {
			margin-right: 13px;
		}

.labeled_form_field_child_container_corrected {
			transition: color var(--animation-fast) linear;
			-webkit-animation: blinkingText 750ms linear;
			        animation: blinkingText 750ms linear;
		}
.trade-form-protection-orders__noData {
        color: var(--no-data-text-color);
    }
    .trade-form-protection-orders__Container {
        padding-top: 14px;
        padding-left: 11px;
    }
    .trade-form-protection-orders__Container .form--row .selectBox--label {
                line-height: 23px;
            }
    .trade-form-protection-orders__Container .form--row .checkBox--text {
                width: 70px;
                white-space: nowrap;
            }
    .trade-form-protection-orders__Container .form--row .control + .control {
                margin-left: 0;
                margin-right: 15px;
            }
    .trade-form-protection-orders__Container .form--row .control-checkBox + .control {
                margin-left: 0;
            }
    .trade-form-protection-orders__Container .form--row .control .selectBox {
                min-width: 120px;
            }
    .trade-form-protection-orders__Container .form--row .control-numericStepper {
                width: 122px;
            }
    .trade-form-protection-orders__hint {
        display: flex;
        align-items: center;
    }
.form--fieldset {
		padding: 8px 16px 0 8px;
	}

		.form--fieldset-info .form--row:first-child {
				padding-bottom: 10px;
			}

		.form--fieldset-info .control-toggleButtons .button {
					text-transform: uppercase;
				}

		.form--fieldset-protectionOrders {
			padding-top: 6px;
			padding-bottom: 3px;
		}

		.form--fieldset-closing .control-numericStepper {
				margin-left: 100px;
			}

	.form--row {
		padding-bottom: 8px;
	}

	.form--row::after {
			content: '';
			display: table;
			clear: both;
		}

	.form--row .control {
			display: inline-block;
		}

	.form--row .control-value {
				vertical-align: top;
			}

	.form--row .control--label {
			display: block;
			font-size: 1rem;
			line-height: normal;
			margin-bottom: 2px;
		}

	.form--row .control--label > label {
				width: 100%;
				text-transform: capitalize;
			}

	.form--row .control--label.checkBox--label {
				margin-bottom: 0;
				font-size: 12px;
			}

	.form--row .control + .control {
			margin-left: 8px;
		}

	.form--column {
		float: left;
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
		width: 100%;
	}

	.form--legend {
		margin-bottom: 2px;
	}

.form--column-2 {
	width: 16.666666666666668%;
}
.form--column-3 {
	width: 25%;
}
.form--column-4 {
	width: 33.333333333333336%;
}
.form--column-5 {
	width: 41.66666666666667%;
}
.form--column-6 {
	width: 50%;
}
.form--column-7 {
	width: 58.333333333333336%;
}
.form--column-8 {
	width: 66.66666666666667%;
}
.form--column-9 {
	width: 75%;
}
.form--column-10 {
	width: 83.33333333333334%;
}
.form--column-11 {
	width: 91.66666666666667%;
}
.form--column-12 {
	width: 100%;
}

.form--fieldset-secondary {
			box-shadow: 0 1px 1px var(--line-color-3) inset;
		}

.form--fieldset-durationOrders {
			box-shadow: 0 1px 0 var(--line-color-3) inset;
		}

.form--legend .control--label {
			color: inherit;
		}

.form--fieldset-secondary {
			background-color: var(--modal-window-expanded-area-bg-color);
		}

.form--fieldset-oco {
	overflow: hidden;
	counter-reset: item;
	box-shadow: 0 -1px 1px var(--line-color-3);
}

	.form--fieldset-oco .form--row {
		position: relative;
		padding-left: 29px;
		padding-bottom: 10px;
		white-space: nowrap;

	}

	.form--fieldset-oco .form--row-connected::before {
				content: counter(item);
				counter-increment: item;

				position: absolute;
				left: 13px;
				top: 14px;
				color: var(--label-color);
			}

	.form--fieldset-oco .form--row-connected::after {
				content: "";
				display: block;
				position: absolute;
				left: 0;
				width: 10px;
				border-style: solid;
				border-color: var(--input-default-border-outside-color);
			}

	.form--fieldset-oco .form--row-connected:first-child::after {
				bottom: 0;
				top: 22px;
				border-width: 1px 0 0 1px;
			}

	.form--fieldset-oco .form--row-connected:nth-child(2)::after {
				top: 0;
				height: 22px;
				border-width: 0 0 1px 1px;
			}

	.form--fieldset-oco .form--row .control-orderSide,
			.form--fieldset-oco .form--row .control-ocoOrderType,
			.form--fieldset-oco .form--row .control-marginImpact {
				width: 120px;
			}

	.form--fieldset-oco .form--row .control-limitPrice {
				width: 105px;
			}

	.form--fieldset-oco .form--row .control-value .value {
					font-size: 14px;
				}

	.form--fieldset-oco .form--row .control .tradeForm--side {
					width: 92px;
				}

	.form--fieldset-oco .form--row .control .tradeForm--type {
					width: 80px;
				}


.closingHint__container___b0ACV {
	position: relative;
	padding: 9px 0 5px;
	text-align: center;
	color: var(--common-text-default);
}

.tradeForm {
	padding-bottom: 43px;
}

	.tradeForm .control--label {
		white-space: nowrap;
		font-size: 1.2rem;
	}

	.tradeForm .form--fieldset {
		padding-left: 10px;
	}

	.tradeForm .form--fieldset-parameters {
			padding-top: 0;
		}

	.tradeForm .form--fieldset-parameters .form--row {
				padding-bottom: 0;
			}

	.tradeForm .form--fieldset-parameters .control {
				margin-bottom: 11px;
			}

	.tradeForm .form--fieldset-parameters .control--wrap {
					font-size: 14px;
				}

	.tradeForm .form--fieldset-durationOrders,
		.tradeForm .form--fieldset-protectionOrders {
			box-sizing: border-box;
			width: auto;
		}

	.tradeForm .form--fieldset-protectionOrders {
			height: 41px;
			overflow: hidden;
		}

	.tradeForm .form--fieldset-protectionOrders .form--row {
				opacity: 0;
			}

	.tradeForm .form--fieldset-noProtection {
			position: relative;
		}

	.tradeForm .form--fieldset-info,
		.tradeForm .form--fieldset-protectionOrders {
			padding-bottom: 2px;
		}

	.tradeForm .form--fieldset-durationOrders {
			padding-top: 6px;
		}

	.tradeForm .form--fieldset-protectionOrders {
			padding-top: 12px;
		}

	.tradeForm .form--fieldset-info,
		.tradeForm .form--fieldset-orderInfo {
			margin-right: 0;
			padding-top: 10px;
			padding-right: 10px;
		}

	.tradeForm .form--fieldset-info .tradeForm--quantity,
				.tradeForm .form--fieldset-info .tradeForm--openPl,
				.tradeForm .form--fieldset-orderInfo .tradeForm--quantity,
				.tradeForm .form--fieldset-orderInfo .tradeForm--openPl {
					font-size: 1.8rem;
					line-height: 1.4;
				}

	.tradeForm .form--fieldset-orderInfo {
			padding-bottom: 7px;
		}

	.tradeForm .form--fieldset-oco {
			padding-top: 11px;
		}

	.tradeForm .control + .control {
		margin-left: 11px;
	}

	.tradeForm .control-durationHours,
		.tradeForm .control-durationDayMonth,
		.tradeForm .control-durationRemains,
		.tradeForm .control-durationExpiresAt {
			overflow: hidden;
			max-width: 0;
			white-space: nowrap;
			opacity: 0;
			margin-left: 0;
		}

	.tradeForm .control-durationRemains,
		.tradeForm .control-durationExpiresAt {
			line-height: 1.8em;
			font-size: 14px;
		}

	.tradeForm .control-marginImpact .control--label,
			.tradeForm .control-marginImpact .control--wrap {
				display: block;
			}

	.tradeForm .control-marginImpact .control--wrap {
				display: flex;
				align-items: center;
				height: 25px;
			}

	.tradeForm .control-value .value {
				line-height: 2rem;
			}

	.tradeForm .control-value .value strong {
					font-size: 1.8rem;
					line-height: 1rem;
					font-weight: normal;
				}

	.tradeForm .control-leverage {
			font-size: 14px;
		}

	.tradeForm .control-leverage.control {
				margin-left: 25px;
			}

	.tradeForm .control-leverage .icon {
				width: 13px;
				height: 13px;
				margin-left: 7px;
				vertical-align: middle;
			}

	.tradeForm .control-selectAssets .comboBox {
				margin-left: -2px;
			}

	.tradeForm .control-metric {
		    top: 10px;
			margin-right: 20px;
		 	margin-left: 0;
		}

	.tradeForm .control-metric:last-child {
				margin-right: 0;
			}

	.tradeForm .control-metric .control--label, .tradeForm .control-metric .value {
				font-size: 12px;
				line-height: 14px;
				font-style: normal;
				font-weight: normal;
				font-feature-settings: 'pnum' on, 'lnum' on;
			}

	.tradeForm .time span {
			display: inline-block;
		}

	.tradeForm .time--delimiter {
			margin: 0 0.2em;
		}

	.tradeForm .time--unit {
			margin: 0 0 0 .2em;
		}

	.tradeForm--orderInfo {
		margin-top: 8px;
	}

	.tradeForm--instrument {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.tradeForm--instrument .instrument--title {
				display: flex;
				flex-direction: column;
			}

	.tradeForm--instrument .instrument--description {
				margin-left: 0;
			}

	.tradeForm--lotsLabel {
		display: inline-flex;
		margin-top: 1px;
	}

	.tradeForm--lotsLabel .control--label {
				margin-bottom: 0;
				font-size: inherit;
			}

	.tradeForm--lotsLabel .control--postfix,
			.tradeForm--lotsLabel .control--label {
				color: inherit;
			}

	.tradeForm--side,
	.tradeForm--type {
		display: inline-block;
		vertical-align: baseline;
		width: 64px;
		font-size: 1.8rem;
		font-weight: 400;
		margin-top: 2px;
	}

	.tradeForm--side {
		text-transform: uppercase;
	}

	/* Form States */

	.tradeForm-market .form--fieldset-durationOrders,
				.tradeForm-market .form--fieldset-oco {
					visibility: hidden;
					height: 0;
					width: 0;
					margin: 0;
					padding: 0;
				}

	.tradeForm-market .form--fieldset-durationOrders .form--row, .tradeForm-market .form--fieldset-oco .form--row {
						opacity: 0;
					}

	.tradeForm-market .form--row .control-limitPrice,
					.tradeForm-market .form--row .control-trailingStopPrice {
						overflow: hidden;
						visibility: hidden;
						width: 0;
						margin: 0;
						opacity: 0;
					}

	.tradeForm-limit .form--fieldset .control--fieldset-oco, .tradeForm-limit .form--fieldset-oco {
					visibility: hidden;
					height: 0;
					width: 0;
					margin: 0;
					padding: 0;
				}

	.tradeForm-limit .form--fieldset .control--fieldset-oco .form--row, .tradeForm-limit .form--fieldset-oco .form--row {
						opacity: 0;
					}

	.tradeForm-limit .form--fieldset .control--fieldset-parameters .control-marginImpact, .tradeForm-limit .form--fieldset-parameters .control-marginImpact {
					margin-left: 0;
				}

	.tradeForm-limit .form--fieldset .control--row .control-trailingStopPrice, .tradeForm-limit .form--row .control-trailingStopPrice {
						overflow: hidden;
						visibility: hidden;
						width: 0;
						margin: 0;
						opacity: 0;
					}

	.tradeForm-limit .form--fieldset .control--row .control-marginImpact, .tradeForm-limit .form--row .control-marginImpact {
						display: block;
					}

	.tradeForm-day .control-durationRemains,
		.tradeForm-day .control-durationExpiresAt {
			overflow: visible;
			opacity: 1;
			max-width: 100px;
			margin-left: 5px;
		}

	/* when GTD is enabled */

	.tradeForm-date .control-durationHours,
		.tradeForm-date .control-durationDayMonth {
			opacity: 1;
			margin-left: 3px;
		}

	.tradeForm-date .control.control-durationHours {
			max-width: 110px;
			width: 110px;
		}

	.tradeForm-date .control-durationDayMonth {
			max-width: 100px;
		}

	.tradeForm-protected .form--fieldset-protectionOrders {
				height: auto;
			}

	.tradeForm-protected .form--fieldset-protectionOrders .form--row {
					opacity: 1;
				}

	.tradeForm-protected .form--fieldset-protectionOrders .control--label {
					line-height: 1rem;
				}

	.tradeForm-trailingStop .form--row .control-limitPrice {
					visibility: hidden;
					width: 0;
					margin: 0;
					opacity: 0;
				}

	.tradeForm-trailingStop .form--row .control-trailingStopPrice {
					opacity: 1;
					width: auto;
				}

	.tradeForm-trailingStop .form--row .control-marginImpact {
					width: 100%;
				}

	.tradeForm-trailingStop .form--fieldset-oco {
				visibility: hidden;
				height: 0;
				width: 0;
				margin: 0;
				padding: 0;
			}

	.tradeForm-trailingStop .form--fieldset-oco .form--row {
					opacity: 0;
				}

	.tradeForm-oco .form--fieldset-protectionOrders,
			.tradeForm-oco .form--fieldset-parameters {
				visibility: hidden;
				height: 0;
				width: 0;
				margin: 0;
				padding: 0;
			}

	.tradeForm-oco .form--fieldset-protectionOrders .form--row, .tradeForm-oco .form--fieldset-parameters .form--row {
					opacity: 0;
				}

	.tradeForm--leverageIcon {
		position: relative;
	}

	.tradeForm .selectBox--label {
		line-height: 19px;
	}

	.tradeForm .tooltip {
		left: calc(100% + 5px);
		top: 5px;
	}

	.tradeForm .tooltip--content {
			white-space: nowrap;
		}

	.tradeForm .tooltip--pointer-arrowTop,
			.tradeForm .tooltip--pointer-arrowBottom {
				height: 100%;
				top: 0;
			}

	.tradeForm .control-currentPrice label {
			margin-bottom: 8px;
		}

	.tradeForm .control-currentPrice.control-durationRemains label, .tradeForm .control-currentPrice.control-durationExpiresAt label {
				margin-bottom: 2px;
			}

	.tradeForm .control-marginImpact .value {
			font-size: 18px;
		}

	.tradeForm .control-currentPrice .value {
			font-size: 14px;
			line-height: 1;
		}

	.tradeForm .control-numericStepper {
		width: 115px;
	}

	.tradeForm .control-numericStepper .numericStepper--input input[type="text"] {
			text-align: left;
		}

	.tradeForm .trade-form-protection-orders__hint {
		padding-bottom: 15px;
		padding-left: 25px;
	}


/* OCO */
.form--fieldset-oco .selectBox-ocoOrderType {
		width: 100%;
	}
.form--fieldset-oco .form--row:last-child .control-marginImpact:first-child {
				width: 120px;
			}

.tradeForm .time {
		color: var(--common-text-default);
	}

.tradeForm--side,
	.tradeForm--type {
		color: var(--common-text-default);
	}

.tradeForm--quantity,
	.tradeForm--openPl {
		color: var(--common-text-default);
	}

.tradeForm--side-positive,
		.tradeForm--side-buy {
			color: var(--buy-text-color);
		}

.tradeForm--side-negative,
		.tradeForm--side-sell {
			color: var(--sell-text-color);
		}

.tradeForm--openPl-positive {
			color: var(--positive-text-color);
		}

.tradeForm--openPl-negative {
			color: var(--negative-text-color);
		}

.tradeForm--side_positive {
			color: var(--positive-text-color);
		}

.tradeForm--side_negative {
			color: var(--negative-text-color);
		}

.tradeForm .form--fieldset {
		transform: translate3d(0, 0, 0);
		transition-duration: var(--animation-fast);
		transition-property: height, width, padding;
		transition-timing-function: ease, ease, linear;
	}

.tradeForm .form--fieldset .form--row {
			transition-property: opacity;
			transition-duration: var(--animation-fast);
		}

.tradeForm .control {
		transform: translate3d(0, 0, 0);
		transition-property: max-width, opacity, margin;
		transition-duration: var(--animation-fast);
		transition-delay: 0s;
	}

.tradeForm .control-leverage .icon {
				fill: var(--icon-contextual-primary-default-color);
			}

.tradeForm .control .value-none span {
				color: var(--additional-text-color);
			}

.tradeForm-limit .form--fieldset-durationOrders, .tradeForm-trailingStop .form--fieldset-durationOrders, .tradeForm-oco .form--fieldset-durationOrders {
			transition-delay: 0s;
		}

.tradeForm-limit .form--fieldset-durationOrders .form--row, .tradeForm-trailingStop .form--fieldset-durationOrders .form--row, .tradeForm-oco .form--fieldset-durationOrders .form--row {
				transition-delay: var(--animation-default);
			}

.tradeForm-market .form--fieldset-protection,
		.tradeForm-market .form--fieldset-parameters,
		.tradeForm-limit .form--fieldset-protection,
		.tradeForm-limit .form--fieldset-parameters,
		.tradeForm-trailingStop .form--fieldset-protection,
		.tradeForm-trailingStop .form--fieldset-parameters {
			transition-delay: 0s;
		}

.tradeForm-market .form--fieldset-protection .form--row, .tradeForm-market .form--fieldset-parameters .form--row, .tradeForm-limit .form--fieldset-protection .form--row, .tradeForm-limit .form--fieldset-parameters .form--row, .tradeForm-trailingStop .form--fieldset-protection .form--row, .tradeForm-trailingStop .form--fieldset-parameters .form--row {
				transition-delay: var(--animation-default);
			}

.tradeForm-market .form--fieldset-impact .form--row, .tradeForm-limit .form--fieldset-impact .form--row, .tradeForm-stop .form--fieldset-impact .form--row {
				height: 51px;
			}

.tradeForm-oco .form--fieldset-oco {
			transition-delay: 0s;
		}

.tradeForm-oco .form--fieldset-oco .form--row {
				transition-delay: var(--animation-default);
			}

.tradeForm-protected .form--fieldset-protectionOrders {
			transition-delay: 0s;
		}

.tradeForm-protected .form--fieldset-protectionOrders .form--row {
				transition-delay: 0s;
			}

.tradeForm-date .control-durationHours,
		.tradeForm-date .control-durationDayMonth {
			transition-delay: var(--animation-fast);
		}

.tradeForm-day .control-durationRemains,
		.tradeForm-day .control-durationExpiresAt {
			transition-delay: var(--animation-fast);
		}

.mobile .tradeForm .control--label {
		font-size: 14px;
	}
	.mobile .tradeForm .form--fieldset-protectionOrders .form--row {
		flex-wrap: wrap;
		position: relative;
		padding-left: 24px;
	}
	.mobile .tradeForm .form--fieldset-protectionOrders .form--row .control-checkBox {
			position: absolute;
			left: 0;
		}
	.mobile .tradeForm .form--fieldset-protectionOrders .form--row .control + .control {
			margin-left: 0;
			margin-bottom: 8px;
			margin-right: 4px;
		}
.popup-order.popup-creation .control-instrument .control--postfix {
				display: flex;
			}
		.popup-order.popup-creation .instrument--description {
			align-self: flex-end;
			padding-bottom: 7px;
		}
	.popup-order.popup-modification .tradeForm .form--fieldset-info:first-child {
			padding-top: 5px;
		}
	.popup-order.popup-sell .popup--window {
			border-color: rgba(var(--sell-button-default-bg-color-rgb), 0.6);
		}
	.popup-order.popup-buy .popup--window {
			border-color: rgba(var(--buy-button-default-bg-color-rgb), 0.6);
		}
	.popup-order .popup--content {
				display: flex;
				flex-wrap: wrap;
			}

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

		.button-price:active {
			top: 0;
		}

		.button-price.button-sell .button--label {
					margin: 0 auto;
				}

		.button-price.button-buy .button--label {
					margin: 0 auto;
				}

		.button-price.button-buy,
			.button-price.button-sell {
				display: block;
				width: 100%;
				box-sizing: border-box;
			}

		.button-price.button-buy:active:not([disabled]) .instrument--price, .button-price.button-sell:active:not([disabled]) .instrument--price {
							margin-top: 1px;
						}

/* used in chart toolbar */

.button-buy {
		background-color: var(--buy-button-default-bg-color);
		color: var(--buy-button-default-text-color);
	}

/* used in chart toolbar */

.button-sell {
		background-color: var(--sell-button-default-bg-color);
		color: var(--sell-button-default-text-color);
	}

.button-price {
		background-color: var(--button-bg-color);
		box-shadow: none;
		border-color: var(--button-outside-border-color);
	}

.button-price.button-up {
				background-color: var(--buy-button-default-bg-color);
				box-shadow: none;
			}

.button-price.button-down {
				background-color: var(--sell-button-default-bg-color);
				box-shadow: none;
			}

.button-price.button-buy:disabled, .button-price.button-sell:disabled {
					background-color: var(--button-disabled-bg-color);
					box-shadow: none;
					border-color: var(--button-disabled-border-outside-color);
				}

.button-price.button-buy:disabled .button--label,
					.button-price.button-buy:disabled .price,
					.button-price.button-sell:disabled .button--label,
					.button-price.button-sell:disabled .price {
						color: var(--common-text-disabled);
					}

.button-price.button {
			box-shadow:
				inset 0 1px 0 rgba(var(--highlight-color-rgb), 0.06),
				inset -1px 0 0 rgba(var(--highlight-color-rgb), 0.04),
				inset 0 -1px 0 rgba(var(--highlight-color-rgb), 0.02),
				inset 1px 0 0 rgba(var(--highlight-color-rgb), 0.04);
		}

.button-price.button:active:not([disabled]) {
				box-shadow:
					inset 0 1px 0 rgba(var(--shadow-color-rgb), 0.2),
					inset -1px 0 0 rgba(var(--shadow-color-rgb), 0.13),
					inset 0 -1px 0 rgba(var(--shadow-color-rgb), 0.06),
					inset 1px 0 0 rgba(var(--shadow-color-rgb), 0.13);
			}

.button-price.button:not(:disabled), .button-price.button:active:not(:disabled) {
					border-color: var(--button-outside-border-color);
				}

.button-price.button-buy,
			.button-price.button-sell {
				background-color: var(--neutral-dashboard-bg-color);
			}

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

	.plate--heading .instrument--change {
				margin-right: 4px;
			}

	.plate--heading .instrument--change strong {
					font-size: 1.25em;
					line-height: 0;
					font-weight: normal;
				}

	.plate--heading span {
			width: auto;
		}

	.plate--heading .control--wrap,
		.plate--heading .control {
			width: 100%;
			margin: 0;
			height: 21px;
		}

	.plate--heading .control {
			width: calc(100% - 25px);
		}

	.plate--heading input[type=text] {
			height: 100%;
			line-height: normal;
			box-sizing: border-box;
		}

	.plate--heading .button {
			margin-left: 10px;
		}

	.plate--heading .button:not(.button-info) {
				width: 11px;
				height: 11px;
			}

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

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

	.plate--heading .button:first-child {
				margin-left: 0;
			}

	.plate--heading .button-close {
				background-color: transparent;
				box-shadow: none;
			}

	.plate--heading .button-close:hover {
					background-color: transparent;
				}

	.plate--heading .button-close:focus {
					outline: none;
				}

	.plate--heading .button-close::before {
					content: none;
				}

	.plate--heading .button-close .icon {
					margin-top: 0;
				}

	.plate--heading .button-info {
				margin-left: 4px;
			}

	.plate--heading .button .icon {
				fill: var(--icon-secondary-default-color);
			}

	.plate--symbolWrapper,
	.plate--buttonsWrapper,
	.plate--textWrapper {
		display: flex;
		align-items: center;
	}

	.plate--textWrapper {
		justify-content: center;
		width: 100%;
		color: var(--common-text-disabled);
		font-size: 12px;
		line-height: 14px;
	}

	.plate--info,
	.plate--actions {
		background-color: var(--dashboard-area-bg-color);
	}

	.plate--info {
		padding: 4px 4px 4px 6px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.plate--info .price {
			font-size: 12px;
			display: inline-block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			flex-grow: 1;
		}

	.plate--info .instrument--label {
				padding: 0 3px;
			}

	.plate--info .instrument--label:first-child {
					padding-left: 0;
				}

	.plate--info .instrument--low,
			.plate--info .instrument--high {
				vertical-align: middle;
				color: var(--additional-text-color);
			}

	.plate--info .instrument--low {
				text-align: right;
			}

	.plate--info .instrument--high {
				text-align: left;
			}

	.plate--actions {
		display: flex;
		position: relative;
		padding: 0 3px 5px 3px;
		text-align: center;
	}

	.plate--instrument {
		display: inline-block;
		vertical-align: middle;
		width: auto;
		padding-left: 10px;
	}

	.plate--instrument:first-child {
			padding-left: 0;
		}

	.plate--quantity {
		display: inline-block;
		vertical-align: middle;
		margin: 0 10px;
	}

	.plate--quantity .comboBox--inner {
			width: 90px;
		}

	.plate:empty {
		cursor: pointer;
	}

	.plate:empty::after {
			content: '+';
			width: 56px;
			position: absolute;
			top: 50%;
			left: 50%;
			height: 56px;
			margin: -28px 0 0 -28px;
			font-size: 60px;
			line-height: 50px;
			border-radius: 50%;
			text-align: center;
		}

	.plate:empty:active:after {
			margin-top: -27px;
		}

	.plate.instrument-empty .instrument-down .button-price::after, .plate.instrument-empty .instrument-up .button-price::after {
					background-color: var(--disabled-bg-color);
					border-color: var(--button-disabled-border-outside-color);
				}

	.plate.instrument-empty .instrument-down .button-price:not([disabled]).button-buy,
					.plate.instrument-empty .instrument-down .button-price:not([disabled]).button-sell,
					.plate.instrument-empty .instrument-up .button-price:not([disabled]).button-buy,
					.plate.instrument-empty .instrument-up .button-price:not([disabled]).button-sell {
						background-color: var(--disabled-bg-color);
						box-shadow: none;
						border-color: var(--button-disabled-border-outside-color);
					}

	.plate:empty {
		cursor: pointer;
		box-shadow: 0 0 0 1px var(--line-color) inset;
	}

	.plate:empty:hover:after {
			background-color: var(--line-color-2);
		}

	.plate:empty::after,
		.plate:empty:active:after {
			background-color: var(--line-color);
			color: var(--add-dashboard-border-color);
		}

	.plate:empty::after {
			content: '+';
			width: 56px;
			position: absolute;
			top: 50%;
			left: 50%;
			height: 56px;
			margin: -28px 0 0 -28px;
			font-size: 60px;
			line-height: 50px;
			border-radius: 50%;
			text-align: center;
		}

	.plate:empty:active:after {
			margin-top: -27px;
		}

.plate--quantity .comboBox--inner {
			width: 75px;
		}
.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-showsLadder .icon {
		width: 10px;
		height: 10px;
		fill: var(--icon-contextual-primary-default-color);
	}

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

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



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

.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;
				}
.instrument-suggestInput .control-textInput {
		margin: 2px 0 3px 2px;
		width: calc(100% - 2px);
	}

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

	.symbolSpacing input[type="text"] {
		letter-spacing: inherit;
	}
.grid-watchlist .table--col-warning, .grid-watchlist .table--colAdapts-warning {
				width: 17px;
			}
			.grid-watchlist .table--col-symbol, .grid-watchlist .table--colAdapts-symbol {
				width: 130px;
			}
			.grid-watchlist .table--col-change, .grid-watchlist .table--colAdapts-change {
				width: 60px;
			}
			.grid-watchlist .table--col-dayToExpiration, .grid-watchlist .table--colAdapts-dayToExpiration {
				width: 117px;
			}
			.grid-watchlist .table--col-firstNoticeDate, .grid-watchlist .table--colAdapts-firstNoticeDate {
				width: 114px;
			}
			.grid-watchlist .table--col-lastTradeDate, .grid-watchlist .table--colAdapts-lastTradeDate {
				width: 115px;
			}
			.grid-watchlist .table--col-expirationDate, .grid-watchlist .table--colAdapts-expirationDate {
				width: 112px;
			}
			.grid-watchlist .table--col-tickValue,
			.grid-watchlist .table--col-limitUp,
			.grid-watchlist .table--col-spread,
			.grid-watchlist .table--col-openInterest,
			.grid-watchlist .table--colAdapts-tickValue,
			.grid-watchlist .table--colAdapts-limitUp,
			.grid-watchlist .table--colAdapts-spread,
			.grid-watchlist .table--colAdapts-openInterest {
				width: 85px;
			}
			.grid-watchlist .table--col-tradingHalt, .grid-watchlist .table--colAdapts-tradingHalt {
				width: 192px;
			}
			.grid-watchlist .table--col-initialMargin, .grid-watchlist .table--colAdapts-initialMargin {
				width: 102px;
			}
			.grid-watchlist .table--col-maintenanceMargin, .grid-watchlist .table--colAdapts-maintenanceMargin {
				width: 140px;
			}
			.grid-watchlist .table--col-limitDown, .grid-watchlist .table--colAdapts-limitDown {
				width: 91px;
			}
			.grid-watchlist .table--col-orderSize, .grid-watchlist .table--colAdapts-orderSize {
				width: 7.5em;
			}
			.grid-watchlist .table--col-assetClass, .grid-watchlist .table--colAdapts-assetClass {
				width: 137px;
			}
			.grid-watchlist .table--col-bid,
			.grid-watchlist .table--col-ask,
			.grid-watchlist .table--colAdapts-bid,
			.grid-watchlist .table--colAdapts-ask {
				width: 7.1em;
			}
	.grid-watchlist:not(.grid-future) .table--col-firstNoticeDate, .grid-watchlist:not(.grid-future) .table--colAdapts-firstNoticeDate {
					width: 111px;
				}
.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.grid-future .scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollable--container {
			padding-right: 0;
		}
	.grid-watchlist thead th:first-of-type .icon {
			display: none;
		}
	.grid-watchlist .grid--body .table--row td:first-of-type .table--cell {
							padding: 0 0 0 6px;
						}
	.grid-watchlist .grid--body .table--row td:first-of-type .icon-watchlist-futures-warning {
							display: inline-block;
						}
	.grid-watchlist .grid--body .table--row .icon-watchlist-futures-warning {
						cursor: pointer;
						pointer-events: all;
					}
	.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-bid .button {
						border-color: var(--table_row-button-sell-default-border);
					}
	.grid-watchlist .table--row.instrument:not(.instrument-groupTitle):hover .table--cell-ask .button {
						border-color: var(--table_row-button-buy-default-border);
					}
	.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 {
				display: none;
			}
	.grid-watchlist .table--cell-orderSize {
				padding-left: 0;
			}
	.grid-watchlist .table--cell-orderSize .control-comboBox {
					width: calc(100% - 7px);
					margin-left: 7px;
				}
	.grid-watchlist .table--cell-orderSize .control-comboBox input[type="text"] {
						height: 19px;
						border: 1px solid var(--input-default-border-outside-color);
					}
	.grid-watchlist .table--cell-price {
				padding-right: 4px;
			}
	.grid-watchlist .table--cell-price .button {
					height: 100%;
					text-align: left;
					max-width: 100%;
					transition: border-color 0.2s;
					vertical-align: top;
					box-shadow: none;
					color: var(--price-default-text-color);
				}
	.grid-watchlist .table--cell-price .button::before {
						background: none;
						border-top-color: transparent;
						border-bottom-color: transparent;
						border-left-color: transparent;
						border-right-color: transparent;
					}
	.grid-watchlist .table--cell-price .button:hover .priceLabel {
							display: inline;
						}
	.grid-watchlist .table--cell-price .priceValue {
					padding: 0 7px;
					box-sizing: border-box;
				}
	.grid-watchlist .table--cell-price .priceLabel {
					display: none;
				}
	.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 {
					border-color: var(--table_row-button-sell-inactive-border);
					background: var(--table_row-button-sell-inactive-bg);
				}
	.grid-watchlist .table--cell-bid .button .priceLabel {
						color: var(--negative-text-color);
					}
	.grid-watchlist .table--cell-bid .button:hover,
					.grid-watchlist .table--cell-bid .button:active {
						background: var(--table_row-button-sell-hovered-bg);
						border-color: var(--table_row-button-sell-default-border);
					}
	.grid-watchlist .table--cell-ask .button {
					background: var(--table_row-button-buy-inactive-bg);
					border-color: var(--table_row-button-buy-inactive-border);
				}
	.grid-watchlist .table--cell-ask .button .priceLabel {
						color: var(--positive-text-color);
					}
	.grid-watchlist .table--cell-ask .button:hover,
					.grid-watchlist .table--cell-ask .button:active {
						background: var(--table_row-button-buy-hovered-bg);
						border-color: var(--table_row-button-buy-default-border);
					}
	.grid-watchlist .table--cell-disabled .button {
					background: var(--button-disabled-bg-color);
					color: var(--table-text-color);
				}
	.grid-watchlist .table--cell-priceUp {
				color: var(--positive-text-color);
			}
	.grid-watchlist .table--cell-priceUp .button {
					color: var(--positive-text-color);
				}
	.grid-watchlist .table--cell-priceDown {
				color: var(--negative-text-color);
			}
	.grid-watchlist .table--cell-priceDown .button {
					color: var(--negative-text-color);
				}
	.grid-watchlist .table--cell-watchlist {
				font-size: var(--table--cell-font-size);
			}
	.grid-watchlist .table--cell .control-comboBox {
				position: relative;
				transform: translateY(-1px);
			}
	.grid-watchlist .table--cell .selectBox--arrow {
				opacity: 1;
			}
	.grid-watchlist .table--cell input[type="text"] {
				padding-left: 5px;
			}
	.grid-watchlist .orderSizeValue,
	.grid-watchlist .priceValue {
		display: inline-block;
	}
	.grid-watchlist .orderSizeValue {
		padding-left: 12px;
	}

#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);
			}
.mobile .grid-watchlist .instrument--listSelectorWrapper {
				font-size: 14px;
			}
.widget-watchlist-header-title__container {
		color: var(--modal-window-header-text-color);
		transition: color 220ms ease-in;
		height: 19px;
		cursor: pointer;
		display: flex;
		align-items: center;
        line-height: 1;
	}

		.widget-watchlist-header-title__container .text {
			display: inline-block;
			vertical-align: middle;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			flex-grow: 1;
		}

		.widget-watchlist-header-title__container .text:first-child {
				margin-left: 0;
			}

		.widget-watchlist-header-title__container .text + .icon {
				margin-left: 5px;
				margin-right: 0;
			}

		.widget-watchlist-header-title__container .icon {
			display: inline-block;
			height: 8px;
			width: 8px;
			margin-right: 5px;
			vertical-align: middle;
			flex-shrink: 0;
			line-height: 0;
		}

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

		.widget-watchlist-header-title__container .control {
			height: 100%;
		}

		.widget-watchlist-header-title__container .control--wrap {
				height: 100%;
			}

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

		.widget-watchlist-header-title__container .control--errorMessage {
				padding-top: 4px;
				padding-bottom: 4px;
			}

		.widget-watchlist-header-title__container:hover {
			color: var(--link-hovered-text-color);
		}

		.widget-watchlist-header-title__container:hover .icon {
				fill: var(--link-hovered-text-color);
			}

		.widget-watchlist-header-title__container:active {
			color: var(--icon-link-pressed-color);
		}

		.widget-watchlist-header-title__container:active .text,
			.widget-watchlist-header-title__container:active .icon {
				transform: translateY(1px);
			}

		.widget-watchlist-header-title__container:active .icon {
				fill: var(--icon-link-pressed-color);
			}

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

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

		.widget-watchlist-header-title__container_opened {
			color: var(--link-default-text-color);
		}

		.widget-watchlist-header-title__container_opened .icon {
				fill: var(--link-default-text-color);
			}
	.widget-watchlist-header-title__text {
		display: inline-block;
		vertical-align: middle;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		flex-grow: 1;
	}
	.widget-watchlist-header-title__text:first-child {
			margin-left: 0;
		}
	.widget-watchlist-header-title__text + .widget-watchlist-header-title__icon {
			margin-left: 5px;
			margin-right: 0;
		}
	.widget-watchlist-header-title__icon {
		display: inline-block;
		width: 8px;
		margin-right: 5px;
		vertical-align: middle;
		flex-shrink: 0;
	}

.widgetNew__headerContentWrapper .container {
		height: 100%;
		padding-left: 6px;
		padding-right: 6px;
		line-height: 18px;
		background-color: var(--dropdown-alt-default-bg);
		box-shadow: 0 0 0 1px var(--dropdown-alt-border-outside);
		color: var(--dropdown-alt-default-text);
		border-radius: calc(var(--controls-border-radius) - 1px);
		position: relative;
	}

.widgetNew__headerContentWrapper .container:before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: calc(100% - 2px);
			height: calc(100% - 2px);
			border-radius: calc(var(--controls-border-radius) - 1px);
			border: 1px solid transparent;
			transition: all 220ms ease-out;
		}

.widgetNew__headerContentWrapper .container:hover:before {
				background: var(--button-hovered-overlay-color);
				transition: all 220ms ease-in;
			}

.widgetNew__headerContentWrapper .container_disabled,
			.widgetNew__headerContentWrapper .container_disabled:hover,
			.widgetNew__headerContentWrapper .container_disabled:active {
				color: var(--dropdown-alt-disabled-text-color);
				background-color: var(--dropdown-alt-disabled-bg);
				box-shadow: 0 0 0 1px var(--dropdown-alt-disabled-border-outside);
			}

.widgetNew__headerContentWrapper .container .icon .icon {
				fill: var(--icon-contextual-primary-default-color);
			}
.protection-order-badge__container:after {
			position: absolute;
			border-radius: 50%;
			top: -3px;
			right: -4px;
			width: 4px;
			height: 4px;
			border: 2px solid var(--dashboard-header-bg-color);
			background: var(--order_protection-triggered_on-mark);
		}

		.protection-order-badge__container_updated:after {
				content: '';
			}
.popup-creationAlert {
	display: inline-block;
	vertical-align: top;
}
	.popup-creationAlert .popup--title {
			font-weight: bold;
		}
	.popup-creationAlert .popup--content {
			padding: 10px 18px 27px;
		}
	.popup-creationAlert .popup--footer {
			text-align: right;
			padding-top: 1px;
		}
	.popup-creationAlert .popup--buttons {
			padding: 9px 17px 8px;
		}
	.popup-creationAlert .popup--buttons .button {
				min-width: 75px;
			}
	.popup-creationAlert .switcherMode--tip {
			color: var(--description-text-color);
		}

.popup-creationAlert .switcherMode--tip {
			color: var(--description-text-color);
		}
.calendar {
	width: calc(25px * 7 +  10px * 7 * 2);
	cursor: default;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

	.calendar .button {
		padding: 0;
		width: 11px;
		height: 16px;
		border: 0;
	}

	.calendar--header {
		padding: 0;
		margin: 5px 0 0;
	}

	.calendar--dates {
		padding-bottom: 3px;
		margin: 0;
	}

	.calendar--dates .calendar--day:hover {
				cursor: pointer;
				background: var(--calendar-selected-day-bg-color);
			}

	.calendar--dates .calendar--day-disabled:hover, .calendar--dates .calendar--day-nextMonth:hover, .calendar--dates .calendar--day-prevMonth:hover {
					cursor: default;
				}

	.calendar--day {
		display: inline-block;
		vertical-align: middle;
		box-sizing: border-box;
		margin: 0 10px 2px;
		padding: 5px;
		width: 25px;
		line-height: 8px;
		text-align: center;
		font-size: 12px;
	}

	.calendar--header .calendar--day {
		font-size: 10px;
		text-transform: uppercase;
		font-weight: bold;
		margin: 0 10px 6px;
		padding: 4px 0 6px;
	}

	.calendar--info {
		position: relative;
		line-height: 1;
		text-align: center;
		text-transform: capitalize;
		font-size: 12px;
		font-weight: bold;
		padding: 8px 0 7px;
		border-bottom: 1px solid;
		margin: 0 5px;
	}

	.calendar--month {
		margin: 0 3px 0 0;
	}

	.calendar--month,
	.calendar--year {
		display: inline-block;
		vertical-align: middle;
	}

	.calendar .calendar--switcher .icon {
			display: block;
			width: 100%;
			height: 100%;
		}

	.calendar .calendar--switcher .icon::before {
				content: "";

				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}

	.calendar .calendar--switcher-next {
			margin-left: 20px;
		}

	.calendar .calendar--switcher-prev {
			margin-right:20px;
		}



.calendar .button,
		.calendar .button:hover,
		.calendar .button:active {
			background: transparent;
			transition: background 220ms ease-in;
		}



.calendar--header .calendar--day {
			color: var(--common-text-disabled);
		}



.calendar--info {
		border-color: var(--calendar-month-border-line-color);
	}



.calendar--year,
	.calendar--month {
		color: var(--common-text-default);
	}



.calendar--dates .calendar--day-today {
			color: var(--common-text-default);
		}



.calendar--dates .calendar--day-selected,
			.calendar--dates .calendar--day-selected:hover {
				background: var(--calendar-selected-day-bg-color);
				box-shadow: 0 0 0 1px var(--calendar-selected-day-border-color) inset;
				transition: background 220ms ease-in;
			}



.calendar--dates .calendar--day-disabled,
			.calendar--dates .calendar--day-disabled:hover {
				background: transparent;
				color: var(--common-text-disabled);
				box-shadow: none;
				transition: background 220ms ease-in, color 220ms ease-in;
			}



.calendar--dates .calendar--day-nextMonth,
			.calendar--dates .calendar--day-nextMonth:hover,
			.calendar--dates .calendar--day-prevMonth,
			.calendar--dates .calendar--day-prevMonth:hover {
				background: transparent;
				color: var(--common-text-disabled);
				box-shadow: none;
				transition: background 220ms ease-in, color 220ms ease-in;
			}



.calendar--day {
		color: var(--common-text-default);
	}



.calendar--switcher .icon {
			fill: var(--link-default-text-color)	;
			transition: fill 220ms ease-out;
		}



.calendar--switcher:hover .icon {
				fill: var(--link-hovered-text-color);
				transition: fill 220ms ease-in;
			}

.mobile .calendar--day {
			font-size: 15px;
			margin: 0 10px 4px;
		}
		.mobile .calendar--header .mobile .calendar--day {
			font-size: 12px;
		}
		.mobile .calendar--info {
			font-size: 15px;
		}
.datePicker {
	position: relative;
	display: inline-block;	
}

	.datePicker input[readonly] {
		padding-left: 0;
	}

	.datePicker--input {
		display: inline-block;
	}

	.datePicker--input input[type="text"] {
			padding-right: 25px;
		}

	.datePicker--input input[type="text"]::-ms-clear {
				display: none;
			}

	.datePicker .button {
		position: absolute;	
		top: 0;
		bottom: 0;
		right: 9px;
		width: 17px;
		height: auto;
		padding: 0;
		border: 0;
		box-shadow: none;
	}

	.datePicker .button:hover::before {
				background: transparent;
			}

	.datePicker .button i {
			display: block;
			height: 100%;
		}

.datePicker input[readonly],
		.datePicker input[readonly]:active,
		.datePicker input[readonly]:focus,
		.datePicker input[readonly]:hover {
			color: var(--link-default-text-color)	;
		}

.datePicker .button {
		background-color:  transparent;
	}

.datePicker .button .icon {
			fill: var(--link-default-text-color);
		}

.datePicker .button:hover .icon {
				fill:var(--link-hovered-text-color);
			}

.mobile .datePicker--input input[type="text"] {
				padding-right: 35px;
			}
		.mobile .datePicker .button {
			width: 21px;
		}

.control-dateTime {
	width: 99px;
}

.control-datePicker {
	width: 121px;
}

.control-datePicker .control--wrap {
		position: relative
	}

.control-datePicker.control-hasData .button-clearInput {
			display: block;
		}

.control-datePicker .button-clearInput {
		position: absolute;
		bottom: 0;
		top: 0;
		height: auto;
		right: 34px;
		display: none;
	}

.control-datePicker .button-clearInput:active .icon {
				top: 1px;
			}

.control-datePicker.control-disabled .datePicker .button {
			cursor: default;
		}

.control-datePicker.control-disabled .datePicker .button:hover svg {
					fill: var(--icon-disabled-color);
				}

.control-datePicker.control-disabled .datePicker .button svg {
				fill: var(--icon-disabled-color);
			}

.mobile .control-datePicker {
		width: 135px;
	}
.triggerCondition__container_createAlert___FxbP- .triggerCondition__col_comparison___EXoaX {
				width: 104px;
			}
			.triggerCondition__container_createAlert___FxbP- .triggerCondition__col_value___BzMWs {
				width: 100px;
			}
	.triggerCondition__container___rmcLF .button-disabled.creationAlertForm__deleteLeg {
				opacity: .3;
			}
	.triggerCondition__container___rmcLF .selectBox,
		.triggerCondition__container___rmcLF .control,
		.triggerCondition__container___rmcLF .control--wrap {
			width: 100%;
		}
	.triggerCondition__container___rmcLF input[type="text"],
		.triggerCondition__container___rmcLF input[type="password"],
		.triggerCondition__container___rmcLF input[type="email"] {
			height: 27px;
		}

.triggerCondition__titleWrapper___IqNMn {
	display: flex;
	align-items: center;
	margin-bottom: 6px;
}

.triggerCondition__titleWrapper___IqNMn .selectBox {
			width: 168px;
		}

.triggerCondition__title___xtDRU {
	font-weight: 500;
	color: var(--label-color);
	margin-right: 10px;
	text-transform: none;
	white-space: nowrap;
}

.triggerCondition__row___oUvtV {
	display: flex;
	align-items: center;
	padding: 10px 17px;
	margin: 0 -17px;
	background: var(--alerts-create-alert-on-bg-color);
}

.triggerCondition__row___oUvtV:not(:last-of-type) {
		margin-bottom: 1px;
	}

.triggerCondition__col___yzIFx:not(:last-of-type) {
		margin-right: 12px;
	}

.triggerCondition__col_symbol___CMne1 {
		width: 139px;
	}

.triggerCondition__col_field___sgftK {
		width: 110px;
	}

.triggerCondition__col_side___OfsRf {
		width: 76px;
	}

.triggerCondition__col_comparison___EXoaX {
		width: 134px;
	}

.triggerCondition__col_value___BzMWs {
		width: 119px;
	}

.triggerCondition__col_trigger___r2XCy {
		width: 265px;
	}

.triggerCondition__optionsContainer___hnNS8 {
	display: flex;
	margin-top: 29px;
}

.triggerCondition__buttonDeleteRow___sOwmu {
	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___oUvtV:hover .triggerCondition__buttonDeleteRow___sOwmu {
		opacity: 1;
	}

.triggerCondition__buttonDeleteRow___sOwmu:not([disabled]):active {
		top: 1px;
	}

.triggerCondition__buttonDeleteRow___sOwmu:not([disabled]):active .icon {
				top: 0;
			}

.triggerCondition__addContainer___AvJOn {
	margin-top: 9px;
	margin-left: -6px;
}

.triggerCondition__addButton___jZgi2 {
	color: var(--link-default-text-color);
	background-color: transparent;
	display: inline-flex;
    align-items: center;
}

.triggerCondition__addButton___jZgi2 .icon {
			margin-right: 3px;
			width: 11px;
			height: 11px;
			fill: var(--link-default-text-color);
		}

.triggerCondition__Container_createAlert .col_comparison {
                    width: 104px;
                }
                .triggerCondition__Container_createAlert .col_value {
                    width: 100px;
                }
        .triggerCondition__Container .button-disabled.creationAlertForm__deleteLeg {
                opacity: .3;
            }
        .triggerCondition__Container .selectBox,
        .triggerCondition__Container .control,
        .triggerCondition__Container .control--wrap {
            width: 100%;
        }
        .triggerCondition__Container input[type="text"],
        .triggerCondition__Container input[type="password"],
        .triggerCondition__Container input[type="email"] {
            height: 27px;
        }
    .triggerCondition__TitleWrapper {
        display: flex;
        align-items: center;
        margin-bottom: 6px;
    }
    .triggerCondition__TitleWrapper .selectBox {
            width: 168px;
        }
    .triggerCondition__Title {
        font-weight: 500;
        color: var(--label-color);
        margin-right: 10px;
        text-transform: none;
        white-space: nowrap;
    }
    .triggerCondition__Row {
        display: flex;
        align-items: center;
        padding: 10px 17px;
        margin: 0 -17px;
        background: var(--alerts-create-alert-on-bg-color);
    }
    .triggerCondition__Row:not(:last-of-type) {
            margin-bottom: 1px;
        }
    .triggerCondition__Col:not(:last-of-type) {
            margin-right: 12px;
        }
    .triggerCondition__Col_symbol {
            width: 139px;
        }
    .triggerCondition__Col_field {
            width: 110px;
        }
    .triggerCondition__Col_side {
            width: 76px;
        }
    .triggerCondition__Col_comparison {
            width: 134px;
        }
    .triggerCondition__Col_value {
            width: 119px;
        }
    .triggerCondition__Col_trigger {
            width: 265px;
        }
    .triggerCondition__OptionsContainer {
        display: flex;
        margin-top: 29px;
    }
    .triggerCondition__ButtonDeleteRow {
        width: 17px;
        height: 17px;
        color: var(--add-delete-icon-color);
        border-radius: 50%;
        border: 1px solid var(--add-delete-icon-border-color);
        opacity: 0.3;
        transition: opacity .3s;
    }
    .row:hover .triggerCondition__ButtonDeleteRow {
            opacity: 1;
        }
    .triggerCondition__ButtonDeleteRow:not([disabled]):active {
            top: 1px;
        }
    .triggerCondition__ButtonDeleteRow:not([disabled]):active .icon {
                top: 0;
            }
    .triggerCondition__AddContainer {
        margin-top: 9px;
        margin-left: -6px;
    }
    .triggerCondition__AddButton {
        color: var(--link-default-text-color);
        background-color: transparent;
        display: inline-flex;
        align-items: center;
    }
    .triggerCondition__AddButton .icon {
            margin-right: 3px;
            width: 11px;
            height: 11px;
            fill: var(--link-default-text-color);
        }
.creation-alert-form__container___g62Ly {
	font-size: var(--body-font-size);
}

.creation-alert-form__titleWrapper___0Qgiq {
	display: flex;
	align-items: center;
}

.creation-alert-form__title___M7ahY {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.8px;
	color: var(--label-color);
	margin-right: 10px;
	text-transform: uppercase;
}

.creation-alert-form__optionsContainer___bT3ju {
	display: flex;
	margin-top: 29px;
}

.creation-alert-form__optionsCol___1fsgJ:first-child {
		width: 172px;
	}

.creation-alert-form__optionsCol___1fsgJ:last-child {
		flex-grow: 1;
	}

.creation-alert-form__optionsCol___1fsgJ .switcher {
			margin-left: 4px;
		}

.creation-alert-form__optionsCol___1fsgJ .switcher:hover .switcher--input:checked + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-on-hovered-bg-color);
							}

.creation-alert-form__optionsCol___1fsgJ .switcher:hover .switcher--input:not(:checked) + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-off-hovered-bg-color)
							}

.creation-alert-form__optionsCol___1fsgJ .switcher:active .switcher--input:checked + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-on-default-bg-color);
							}

.creation-alert-form__optionsCol___1fsgJ .switcher:active .switcher--input:not(:checked) + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-off-default-bg-color);
							}

.creation-alert-form__optionsCol___1fsgJ .switcher--input:checked + .switcher--label:first-of-type {
							background-color: var(--order-entry-switcher-on-default-bg-color);
						}

.creation-alert-form__optionsCol___1fsgJ .switcher--input:not(:checked) + .switcher--label:first-of-type {
							background-color: var(--order-entry-switcher-off-default-bg-color);
						}

.creation-alert-form__expirationRow___TPCnY {
	width: 152px;
	margin-top: 8px;
}

.creation-alert-form__expirationRow___TPCnY .control-datePicker {
			width: auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

.creation-alert-form__expirationRow___TPCnY .control-datePicker .control--wrap {
				width: 112px;
			}

.creation-alert-form__expirationRow___TPCnY .control-datePicker .control--wrap input {
					width: 100%;
				}

.creation-alert-form__expirationRow___TPCnY .control-datePicker .control--label>label {
					color: var(--common-text-default);
				}

.creation-alert-form__notifyRow___gcJtc {
	display: flex;
	margin-top: 10px;
}

.creation-alert-form__notifyRow___gcJtc:first-of-type {
		margin-top: 14px;
	}

.creation-alert-form__notifyRow___gcJtc .control-checkBox {
			margin-right: 8px;
		}

.creation-alert-form__descriptionContainer___3cPqS {
	margin-top: 23px;
}

.creation-alert-form__descriptionContainer___3cPqS .control--wrap {
			margin-top: 5px;
		}

.creation-alert-form__descriptionContainer___3cPqS .creation-alert-form__textarea___CU3BL {
		width: 100%;
		line-height: 25px;
		overflow: hidden;
	}

.creation-alert-form__expirationTime___-bPxu {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.creation-alert-form__expirationLabel___WaBno {
	color: var(--common-text-default);
}
.creation-alert-form__Container {
		font-size: var(--body-font-size);
	}
	.creation-alert-form__TitleWrapper {
		display: flex;
		align-items: center;
	}
	.creation-alert-form__Title {
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0.8px;
		color: var(--label-color);
		margin-right: 10px;
		text-transform: uppercase;
	}
	.creation-alert-form__OptionsContainer {
		display: flex;
		margin-top: 29px;
	}
	.creation-alert-form__OptionsCol:first-child {
			width: 172px;
		}
	.creation-alert-form__OptionsCol:last-child {
			flex-grow: 1;
		}
	.creation-alert-form__OptionsCol .switcher {
			margin-left: 4px;
		}
	.creation-alert-form__OptionsCol .switcher:hover .switcher--input:checked + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-on-hovered-bg-color);
							}
	.creation-alert-form__OptionsCol .switcher:hover .switcher--input:not(:checked) + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-off-hovered-bg-color)
							}
	.creation-alert-form__OptionsCol .switcher:active .switcher--input:checked + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-on-default-bg-color);
							}
	.creation-alert-form__OptionsCol .switcher:active .switcher--input:not(:checked) + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-off-default-bg-color);
							}
	.creation-alert-form__OptionsCol .switcher--input:checked + .switcher--label:first-of-type {
							background-color: var(--order-entry-switcher-on-default-bg-color);
						}
	.creation-alert-form__OptionsCol .switcher--input:not(:checked) + .switcher--label:first-of-type {
							background-color: var(--order-entry-switcher-off-default-bg-color);
						}
	.creation-alert-form__ExpirationRow {
		width: 152px;
		margin-top: 8px;
	}
	.creation-alert-form__ExpirationRow .control-datePicker {
			width: auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
	.creation-alert-form__ExpirationRow .control-datePicker .control--wrap {
				width: 112px;
			}
	.creation-alert-form__ExpirationRow .control-datePicker .control--wrap input {
					width: 100%;
				}
	.creation-alert-form__ExpirationRow .control-datePicker .control--label>label {
					color: var(--common-text-default);
				}
	.creation-alert-form__NotifyRow {
		display: flex;
		margin-top: 10px;
	}
	.creation-alert-form__NotifyRow:first-of-type {
			margin-top: 14px;
		}
	.creation-alert-form__NotifyRow .control-checkBox {
			margin-right: 8px;
		}
	.creation-alert-form__DescriptionContainer {
		margin-top: 23px;
	}
	.creation-alert-form__DescriptionContainer .control--wrap {
			margin-top: 5px;
		}
	.creation-alert-form__textarea {
		width: 100%;
		line-height: 25px;
		overflow: hidden;
	}
	.creation-alert-form__ExpirationTime {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.creation-alert-form__ExpirationLabel {
		color: var(--common-text-default);
	}
.plate-tooltip__container___xJdC5 {
	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);
	}
}

.grid-watchlist__watchlist.widget-filtered .filterPanel + div {
				height: calc(100% - 24px);
			}
	.grid-watchlist__watchlist .filterPanel + div {
			height: 100%;
			width: 100%;
		}

.widget-watchlist__headerContent {
		width: 100%;
		display: flex;
	}

.widget-watchlist__headerContent .toolbar__item .button:first-child {
					margin-left: 0;
				}

.widget-watchlist__headerContent .control-textInput {
				height: 100%;
			}

.widget-watchlist__headerContent .control input[type='text'] {
				height: 19px;
				line-height: 19px;
			}

.widget-watchlist__headerContent .control-selectBox {
				height: 19px;
			}

.widget-watchlist__headerContent .control-selectBox .selectBox {
					line-height: 17px;
					height: 100%;
				}

.widget-watchlist__headerContent .control-selectBox .selectBox--label {
						height: 100%;
						padding: 1px 1px 0 6px;
						line-height: 15px;
					}

.widget-watchlist__headerContent .control-sortBy {
				margin-left: auto;
			}

.widget-watchlist__headerContent .control-toggleButtons {
				height: 19px;
			}

.widget-watchlist__headerContent .control-toggleButtons .button {
					min-height: 19px;
				}

.widget-watchlist__headerContent .button-aboutUs:hover + .WidgetWatchlist__aboutMessage {
						display: block;
					}

.widget-watchlist__headerContent .button-linking-wrapper {
				display: inline-flex;
			}

.widget-watchlist__watchlistTitle {
		color: var(--modal-window-header-text-color);
		transition: color 220ms ease-out;
		height: 19px;
		cursor: pointer;
		display: flex;
		align-items: center;
		overflow: hidden;
	}

.widget-watchlist__watchlistTitle:hover {
			color: var(--link-hovered-text-color);
		}

.widget-watchlist__watchlistTitle:hover :global(.icon) {
				fill: var(--link-hovered-text-color);
				transition: fill 220ms ease-in;
			}

.widget-watchlist__watchlistTitle:active {
			color: var(--icon-link-pressed-color);
		}

.widget-watchlist__watchlistTitle:active .watchlistTitle__text,
			.widget-watchlist__watchlistTitle:active .watchlistTitle__icon {
				transform: translateY(1px);
			}

.widget-watchlist__watchlistTitle:active :global(.icon) {
				fill: var(--icon-link-pressed-color);
			}

.widget-watchlist__watchlistTitle_disabled {
			pointer-events: none;
			color: var(--dropdown-alt-disabled-text);
		}

.widget-watchlist__watchlistTitle_disabled .watchlistTitle__icon .icon {
					fill: var(--dropdown-alt-disabled-text);
				}

.widget-watchlist__watchlistTitle__opened {
			color: var(--link-default-text-color);
		}

.widget-watchlist__watchlistTitle__opened :global(.icon) {
				fill: var(--link-default-text-color);
			}

.widget-watchlist__watchlistTitle__text {
			display: inline-block;
			vertical-align: middle;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			flex-grow: 1;
		}

.widget-watchlist__watchlistTitle__text:first-child {
				margin-left: 0;
			}

.widget-watchlist__watchlistTitle__icon {
			display: inline-block;
			height: 8px;
			width: 8px;
			margin-right: 5px;
			vertical-align: middle;
			flex-shrink: 0;
		}

.widget-watchlist__watchlistTitle__text + .widget-watchlist__watchlistTitle__icon {
			margin-left: 5px;
			margin-right: 0;
		}

.widget-watchlist__watchlistTitle .icon {
			fill: var(--modal-window-header-text-color);
		}

.widget-watchlist__watchlistTitle .control {
			height: 100%;
			top: 1px;
		}

.widget-watchlist__watchlistTitle .control--wrap {
				height: 100%;
			}

.widget-watchlist__watchlistTitle .control input[type=text] {
				height: 100%;
				line-height: 1;
			}

.widget-watchlist__headerContentWrapper .watchlistTitle {
			height: 100%;
			padding-left: 6px;
			padding-right: 6px;
			line-height: 18px;
			background-color: var(--dropdown-alt-default-bg);
			box-shadow: 0 0 0 1px var(--dropdown-alt-border-outside);
			color: var(--dropdown-alt-default-text);
			border-radius: calc(var(--controls-border-radius) - 1px);
			position: relative;
		}

.widget-watchlist__headerContentWrapper .watchlistTitle:before {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: calc(100% - 2px);
				height: calc(100% - 2px);
				border-radius: calc(var(--controls-border-radius) - 1px);
				border: 1px solid transparent;
				transition: all 220ms ease-out;
			}

.widget-watchlist__headerContentWrapper .watchlistTitle:hover:before {
					background: var(--button-hovered-overlay-color);
					transition: all 220ms ease-in;
				}

.widget-watchlist__headerContentWrapper .watchlistTitle_disabled,
				.widget-watchlist__headerContentWrapper .watchlistTitle_disabled:hover,
				.widget-watchlist__headerContentWrapper .watchlistTitle_disabled:active {
					color: var(--dropdown-alt-disabled-text-color);
					background-color: var(--dropdown-alt-disabled-bg);
					box-shadow: 0 0 0 1px var(--dropdown-alt-disabled-border-outside);
				}

.widget-watchlist__headerContentWrapper .watchlistTitle__icon .icon {
					fill: var(--icon-contextual-primary-default-color);
				}

.widget-watchlist__aboutMessage {
		display: none;
		width: 240px;
		padding: 1px 7px;
		color: var(--hint-tooltip-text-color);
		font-size: 12px;
		background-color: var(--hint-tooltip-bg-color);
		border: solid 1px var(--wrong-tooltip-border-color);
		box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
		position: absolute;
		top: calc(100% + 3px);
		right: 0;
		z-index: 3;
		white-space: normal;
	}
.control-crosstoolTypeSwitcher .control--wrap {
		width: 42px;
	}
	.control-crosstoolTypeSwitcher .selectBox--label {
		width: 25px;
		min-width: 25px;
		text-overflow: clip;
		padding-left: 2px;
		padding-right: 2px;
	}
	.control-crosstoolTypeSwitcher .selectBox--labelText {
			display: none;
		}
	.control-crosstoolTypeSwitcher .selectBox--labelIcon {
			position: relative;
			top: 4px;
			left: 5px;
			width: 14px;
			height: 14px;
			vertical-align: top;
		}

.mobile .control-crosstoolTypeSwitcher .selectBox--labelIcon {
				top: 7px;
			}

.control-chartTypeSwitcher .control--wrap {
		width: 42px;
	}
	.control-chartTypeSwitcher .selectBox--label {
		width: 25px;
		min-width: 25px;
		padding-left: 3px;
		padding-right: 0;
	}
	.control-chartTypeSwitcher .selectBox--labelText {
			display: none;
		}
	.control-chartTypeSwitcher .selectBox--labelIcon {
			position: relative;
			top: 4px;
			left: 5px;
			width: 14px;
			height: 14px;
			vertical-align: top;
		}

.mobile .control-chartTypeSwitcher .selectBox--labelIcon {
				top: 7px;
			}
.dropDown-tradingFromChart .dropDown--option {
			position: relative;
			padding: 2px 0 1px 2px;
		}

			.dropDown-tradingFromChart .dropDown--optionText {
				display: none;
			}

			.dropDown-tradingFromChart .dropDown--optionIcon {
				width: inherit;
				height: inherit;
			}

			.dropDown-tradingFromChart .dropDown--optionIcon .icon {
					display: inline-block;
					width: 21px;
					heighT: 21px;
				}

.dropDown-tradingFromChart .dropDown--option-limitOrder::after {
					background-position: -50px -1600px;
				}

.dropDown-tradingFromChart .dropDown--option-limitOrder:hover:after {
					background-position: -150px -1600px;
				}

.dropDown-tradingFromChart .dropDown--option-stopOrder::after {
					background-position: -50px -1650px;
				}

.dropDown-tradingFromChart .dropDown--option-stopOrder:hover:after {
					background-position: -150px -1650px;
				}

.dropDown-tradingFromChart .dropDown--option-oco::after {
					background-position: -50px -2100px;
				}

.dropDown-tradingFromChart .dropDown--option-oco:hover:after {
					background-position: -150px -2100px;
				}

.button-setting .icon {
		width: 12px;
		height: 12px;
		margin-top: 1px;
	}

.mobile .button-setting .icon {
			width: 16px;
			height: 16px;
		}
.chartAreaToolbar__SwitcherWrapper {
		flex-direction: row-reverse;
		align-items: center;
		margin-right: 8px;
		vertical-align: middle;
	}

		.chartAreaToolbar__SwitcherWrapper:last-child {
			margin-right: 0;
		}
	.chartAreaToolbar__SwitcherLabel {
		margin: 0 0 0 5px;
		color: var(--common-text-default);
	}
.chart--linesWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.chart--lines {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	right: 0;
	width: auto;
	overflow: visible;
}

.chartLine {
	position: absolute;
	width: 100%;
	pointer-events: auto;
}

.chartLine {
		position: absolute;
		left: 0;
		width: 100%;
	}

.chartLine .chartLine--line,
			.chartLine .chartLine--trigger {
				position: absolute;
				display: block;
				left: -1000px;
				right: 0;
			}

.chartLine .chartLine--line {
			content: '';
			height: 1px;
		}

.chartLine--controlGroup,
		.chartLine--orderGroupTypeContainer {
			position: absolute;
		}

.chartLine .chartLine--trigger {
			height: 7px;
			top: -3px;
		}

.chartLine--dot {
			display: none;
			width: 2px;
			position: absolute;
			top: 0;
			left: 0;

		}

.chartLine--dot:before {
				content: '';
				display: block;
				position: absolute;
				width: 6px;
				height: 6px;
				border-radius: 1px;
				left: 3px;
				top: 3px;
			}

.chartLine--dotLine {
				position: relative;
				width: 2px;
				height: 100%;
			}

.chartLine-hidden {
          display: none;
        }

.chartLine-showDot .chartLine--dot {
				display: block
			}

.chartLine--labelAxis {
			z-index: 5;
			position: absolute;
			right: 0;
			line-height: 14px;
			font-size: 10px;
			padding: 0 5px;
			transform: translate(100%, -50%);
		}

.chartLine--labelAxis-ask {
				transform: translate(100%, -28px);
			}

.chartLine--labelAxis-bid {
				transform: translate(100%, 0);
			}

.chartLine--labelAxis-hidden {
				display: none;
			}

.chartLine--orderGroupTypeList {
		display: none;
	}
	.chartLine--orderGroupTypeListItem {
		white-space: nowrap;
	}
	.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded {
			display: flex;
		}
	.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded .chartLine--orderGroupTypeList {
				display: flex;
			}
	.chartLine--orderGroupTypeContainer {
		z-index: 1;
		display: none;
	}

.chart--highlight {
		position: absolute;
		left: 0;
		right: 0;
		box-sizing: border-box;
	}
.chart--cursor {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
		.chart--cursor .cursor {
			display: none;
			position: absolute;
		}
		.chart--cursor .cursor-visible {
				display: inline-block;
				vertical-align: middle;
			}
.chart--axisLabels--quote {
		font-size: 10px;
	}
.chartLine-ask .chartLine--label,
			.chartLine-ask .chartLine--controlGroup,
			.chartLine-bid .chartLine--label,
			.chartLine-bid .chartLine--controlGroup {
				display: none;
			}
.chartLine-editable .chartLine--close {
			display: none;
			cursor: pointer;
		}
		.chartLine-editable .numericStepper {
			display: none;
		}
		.chartLine-editable .numericStepper--input {
				display: none;
			}
		.chartLine-editable .numericStepper--control {
				cursor: pointer;
			}
		.chartLine-editable .chartLine--trigger,
			.chartLine-editable .chartLine--label {
				cursor: -webkit-grab;
				cursor: grab;
			}
		.chartLine-editable .chartLine--trigger:active, .chartLine-editable .chartLine--label:active {
					cursor: -webkit-grabbing;
					cursor: grabbing;
				}
	.chartLine-editable.chartLine-active .numericStepper,
			.chartLine-editable.chartLine-active .chartLine--close {
				display: inline-block;
			}
	.chartLine-editable.chartLine-active .chartLine--orderGroupTypeContainer {
				display: flex;
			}
	.chartLine-editable.chartLine-active.chartLine-order .chartLine--close, .chartLine-editable.chartLine-active.chartLine-position .chartLine--close {
					width: 15px;
					height: 17px;
					padding: 0;
				}
	.chartLine-editable.chartLine-active.chartLine-order .chartLine--close .icon-cancel, .chartLine-editable.chartLine-active.chartLine-position .chartLine--close .icon-cancel {
						height: 9px;
						width: 9px;
					}
	.chartLine-editable.chartLine-blocked .numericStepper {
				visibility: hidden;
			}
	.chartLine-editable.chartLine-blocked,
			.chartLine-editable.chartLine-blocked .chartLine--label {
				cursor: pointer;
			}
	.chartLine-editable.chartLine-disabled,
			.chartLine-editable.chartLine-disabled .chartLine--label {
				cursor: default;
			}
	.chartLine-editable.chartLine-disabled .chartLine--close,
			.chartLine-editable.chartLine-disabled .numericStepper {
				display: none;
			}
	.chartLine-editable.chartLine-not-modifiable .chartLine--label {
				cursor: default;
			}
.chart-limitLine.chartLine-active .chartLine--controlGroup .button-edit-symbol {
				display: none !important;
			}
.chartLine {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10;
	display: flex;
}

	.chartLine--dot::before {
			margin-left: 1px;
		}

	.chartLine--dotLabel {
			position: relative;
			left: -15px;
			top: 4px;
			font-size: 1.1rem;
			padding: 0 3px;
			width: 34px;
			line-height: 1.1;
			box-sizing: border-box;
		}

	.chartLine--elementsContainer {
		display: flex;
		align-items: center;
		width: 100%;
	}

	.chartLine--numericStepperContainer {
		order: -1;
		margin-right: 10px;
	}

	.chartLine-showDot .chartLine--dot {
		display: block;
	}

	.chartLine--quote,
	.chartLine--title {
		font-size: 1em;
	}

	.chartLine--quote {
		margin-left: 7px;
	}

	.chartLine--title {
		margin-left: 7px;
	}

	.chartLine--title:empty {
			margin-left: 0;
		}

	.chartLine--priceItem:not(:first-child) {
		margin-left: 5px;
	}

	.chartLine--controlGroup {
		display: flex;
	}

	.chartLine-order .chartLine--label:before {
			border-radius: 50%;
		}

	.chartLine-order.chartLine-tp.chartLine-buy .chartLine--label::before, .chartLine-order.chartLine-tp.chartLine-sell .chartLine--label::before, .chartLine-order.chartLine-sl.chartLine-buy .chartLine--label::before, .chartLine-order.chartLine-sl.chartLine-sell .chartLine--label::before {
							content: none;
						}

	.chartLine-group .chartLine--icon-order:before {
			border-radius: 50%;
		}

	.chartLine-order .chartLine--controlGroup, .chartLine-position .chartLine--controlGroup, .chartLine-group .chartLine--controlGroup {
				font-size: 0;
				position: absolute;
				left: 0;
				width: auto;
				z-index: 2;
				top: -8.5px;
			}

	.chartLine-order .chartLine--label, .chartLine-position .chartLine--label, .chartLine-group .chartLine--label {
				display: inline-block;
				vertical-align: middle;
				box-sizing: border-box;
				font-size: 1rem;
				width: auto;
				padding: 2px 3px;
				line-height: 1rem;
				border: 1px solid;
				border-radius: 2px;
			}

	.chartLine-order .chartLine--quote, .chartLine-position .chartLine--quote, .chartLine-group .chartLine--quote {
				margin-left: -1px;
			}

	.chartLine-group .chartLine--label .selectBox {
					position: absolute;
					top: 0;
					left: 0;
					height: 100%;
					width: 100%;
				}

	.chartLine-group .chartLine--label .selectBox input {
						display: none;
					}

	.chartLine-group .chartLine--title {
				white-space: nowrap;
				display: flex;
				align-items: center;
			}

	.chartLine-group .chartLine--icon {
				margin-right: 5px;
			}

	.chartLine-group .chartLine--icon::before {
					content: "";
					display: inline-block;
					vertical-align: middle;
					width: 11px;
					height: 11px;
					margin: 0 3px 0 0;
				}

	.chartLine-order .chartLine--label, .chartLine-position .chartLine--label {
			text-align: right;
		}

	.chartLine-order .chartLine--label::before, .chartLine-position .chartLine--label::before {
				content: "";
				display: inline-block;
				vertical-align: middle;
				float: left;
				width: 11px;
				height: 11px;
				margin: 0 2px 0 0;
			}

	.chartLine-order .chartLine--title::after, .chartLine-position .chartLine--title::after {
				content: "@";
				display: inline-block;
				vertical-align: baseline;
				margin: 0 1px 0 3px;
			}

	.chartLine-sending .chartLine--controlGroup::before, .chartLine-pending .chartLine--controlGroup::before {
				content: "";
				display: inline-block;
				vertical-align: middle;
				position: absolute;
				width: 16px;
				height: 15px;
				left: -23px;
				top: 2px;
				border-radius: 7px;
			}

	.chartLine-sending.chartLine-active.chartLine-editable .chartLine--controlGroup::before, .chartLine-pending.chartLine-active.chartLine-editable .chartLine--controlGroup::before {
					left: -43px;
				}

	.chartLine-deactivate {
		pointer-events: none;
	}

	.chartLine-editable .chartLine--close {
			display: none;
			cursor: pointer;
		}

	.chartLine-editable .numericStepper {
			display: none;
		}

	.chartLine-editable .numericStepper--input {
				display: none;
			}

	.chartLine-editable .numericStepper--control {
				cursor: pointer;
			}

	.chartLine-editable.chartLine-active:not(.chartLine-disabled) {
			z-index: 11;
		}

	.chartLine-editable.chartLine-active:not(.chartLine-disabled) .chartLine--controlGroup {
				left: 0;
			}

	.chartLine-editable .chartLine--close {
				position: absolute;
				right: -19px;
				top: 0;
				bottom: 0;
				margin: auto;
				padding: 4px 3px;
			}

	.chartLine-editable .chartLine--trigger {
				height: 7px;
				position: absolute;
				display: block;
				top: -3px;
				z-index: 1;
			}

	.chartLine-editable .numericStepper {
			width: 12px;
			height: 20px;
		}

	.chartLine-editable .numericStepper--control {
				position: absolute;
				left: 0;
				top: 0;
				padding: 0;
				border: 0;
				width: 12px;
				height: 6px;
				overflow: hidden;
				background: none;
			}

	.chartLine-editable .numericStepper--control-up {
					transform: rotate(180deg);
				}

	.chartLine-editable .numericStepper--control-down {
					top: 15px;
				}

	.chartLine-editable .numericStepper--control-down:active {
						top: 13px;
					}

	.chartLine-editable .numericStepper--control::before {
					content: normal;
				}

	.chartLine-editable .numericStepper--control:focus,
				.chartLine-editable .numericStepper--control:active,
				.chartLine-editable .numericStepper--control:focus:active {
					box-shadow: none;
				}

	.chartLine-editable .numericStepper--control:hover .icon, .chartLine-editable .numericStepper--control:active .icon {
						fill: var(--button-hovered-overlay-color)	;
					}

	.chartLine-editable .numericStepper--control .icon {
					position: absolute;
					left: 50%;
					top: 50%;
					margin: 0;
					width: 100%;
					height: 9px;
					fill: var(--icon-numeric-stepper-bg-color);
					stroke: var(--button-tertiary-border-outside-color);
					transform: translate(-50%, -50%);
					transition: fill 220ms ease-in;
				}

	.chartLine--indicator {
		display: inline-block;
		width: 35px;
		height: 17px;
		border-radius: 2px;
		padding: 2px 0 3px;
		text-align: center;
		box-sizing: border-box;
		margin-left: 5px;
	}

	.chartLine--indicator .indicatorText {
			font-size: 10px;
			font-weight: 600;
			line-height: 12px;
			vertical-align: middle;
		}

	.chartLine--activationRules {
		margin-left: 10px;
		display: flex;
		align-items: center;
	}

	.chartLine--activationRules .icon {
			width: 13px;
			height: 13px;
		}

	.chartLine-pending .chartLine--controlGroup:before {
			top: 1px;
		}

	.chartLine-hidden {
		display: none
	}


.chartLine:not(.chartLine-multiAssetOrderCreation) .chartLine--close .icon-trash {
			display: none;
		}

.chartLine-multiAssetOrderCreation {
	border: 0;
}

.chartLine-multiAssetOrderCreation .numericStepper {
		margin-left: 7px;
		pointer-events: auto;
		display: block;
	}

.chartLine-multiAssetOrderCreation .chartLine--close {
			position: relative;
			top: auto;
			right: auto;
			border-radius: 1px;
			align-items: center;
			justify-content: center;
			margin-right: 7px;
			padding-left: 7px;
			padding-right: 7px;
			width: 25px;
			height: 25px;
			pointer-events: auto;
			box-sizing: border-box;
		}

.chartLine-multiAssetOrderCreation .chartLine--close .icon-trash {
				width: 11px;
				height: 13px;
			}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon {
			width: 18px;
			height: 14px;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderType {
			order: 2;
			width: 62px;
			pointer-events: auto;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderType .selectBox--label {
				padding: 0 6px 0 10px;
				display: flex;
				align-items: center;
				height: 23px;
			}

.chartLine-multiAssetOrderCreation .chartLine--orderType .selectBox--labelIcon {
				height: 11px;
				width: 26px;
			}

.chartLine-multiAssetOrderCreation .chartLine--controlGroup {
			display: flex;
			width: auto;
			align-items: center;
			top: -14px;
			pointer-events: all;
			position: relative;
			z-index: 1;
		}

.chartLine-multiAssetOrderCreation .chartLine--label {
			white-space: nowrap;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeContainer {
			position: relative;
			display: none;
			flex-grow: 0;
			margin-left: 12px;
			pointer-events: auto;
			height: 25px;
			box-sizing: border-box;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem {
			border: 0;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeHandler {
			width: 25px;
			height: 25px;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeHandler {
			font-size: 14px;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem {
			font-size: 14px;
		}

.chartLine-multiAssetOrderCreation .chartLine--label {
			width: auto;
			min-width: 55px;
			padding-left: 7px;
			padding-right: 7px;
			height: 27px;
			box-sizing: border-box;
			display: flex;
			font-size: 14px;
			align-items: center;
			margin-left: 7px;
			flex-shrink: 0;
			border: 1px solid transparent;
			flex-shrink: 0;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo {
			margin-right: 7px;
			display: flex;
			border: 1px solid transparent;
			border-radius: 2px;
			min-width: 45px;
			box-sizing: border-box;
			padding: 0 7px;
			height: 27px;
			align-items: center;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo:not(.chartLine--orderGroupInfo-child) {
				justify-content: center;
			}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoInner {
			display: flex;
			height: 14px;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoNumber {
			margin: 0 2px;
			font-size: 14px;
			font-weight: 500;
			line-height: 1;
			color: var(--common-text-default);
			padding: 0 2px;
		}

.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeHandler .icon-order-entry-floating-button-add-group {
				width: 8px;
				height: 8px;
			}

.chartLine-multiAssetOrderCreation.chartLine-editable .chartLine--orderType, .chartLine-multiAssetOrderCreation.chartLine-market .chartLine--orderType {
				display: block;
			}

.chartLine-multiAssetOrderCreation.chartLine-market .chartLine--quote {
			display: none;
		}

.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--close {
				display: flex;
				padding: 0;
			}

.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer {
				display: flex;
			}

.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded .chartLine--orderGroupTypeList {
						padding: 0 10px;
					}

.chartLine-multiAssetOrderCreation .chartLine--title,
	.chartLine-multiAssetOrderCreation .chartLine--quote {
		transform: translateY(-1px);
	}


.chartLine--labelAxis-bid {
		color: var(--chart-axis-value-text-color) ;
		background-color: var(--chart-y-axis-last-price-container-negative);
	}


.chartLine--labelAxis-ask {
		color: var(--chart-axis-value-text-color) ;
		background-color: var(--chart-y-axis-last-price-container-positive);
	}


.chartLine--labelAxis-bidQuote {
		color: var(--chart-y-axis-last-price-container-negative);
	}


.chartLine--labelAxis-askQuote {
		color: var(--chart-y-axis-last-price-container-positive);
	}

/* display child info only in dropdown
 move display logic to react
 after refactor remove*/
.chartLine-multiAssetOrder .chartLine--orderChildInfo, .chartLine-multiAssetPosition .chartLine--orderChildInfo, .chartLine-multiAssetOrderCreation .chartLine--orderChildInfo {
		display: none;
	}

.chartLine-multiAssetPosition,
.chartLine-multiAssetOrder {
	border-bottom: 0;
}

.chartLine-multiAssetPosition .chartLineMultiAsset--controls, .chartLine-multiAssetOrder .chartLineMultiAsset--controls {
			display: none;
			align-items: center;
		}

.chartLine-multiAssetPosition .chartLineMultiAsset--controls .chartLineMultiAsset--control, .chartLine-multiAssetOrder .chartLineMultiAsset--controls .chartLineMultiAsset--control {
					margin-left: 0;
					margin-right: 5px;
					padding: 0;
				}

.chartLine-multiAssetPosition .chartLineMultiAsset--controls .chartLineMultiAsset--control:not(:last-of-type), .chartLine-multiAssetOrder .chartLineMultiAsset--controls .chartLineMultiAsset--control:not(:last-of-type) {
						margin-right: 10px;
					}

.chartLine-multiAssetPosition .chartLineMultiAsset--control, .chartLine-multiAssetOrder .chartLineMultiAsset--control {
			margin: 0 5px;
			width: 25px;
			height: 25px;
			flex-shrink: 0;
		}

.chartLine-multiAssetPosition .chartLineMultiAsset--control.button-icon-order-group-bracket-plain, .chartLine-multiAssetOrder .chartLineMultiAsset--control.button-icon-order-group-bracket-plain {
				padding: 0;
			}

.chartLine-multiAssetPosition .chartLineMultiAsset--control .icon-order-group-bracket-plain, .chartLine-multiAssetOrder .chartLineMultiAsset--control .icon-order-group-bracket-plain {
				width: 19px;
				height: 15px;
			}

.chartLine-multiAssetPosition .chartLineMultiAsset--control .icon-big-cross, .chartLine-multiAssetOrder .chartLineMultiAsset--control .icon-big-cross {
				width: 11px;
				height: 11px;
				transform: translateY(1px);
			}

.chartLine-multiAssetPosition .chartLineMultiAsset--control .icon, .chartLine-multiAssetOrder .chartLineMultiAsset--control .icon {
				fill: var(--icon-primary-default-color);
			}

.chartLine-multiAssetPosition .chartLineMultiAsset--control.button-edit-symbol .icon-edit-symbol, .chartLine-multiAssetOrder .chartLineMultiAsset--control.button-edit-symbol .icon-edit-symbol {
					width: 12px;
					height: 12px;
				}

.chartLine-multiAssetPosition.chartLine-child .chartLine--priceList, .chartLine-multiAssetOrder.chartLine-child .chartLine--priceList {
			margin-left: 0;
		}

.chartLine-multiAssetPosition.chartLine-stopPrice .chartLine--priceList, .chartLine-multiAssetOrder.chartLine-stopPrice .chartLine--priceList {
				margin-left: 0;
			}

.chartLine-multiAssetPosition .chartLine--controlGroup, .chartLine-multiAssetOrder .chartLine--controlGroup {
			display: flex;
			width: auto;
			align-items: center;
			top: -13.5px;
			box-sizing: border-box;
			height: 27px;
			z-index: 1;
		}

.chartLine-multiAssetPosition .chartLine--controlGroup > .chartLineMultiAsset--control, .chartLine-multiAssetOrder .chartLine--controlGroup > .chartLineMultiAsset--control {
				margin-right: 0;
			}

.chartLine-multiAssetPosition .chartLine--elementsContainer, .chartLine-multiAssetOrder .chartLine--elementsContainer {
			display: flex;
			align-items: center;
			height: 100%;
			box-sizing: border-box;
			padding-left: 7px;
			margin-right: 7px;
			padding-right: 7px;
			border-radius: 2px;
			border: solid 1px var(--chart-order-single-border-color) ;
			cursor: pointer;
		}

.chartLine-multiAssetPosition .chartLine--label, .chartLine-multiAssetOrder .chartLine--label {
			white-space: nowrap;
			font-size: 14px;
			display: flex;
			padding: 0;
		}

.chartLine-multiAssetPosition .chartLine--quantity, .chartLine-multiAssetOrder .chartLine--quantity {
			margin: 0 6px 0 5px;
		}

.chartLine-multiAssetPosition .chartLine--quote, .chartLine-multiAssetOrder .chartLine--quote {
			margin-left: 7px;
		}

.chartLine-multiAssetPosition .chartLine--priceList, .chartLine-multiAssetOrder .chartLine--priceList {
			display: flex;
			margin-left: 7px;
		}

.chartLine-multiAssetPosition .chartLine--quote, .chartLine-multiAssetOrder .chartLine--quote {
			font-size: 14px;
		}

.chartLine-multiAssetPosition .chartLine--orderTypeIcon, .chartLine-multiAssetOrder .chartLine--orderTypeIcon {
			width: 26px;
			height: 11px;
		}

.chartLine-multiAssetPosition .chartLine--orderGroupInfo, .chartLine-multiAssetOrder .chartLine--orderGroupInfo {
			margin-right: 7px;
			box-sizing: border-box;
			align-items: center;
		}

.chartLine-multiAssetPosition .chartLine--orderGroupInfoInner, .chartLine-multiAssetOrder .chartLine--orderGroupInfoInner {
			display: flex;
			height: 14px;
		}

.chartLine-multiAssetPosition .chartLine--orderGroupInfoNumber, .chartLine-multiAssetOrder .chartLine--orderGroupInfoNumber {
			font-size: 14px;
			font-weight: 500;
			line-height: 1;
			color: var(--common-text-default);
			padding: 0 2px;
		}

.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon, .chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon {
			width: 18px;
			height: 14px;
		}

.chartLine-multiAssetPosition .chartLine--orderGroupInfo-child, .chartLine-multiAssetOrder .chartLine--orderGroupInfo-child {
			padding-left: 10px;
		}

.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child, .chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child {
			position: relative;
		}

.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child::after,
			.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child::before,
			.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child::after,
			.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child::before {
				content: '';
				display: block;
				position: absolute;
			}

.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child::before, .chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child::before {
				height: 6px;
				width: 6px;
				box-sizing: border-box;
				left: -10px;
				top: 50%;
				margin-top: -3px;
				border-bottom-width: 1px;
				border-bottom-style: solid;
				border-left-width: 1px;
				border-left-style: solid;
			}

.chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child::after, .chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child::after {
				height: 3px;
				width: 3px;
				border-radius: 50%;
				left: -6px;
				bottom: 3px;
			}

.chartLine-multiAssetPosition.chartLine-active .chartLine--close, .chartLine-multiAssetOrder.chartLine-active .chartLine--close {
				display: none;
			}

.chartLine-multiAssetPosition.chartLine-active .chartLine--orderGroupInfo, .chartLine-multiAssetOrder.chartLine-active .chartLine--orderGroupInfo {
				display: flex;
			}

.chartLine-multiAssetPosition.chartLine-active .chartLineMultiAsset--controls, .chartLine-multiAssetOrder.chartLine-active .chartLineMultiAsset--controls {
				display: flex;
			}

.chartLine-multiAssetPosition.chartLine-active .chartLineMultiAsset--controls .button-tertiary, .chartLine-multiAssetOrder.chartLine-active .chartLineMultiAsset--controls .button-tertiary {
					background-color: var(--button-tertiary-default-bg-color);
				}

.chartLine-multiAssetOrder .chartLineMultiAsset--control.button-edit-symbol, .chartLine-multiAssetPosition .chartLineMultiAsset--control.button-edit-symbol {
				display: none;
			}

.chartLine-multiAssetOrder.chartLine-active .chartLineMultiAsset--control.button-edit-symbol {
				display: block;
			}

.chartLine-multiAssetPosition:not(.chartLine-editable) {
		cursor: pointer;
	}

.chartLine-multiAssetPosition .chartLine--label {
			background: transparent;
			align-items: center;
			border: 0;
		}

.chartLine-multiAssetPosition .chartLine--label::before {
				content: '';
				display: inline-block;
				vertical-align: middle;
				width: 11px;
				height: 11px;
				margin: 1px 2px 0 0;
				background-image: none;
			}

.chartLine-multiAssetPosition .chartLine--controlGroup .numericStepper {
			display: none;
		}

.chartLine-group .chartLine--icon-isUsedSvgIcon {
		display: inline-flex;
	}

.chartLine-group .chartLine--icon-isUsedSvgIcon::before {
			content: none;
		}

.chartLine-group .chartLine--icon-isUsedSvgIcon .icon {
			width: 11px;
			height: 11px;
			vertical-align: top;
			margin-left: 4px;
		}

:global .dropDown-chartLine--orderType .dropDown--option {
			padding-left: 9px;
		}


.chartLine-currentQuote .chartLine--line {
			background-image: linear-gradient(to right, var(--chart-trading-current-price-line-color) 100%, transparent 100%);
			background-size: 100% 5px;
		}


.chartLine--dot::before {
			background-color: var(--chart-time-stamp-dot-color);
			z-index: 2;
		}


.chartLine--dotLine {
			background-image: linear-gradient(to bottom, var(--chart-time-stamp-line-color) 50%, transparent 50%);
			background-size: 12px 5px;
		}


.chartLine--dotLabel {
			background: var(--chart-crosshair-value-bg-color);
			color: var(--common-text-default);
		}


.chartLine--quote,
	.chartLine--label {
		color: var(--common-text-default);
	}


.chartLine-sending .chartLine--controlGroup::before, .chartLine-pending .chartLine--controlGroup::before {
				background-image: url(../../icons-order-status.png?ea82e110edbf6b6d4561);
				background-color: var(--chart-bg-color);
				background-position: 2px 2px;
				transition: left .3s;
			}


.chartLine-pending .chartLine--controlGroup::before {
				background-position: 3px -18px;
			}


.chartLine-order .chartLine--label, .chartLine-position .chartLine--label, .chartLine-group .chartLine--label {
				background: var(--chart-trading-order-position-bg-color);
				border-color: var(--line-color-4);
			}


.chartLine-order .chartLine--label::before, .chartLine-order .chartLine--icon::before, .chartLine-position .chartLine--label::before, .chartLine-position .chartLine--icon::before, .chartLine-group .chartLine--label::before, .chartLine-group .chartLine--icon::before {
					background-image: url(../../icons-positions-orders-statuses.png?f84c1ffb6ec1870ecee1);
				}


.chartLine-buy .chartLine--label:before {
			background-color: var(--chart-trading-up-line-color);
		}


.chartLine-sell .chartLine--label:before {
			background-color: var(--chart-trading-down-line-color);
		}


/*line*/


.chartLine-position.chartLine-sell .chartLine--line {
				background-image: linear-gradient(to right, var(--chart-trading-down-line-color) 70%, transparent 70%);
				background-size: 10px 5px;
			}


.chartLine-position.chartLine-buy .chartLine--line {
				background-image: linear-gradient(to right, var(--chart-trading-up-line-color) 70%, transparent 70%);
				background-size: 10px 5px;
			}


.chartLine-order.chartLine-sell .chartLine--line {
				background-image: linear-gradient(to right, var(--chart-trading-down-line-color) 50%, transparent 50%);
				background-size: 4px 5px;
			}


.chartLine-order.chartLine-buy .chartLine--line {
				background-image: linear-gradient(to right, var(--chart-trading-up-line-color) 50%, transparent 50%);
				background-size: 4px 5px;
			}


.chartLine-order.chartLine-tp.chartLine-order.chartLine-sell .chartLine--line, .chartLine-order.chartLine-sl.chartLine-order.chartLine-sell .chartLine--line {
					background-image: linear-gradient(to right, var(--chart-trading-up-line-color) 100%, transparent 100%);
					background-size: 100% 5px;
				}


.chartLine-order.chartLine-tp.chartLine-order.chartLine-buy .chartLine--line, .chartLine-order.chartLine-sl.chartLine-order.chartLine-buy .chartLine--line {
					background-image: linear-gradient(to right, var(--chart-trading-down-line-color) 100%, transparent 100%);
					background-size: 100% 5px;
				}


.chartLine-group .chartLine--line {
			background-image: linear-gradient(to right, var(--chart-order-single-price-line-color) 70%, transparent 70%);
			background-size: 10px 5px;
		}


.chartLine-group .chartLine--icon-buy:before {
					background-color: var(--chart-trading-up-line-color);
				}


.chartLine-group .chartLine--icon-sell:before{
					background-color: var(--chart-trading-down-line-color);
				}


.chartLine-group .chartLine--icon-both:before {
					background: url(../../icons-chartLines.png?69950082ced8a9e04a07);
					background-position: 0 -33px;
				}


.chartLine-group .chartLine--icon-pending.chartLine--icon:before {
						background-position: 0 -20px;
						background-image: url(../../icons-order-status.png?ea82e110edbf6b6d4561);
						background-color: transparent;
					}


.chartLine-group .chartLine--controlGroup {
				transition: transform 500ms;
			}


.chartLine-group .selectBox {
			opacity: 0;
		}


.chartLine-editable.chartLine-active.chartLine-tp.chartLine-buy::before, .chartLine-editable.chartLine-active.chartLine-tp.chartLine-sell::before, .chartLine-editable.chartLine-active.chartLine-sl.chartLine-buy::before, .chartLine-editable.chartLine-active.chartLine-sl.chartLine-sell::before {
						background-image: linear-gradient(to right, var(--chart-trading-editable-line-color) 100%, transparent 100%);
						background-size: 100% 5px;
					}


.chartLine-editable.chartLine-active.chartLine-order .chartLine--line {
					background-image: linear-gradient(to right, var(--chart-trading-editable-line-color) 70%, transparent 70%);
					background-size: 4px 5px;
				}


.chartLine-editable.chartLine-active.chartLine-position .chartLine--line {
					background-image: linear-gradient(to right, var(--chart-trading-editable-line-color) 70%, transparent 70%);
					background-size: 10px 5px;
				}


.chartLine-editable.chartLine-active .chartLine--label {
				border-color: var(--chart-trading-editable-line-color);
			}


.chartLine.chartLine-bid .chartLine--line {
			background-color: var(--chart-trading-down-line-color);
			background-image: none;
		}


.chartLine.chartLine-ask .chartLine--line {
			background-color: var(--chart-trading-up-line-color);
			background-image: none;
		}


.chartLine--indicator {
		color: rgba(var(--common-text-default-rgb), 0.5);
		background: var(--chart-trading-order-position-bg-color);
		border-color: transparent;
	}


.chartLine--activationRules .icon {
			fill: var(--icon-primary-default-color);
		}

.chartLine-group .chartLine--icon-order.chartLine--icon-limit.chartLine--icon-buy::before {
	background-position: 0 0;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-limit.chartLine--icon-sell::before {
	background-position: 0 0;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-market.chartLine--icon-buy::before {
	background-position: 0 -22px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-market.chartLine--icon-sell::before {
	background-position: 0 -22px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-stop.chartLine--icon-buy::before {
	background-position: 0 -44px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-stop.chartLine--icon-sell::before {
	background-position: 0 -44px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-traidingStop.chartLine--icon-buy::before {
	background-position: 0 -66px;
}
.chartLine-group .chartLine--icon-order.chartLine--icon-traidingStop.chartLine--icon-sell::before {
	background-position: 0 -66px;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-sell::before {
	background-position: 0 -99px;
}
.chartLine-group .chartLine--icon-position.chartLine--icon-buy::before {
	background-position: 0 -88px;
}

.chartLine-multiAssetOrder .chartLine--orderGroupInfo, .chartLine-multiAssetPosition .chartLine--orderGroupInfo {
			border-radius: 1px;
		}

.chartLine-multiAssetOrder .chartLine--orderGroupInfo-bracket .chartLine--orderGroupInfoInner, .chartLine-multiAssetPosition .chartLine--orderGroupInfo-bracket .chartLine--orderGroupInfoInner {
					background:  var(--chart-order-bracket-index-bg-color);
				}

.chartLine-multiAssetOrder .chartLine--orderGroupInfo-oco .chartLine--orderGroupInfoInner, .chartLine-multiAssetPosition .chartLine--orderGroupInfo-oco .chartLine--orderGroupInfoInner {
					background:  var(--chart-order-oco-index-bg-color);
				}

.chartLine-multiAssetOrder .chartLine--orderGroupInfo-oso .chartLine--orderGroupInfoInner, .chartLine-multiAssetPosition .chartLine--orderGroupInfo-oso .chartLine--orderGroupInfoInner {
					background:  var(--chart-order-oso-index-bg-color);
				}

.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco::before, .chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco::before {
						border-left-color: var(--order-entry-group-order-connection-line-oco);
						border-bottom-color: var(--order-entry-group-order-connection-line-oco);
					}

.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco::after, .chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco::after {
						background: var(--order-entry-group-order-connection-bubble-oco);
					}

.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::before, .chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::before {
						border-left-color: var(--order-entry-group-order-connection-line-bracket);
						border-bottom-color: var(--order-entry-group-order-connection-line-bracket);
					}

.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::after, .chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::after {
						background: var(--order-entry-group-order-connection-bubble-bracket);
					}

.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::before, .chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::before {
						border-left-color: var(--order-entry-group-order-connection-line-oso);
						border-bottom-color: var(--order-entry-group-order-connection-line-oso);
					}

.chartLine-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::after, .chartLine-multiAssetPosition .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::after {
						background: var(--order-entry-group-order-connection-bubble-oso);
					}


.chartLine-multiAssetOrderCreation .chartLine--label {
			border-radius: 2px;
			box-shadow: 0 4px 10px 0 var(--shadow-color);
			background-image: linear-gradient(66deg, var(--chart-order-bg-color-1), var(--chart-order-bg-color-2));
			color: var(--common-text-default);
		}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeHandler {
			fill: var(--icon-primary-default-color);
		}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem {
			color: var(--common-text-default);
			background-color: transparent;
		}


.chartLine-multiAssetOrderCreation .chartLine--close {
			fill: var(--icon-primary-default-color);
		}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo {
			order: 1;
			margin-right: 7px;
			border: 1px solid transparent;
			border-radius: 1px;
			background-image: linear-gradient(60deg, var(--chart-order-bg-color-1), var(--chart-order-bg-color-2));
		}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-bracket {
				border-color: var(--chart-order-bracket-border-color);
			}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-bracket .chartLine--orderGroupInfoInner {
					background:  var(--chart-order-bracket-index-bg-color);
				}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oco {
				border-color: var(--chart-order-oco-border-color);
			}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oco .chartLine--orderGroupInfoInner {
					background:  var(--chart-order-oco-index-bg-color);
				}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oso {
				border-color: var(--chart-order-oso-border-color);
			}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-oso .chartLine--orderGroupInfoInner {
					background:  var(--chart-order-oso-index-bg-color);
				}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfo-child {
			padding-left: 17px;
		}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child {
			position: relative;
		}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child::after,
			.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child::before {
				content: '';
				display: block;
				position: absolute;
			}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child::before {
				height: 6px;
				width: 6px;
				box-sizing: border-box;
				left: -10px;
				top: 50%;
				margin-top: -3px;
				border-bottom-width: 1px;
				border-bottom-style: solid;
				border-left-width: 1px;
				border-left-style: solid;
			}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child::after {
				height: 3px;
				width: 3px;
				border-radius: 50%;
				left: -6px;
				bottom: 3px;
			}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::before {
						border-left-color: var(--order-entry-group-order-connection-line-oso);
						border-bottom-color: var(--order-entry-group-order-connection-line-oso);
					}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::after {
						background: var(--order-entry-group-order-connection-bubble-oso);
					}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::before {
						border-left-color: var(--order-entry-group-order-connection-line-bracket);
						border-bottom-color: var(--order-entry-group-order-connection-line-bracket);
					}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::after {
						background: var(--order-entry-group-order-connection-bubble-bracket);
					}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeContainer {
			border-radius: 2px;
		}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem::before {
				z-index: -1;
			}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem:hover::before {
					background-color: var(--button-hovered-overlay-color);
				}


.chartLine-multiAssetOrderCreation .chartLine--orderGroupTypeListItem:active:before {
				background-color: var(--button-pressed-overlay-color);
			}


.chartLine-multiAssetOrderCreation .chartLine--label.chartLine--label {
		border-color: var(--chart-order-single-border-color);
	}


.chartLine-multiAssetOrderCreation.chartLine-bracket .chartLine--label {
			border-color:  var(--chart-order-bracket-border-color);
		}


.chartLine-multiAssetOrderCreation.chartLine-oco .chartLine--label {
			border-color:  var(--chart-order-oco-border-color);
		}


.chartLine-multiAssetOrderCreation.chartLine-oso .chartLine--label {
			border-color:  var(--chart-order-oso-border-color);
		}


.chartLine-multiAssetOrderCreation.chartLine-buy .chartLine--orderType .selectBox--labelIcon .icon {
					fill: var(--buy-button-default-bg-color);
				}


.chartLine-multiAssetOrderCreation.chartLine-sell .chartLine--orderType .selectBox--labelIcon .icon {
					fill: var(--sell-button-default-bg-color);
				}


.chartLine-multiAssetOrder.chartLine-bracket .chartLine--elementsContainer {
				border-color:  var(--chart-order-bracket-border-color);
			}


.chartLine-multiAssetOrder.chartLine-oco .chartLine--elementsContainer{
				border-color:  var(--chart-order-oco-border-color);
			}


.chartLine-multiAssetOrder.chartLine-oso .chartLine--elementsContainer{
				border-color:  var(--chart-order-oso-border-color);
			}


.chartLine-multiAssetOrder .numericStepper {
		display: block;
	}


.chartLine-multiAssetOrder .numericStepper--control {
			background: none;
		}


.chartLine-multiAssetOrder .numericStepper--control::before {

				background-image: url(../../icons-chartLines.png?69950082ced8a9e04a07);
			}


.chartLine-multiAssetOrder .numericStepper--control:hover::before {
				background-image: url(../../icons-chartLines.png?69950082ced8a9e04a07);
			}


.chartLine-multiAssetOrder .numericStepper--control-down::before {
					background-position: 0 -11px;
				}


.chartLine-multiAssetOrder .numericStepper--control-down:hover::before {
					background-position: 0 -11px;
				}

.chartLine-multiAssetPosition .chartLine--elementsContainer, .chartLine-multiAssetOrder .chartLine--elementsContainer {
			background-image: linear-gradient(82deg, var(--chart-order-bg-color-1), var(--chart-order-bg-color-2));
		}

.chartLine-multiAssetPosition .chartLine--delimeter, .chartLine-multiAssetOrder .chartLine--delimeter {
			color: var(--at-text-color-2);
		}

.chartLine-multiAssetPosition.chartLine-stopPrice .chartLine--label, .chartLine-multiAssetOrder.chartLine-stopPrice .chartLine--label {
			background-image: linear-gradient(82deg, var(--chart-order-bg-color-1), var(--chart-order-bg-color-2));
		}

.chartLine-multiAssetPosition.chartLine-buy .chartLine--orderType, .chartLine-multiAssetOrder.chartLine-buy .chartLine--orderType {
				fill: var(--buy-button-default-bg-color);
			}

.chartLine-multiAssetPosition.chartLine-sell .chartLine--orderType, .chartLine-multiAssetOrder.chartLine-sell .chartLine--orderType {
				fill: var(--sell-button-default-bg-color);
			}

.chartLine-multiAssetOrder .chartLine--line, .chartLine-multiAssetOrderCreation .chartLine--line {
		background-image: linear-gradient(to right, var(--chart-order-single-price-line-color) 70%, transparent 70%);
		background-size: 12px 5px;
	}

.chartLine-multiAssetOrder.chartLine-bracket .chartLine--line, .chartLine-multiAssetOrderCreation.chartLine-bracket .chartLine--line {
			background-image: linear-gradient(to right, var(--chart-order-bracket-price-line-color) 70%, transparent 70%);
			background-size: 12px 5px;
		}

.chartLine-multiAssetOrder.chartLine-oco .chartLine--line, .chartLine-multiAssetOrderCreation.chartLine-oco .chartLine--line {
			background-image: linear-gradient(to right, var(--chart-order-oco-price-line-color) 70%, transparent 70%);
			background-size: 12px 5px;
		}

.chartLine-multiAssetOrder.chartLine-oso .chartLine--line, .chartLine-multiAssetOrderCreation.chartLine-oso .chartLine--line {
			background-image: linear-gradient(to right, var(--chart-order-oso-price-line-color) 70%, transparent 70%);
			background-size: 12px 5px;
		}

.chartLine-multiAssetOrderCreation.chartLine-osoChild .chartLine--line {
			background-image: linear-gradient(to right, var(--chart-order-oso-child-price-line-color) 70%, transparent 70%);
			background-size: 12px 5px;
		}

.chartLine-multiAssetPosition.chartLine-buy .chartLine--label:before {
			background: var(--buy-button-default-bg-color);
		}

.chartLine-multiAssetPosition.chartLine-sell .chartLine--label:before {
			background: var(--sell-button-default-bg-color);
		}

.chartLine-multiAssetPosition.chartLine-sell .chartLine--line, .chartLine-multiAssetPosition.chartLine-buy .chartLine--line {
			background-image: linear-gradient(to right, var(--chart-order-single-price-line-color) 70%, transparent 70%);
			background-size: 12px 5px;
		}


.chartLine-group {
	z-index: 11;
}


.chartLine-group .chartLine--aggregationCollapse {
		display: none;
		align-items: center;
	}


.chartLine-group.chartLine-aggregationExpanded .chartLine--aggregationCollapse {
			display: flex;
		}


.chartLine-group .chartLine--iconLabel {
		vertical-align: top;
	}


.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon {
				position: relative;

			}


.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon:last-child, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon:last-child {
					margin-right: 0;
				}


.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-sell::after, .chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-buy::after, .chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-both::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-both::after {
						content:'';
						display: inline-block;
						border-width: calc(11px / 2);
						border-style: solid;
						margin-left: 4px;
					}


.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-both::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-both::after {
						border-color: var(--buy-button-default-bg-color) var(--sell-button-default-bg-color) var(--sell-button-default-bg-color) var(--buy-button-default-bg-color);
					}


.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-sell::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell::after {
						border-color: var(--sell-button-default-bg-color);
					}


.chartLine-group .chartLine--icon-multiAssetPosition.chartLine--icon-buy::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy::after {
						border-color: var(--buy-button-default-bg-color);
					}


.chartLine-group .chartLine--icon-position.chartLine--icon, .chartLine-group .chartLine--icon-order.chartLine--icon {
				position: relative;
			}


.chartLine-group .chartLine--icon-position.chartLine--icon-sell:before, .chartLine-group .chartLine--icon-position.chartLine--icon-buy:before, .chartLine-group .chartLine--icon-position.chartLine--icon-both:before, .chartLine-group .chartLine--icon-order.chartLine--icon-sell:before, .chartLine-group .chartLine--icon-order.chartLine--icon-buy:before, .chartLine-group .chartLine--icon-order.chartLine--icon-both:before {
						content:'';
						display: inline-flex;
						align-items: center;
						margin-right: 4px;
					}


.chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-sell::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-buy::after, .chartLine-group .chartLine--icon-multiAssetOrder.chartLine--icon-both::after {
					border-radius: 50%;
				}

.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded .chartLine--orderGroupTypeHandler {
			box-shadow: none;
			border: 0;
		}

.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded .chartLine--orderGroupTypeHandler::before {
				content: none;
			}

.chartLine-multiAssetOrderCreation.chartLine-active .chartLine--orderGroupTypeContainer-isExpanded {

		background-color: var(--button-tertiary-default-bg-color);
		box-shadow: 0 0 0 1px var(--button-tertiary-border-outside-color);
}

.chartLine-order.chartLine-limit.chartLine-buy .chartLine--label:before {
	background-position: 0 0;
}
.chartLine-order.chartLine-limit.chartLine-sell .chartLine--label:before {
	background-position: 0 0;
}
.chartLine-order.chartLine-market.chartLine-buy .chartLine--label:before {
	background-position: 0 -22px;
}
.chartLine-order.chartLine-market.chartLine-sell .chartLine--label:before {
	background-position: 0 -22px;
}
.chartLine-order.chartLine-stop.chartLine-buy .chartLine--label:before {
	background-position: 0 -44px;
}
.chartLine-order.chartLine-stop.chartLine-sell .chartLine--label:before {
	background-position: 0 -44px;
}
.chartLine-order.chartLine-traidingStop.chartLine-buy .chartLine--label:before {
	background-position: 0 -66px;
}
.chartLine-order.chartLine-traidingStop.chartLine-sell .chartLine--label:before {
	background-position: 0 -66px;
}
.chartLine-position.chartLine-sell .chartLine--label:before {
	background-position: 0 -99px;
}
.chartLine-position.chartLine-buy .chartLine--label:before {
	background-position: 0 -88px;
}

.chartLine:not(.chartLine-multiAssetOrder):not(.chartLine-multiAssetPosition):not(.chartLine-multiAssetOrderCreation):not(.chartLine-shiftedLabel) .numericStepper--control-up {
		top: -4px;
	}

.chartLine:not(.chartLine-multiAssetOrder):not(.chartLine-multiAssetPosition):not(.chartLine-multiAssetOrderCreation):not(.chartLine-shiftedLabel) .numericStepper--control-up:active {
			top: -2px;
		}

.chartArea {
	display: flex;
	flex: 1 1 0%;
	flex-direction: column;
	min-width: 0;
	height: 100%;
	width: 100%;
	position: relative;
	outline: none;
}

	.chartArea-main {
		padding-top: 0;
	}

	.chartArea-main .chartArea--lines {
			background: var(--chart-trading-draggable-area);
			cursor: col-resize;
		}

	.chartArea__chartPlaceholder {
		position: absolute;
		z-index: 10;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background: transparent;
		font-size: 40px;
		text-align: center;
	}

	.chartArea__chartPlaceholderText {
			opacity: 0.3;
			color: var(--chart-placeholder-text-color);
		}

	.chartArea--buttons {
		background: var(--chart-trading-block-bg-color);
	}

	.chartArea--header {
		position: relative;
	}

	.chartArea--header .button {
			margin-left: 0;
		}

	.chartArea--graph {
		flex-grow: 1;
		position: relative;
		top: 0;
		height: 0;
	}

	.chartArea--toolbar {
		width: calc(100% - 1px);
		margin-top: 0;
		padding: 7px 8px 8px;
		box-sizing: border-box;
		background: linear-gradient(to right, var(--chart-widget-toolbar-bg-color-1), var(--chart-widget-toolbar-bg-color-2));
		position: relative;
		z-index: 32;
	}

	.chartArea--toolbar-alignRight .toolbar__itemsInner {
				justify-content: flex-end;
			}

	.chartArea--toolbar > .control {
			vertical-align: top;
		}

	.chartArea--toolbar .toolbar__item {
			margin-left: 10px;
		}

	.chartArea--toolbar .toolbar__item:hover {
				z-index: 101;
			}

	.chartArea--toolbar .toolbar__item:first-child {
				margin-left: 0;
			}

	.chartArea--toolbar .toolbar__item .selectBox-active {
				box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
			}

	.chartArea--toolbar .toolbar__item .selectBox-active::after {
					border-left: 1px solid var(--form-control-focused-border-outside-color);
					z-index: 2;
					top: -2px;
					bottom: -2px;
				}

	.chartArea--toolbar .button-cut .icon {
				height: 13px;
			}

	.chartArea--toolbar .button-zoom .icon-zoom,
		.chartArea--toolbar .button-zoomOut .icon-magnifying-glass-out {
			height: 17px;
		}

	.chartArea--toolbar .button-zoomOut {
			margin-right: 1px;
			margin-left: 6px;
		}

	.chartArea--toolbar .button-zoom:focus, .chartArea--toolbar .button-zoomOut:focus {
				z-index: 1;
			}

	.chartArea--toolbar .button-scale {
			position: relative;
			margin-right: 6px;
		}

	.chartArea--toolbar .button-scale .icon {
				width: 11px;
				height: 11px;
				transform: translateY(-1px);
				vertical-align: middle;
			}

	.chartArea--toolbar .button {
			vertical-align: top;
			height: 25px;
		}

	.chartArea--toolbar .button-filledIcon {
				width: 25px;
			}

	.chartArea--toolbar .button-filledIcon:not(.button-primary) {
					background-color: var(--button-tertiary-default-bg-color);
					color: var(--button-tertiary-default-text-color);
					box-shadow: 0 0 0 1px var(--button-tertiary-border-outside-color);
				}

	.chartArea--toolbar .button-filledIcon:not(.button-primary):before {
						border-top-color: transparent;
						border-bottom-color: transparent;
						border-left-color: transparent;
						border-right-color: transparent;
					}

	.chartArea--toolbar .button-filledIcon:not(.button-primary):focus {
						box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
					}

	.chartArea--toolbar .button-wrapper {
				display: inline-block;
			}

	.chartArea--toolbar .button .price-bid {
				margin-left: 3px;
			}

	.chartArea--toolbar .button .price-ask {
				margin-right: 3px;
			}

	.chartArea--toolbar .button-sell {
				box-shadow: 0 0 0 1px var(--sell-button-outside-border-color);
			}

	.chartArea--toolbar .button-buy {
				box-shadow: 0 0 0 1px var(--buy-button-outside-border-color);
			}

	.chartArea--toolbar .button-sell:disabled, .chartArea--toolbar .button-buy:disabled {
					background: var(--button-disabled-bg-color);
					color: var(--common-text-disabled);
				}

	.chartArea--toolbar .button-sell:disabled .price-label, .chartArea--toolbar .button-buy:disabled .price-label {
						color: var(--common-text-disabled);
					}

	.chartArea--toolbar .button-atr {
				width: 51px;
				padding: 0 7px;
			}

	.chartArea--toolbar .button-atr.button-pressed:before {
					border-color: transparent;
					background: var(--button-pressed-overlay-color);
				}

	.chartArea--toolbar .button-drawingSettings .icon {
					margin-top: 2px;
				}

	.chartArea--toolbar .button-close .icon {
					margin-top: 2px;
				}

	.chartArea--toolbar .selectBox-active {
			box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		}

	.chartArea--toolbar .selectBox-active:after {
				border-left: 1px solid var(--form-control-focused-border-outside-color);
				z-index: 2;
				top: -2px;
				bottom: -2px;
			}

	.chartArea--toolbar .control-comboBox {
			width: 75px;
		}

	.chartArea--toolbar .control-comboBox input[type="text"] {
				height: 25px;
				line-height: 1;
			}

	.chartArea--toolbar .selectBox-active {
			box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		}

	.chartArea--toolbar .selectBox-active::after {
				border-left: 1px solid var(--form-control-focused-border-outside-color);
				z-index: 2;
				top: -2px;
				bottom: -2px;
			}

	.chartArea--toolbar .toolbar__otherItems .button-otherItems .icon {
			fill: var(--icon-primary-default-color);
		}

	.chartArea--tradingFromChart .button-active, .chartArea--drawingTools .button-active {
				box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
			}

	.chartArea .price-up,
		.chartArea .price-down {
			color: var(--common-text-default);
		}

	.chartArea .price-label {
			color: var(--common-secondary-text-color);
		}

	.chartArea .control-periodSwitcher .selectBox {
				width: 55px;
			}

	.chartArea .control-textInput {
			width: 110px;
			margin-right: 10px;
			top: -1px;
		}

	.chartArea .control-textInput input[type="text"] {
				font-size: 12px;
			}

	.chartArea .tradingFromChartControl .control-selectBox, .chartArea .drawingToolsControl .control-selectBox {
			height: 25px;
		}

	.chartArea .tradingFromChartControl .control-selectBox .control--wrap, .chartArea .drawingToolsControl .control-selectBox .control--wrap {
				height: 100%;
			}

	.chartArea .tradingFromChartControl .selectBox--label, .chartArea .drawingToolsControl .selectBox--label {
				width: 44px;
			}

	.chartArea .tradingFromChartControl .button, .chartArea .drawingToolsControl .button {
			height: 25px;
		}

	.chartArea .tradingFromChartControl .button {
			width: 40px;
		}

	.chartArea .tradingFromChartControl .button .icon {
				width: 34px;
				height: 13px;
			}

	.chartArea .drawingToolsControl .button {
			width: 40px;
		}

	.chartArea .drawingToolsControl .button .icon {
				width: 100%;
			}

	.chartArea .react-component-wrapper {
		height: auto;
	}

.chartArea--loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--drop-area-chart-maximized-highlight-color);
	z-index: 100;
	opacity: 1;
	transition: opacity 0.2s;
}

.chartArea--loader .loadingWheel {
		position: absolute;
		top: 47%;
		left: 50%;
		margin: -30px 0 0 -30px;
	}

.chartArea--loader-done {
		opacity: 0;
		pointer-events: none;
	}

.tradingFromChartControl,
.tradingFromChartControl-active,
.drawingToolsControl {
	position: relative;
	z-index: 32;
}

.tradingFromChartControl .control, .tradingFromChartControl-active .control, .drawingToolsControl .control {
		vertical-align: bottom;
	}

.tradingFromChartControl .button, .tradingFromChartControl-active .button, .drawingToolsControl .button {
		height: 100%;
	}

.tradingFromChartControl .button-wrapper, .tradingFromChartControl-active .button-wrapper, .drawingToolsControl .button-wrapper {
			display: inline-block;
		}

.tradingFromChartControl .control-selectBox, .drawingToolsControl .control-selectBox {
		width: 65px;
	}

.tradingFromChartControl .control-selectBox.control-disabled::after, .drawingToolsControl .control-selectBox.control-disabled::after {
				background-color: transparent;
			}

.tradingFromChartControl .selectBox::after, .drawingToolsControl .selectBox::after {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			right: 22px;
			bottom: 0;
			width: 1px;
			pointer-events: none;
			background-color: var(--dropdown-border-inside-side-color);
		}

.tradingFromChartControl .selectBox-active:hover::after, .tradingFromChartControl .selectBox:active::after, .tradingFromChartControl .selectBox-disabled::after, .drawingToolsControl .selectBox-active:hover::after, .drawingToolsControl .selectBox:active::after, .drawingToolsControl .selectBox-disabled::after {
				background-color: transparent;
			}

.tradingFromChartControl .selectBox:disabled,
		.tradingFromChartControl .selectBox[disabled],
		.drawingToolsControl .selectBox:disabled,
		.drawingToolsControl .selectBox[disabled] {
			background-color: transparent;
		}

.tradingFromChartControl .selectBox-active, .drawingToolsControl .selectBox-active {
			box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		}

.tradingFromChartControl .selectBox--labelIcon,
		.tradingFromChartControl .selectBox--labelText,
		.drawingToolsControl .selectBox--labelIcon,
		.drawingToolsControl .selectBox--labelText {
			visibility: hidden;
		}

.tradingFromChartControl .selectBox--arrow, .drawingToolsControl .selectBox--arrow {
			margin-right: 8px;
			margin-left: 8px;
		}

.tradingFromChartControl .selectBox--label, .drawingToolsControl .selectBox--label {
			width: 36px;
			min-width: 0;
			visibility: hidden;
		}

.tradingFromChartControl .button, .drawingToolsControl .button {
		position: absolute;
		top: 0;
		left: 0;
		height: 19px;
		border-radius: 1px 0 0 1px;
		z-index: 2;
	}

.tradingFromChartControl .button:focus .icon::after, .drawingToolsControl .button:focus .icon::after {
					background-color: var(--form-control-focused-border-outside-color);
				}

.tradingFromChartControl .button:active .icon, .drawingToolsControl .button:active .icon {
				top: 1px;
			}

.tradingFromChartControl .button:disabled,
		.tradingFromChartControl .button[disabled],
		.drawingToolsControl .button:disabled,
		.drawingToolsControl .button[disabled] {
			background-color: transparent;
		}

.tradingFromChartControl .button-active, .drawingToolsControl .button-active {
			box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		}

.tradingFromChartControl .button-active .icon::after, .drawingToolsControl .button-active .icon::after {
					background-color: var(--form-control-focused-border-outside-color);
				}

.tradingFromChartControl .button .icon, .drawingToolsControl .button .icon {
			position: relative;
		}

.tradingFromChartControl .button .icon::after, .drawingToolsControl .button .icon::after {
				content: '';
				display: block;
				position: absolute;
				top: -1px;
				right: -2px;
				bottom: -1px;
				width: 1px;
				pointer-events: none;
			}

.drawingToolsControl {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.drawingToolsControl .button,
	.drawingToolsControl .selectBox--label {
		width: 25px;
	}

.drawingToolsControl .button {
		margin-left: 0;
	}

.drawingToolsControl .button .icon {
			width: 12px;
		}

.tradingFromChartControl {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.tradingFromChartControl-active .button {
			background-color: var(--button-primary-default-bg-color);
		}

.tradingFromChartControl .button,
	.tradingFromChartControl .selectBox--label {
		width: 36px;
	}

.tradingFromChartControl .button {
		margin-left: 0;
	}

.tradingFromChartControl .button .icon {
			width: 23px;
			height: 11px;
			top: 1px;
		}

.button-studiesControl .icon {
			height: 13px;
		}

.button-atr {
		width: 45px;
		padding: 0 4px;
	}

.chart-area__chartPlaceholder___GPMc0 {
	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;
}

	.chart-area__chartPlaceholderText___1ObHq {
		opacity: 0.3;
		color: var(--chart-placeholder-text-color);
	}

.mobile .chartArea--graph {
			touch-action: none;
			-webkit-user-select: none;
			   -moz-user-select: none;
			    -ms-user-select: none;
			        user-select: none;
		}

		.mobile .chartArea--toolbar .button {
				height: 29px;
			}

		.mobile .chartArea--toolbar .button-filledIcon {
					width: 29px;
				}

		.mobile .chartArea--toolbar .button-atr {
					width: 65px;
				}

		.mobile .chartArea--toolbar .button-atr .icon {
						margin-top: 2px;
					}

		.mobile .chartArea--toolbar .button-setting .icon {
						margin-top: 0;
					}

		.mobile .chartArea--toolbar .control-comboBox input[type="text"] {
					height: 29px;
				}

		.mobile .chartArea .tradingFromChartControl .button, .mobile .chartArea .drawingToolsControl .button {
				height: 100%;
				width: 40px;
			}

		.mobile .chartArea .tradingFromChartControl .control-selectBox, .mobile .chartArea .drawingToolsControl .control-selectBox {
				width: auto;
				height: 100%;
			}

		.mobile .chartArea .tradingFromChartControl .control-selectBox .selectBox::after, .mobile .chartArea .drawingToolsControl .control-selectBox .selectBox::after {
						right: 27px;
					}

		.mobile .chartArea--buttons .button-sell, 
			.mobile .chartArea--buttons .button-buy {
				font-size: 14px;
				min-width: 92px;
			}

		.mobile .chartArea--buttons .control-comboBox {
				width: 85px;
			}

@media screen and (orientation: landscape) {
		.mobile .chartArea {
			overflow: auto;
		}
			
			.mobile .chartArea--graph {
				min-height: 250px;
				flex-shrink: 0;
				overflow: hidden;
			}
}

@media screen and (max-width: 340px) {
				.mobile .chartArea--buttons .button-sell, 
				.mobile .chartArea--buttons .button-buy {
					min-width: 65px;
				}
					
					.mobile .chartArea--buttons .button-sell .price-label, .mobile .chartArea--buttons .button-buy .price-label {
						display: none;
					}
					.mobile .chartArea--buttons .button-sell .price-bid {
						margin-left: 0;
					}
					.mobile .chartArea--buttons .button-buy .price-ask {
						margin-right: 0;
					}
}

.dropDown-chartLineGroup {
	margin-top: -17px;
}
	.dropDown-chartLineGroup .dropDown--container {
		position: relative;
		max-height: 100px;
		left: -40px;
	}
	.dropDown-chartLineGroup .dropDown--option {
		display: block;
		position: relative;
		overflow: visible;
		font-size: 1rem;
		min-width:110px;
		padding: 2px 3px;
		line-height: 1rem;
		border-radius: 2px;
		box-sizing: border-box;
		text-align: right;
		border: 1px solid;
		margin-left: 40px;
	}
	.dropDown-chartLineGroup .dropDown--option .indicator {
			display: inline-block;
			width: 35px;
			height: 17px;
			border-radius: 2px;
			padding: 2px 0 3px;
			text-align: center;
			box-sizing: border-box;
		}
	.dropDown-chartLineGroup .dropDown--option .indicator .indicatorText {
				font-size: 10px;
				font-weight: 600;
				line-height: 12px;
				vertical-align: middle;
			}
	.dropDown-chartLineGroup .dropDown--option .indicator {

			position: absolute;
			top: 0;
			left: -40px;
			right: auto;
}
	.dropDown-chartLineGroup .dropDown--option .title::after {
				content: "@";
				display: inline-block;
				vertical-align: baseline;
				margin: 0 1px 0 3px;
			}
	.dropDown-chartLineGroup .dropDown--option::before {
			content: "";
			display: inline-block;
			float: left;
			width: 11px;
			height: 11px;
			margin: -1px 2px 0 0;
		}
	.dropDown-chartLineGroup .dropDown--option-order:before {
			border-radius: 50%;
		}
	.dropDown-chartLineGroup .dropDown--option.dropDown--option-selected {
			padding-right: 2px;
		}

.dropDown-chartLineGroup {
	margin-top: 0;
}

.dropDown-chartLineGroup .dropDown--container {
		left: 0;
		max-height: none;
	}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--label:before {
				content: '';
				display: block;
				width: 11px;
				height: 11px;
				margin-left: 25px;
				margin-right: 10px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition.dropDown--option-buy .chartLine--label:before {
				background: var(--buy-button-default-bg-color);
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition.dropDown--option-sell .chartLine--label:before {
				background: var(--sell-button-default-bg-color);
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition,
		.dropDown-chartLineGroup .dropDown--option-multiAssetPosition:hover,
		.dropDown-chartLineGroup .dropDown--option-multiAssetOrder,
		.dropDown-chartLineGroup .dropDown--option-multiAssetOrder:hover {
			border: 0;
		}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition:hover, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder:hover {
			background-color: var(--dropdown-list-bg-pressed-color);
		}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition,
	.dropDown-chartLineGroup .dropDown--option-multiAssetOrder {

		padding-top: 7px;
		padding-bottom: 7px;
		height: 25px;
		position: relative;
		margin-left: 0;
		padding-right: 15px;

		display: flex;
		align-items: center;
		font-size: 14px;
}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition::before, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder::before {
			content: none;
		}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .icon.icon-list-item-tick, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .icon.icon-list-item-tick {
			position: absolute;
			left: 6px;
			display: none;
			width: 10px;
			height: 9px;
		}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition.dropDown--option-selected, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder.dropDown--option-selected {
				padding-left: 52px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition.dropDown--option-selected .icon.icon-list-item-tick, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder.dropDown--option-selected .icon.icon-list-item-tick {
					display: inline-block;
				}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition.dropDown--option-selected .chartLine--orderGroupInfo, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder.dropDown--option-selected .chartLine--orderGroupInfo {
					right: calc(100% - 54px);
				}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderChildInfo, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderChildInfo {
				order: 4;
				margin-left: 10px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--label, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--label {
				display: flex;
				order: 3;
				align-items: center;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--quantity, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--quantity {
				margin-right: 6px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--priceList, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--priceList {
				display: flex;
				align-items: center;
				margin-left: 7px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfo, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo {
				margin-left: 10px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderType, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderType {
				order: 1;
				margin-left: 10px;
				margin-right: 10px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderTypeIcon, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderTypeIcon {
					width: 26px;
					height: 11px;
				}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderChildInfo, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderChildInfo {
				display: flex;
				align-items: center;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderChildInfo .icon-order-entry-header-oso-child-colored, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderChildInfo .icon-order-entry-header-oso-child-colored {
					width: 28px;
					height: 14px;
				}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderChildInfo .icon-order-entry-header-bracket-child-colored, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderChildInfo .icon-order-entry-header-bracket-child-colored {
					width: 34px;
					height: 22px;
					margin-top: 4px;
				}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderChildInfoNumber, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderChildInfoNumber {
				margin-right: 3px;
				color: var(--chart-order-bracket-index-bg-color);
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoInner, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoInner {
				display: flex;
				height: 14px;
				padding-right: 2px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoNumber, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoNumber {
				font-size: 14px;
				font-weight: 500;
				line-height: 1;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoIcon, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon {
				width: 18px;
				height: 14px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfo-child, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo-child {
				padding-left: 10px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoIcon-child, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child {
				position: relative;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoIcon-child::after,
				.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoIcon-child::before,
				.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child::after,
				.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child::before {
					content: '';
					display: block;
					position: absolute;
				}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoIcon-child::before, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child::before {
					height: 6px;
					width: 6px;
					box-sizing: border-box;
					left: -10px;
					top: 50%;
					margin-top: -3px;
					border-bottom-width: 1px;
					border-bottom-style: solid;
					border-left-width: 1px;
					border-left-style: solid;
				}

.dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--orderGroupInfoIcon-child::after, .dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child::after {
					height: 3px;
					width: 3px;
					border-radius: 50%;
					left: -6px;
					bottom: 3px;
				}

.dropDown-chartLineGroup.dropDown-chartLineHasIcons .dropDown--option-multiAssetPosition,
		.dropDown-chartLineGroup.dropDown-chartLineHasIcons .dropDown--option-multiAssetOrder {
			padding-left: 50px;
		}


.dropDown-chartLineGroup  {
	background: transparent;
	box-shadow: none;
}


.dropDown-chartLineGroup .scrollable-withVerticalScrollbar .scrollbar-vertical {
		width: 9px;
	}


.dropDown-chartLineGroup .scrollable-withVerticalScrollbar .scrollbar-vertical .scrollbar--bar {
			left: 0;
		}


.dropDown-chartLineGroup .dropDown--option  {
		border-color: transparent;
		background-color:  var(--chart-trading-order-position-bg-color);
		cursor: pointer;
	}


.dropDown-chartLineGroup .dropDown--option:hover,
		.dropDown-chartLineGroup .dropDown--option-selected {
			border-color: var(--chart-trading-editable-line-color);
			color: inherit;
		}


.dropDown-chartLineGroup .dropDown--option.dropDown--option-selected {
			background-image: none;
		}


.dropDown-chartLineGroup .dropDown--option::before {
			background-image: url(../../icons-positions-orders-statuses.png?f84c1ffb6ec1870ecee1);
		}


.dropDown-chartLineGroup .dropDown--option .indicator {
			color: rgba(var(--common-text-default-rgb), .5);
			background: var(--chart-trading-order-position-bg-color);
			border-color: transparent;
		}


.dropDown-chartLineGroup .dropDown--option-buy:before {
			background-color: var(--chart-trading-up-line-color);
		}


.dropDown-chartLineGroup .dropDown--option-sell:before {
			background-color: var(--chart-trading-down-line-color);
		}


.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-pending::before, .dropDown-chartLineGroup .dropDown--option-order.dropDown--option-sending::before {
					background-image: url(../../icons-order-status.png?ea82e110edbf6b6d4561);
					background-color: transparent;
				}


.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-pending::before {
					background-position: left -20px;
				}

.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-limit.dropDown--option-buy:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left 0px;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-limit.dropDown--option-sell:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left -11px;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-market.dropDown--option-buy:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left -22px;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-market.dropDown--option-sell:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left -33px;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-stop.dropDown--option-buy:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left -44px;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-stop.dropDown--option-sell:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left -55px;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-traidingStop.dropDown--option-buy:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left -66px;
}
.dropDown-chartLineGroup .dropDown--option-order.dropDown--option-traidingStop.dropDown--option-sell:not(.dropDown--option-pending):not(.dropDown--option-sending)::before {
	background-position: left -77px;
}
.dropDown-chartLineGroup .dropDown--option-position.dropDown--option-sell::before {
	background-position: left -99px;
}
.dropDown-chartLineGroup .dropDown--option-position.dropDown--option-buy::before {
	background-position: left -88px;
}

.dropDown-chartLineGroup {
	margin-top: 0;
}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder.dropDown--option-buy .chartLine--orderType .icon {
				fill: var(--buy-button-default-bg-color);
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder.dropDown--option-sell .chartLine--orderType .icon {
				fill: var(--sell-button-default-bg-color);
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo {
				border-radius: 1px;
			}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo-bracket .chartLine--orderGroupInfoInner {
						background:  var(--chart-order-bracket-index-bg-color);
					}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo-oco .chartLine--orderGroupInfoInner {
						background:  var(--chart-order-oco-index-bg-color);
					}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfo-oso .chartLine--orderGroupInfoInner {
						background:  var(--chart-order-oso-index-bg-color);
					}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco::before {
							border-left-color: var(--order-entry-group-order-connection-line-oco);
							border-bottom-color: var(--order-entry-group-order-connection-line-oco);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oco::after {
							background: var(--order-entry-group-order-connection-bubble-oco);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::before {
							border-left-color: var(--order-entry-group-order-connection-line-bracket);
							border-bottom-color: var(--order-entry-group-order-connection-line-bracket);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-bracket::after {
							background: var(--order-entry-group-order-connection-bubble-bracket);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::before {
							border-left-color: var(--order-entry-group-order-connection-line-oso);
							border-bottom-color: var(--order-entry-group-order-connection-line-oso);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--orderGroupInfoIcon-child.chartLine--orderGroupInfoIcon-oso::after {
							background: var(--order-entry-group-order-connection-bubble-oso);
						}

.dropDown-chartLineGroup .dropDown--option-multiAssetOrder .chartLine--delimeter, .dropDown-chartLineGroup .dropDown--option-multiAssetPosition .chartLine--delimeter {
			color: var(--at-text-color-2);
		}

.widget-chart-area__headerContent___DLxfk .toolbar__item:not(:first-child) {
				margin-left: 12px;
			}

.widget-chart-area__chartControls___sYv1m {
	display: flex;
	align-items: center;
}

.widget-chart-area__chartControls___sYv1m >:not(:first-child) {
			margin-left: 6px;
		}

.widget-chart-area__chartControls___sYv1m .contextMenuButton__container,
		.widget-chart-area__chartControls___sYv1m .button {
			vertical-align: bottom;
		}

.widget-chart-area__chartControls___sYv1m .control-comboBox {
			width: 90px;
		}

.WidgetChartArea__HeaderContent .toolbar__item:not(:first-child) {
				margin-left: 12px;
			}
	.WidgetChartArea__ChartControls {
		display: flex;
		align-items: center;
	}
	.WidgetChartArea__ChartControls >:not(:first-child) {
				margin-left: 6px;
			}
	.WidgetChartArea__ChartControls .contextMenuButton__container,
		.WidgetChartArea__ChartControls .button {
			vertical-align: bottom;
		}
	.WidgetChartArea__ChartControls .control-comboBox {
			width: 90px;
		}

:root {
	--depth-info-height: 39px;
}

.depth {

	height: 100%;
	position: relative;
	z-index: 1;
}

.depth-withInfo .grid.grid-depth {
			height: calc(100% - var(--depth-info-height));
		}

.depth--info {
		box-sizing: border-box;
		padding: 3px 4px;
		height: var(--depth-info-height);
		border-bottom-width: 1px;
		border-bottom-style: solid;
		background: var(--widget-further-info-bg-color);
		border-bottom-color: var(--depth-border-bottom-color);

	}

.depth--info .control {
			margin-right: 5px;
			min-width: 63px;
			height: 100%;
		}

.depth--info .control--label {
				display: block;
				margin-bottom: 4px;
				font-size: 10px;
				line-height: 14px;
			}

.depth--info .control-depthSymbol .control--info {
						margin: 3px 0;
					}

.depth--info .control-depthSymbol .control--label {
						margin: 0;
					}

.depth--info .control-depthChange {
				width: 54px;
			}

.depth--info .control-depthVolume {
				width: 47px;
				margin-right: 0;
			}

.depth--change-positive {
			color: var(--positive-text-color);
		}

.depth--change-negative {
			color: var(--negative-text-color);
		}

.depth--suggest {
		position: absolute;
		bottom: 0;
		width: 100%;
	}

.depth .table--col-bidOrder,
			.depth .table--col-askOrder {
				width: 10%;
			}

.depth .table--col-bidQuantity,
			.depth .table--col-askQuantity {
				width: 19.5%;
			}

.depth .table--col-bid,
			.depth .table--col-ask {
				width: 20.5%;
				min-width: 84px;
			}

.depth .table td {
			padding-left: 1px;
			padding-right: 1px;
			line-height: 17px;
		}

.depth .table td:first-child,
			.depth .table td:last-child {
				box-shadow: 0 1px var(--line-color);
			}

.depth .table td:first-child {
				padding-left: 1px;
			}

.depth .table td:first-child .table--cell {
					text-align: center;
				}

.depth .table td:last-child {
				padding-right: 1px;
			}

.depth .table td:nth-child(3) {
				padding-right: 3px;
			}

.depth .table td:nth-child(4) {
				padding-left: 3px;
			}

.depth .table th:first-child .table--columnHeader {
					justify-content: center;
				}

.depth .table--cell-askOrd,
			.depth .table--cell-askPrice,
			.depth .table--cell-askQty,
			.depth .table--cell-bidPrice,
			.depth .table--cell-bidQty,
			.depth .table--cell-bidOrd {
				position: relative;
			}

.depth .grid--head {
			padding-right: 0
		}

.depth .grid--body:not(.scrollable-withVerticalScrollbar) {
				margin-right: 0;
			}

.depth .grid--body .price {
				width: 100%;
			}

.depth--bar {
		display: block;
		position: absolute;
		z-index: -1;
		height: 20px;
	}

.depth--bar::after {
			height: 100%;
			width: 1px;
			display: block;
			position: absolute;
			background: var(--widget-bg-color);
			content: "";
			top: 0;
		}

.depth--bid .depth--bar {
			right: 50%;
			background: var(--buy-button-default-bg-color);
		}

.depth--bid .depth--bar::after {
				right: 0;
			}

.depth--ask .depth--bar {
			left: 50%;
			background: var(--sell-button-default-bg-color);
		}

.depth--ask .depth--bar::after {
				left: 0;
			}

.depth--row-total {
		color: var(--depth-total-data-text-color);
	}

.depth--info .control-depthSymbol {
				display: inline-block;
				vertical-align: middle;
				width: auto;
				max-width: 40%;
			}

.depth--askOrd,
	.depth--askPrice,
	.depth--askQty,
	.depth--bidPrice,
	.depth--bidQty,
	.depth--bidOrd {
		position: relative;
	}

.widget-depth:not(.widget-main) .grid--body {
			margin-bottom: 30px;
		}
		.widget-depth:not(.widget-main) .control-depthSymbol .control--info {
				overflow: hidden;
				text-overflow: ellipsis;
			}
		.widget-depth:not(.widget-main) .control-depthLast .control--wrap {
					display: inline-block;
					vertical-align: bottom;
					width: 60px;
					overflow: hidden;
					text-overflow: ellipsis;
					font-size: 15px;
				}
		.widget-depth:not(.widget-main) .control-depthLast .control--wrap .value {
						font-size: 12px;
					}
		.widget-depth:not(.widget-main) .control-depthLast .control--label {
					margin-bottom: 1px;
				}
		.widget-depth:not(.widget-main) .control-depthChange .control--wrap {
				display: inline-block;
				vertical-align: bottom;
				width: 60px;
				overflow: hidden;
				text-overflow: ellipsis;
			}
	.widget-depth.widget-main .table--col-bidOrder,
				.widget-depth.widget-main .table--col-askOrder {
					width: 5%;
				}
	.widget-depth.widget-main .table--col-bidQuantity,
				.widget-depth.widget-main .table--col-askQuantity {
					width: 20%;
				}
	.widget-depth.widget-main .table--col-bid,
				.widget-depth.widget-main .table--col-ask {
					width: 25%;
				}
	.widget-depth.widget-main .depth--quantity {
				width: 4em;
			}
	.widget-depth.widget-main .grid--body .price {
				width: 6em;
			}

.widget-depth .depth--quantity {
			overflow: hidden;
			text-overflow: ellipsis;
			text-align: center
		}

.widget-depth.widget-main .grid--body .price {
				text-align: center;
			}

.widget-depth.widget-main .depth--quantity {
			width: 100%
		}

.widget-depth:not(.widget-main) .depth--quantity {
				width: 44px;
				text-align: left;
			}
.aggregationBlock__container {
		display: flex;
		align-items: center;
		overflow: hidden;
		height: 100%;
	}

		.aggregationBlock__container .icon-tree {
			flex-shrink: 0;
			width: 7px;
			height: 9px;
			fill: var(--icon-secondary-default-color);
		}

		.aggregationBlock__container .icon-tree + .aggregationBlock__wrapperData {
				margin-left: 3px;
			}

		.aggregationBlock__container .icon-tree + .aggregationBlock__wrapperData .aggregationBlock__symbol {
					margin-left: 5px;
				}
	.aggregationBlock__icon + .aggregationBlock__wrapperData {
		margin-left: 7px;
	}
	.aggregationBlock__icon + .aggregationBlock__wrapperData .symbol {
			margin-left: 0;
		}
	.aggregationBlock__icon {
		display: flex;
	}
	.aggregationBlock__icon .button-icon {
			width: 9px;
			height: 100%;
			margin-left: 0;
		}
	.aggregationBlock__icon .button-icon:hover .icon {
					fill: var(--icon-hovered-color);
				}
	.aggregationBlock__icon .button-icon .icon {
				fill: var(--table-icon-default-color);
				transform: translateY(3px);
				transition: transform .3s;
			}
	.aggregationBlock__icon .button-icon .icon-group-closed {
					width: 4px;
					height: 7px;
				}
	.aggregationBlock__icon .button-icon .icon-group-opened {
					width: 7px;
					height: 4px;
					margin-top: 2px;
				}
	.aggregationBlock__iconOpen .button-icon .icon {
				transform: translateY(3px) rotate(90deg);
			}
	.aggregationBlock__level {
		display: flex;
		align-items: center;
		overflow: hidden;
		flex-grow: 1;
		height: 100%;
	}
	.aggregationBlock__level .icon-tree {
			flex-shrink: 0;
		}
	.aggregationBlock__levelPosition {
		position: relative;
		flex-grow: 1;
	}
	.aggregationBlock__levelPosition-1 .aggregationBlock__padding {
			min-width: 16px;
		}
	.aggregationBlock__levelPosition-2 .aggregationBlock__padding {
			min-width: 53px;
		}
	.aggregationBlock__levelPosition-3 .aggregationBlock__padding {
			min-width: 70px;
		}
	.aggregationBlock__strategyIcon {
		width: 17px;
		height: 13px;
		margin-left: 3px;
		flex-shrink: 0;
		fill: var(--common-text-default);
	}
	.aggregationBlock__wrapperData {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		flex-grow: 1;
		height: 100%;
	}
	.aggregationBlock__symbol {
		margin-left: 12px;
	}
	.aggregationBlock__credit,
	.aggregationBlock__quantity,
	.aggregationBlock__cashEffect,
	.aggregationBlock__side,
	.aggregationBlock__spreadStrategy {
		margin-left: 7px;
	}
	.aggregationBlock__date,
	.aggregationBlock__expirationDate {
		margin-left: 3px;
	}
	.aggregationBlock__text {
		margin-left: 3px;
	}
.grid-history {
		width: 100%;
	}

.grid-history__empty___t-eeB {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.grid-history__empty_text___roOKL {
		font-size: 20px;
	  	color: var(--additional-text-color);
	}

.grid-tooltip__container___giu-0 {
	max-width: 301px;
	padding: 4px 8px 3px;
}

.grid-orders .table--col-instrument, .grid-orders .table--colAdapts-instrument, .grid-orderBook .table--col-instrument, .grid-orderBook .table--colAdapts-instrument, .grid-orderHistory .table--col-instrument, .grid-orderHistory .table--colAdapts-instrument {
				width: 233px;
			}
			.grid-orders .table--col-spread, .grid-orders .table--colAdapts-spread, .grid-orderBook .table--col-spread, .grid-orderBook .table--colAdapts-spread, .grid-orderHistory .table--col-spread, .grid-orderHistory .table--colAdapts-spread {
				width: 128px;
			}
			.grid-orders .table--col-instrumentType, .grid-orders .table--colAdapts-instrumentType, .grid-orderBook .table--col-instrumentType, .grid-orderBook .table--colAdapts-instrumentType, .grid-orderHistory .table--col-instrumentType, .grid-orderHistory .table--colAdapts-instrumentType {
				width: 114px;
			}
			.grid-orders .table--col-orderType, .grid-orders .table--colAdapts-orderType, .grid-orderBook .table--col-orderType, .grid-orderBook .table--colAdapts-orderType, .grid-orderHistory .table--col-orderType, .grid-orderHistory .table--colAdapts-orderType {
				width: 101px;
			}
			.grid-orders .table--col-strike, .grid-orders .table--colAdapts-strike, .grid-orderBook .table--col-strike, .grid-orderBook .table--colAdapts-strike, .grid-orderHistory .table--col-strike, .grid-orderHistory .table--colAdapts-strike {
				width: 66px;
			}
			.grid-orders .table--col-type, .grid-orders .table--colAdapts-type, .grid-orderBook .table--col-type, .grid-orderBook .table--colAdapts-type, .grid-orderHistory .table--col-type, .grid-orderHistory .table--colAdapts-type {
				width: 94px;
			}
			.grid-orders .table--col-daysToExpiration, .grid-orders .table--colAdapts-daysToExpiration, .grid-orderBook .table--col-daysToExpiration, .grid-orderBook .table--colAdapts-daysToExpiration, .grid-orderHistory .table--col-daysToExpiration, .grid-orderHistory .table--colAdapts-daysToExpiration {
				width: 123px;
			}
			.grid-orders .table--col-side, .grid-orders .table--colAdapts-side, .grid-orderBook .table--col-side, .grid-orderBook .table--colAdapts-side, .grid-orderHistory .table--col-side, .grid-orderHistory .table--colAdapts-side {
				width: 104px;
			}
			.grid-orders .table--col-qty,
			.grid-orders .table--col-qtyLeft,
			.grid-orders .table--col-orderId,
			.grid-orders .table--colAdapts-qty,
			.grid-orders .table--colAdapts-qtyLeft,
			.grid-orders .table--colAdapts-orderId,
			.grid-orderBook .table--col-qty,
			.grid-orderBook .table--col-qtyLeft,
			.grid-orderBook .table--col-orderId,
			.grid-orderBook .table--colAdapts-qty,
			.grid-orderBook .table--colAdapts-qtyLeft,
			.grid-orderBook .table--colAdapts-orderId,
			.grid-orderHistory .table--col-qty,
			.grid-orderHistory .table--col-qtyLeft,
			.grid-orderHistory .table--col-orderId,
			.grid-orderHistory .table--colAdapts-qty,
			.grid-orderHistory .table--colAdapts-qtyLeft,
			.grid-orderHistory .table--colAdapts-orderId {
				width: 84px;
			}
			.grid-orders .table--col-filledQty, .grid-orders .table--colAdapts-filledQty, .grid-orderBook .table--col-filledQty, .grid-orderBook .table--colAdapts-filledQty, .grid-orderHistory .table--col-filledQty, .grid-orderHistory .table--colAdapts-filledQty {
				width: 85px;
			}
			.grid-orders .table--col-avgPrice, .grid-orders .table--colAdapts-avgPrice, .grid-orderBook .table--col-avgPrice, .grid-orderBook .table--colAdapts-avgPrice, .grid-orderHistory .table--col-avgPrice, .grid-orderHistory .table--colAdapts-avgPrice {
				width: 104px;
			}
			.grid-orders .table--col-exchange, .grid-orders .table--colAdapts-exchange, .grid-orderBook .table--col-exchange, .grid-orderBook .table--colAdapts-exchange, .grid-orderHistory .table--col-exchange, .grid-orderHistory .table--colAdapts-exchange {
				width: 114px;
			}
			.grid-orders .table--col-triggeredBy, .grid-orders .table--colAdapts-triggeredBy, .grid-orderBook .table--col-triggeredBy, .grid-orderBook .table--colAdapts-triggeredBy, .grid-orderHistory .table--col-triggeredBy, .grid-orderHistory .table--colAdapts-triggeredBy {
				width: 93px;
			}
			.grid-orders .table--col-groupType, .grid-orders .table--colAdapts-groupType, .grid-orderBook .table--col-groupType, .grid-orderBook .table--colAdapts-groupType, .grid-orderHistory .table--col-groupType, .grid-orderHistory .table--colAdapts-groupType {
				width: 150px;
			}
			.grid-orders .table--col-trailingStop, .grid-orders .table--colAdapts-trailingStop, .grid-orderBook .table--col-trailingStop, .grid-orderBook .table--colAdapts-trailingStop, .grid-orderHistory .table--col-trailingStop, .grid-orderHistory .table--colAdapts-trailingStop {
				width: 101px;
			}
			.grid-orders .table--col-route, .grid-orders .table--colAdapts-route, .grid-orderBook .table--col-route, .grid-orderBook .table--colAdapts-route, .grid-orderHistory .table--col-route, .grid-orderHistory .table--colAdapts-route {
				width: 118px;
			}
			.grid-orders .table--col-commission,
			.grid-orders .table--col-commision,
			.grid-orders .table--colAdapts-commission,
			.grid-orders .table--colAdapts-commision,
			.grid-orderBook .table--col-commission,
			.grid-orderBook .table--col-commision,
			.grid-orderBook .table--colAdapts-commission,
			.grid-orderBook .table--colAdapts-commision,
			.grid-orderHistory .table--col-commission,
			.grid-orderHistory .table--col-commision,
			.grid-orderHistory .table--colAdapts-commission,
			.grid-orderHistory .table--colAdapts-commision {
				width: 95px;
			}
			.grid-orders .table--col-actions, .grid-orders .table--colAdapts-actions, .grid-orderBook .table--col-actions, .grid-orderBook .table--colAdapts-actions, .grid-orderHistory .table--col-actions, .grid-orderHistory .table--colAdapts-actions {
				width: 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-orderBook .table--col-account, .grid-orderBook .table--colAdapts-account, .grid-orderHistory .table--col-account, .grid-orderHistory .table--colAdapts-account {
			width: 105px;
		}

.grid-orderBook .table--col-status, .grid-orderBook .table--colAdapts-status, .grid-orderHistory .table--col-status, .grid-orderHistory .table--colAdapts-status {
			width: 192px;
		}

.grid-orderBook .table--col-limitPrice, .grid-orderBook .table--colAdapts-limitPrice, .grid-orderHistory .table--col-limitPrice, .grid-orderHistory .table--colAdapts-limitPrice {
			width: 93px;
		}

.grid-orderBook .table--col-stopPrice, .grid-orderBook .table--colAdapts-stopPrice, .grid-orderHistory .table--col-stopPrice, .grid-orderHistory .table--colAdapts-stopPrice {
			width: 89px;
		}

.grid-orderBook .table--col-duration, .grid-orderBook .table--colAdapts-duration, .grid-orderHistory .table--col-duration, .grid-orderHistory .table--colAdapts-duration {
			width: 130px;
		}

.grid-orderBook .table--col-activationRule, .grid-orderBook .table--colAdapts-activationRule, .grid-orderHistory .table--col-activationRule, .grid-orderHistory .table--colAdapts-activationRule {
			width: 130px;
		}

.grid-orders .table--col-symbol, .grid-orders .table--colAdapts-symbol, .grid-orderHistory .table--col-symbol, .grid-orderHistory .table--colAdapts-symbol {
				width: 90px;
			}

.grid-orders .table--col-timeDate,
			.grid-orders .table--col-timeDateModified,
			.grid-orders .table--colAdapts-timeDate,
			.grid-orders .table--colAdapts-timeDateModified,
			.grid-orderHistory .table--col-timeDate,
			.grid-orderHistory .table--col-timeDateModified,
			.grid-orderHistory .table--colAdapts-timeDate,
			.grid-orderHistory .table--colAdapts-timeDateModified {
				width: 151px;
			}

.grid-orders .table--col-limitPrice, .grid-orders .table--colAdapts-limitPrice {
				width: 85px;
			}

.grid-orders .table--col-stopPrice, .grid-orders .table--colAdapts-stopPrice {
				width: 81px;
			}

.grid-orders .table--col-duration, .grid-orders .table--colAdapts-duration {
				width: 73px;
			}

.grid-orders .table--col-account, .grid-orders .table--colAdapts-account {
				width: 135px;
			}

.grid-orders .table--col-activationRule, .grid-orders .table--colAdapts-activationRule {
				width: 106px;
			}

.grid-orders .table--col-time,
			.grid-orders .table--col-fillCancelTime,
			.grid-orders .table--colAdapts-time,
			.grid-orders .table--colAdapts-fillCancelTime {
				width: 117px;
			}

.grid-orderBook .table--col-instrument, .grid-orderBook .table--colAdapts-instrument {
				width: 244px;
			}

.grid-orderBook .table--col-symbol, .grid-orderBook .table--colAdapts-symbol {
				width: 137px;
			}

.grid-orderHistory .table--col-symbol, .grid-orderHistory .table--colAdapts-symbol {
				width: 8.4em;
			}

.grid-history .table--col-timeDate, .grid-history .table--colAdapts-timeDate {
				width: 12.4em;
			}

.grid-history .table--col-symbol, .grid-history .table--colAdapts-symbol {
				width: 6.5em;
			}

.grid-history .table--col-instrumentType, .grid-history .table--colAdapts-instrumentType {
				width: 8.6em;
			}

.grid-history .table--col-status, .grid-history .table--colAdapts-status {
				width: 19em;
			}

.grid-history .table--col-side, .grid-history .table--colAdapts-side {
				width: 4.4em;
			}

.grid-history .table--col-size, .grid-history .table--colAdapts-size {
				width: 6em;
			}

.grid-history .table--col-qty, .grid-history .table--colAdapts-qty {
				width: 3.5em;
			}

.grid-history .table--col-orderType, .grid-history .table--colAdapts-orderType {
				width: 10.5em;
			}

.grid-history .table--col-price, .grid-history .table--colAdapts-price {
				width: 6em;
			}

.grid-history .table--col-triggerPrice, .grid-history .table--colAdapts-triggerPrice {
				width: 7em;
			}

.grid-history .table--col-fillPrice, .grid-history .table--colAdapts-fillPrice {
				width: 6.4em;
			}

.grid-history .table--col-expiration, .grid-history .table--colAdapts-expiration {
				width: 6.7em;
			}

.grid-history .table--col-account, .grid-history .table--colAdapts-account {
				width: 7.8em;
			}

.grid-history .table--col-orderId, .grid-history .table--colAdapts-orderId {
				width: 7.8em;
			}

.grid-history .table--col-commission, .grid-history .table--colAdapts-commission {
				width: 6.9em;
			}

.grid-history .table--col-takeProfit, .grid-history .table--colAdapts-takeProfit {
				width: 6.4em;
			}

.grid-history .table--col-stopLoss, .grid-history .table--colAdapts-stopLoss {
				width: 6.4em;
			}

.grid-history .table--col-timeInForce, .grid-history .table--colAdapts-timeInForce {
				width: 7.3em;
			}

.grid-history.grid-aggregation .table--col-timeDate, .grid-history.grid-aggregation .table--colAdapts-timeDate {
					width: 13.8em;
				}


.grid-orders .grid--head, .grid-orderBook .grid--head, .grid-orderHistory .grid--head {
		z-index: 5;
	}
	.grid-orders td:first-of-type .orders__symbol_group.orders__symbol_brace, .grid-orderBook td:first-of-type .orders__symbol_group.orders__symbol_brace, .grid-orderHistory td:first-of-type .orders__symbol_group.orders__symbol_brace {
				padding-left: 27px;
			}
	.grid-orders td:first-of-type .orders__symbol_oco .orders__groupLink,
			.grid-orders td:first-of-type .orders__symbol_bracket .orders__groupLink,
			.grid-orders td:first-of-type .orders__symbol_oso .orders__groupLink,
			.grid-orderBook td:first-of-type .orders__symbol_oco .orders__groupLink,
			.grid-orderBook td:first-of-type .orders__symbol_bracket .orders__groupLink,
			.grid-orderBook td:first-of-type .orders__symbol_oso .orders__groupLink,
			.grid-orderHistory td:first-of-type .orders__symbol_oco .orders__groupLink,
			.grid-orderHistory td:first-of-type .orders__symbol_bracket .orders__groupLink,
			.grid-orderHistory td:first-of-type .orders__symbol_oso .orders__groupLink {
				left: 16px;
			}
	.grid-orders td:first-of-type .orders__symbol_multi.orders__symbol_oso .orders__groupLink, .grid-orderBook td:first-of-type .orders__symbol_multi.orders__symbol_oso .orders__groupLink, .grid-orderHistory td:first-of-type .orders__symbol_multi.orders__symbol_oso .orders__groupLink {
					left: 15px;
				}
	.grid-orders td:first-of-type .orders__symbol_multi.orders__symbol_bracket, .grid-orderBook td:first-of-type .orders__symbol_multi.orders__symbol_bracket, .grid-orderHistory td:first-of-type .orders__symbol_multi.orders__symbol_bracket {
					padding-left: 32px;
				}
	.grid-orders td:first-of-type .orders__symbol_multi.orders__symbol_bracket .orders__groupLink, .grid-orderBook td:first-of-type .orders__symbol_multi.orders__symbol_bracket .orders__groupLink, .grid-orderHistory td:first-of-type .orders__symbol_multi.orders__symbol_bracket .orders__groupLink {
						left: 21px;
					}
	.grid-orders td:first-of-type .orders__symbolIconWrap::before, .grid-orderBook td:first-of-type .orders__symbolIconWrap::before, .grid-orderHistory td:first-of-type .orders__symbolIconWrap::before {
				left: -6px;
			}
	.grid-orders td:first-of-type .orders__symbolIconWrap::after, .grid-orderBook td:first-of-type .orders__symbolIconWrap::after, .grid-orderHistory td:first-of-type .orders__symbolIconWrap::after {
				left: -11px;
			}

.grid-orderBook .table thead th, .grid-orderHistory .table thead th {
			font-size: 12px;
			font-weight: 500;
		}

.grid-orderBook .table--body .table--cell-instrument, .grid-orderHistory .table--body .table--cell-instrument {
					overflow: visible;
					width: 100%;
					text-align: left;
					display: flex;
					align-items: center;
				}

.grid-orderBook .table--body .table--cell-digits, .grid-orderHistory .table--body .table--cell-digits {
					text-align: right;
				}

.grid-orderBook .table--body .table--cell-text, .grid-orderHistory .table--body .table--cell-text {
					text-align: left;
				}

.grid-orderBook .table--body .table--cell-actions, .grid-orderHistory .table--body .table--cell-actions {
					padding: 0;
				}

.grid-orderBook .table--row:hover, .grid-orderHistory .table--row:hover {
				cursor: pointer;
			}

.grid-orderBook .table--row:hover td, .grid-orderHistory .table--row:hover td {
					background: linear-gradient(to bottom, transparent 1px, var(--table-row-bg-hover-color) 2px);
				}

.grid-orderBook .table--row-selected.table--row td, .grid-orderHistory .table--row-selected.table--row td {
					background-color: var(--table-row-selected-bg-color);
				}

.grid-orderBook .table--row-selected.table--row:hover td, .grid-orderHistory .table--row-selected.table--row:hover td {
						background-color: var(--table-row-selected-bg-color);
					}

.grid-orderBook .table--row-aggregated, .grid-orderHistory .table--row-aggregated {
				background-color: var(--table-group-bg-color);
			}

.grid-orderBook .button-remove, .grid-orderHistory .button-remove {
		width: 24px;
		height: 23px;
		margin-top: -2px;
	}

.grid-orderBook .button-remove:hover .icon, .grid-orderHistory .button-remove:hover .icon {
				fill: var(--icon-hovered-color);
			}

.grid-orderBook .button-remove:active .icon, .grid-orderHistory .button-remove:active .icon {
				top: calc(50% + 1px);
			}

.grid-orderBook .button-remove .icon, .grid-orderHistory .button-remove .icon {
			width: 7px;
			height: 7px;
			fill: var(--icon-primary-default-color);
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

.grid-orderHistory .table--body .table--cell-instrument.table--cell:not(.table--cell-aggregated), .grid-orderBook .table--body .table--cell-instrument.table--cell:not(.table--cell-aggregated) {
						padding-left: 0;
					}

.grid-orderHistory .table--body .table--cell-symbol.table--cell:not(.table--cell-aggregated) {
						padding-left: 0;
					}

.grid-orders {
	position: relative;
}

.grid-history .grid--body tr:hover {
			background-color: var(--table-row-bg-hover-color);
		}

.grid-history .order-buy .order--side {
				color: var(--buy-text-color);
			}

.grid-history .order-sell .order--side {
				color: var(--sell-text-color);
			}

.grid-history .order--side {
			font-size: 12px;
			text-transform: none;
		}

.grid-history .button-info {
		margin-left: 4px;
		cursor: default;
	}

.grid-history .button-info:hover .icon {
				fill: var(--icon-hovered-color);
			}

.grid-history .button-info:active .icon {
				top: 0;
			}

.grid-history .table--row-aggregated {
				background-color: var(--table-group-bg-color);
			}



.history-heading .history--reject,
		.history-heading .history--symbol,
		.history-heading .history--status {
			width: 100%;
			text-align: left;
		}
.orders {
	position: relative;
}

.grid--body .table--row td:first-of-type .orders__symbol_group.orders__symbol_brace {
							padding-left: 27px;
						}

.grid--body .table--row td:first-of-type .orders__symbol_oco .orders__groupLink,
						.grid--body .table--row td:first-of-type .orders__symbol_bracket .orders__groupLink,
						.grid--body .table--row td:first-of-type .orders__symbol_osoOco .orders__groupLink,
						.grid--body .table--row td:first-of-type .orders__symbol_oso .orders__groupLink {
							left: 16px;
						}

.grid--body .table--row td:first-of-type .orders__symbol_multi.orders__symbol_osoOco .orders__groupLink,
							.grid--body .table--row td:first-of-type .orders__symbol_multi.orders__symbol_oso .orders__groupLink {
								left: 15px;
							}

.grid--body .table--row td:first-of-type .orders__symbol_multi.orders__symbol_oco,
							.grid--body .table--row td:first-of-type .orders__symbol_multi.orders__symbol_bracket {
								padding-left: 32px;
							}

.grid--body .table--row td:first-of-type .orders__symbol_multi.orders__symbol_oco .orders__groupLink, .grid--body .table--row td:first-of-type .orders__symbol_multi.orders__symbol_bracket .orders__groupLink {
									left: 21px;
								}

.grid--body .table--row td:first-of-type .orders__symbolIconWrap::before {
							left: -6px;
						}

.grid--body .table--row td:first-of-type .orders__symbolIconWrap::after {
							left: -11px;
						}

.orders__symbolIconWrap {
		display: inline-block;
		height: 14px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}

.orders__symbolIconWrap .icon {
			width: 18px;
			height: 14px;
		}

.orders__symbolIconWrap + .symbolText {
			position: relative;
			box-sizing: border-box;
			left: -18px;
			padding-left: 23px;
			padding-right: 5px;
		}

.orders__symbol {
		box-sizing: border-box;
		display: inline-block;
		height: 100%;
		position: relative;
		flex-shrink: 0;
		padding-left: 12px;
	}

.orders__symbolText {
			display: inline-block;
			margin-top: -1px;
			margin-left: 12px;
			vertical-align: middle;
			overflow: hidden;
			text-overflow: ellipsis;
		}

.orders__symbol_oso,
		.orders__symbol_osoOco,
		.orders__symbol_osoChild,
		.orders__symbol_oco,
		.orders__symbol_bracket {
			width: 36px;
		}

.orders__symbol_oso.symbol_group, .orders__symbol_osoOco.symbol_group, .orders__symbol_osoChild.symbol_group, .orders__symbol_oco.symbol_group, .orders__symbol_bracket.symbol_group {
				width: 55px;
			}

.orders__symbol_osoOco,
		.orders__symbol_oso {
			background-color: var(--order-entry-group-oso-cell-bg-color);
		}

.orders__symbol_osoChild {
			background-color: var(--order-entry-group-oso-child-cell-bg-color);
		}

.orders__symbol_oco {
			background-color: var(--order-entry-group-oco-cell-bg-color);
		}

.orders__symbol_bracket {
			background-color: var(--order-entry-group-bracket-cell-bg-color);
		}

.orders__symbol + .symbolText {
			margin-left: 9px;
		}

.orders__status {
		font-weight: 500;
	}

.orders__status_sending {
			color: var(--order-book-status-sending-text-color);
		}

.orders__status_inactive {
			color: var(--order-book-status-inactive-text-color);
		}

.orders__status_working {
			color: var(--order-book-status-working-text-color);
		}

.orders__status_replacing {
			color: var(--order-book-status-replacing-text-color);
		}

.orders__status_cancelled {
			color: var(--order-book-status-cancelled-text-color);
		}

.orders__status_filled {
			color: var(--order-book-status-filled-text-color);
		}

.orders__durationDate {
			padding-left: 10px;
		}

.orders .grid-orderBook :local .symbol {
			padding-left: 5px;
		}

.orders .grid-orderBook :local .symbol_osoOco,
			.orders .grid-orderBook :local .symbol_oso {
				padding-left: 13px;
				background-color: var(--order-entry-group-oso-cell-bg-color);
			}

.orders .grid-orderBook :local .symbol_group {
				position: relative;
			}

.orders .grid-orderBook :local .symbol_osoChild {
				padding-left: 25px;
				background-color: var(--order-entry-group-oso-child-cell-bg-color);
			}

.orders .grid-orderBook :local .symbol_oco {
				padding-left: 25px;
				background-color: var(--order-entry-group-oco-cell-bg-color);
			}

.orders .grid-orderBook :local .symbol_bracket {
				padding-left: 25px;
				background-color: var(--order-entry-group-bracket-cell-bg-color);
			}

.orders .grid-orderBook :local .symbol_brace.symbol_bracket .symbolIconWrap::before,
							.orders .grid-orderBook :local .symbol_brace.symbol_bracket .symbolIconWrap::after,
							.orders .grid-orderBook :local .symbol_brace.symbol_oco .symbolIconWrap::before,
							.orders .grid-orderBook :local .symbol_brace.symbol_oco .symbolIconWrap::after,
							.orders .grid-orderBook :local .symbol_brace.symbol_osoChild .symbolIconWrap::before,
							.orders .grid-orderBook :local .symbol_brace.symbol_osoChild .symbolIconWrap::after {
								content: '';
								position: absolute;
							}

.orders .grid-orderBook :local .symbol_brace.symbol_bracket .symbolIconWrap::before, .orders .grid-orderBook :local .symbol_brace.symbol_oco .symbolIconWrap::before, .orders .grid-orderBook :local .symbol_brace.symbol_osoChild .symbolIconWrap::before {
								top: 50%;
								left: -8px;
								width: 3px;
								height: 3px;
								margin-top: -1px;
								border-radius: 50%;
							}

.orders .grid-orderBook :local .symbol_brace.symbol_bracket .symbolIconWrap::after, .orders .grid-orderBook :local .symbol_brace.symbol_oco .symbolIconWrap::after, .orders .grid-orderBook :local .symbol_brace.symbol_osoChild .symbolIconWrap::after {
								left: -14px;
								top: 50%;
								height: 1px;
								width: 6px;
							}

.orders .grid-orderBook :local .symbol_brace.symbol_oco .symbolIconWrap::before {
								background-color: var(--order-entry-group-order-connection-bubble-oco);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_oco .symbolIconWrap::after {
								background-color: var(--order-entry-group-order-connection-line-oco);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_oco .groupLink {
							left: 11px;
							background-color: var(--order-entry-group-order-connection-line-oco);
						}

.orders .grid-orderBook :local .symbol_brace.symbol_bracket .symbolIconWrap::before {
								background-color: var(--order-entry-group-order-connection-bubble-bracket);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_bracket .symbolIconWrap::after {
								background-color: var(--order-entry-group-order-connection-line-bracket);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_bracket .groupLink {
							left: 11px;
							background-color: var(--order-entry-group-order-connection-line-bracket);
						}

.orders .grid-orderBook :local .symbol_brace.symbol_oso .groupLink {
							top: 24px;
							left: 12px;
							background-color: var(--order-entry-group-order-connection-line-oso);
						}

.orders .grid-orderBook :local .symbol_brace.symbol_osoOco .groupLink {
							top: 24px;
							left: 12px;
							background-color: var(--order-entry-group-order-connection-line-oco);
						}

.orders .grid-orderBook :local .symbol_brace.symbol_osoChild .symbolIconWrap::before {
								background-color: var(--order-entry-group-order-connection-bubble-oso);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_osoChild .symbolIconWrap::after {
								background-color: var(--order-entry-group-order-connection-line-oso);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_osoChild .groupLink {
							background-color: var(--order-entry-group-order-connection-line-oso);
						}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_oso .groupLink {
								background-color: var(--order-entry-group-order-connection-line-bracket);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_osoOco .groupLink {
								background-color: var(--order-entry-group-order-connection-line-oco);
							}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_oco,
						.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_bracket {
							padding-left: 30px;
						}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_oco .symbolIconWrap::after, .orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_bracket .symbolIconWrap::after {
									left: -11px;
									width: 5px;
								}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_oco .groupLink, .orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_bracket .groupLink {
								left: 17px;
							}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_oco .groupLink::after, .orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_bracket .groupLink::after {
									position: absolute;
									content: "";
									width: 6px;
									height: 1px;
									top: calc(50% - 1px);
									left: -6px;
									background-color: var(--order-entry-group-order-connection-line-bracket);
									transform: translateY(-50%);
								}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_bracket .groupLink::after {
									background-color: var(--order-entry-group-order-connection-line-bracket);
								}

.orders .grid-orderBook :local .symbol_brace.symbol_multi.symbol_oco .groupLink::after {
									background-color: var(--order-entry-group-order-connection-line-oco);
								}

.orders .grid-orderBook :local .groupLink {
			width: 1px;
			z-index: 4;
			position: absolute;
			top: calc(50% + 1px);
		}

.orders .grid-orderBook :local .symbolIconWrap::before {
				z-index: 1;
			}
.button-cancelAllOrders {
	width: 19px;
}

	.button-cancelAllOrders .icon {
		width: 13px;
		height: 13px;
		margin: auto;
	}

.WidgetOrders__contentWrap___-8okj {
	display: flex;
	flex: 1 1 auto;
}

	.WidgetOrders__contentWrap___-8okj .button-cancelAllOrders {
				width: 19px;
				height: 19px;
			}

	.WidgetOrders__contentWrap___-8okj .button-cancelAllOrders .icon {
					height: 100%;
				}

	.WidgetOrders__contentWrap___-8okj .control-selectBox {
			margin-top: 1px;
		}

	.WidgetOrders__contentWrap___-8okj .control-selectBox .selectBox {
				height: 19px;
			}

	.WidgetOrders__contentWrap___-8okj .control-selectBox .selectBox .selectBox--label {
					height: 19px;
					line-height: 16px;
				}

.WidgetOrders__timeRange___Wlqnn {
	display: inline-block;
	margin-left: 15px;
}

.WidgetOrders__timeRange___Wlqnn .button {
			font-size: 12px;
			margin-left: 6px;
		}

.WidgetOrders__timeRangeLabel___T7ah5 {
	color: var(--form-label-alt-text);
}

.WidgetOrders__actionsWrap {
        position: relative;  /* TEMPORARY FIX: should be removed after removal of css constant in java files */
    }
.tooltipSmart__container___j6eTS {
	height: 100%;
}

.tooltipSmart__tooltip___sEiAH {
	pointer-events: none;
	box-shadow: 0 7px 15px 0 var(--toast-notification-default-shadow-color);
	background-color: var(--toast-notification-default-bg-color);
}

.tooltipSmart__pointer___6pKTh {
	display: none;
}

.tooltipSmart__content___VbBZR {
	font-size: 14px;
	line-height: 1.36;
	color: var(--common-text-default)
}

.grid-alertsBook .table--colAdapts-created,
		.grid-alertsBook .table--colAdapts-changeTime,
		.grid-alertsBook .table--colAdapts-expiration {
			width: 158px
		}
		.grid-alertsBook .table--colAdapts-alertCondition {
			width: 250px;
		}
		.grid-alertsBook .table--colAdapts-notificationChannel {
			width: 221px;
		}
		.grid-alertsBook .table--colAdapts-status,
		.grid-alertsBook .table--colAdapts-description {
			width: 96px;
		}
		.grid-alertsBook .table--colAdapts-current {
			width: 80px;
		}
		.grid-alertsBook .table--colAdapts-alertId {
			width: 94px;
		}
		.grid-alertsBook .table--colAdapts-actions {
			width: 24px;
		}
	.grid-alertsBook .table--body .table--cell-digits {
					text-align: right;
				}
	.grid-alertsBook .table--body .table--cell-text {
					text-align: left;
				}
	.grid-alertsBook .table--body .table--cell-actions {
					padding: 0;
				}
	.grid-alertsBook .table--row:hover {
				cursor: pointer;
			}
	.grid-alertsBook .table--row:hover .table--cell {
					background-color: var(--table-row-bg-hover-color);
				}
	.grid-alertsBook .table--row-selected.table--row .table--cell {
					background-color: var(--table-row-selected-bg-color);
				}
	.grid-alertsBook .table--row-selected.table--row:hover .table--cell {
						background-color: var(--table-row-selected-bg-color);
					}
	.grid-alertsBook .button-remove {
		width: 24px;
		height: 23px;
		margin-top: -2px;
	}
	.grid-alertsBook .button-remove:hover .icon {
				fill: var(--icon-hovered-color);
			}
	.grid-alertsBook .button-remove:active .icon {
				top: calc(50% + 1px);
			}
	.grid-alertsBook .button-remove .icon {
			width: 7px;
			height: 7px;
			fill: var(--icon-primary-default-color);
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	.grid-alertsBook .status {
		font-weight: 500;
	}
	.grid-alertsBook .status_active {
			color: var(--status-active-text-color);
		}
	.grid-alertsBook .status_cancelled {
			color: var(--status-cancelled-text-color);
		}
	.grid-alertsBook .status_triggered {
			color: var(--status-triggered-text-color);
		}
	.grid-alertsBook .status_expired,
		.grid-alertsBook .status_error {
			color: var(--status-expired-text-color);
		}
.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;
				}
.lock__container {
		position: relative;
		height: 100%;
	}
		
		.lock__container_alignRight .buttonContainer {
				left: auto;
				right: 7px;
			}
		
		.lock__container_isLocked::before {
				z-index: 1;
				content: '';
				position: absolute;
				pointer-events: none;
				left: 0;
				top: 0;
				display: block;
				width: 100%;
				height: 100%;
			}
		
		.lock__container_isLoading .buttonContainer {
				display: none;
			}
		
		.lock__container_isLoading .selectBox--arrow {
				display: none;
			}
	.lock__buttonContainer {
		z-index: 2;
		position: absolute;
		left: 2px;
		top: 0;
		padding: 0;
		min-width: auto;
		width: 12px;
		height: 100%;
		border: none;
		cursor: pointer;
	}
	.lock__buttonContainer::before {
			content: normal;
		}
	.lock__buttonContainer .icon {
			width: 12px;
			height: 11px;
			fill: var(--icon-contextual-primary-default-color);
			transform: translateY(-1px);
		}
	.lock__inner {
		display: flex;
		align-items: center;
		height: 100%;
		margin-top: 1px;
	}
.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: 12px;
			padding-left: 10px;
			line-height: 1.62em;
		}

.dropDown-control-spreadSelector .dropDown--option-title,
			.dropDown-control-spreadSelector .dropDown--option-delimiter {
				padding-bottom: 0;
			}

.dropDown-control-spreadSelector .dropDown--option-title .dropDown--optionIcon, .dropDown-control-spreadSelector .dropDown--option-delimiter .dropDown--optionIcon {
					display: none;
				}

.dropDown-control-spreadSelector .dropDown--option-delimiter {
				margin-right: 10px;
				margin-bottom: -2px;
				cursor: default;
				pointer-events: none;
			}

.dropDown-control-spreadSelector .dropDown--option-delimiter::after {
					position: absolute;
					content: "";
					width: 100%;
					height: 1px;
					left: 62px;
					top: calc(50% + 2px);
					background: rgba(var(--common-text-default-rgb, 0.12));
				}

.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-color-3);
			}

.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;
	}
.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 .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;
				}
.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 thead {
			box-shadow: 0 1px var(--line-color);
		}

		.gridOrderEntry__container thead th {
				padding-left: 12px;
				font-size: 12px;
				font-weight: 500;
			}

		.gridOrderEntry__container thead th:first-child {
					padding-left: 10px;
					box-shadow: none;
				}

		.gridOrderEntry__container thead th .table--sortBy {
					cursor: default;
				}

		.gridOrderEntry__container thead th .table--sortBy .icon {
						display: none;
					}

		.gridOrderEntry__container thead th .table--cell-strike,
				.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__rowLeg .table--cell-slider {
					box-shadow: none;
				}

		.gridOrderEntry__container tbody__rowLeg:global(.leg-placeholder) td {
						box-shadow: none;
					}

		.gridOrderEntry__container tbody__rowLeg:global(.leg-placeholder) td :global(.table--cell) {
							box-shadow: none;
						}

		.gridOrderEntry__container tbody .table--cell {
				box-shadow: -1px 0 var(--line-color);
				overflow: visible;
			}

		.gridOrderEntry__container tbody .table--cell .react-component-wrapper {
					width: 100%;
				}

		.gridOrderEntry__container tbody .table--cell .control-selectBox {
					height: 100%;
				}

		.gridOrderEntry__container tbody .table--cell .control-selectBox:hover, .gridOrderEntry__container tbody .table--cell .table--controlPlaceholder:hover {
						background: var(--table-cell-hover-bg-color);
					}

		.gridOrderEntry__container tbody .table--cell-orderHeader {
					padding-left: 0 !important;
					box-shadow: none;
				}

		.gridOrderEntry__container tbody .table--cell-disabled {
					background-color: var(--order-entry-table-cell-disabled);
				}

		.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 {
						padding-left: 6px;
						width: calc(100% - 6px);
					}

		.gridOrderEntry__container tbody .table--cell-symbol .control--wrap div {
							background: transparent;
						}

		.gridOrderEntry__container tbody .table--cell-symbol input[type="text"] {
						padding-left: 6px;
					}

		.gridOrderEntry__container tbody .table--cell-symbol .table--controlPlaceholder {
						padding-left: 6px;
					}

		.gridOrderEntry__container tbody .table--cell-deleteLeg,
				.gridOrderEntry__container tbody .table--cell-actions {
					box-shadow: none;
				}

		.gridOrderEntry__container tbody .table--cell-deleteLeg.table--cell-disabled, .gridOrderEntry__container tbody .table--cell-actions.table--cell-disabled {
						box-shadow: -1px 0 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-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-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-side .button-side-swap__container + .control-selectBox .selectBox--label {
								padding-right: 37px;
							}

		.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: 138px;
				}

		.gridOrderEntry__container .table--col-stock, .gridOrderEntry__container .table--colAdapts-stock {
					width: 120px;
				}

		.gridOrderEntry__container .table--col-side, .gridOrderEntry__container .table--colAdapts-side {
					width: 130px;
				}

		.gridOrderEntry__container .table--col-type, .gridOrderEntry__container .table--colAdapts-type {
					width: 110px;
				}

		.gridOrderEntry__container .table--col-strike, .gridOrderEntry__container .table--colAdapts-strike {
					width: 72px;
				}

		.gridOrderEntry__container .table--col-quantity, .gridOrderEntry__container .table--colAdapts-quantity {
					width: 89px;
				}

		.gridOrderEntry__container .table--col-str, .gridOrderEntry__container .table--colAdapts-str {
					width: 80px;
				}

		.gridOrderEntry__container .table--col-orderType, .gridOrderEntry__container .table--colAdapts-orderType {
					width: 114px;
				}

		.gridOrderEntry__container .table--col-limitPrice,
				.gridOrderEntry__container .table--col-stopPrice,
				.gridOrderEntry__container .table--colAdapts-limitPrice,
				.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: 92px;
				}

		.gridOrderEntry__container .table--col-account, .gridOrderEntry__container .table--colAdapts-account {
					width: 135px;
				}

		.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: 138px;
				}

		.gridOrderEntry__container .table--col-shortsAvailable, .gridOrderEntry__container .table--colAdapts-shortsAvailable {
					width: 110px;
				}

		.gridOrderEntry__container .table--body td:first-child,
				.gridOrderEntry__container .table--body th:first-child {
					padding: 1px 0 0 0;
				}

		.gridOrderEntry__container .table--body :local .sliderRow td,
						.gridOrderEntry__container .table--body :local .sliderRow td:first-child,
						.gridOrderEntry__container .table--body :local .sliderRow td:last-child,
						.gridOrderEntry__container .table--body :local .sliderRow .table--cell-empty,
						.gridOrderEntry__container .table--body :local .sliderRow .table--cell-slider {
							box-shadow: none;
							border: none;
						}

		.gridOrderEntry__container .table--body :local .sliderRow .table--cell-filled {
							box-shadow: 0 1px 0 var(--line-color), -1px 0 0 var(--line-color);
						}

		.gridOrderEntry__container .table--body :local .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: 15px 13px;
		}

		.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--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_withDatePicker .table--col.table--col-duration,
			.gridOrderEntry__container_withDatePicker .table--colAdapts.table--colAdapts-duration {
				width: 170px;
			}

		.gridOrderEntry__container_future .table--col-future {
						width: 78px;
					}

		.gridOrderEntry__container_future .table--col-expiration {
						width: 122px;
					}

		.gridOrderEntry__container_future .table--col-quantity {
						width: 89px;
					}

		.gridOrderEntry__container_future .table--col-limitPrice,
					.gridOrderEntry__container_future .table--col-stopPrice {
						width: 96px;
					}

		.gridOrderEntry__container_future .table--col-duration {
						width: 71px;
					}

		.gridOrderEntry__container_future .table--col-account {
						width: 108px;
					}

		.gridOrderEntry__container_future .table--cell-future,
					.gridOrderEntry__container_future .table--cell-expiration {
						font-size: 14px;
					}

		.gridOrderEntry__container_stock .table--cell-stock {
						font-size: 14px;
					}
	.gridOrderEntry__symbol {
		box-sizing: border-box;
		display: inline-block;
		width: 100%;
		height: 100%;
		position: relative;
	}
	.gridOrderEntry__symbolText {
			line-height: 25px;
			font-size: 14px;
		}
	.gridOrderEntry__symbol_osoOco,
		.gridOrderEntry__symbol_oso {
			padding-left: 10px;
			background-color: var(--order-entry-group-oso-cell-bg-color);
		}
	.gridOrderEntry__symbol_osoOco .groupLink, .gridOrderEntry__symbol_oso .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 .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(.symbol_single) .symbolIconWrap::before,
					.gridOrderEntry__symbol_osoChild:not(.symbol_single) .symbolIconWrap::after {
						content: '';
						position: absolute;
					}
	.gridOrderEntry__symbol_osoChild:not(.symbol_single) .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(.symbol_single) .symbolIconWrap::after {
						top: 50%;
						left: -15px;
						width: 6px;
						height: 1px;
						background-color: var(--order-entry-group-order-connection-line-oso);
					}
	.gridOrderEntry__symbol_osoChild .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(.symbol_single) .symbolIconWrap::before,
					.gridOrderEntry__symbol_oco:not(.symbol_single) .symbolIconWrap::after {
						content: '';
						position: absolute;
					}
	.gridOrderEntry__symbol_oco:not(.symbol_single) .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(.symbol_single) .symbolIconWrap::after {
						left: -15px;
						top: 50%;
						width: 6px;
						height: 1px;
						background-color: var(--order-entry-group-order-connection-line-oco);
					}
	.gridOrderEntry__symbol_oco .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(.symbol_single) .symbolIconWrap::before,
					.gridOrderEntry__symbol_bracket:not(.symbol_single) .symbolIconWrap::after {
						content: '';
						position: absolute;
					}
	.gridOrderEntry__symbol_bracket:not(.symbol_single) .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(.symbol_single) .symbolIconWrap::after {
						top: 50%;
						left: -15px;
						width: 6px;
						height: 1px;
						background-color: var(--order-entry-group-order-connection-line-bracket);
					}
	.gridOrderEntry__symbol_bracket .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.symbol_oso .groupLink, .gridOrderEntry__symbol_multi.symbol_osoColored .groupLink {
					background-color: var(--order-entry-group-order-connection-line-bracket);
				}
	.gridOrderEntry__symbol_multi.symbol_osoOco .groupLink {
					background-color: var(--order-entry-group-order-connection-line-oco);
				}
	.gridOrderEntry__symbol_multi.symbol_bracket,
			.gridOrderEntry__symbol_multi.symbol_oco {
				padding-left: 27px;
			}
	.gridOrderEntry__symbol_multi.symbol_bracket .groupLink, .gridOrderEntry__symbol_multi.symbol_oco .groupLink {
					left: 15px;
				}
	.gridOrderEntry__symbol_multi.symbol_bracket .groupLink::after, .gridOrderEntry__symbol_multi.symbol_oco .groupLink::after {
						position: absolute;
						content: "";
						width: 6px;
						height: 1px;
						top: 50%;
						left: -5px;
						transform: translateY(-50%);
					}
	.gridOrderEntry__symbol_multi.symbol_bracket .symbolIconWrap::before, .gridOrderEntry__symbol_multi.symbol_oco .symbolIconWrap::before {
						left: -8px;
					}
	.gridOrderEntry__symbol_multi.symbol_bracket .symbolIconWrap::after, .gridOrderEntry__symbol_multi.symbol_oco .symbolIconWrap::after {
						left: -12px;
					}
	.gridOrderEntry__symbol_multi.symbol_bracket .control-textInput, .gridOrderEntry__symbol_multi.symbol_oco .control-textInput {
					width: calc(100% - 20px);
				}
	.gridOrderEntry__symbol_multi.symbol_bracket .groupLink {
					background-color: var(--order-entry-group-order-connection-line-bracket);
				}
	.gridOrderEntry__symbol_multi.symbol_bracket .groupLink::after {
						background-color: var(--order-entry-group-order-connection-line-bracket);
					}
	.gridOrderEntry__symbol_multi.symbol_oco .groupLink {
					background-color: var(--order-entry-group-order-connection-line-oco);
				}
	.gridOrderEntry__symbol_multi.symbol_oco .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 + .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: 10px;
		}
	.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__rowleg {

		}
	.gridOrderEntry__symbolWrapper {
		position: relative;
	}
	.gridOrderEntry__symbolWrapper .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 .lockButtonContainer {
		right: 25px;
	}
	.gridOrderEntry__lockButtonContainer {
		right: 25px;
	}
	.gridOrderEntry__rowLeg {

	}
	.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;
	}
.button-add-leg__container {
		z-index: 11;
		position: relative;
		width: 48px;
		height: 15px;
		display: inline-block;
		margin-right: 7px;
	}
	.button-add-leg__button,
	.button-add-leg button.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;
	}
	.button-add-leg__button::before, .button-add-leg button.button::before {
			border: 1px solid var(--add-delete-icon-border-color);
			border-radius: 9px;
		}
	.button-add-leg__button .icon, .button-add-leg button.button .icon {
			width: 7px;
			height: 7px;
			margin-right: 0;
			margin-left: 4px;
			transform: translateY(-1px);
			fill: var(--add-delete-icon-color);
		}
	.button-add-leg__button span, .button-add-leg button.button span {
			opacity: 0;
			font-size: 12px;
			margin-bottom: 2px;
			margin-left: 6px;
			vertical-align: top;
			display: inline-block;
		}
	.button-add-leg__button:hover, .button-add-leg button.button:hover {
			width: 100%;
			opacity: 1;
			color: var(--add-delete-icon-color);
			background-color: var(--add-delete-icon-bg-color);
			right: -15px;
		}
	.button-add-leg__button:hover .icon, .button-add-leg button.button:hover .icon {
				margin-left: 8px;
				fill: var(--add-delete-icon-color);
			}
	.button-add-leg__button:hover span, .button-add-leg button.button:hover span {
				opacity: 1;
				transition: opacity 1s;
			}

.gridOrderEntry__row:hover :local button.button  {
				opacity: 1;
			}

.gridOrderEntry__row_highlight :local button.button {
				opacity: 1;
			}

.gridOrderEntry__symbolWrapper :local .container {
			position: absolute;
			right: 0;
			top: 50%;
			margin-top: -7.5px;
		}

.button-side-swap__container___YmBuT {
	z-index: 10;
	position: absolute;
	right: 23px;
    top: 3px;
}

	.button-side-swap__container___YmBuT .icon {
			fill: var(--icon-link-default-color);
		}

.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 :global .icon {
					top: 0;
				}

.gridOrderEntry__row:hover :local .button {
				opacity: 1;
			}

.gridOrderEntry__row_highlight :local .button {
				opacity: 1;
			}

.gridOrderEntry__row_highlight :local .button .icon {
					fill: var(--icon-hovered-color);
				}
.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 :local .button {
				opacity: 1;
			}

.gridOrderEntry__row_highlight :local .button {
				opacity: 1;
			}

.gridOrderEntry__row_highlight :local .button .icon {
					fill: var(--icon-hovered-color);
				}

.orderEntryChart__container___dwXed {
	position: relative;
	height: 100%;
}
	.orderEntryChart__container___dwXed .chart {
			box-sizing: border-box;
			padding: 8px;
		}

.orderEntryChart__wrapper___C9N5h {
	position: absolute;
	width: 100%;
	height: 100%;
}

.orderEntryChart__inner___AISZL {
	height: 100%;
}

.orderEntryChart__container {
        position: relative;
        height: 100%;
    }

        .orderEntryChart__container .chart {
            box-sizing: border-box;
            padding: 8px;
        }
    .orderEntryChart__wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .orderEntryChart__inner {
        height: 100%;
    }
.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 :global .button-delete {
					display: none;
				}

		.linkedAlert__container_triggered :global .button-edit {
					padding: 0 0 2px 0;
				}

		.linkedAlert__container_triggered :global .button-edit[disabled] {
						cursor: default;
					}

		.linkedAlert__container_triggered :global .icon-list-item-tick {
					display: inline-block;
				}
	.linkedAlert__message{
		position: relative;
		display: inline-block;
		height: inherit;
	}



.activationRuleButton__container___qDZK5 {
	display: inline-block;
	font-size: 14px;
	position: relative;
}
	
	.activationRuleButton__container___qDZK5 .button {
			line-height: 18px;
			vertical-align: middle;
		}
	
	.activationRuleButton__container___qDZK5 .button.button-link.button-disabled,
			.activationRuleButton__container___qDZK5 .button.button-link.button-disabled:hover,
			.activationRuleButton__container___qDZK5 .button.button-link.button-disabled:active {
				color: rgba(var(--link-default-text-color-rgb), 0.3);
			}
	
	.activationRuleButton__container___qDZK5 .icon-alert-triggered-order {
			position: absolute;
			left: 0;
			top: 3px;
			width: 13px;
			height: 13px;
			fill: var(--order-entry-add-alert-icon-color);
		}
	
	.activationRuleButton__container___qDZK5 .tooltip {
			top: -25px;
			left: calc(100% - 55px);
			max-width: 348px;
			width: 100%;
			padding: 4px 10px 6px;
			box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.7);
			font-size: 14px;
			box-sizing: border-box;
		}
	
	.activationRuleButton__container___qDZK5 .tooltip--pointer {
				display: none;
			}
	
	.activationRuleButton__container___qDZK5 .tooltip--content {
				font-size: 14px;
				line-height: unset;
			}

.activationRuleButton__ruleText___awBQb {
	font-weight: 500;
	color: var(--order-entry-add-alert-icon-color);
	white-space: nowrap;
}

.activationRuleButton__ruleLabel___zC8gZ {
	position: relative;
	display: inline-block;
	margin-right: 7px;
	padding-left: 20px;
	vertical-align: middle;
}

.activationRuleButton__currentRule___EGtlU {
	margin-left: 8px;
}

.activationRuleButton__currentRule {
		margin-left: 8px;
	}


@-webkit-keyframes orderClearedToastProgress {
	0% {
	  width: 0;
	}
	100% {
	  width: 100%;
	}
  }

@keyframes 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 {
			-webkit-animation-timing-function: ease-out;
			        animation-timing-function: ease-out;
			-webkit-animation-name: orderClearedToastProgress;
			        animation-name: orderClearedToastProgress;
			-webkit-animation-fill-mode: forwards;
			        animation-fill-mode: forwards;
		}


.drawingToolbar .ordersClearedToast__container .button {
			height: auto;
			vertical-align: baseline;
		}
.planned-marker__container___BFOU- {
	display: inline-block;
	width: 12px;
	height: 11px;
	vertical-align: middle;
}

	.planned-marker__container___BFOU- .icon-planned-marker-colored {
			fill: var(--planned-marker-bg);
			color: var(--planned-marker-text);
		}


.orderEntry__activationRule___CQDTm {
	display: inline-flex;
	margin-right: 50px;
	overflow: hidden;
}

.orderEntry__linkedAlert___F71sa{
	overflow: hidden;
}

.orderEntry__main___n2cQe {
	display: flex;
	justify-content: space-between;
	height: 193px;
}

.orderEntry__gridWrapper___k6DwT {
	position: relative;
	z-index: 1;
	flex-grow: 1;
	min-width: 50px;
}

.orderEntry__chartWrapper___bgZ44 {
	flex-grow: 1;
	display: none;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.orderEntry__footer___Ff-4p {
	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___Ff-4p .button.button-link {
			font-weight: 500;
			line-height: 18px;
			vertical-align: middle;
		}

/*Duplicating styles. Delete as needed*/

.orderEntry__footer___Ff-4p .icon-alert-triggered-order {
			position: absolute;
			left: 0;
			top: 3px;
			width: 13px;
			height: 13px;
			fill: var(--order-entry-add-alert-icon-color);		
		}

/*Duplicating styles end*/

.orderEntry__footer___Ff-4p .linkedAlert__container {				
				overflow: hidden;
				width: 100%;
			}

.orderEntry__footer___Ff-4p .linkedAlert__message {
				overflow: hidden;
			}

.orderEntry__footer___Ff-4p .activationRuleButton__container {
			flex-shrink: 0;
		}

.orderEntry__footer___Ff-4p .activationRuleButton__container .button-link {
				margin-right: 10px;
			}

.orderEntry__footerButtons___\+d1Xj {
	flex-shrink: 0;
}

.orderEntry__footerButtons___\+d1Xj .button + .button {
			margin-left: 22px;
		}

.orderEntry__footerButtons___\+d1Xj .button-planned .planned-marker__container {
				margin-right: 6px;
				margin-top: 7px;
				line-height: 0.75;
				text-indent: 0;
				vertical-align: top;
			}

.orderEntry__error___ymyNv {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.29;
	color: var(--error-description-text-color);
	vertical-align: middle;
}

.orderEntry__activationRule {
        display: inline-flex;
        margin-right: 50px;
        overflow: hidden;
    }
    .orderEntry__linkedAlert{
        overflow: hidden;
    }
    .orderEntry__container_chart .gridWrapper {
                width: 1200px;
                flex-grow: 0;
            }
    .orderEntry__container_chart .chartWrapper {
                display: block;
            }
    .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__main {
        display: flex;
        justify-content: space-between;
        height: 193px;
    }
    .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 {
            position: absolute;
            left: 0;
            top: 3px;
            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 {
            flex-shrink: 0;
        }
    .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-text-color);
        vertical-align: middle;
    }
.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);
	}



.analyzeSwitcher__container___U6za0 {
	display: flex;
	align-items: center;
}
	
	.analyzeSwitcher__container___U6za0 span {
		margin-right: 7px;
		margin-top: -4px;
	}
	
	.analyzeSwitcher__container___U6za0 .switcher .switcher--input:checked + .switcher--label:first-of-type {
				background-color: var(--planned-marker-bg);
			}
	
	.analyzeSwitcher__container___U6za0 .switcher .switcher--input:focus + .switcher--label:first-of-type::after {
					border-color: transparent;
				}
	
	.analyzeSwitcher__container___U6za0 .switcher:hover .switcher--input:checked + label.switcher--label:first-of-type {
					background-color: var(--planned-marker-bg);
				}
	
	.analyzeSwitcher__container___U6za0 .switcher .switcher--button::after {
					box-shadow: 0 0 7px 0 var(--planned-marker-toggle-shadow);
				}
	
	.analyzeSwitcher__container___U6za0 .button-icon {
			margin-right: 2px;
			margin-left: 0;
			margin-top: 1px;
			border: 0;
			width: 13px;
			height: 13px;
		}
	
	.analyzeSwitcher__container___U6za0 .button-icon .icon-about-us {
				fill: var(--icon-secondary-default-color);
			}


.plannedLabel__container___YTQKw {
	display: inline-block;
	padding: 0 5px;
	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;
}

.WidgetOrderEntry__container {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 40px;
        z-index: 2;
        transition: height 1s ease;
    }
    
        .WidgetOrderEntry__container_expanded .wrap {
                transform: translateY(40px) translateY(-100%);
            }
    
        .WidgetOrderEntry__container_shrinkModePinned {
            position: static;
            height: unset;
        }
    
        .WidgetOrderEntry__container_shrinkModePinned .wrap {
                position: static;
                transform: none;
                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 {
        z-index: 2;
    }
    .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;
    }
    .WidgetOrderEntry__buttonExpandWrap {
        width: 140px;
        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 {
                padding: 0 5px 0 0;
            }
    .WidgetOrderEntry__description > span {
    
            padding: 0 5px;
}
    .WidgetOrderEntry__description .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 .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 .iconWrapper {
                position: relative;
                top: 1px;
                margin-right: 14px;
            }
    .WidgetOrderEntry__bracketAmount {
        margin-right: 5px;
        color: #ae80ff;
        font-size: 14px;
        font-weight: 500;
    }
    /* Global styles are here - in order not to litter the code above */
    .WidgetOrderEntry__container .widgetNew__container {
                padding-top: 36px;
                border: none;
            }
    .WidgetOrderEntry__container .widgetNew__header {
                height: 36px;
                padding-left: 0;
                box-shadow: 0 1px 0 0 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-right: 15px;
        }
    .WidgetOrderEntry__container .button-pin .icon-order-entry-pinned,
            .WidgetOrderEntry__container .button-pin .icon-order-entry-unpinned {
                width: 18px;
                height: 18px;
            }
    .WidgetOrderEntry__container .button-pin .icon-order-entry-pinned {
                margin-top: -1px;
                fill: 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 + .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-hovered-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 .groupIcon {
            margin-top: 2px;
        }
    .WidgetOrderEntry__innerWrapper .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);
    }
    .WidgetOrderEntry__descriptionPopover .description {
            margin-right: 0;
            white-space: normal;
        }
.click-trading-info__container {
		width: 568px;
	}

		.click-trading-info__container h2 {
			font-size: 14px;
			margin-bottom: 5px;
			text-align: center;
			font-weight: bold;
		}

		.click-trading-info__container strong {
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: .5px;
		}

		.click-trading-info__container ul {
			margin: 9px 0 16px;
		}

		.click-trading-info__container ul > li {
				display: flex;
			}

		.click-trading-info__container ul li + li {
				margin-top: 5px;
			}

		.click-trading-info__container ul + p {
				color: var(--common-text-default-color);
			}

		.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.activate {
				color: var(--common-text-default);
			}

		.click-trading-info__container .control-checkBox {
			margin-top: 17px;
		}
	.click-trading-info__list {
		color: var(--common-secondary-text-color);
	}
	.click-trading-info__list li::before {
			content: '—';
			display: inline-block;
			margin-right: 3px;

		}
	.click-trading-info__icon {
		flex-shrink: 0;
		box-sizing: border-box;
		width: 98px;
		height: 17px;
		margin-right: 12px;
		text-align: left;
		line-height: 16px;
		border-radius: 10px;
	}
	.click-trading-info__icon_regular {
			color: var(--common-text-default-color);
			border-color: transparent;
			border: 1px solid;
		}
	.click-trading-info__icon_oneClick {
			background-color: transparent;
		}
	.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);
	}
.simAccountDeposit__container {
		display: flex;
		justify-content: space-between;
	}

		.simAccountDeposit__container .control--label {
			display: inline-block;
			margin-bottom: 7px;
			color: var(--form-label-text-color);
		}

		.simAccountDeposit__container .control-selectBox {
			width: 126px;
		}

		.simAccountDeposit__container .control-textInput {
			width: 110px;
		}

		.simAccountDeposit__container .control input[type="text"] {
			font-size: 14px;
		}

		.simAccountDeposit__container .button-link {
			margin-bottom: 8px;
			vertical-align: bottom;
		}
	.simAccountDeposit__wrap {
		display: flex;
		justify-content: flex-start;
	}
	.simAccountDeposit__block {
		margin-right: 30px;
	}
	.simAccountDeposit__block:nth-child(2) {
			min-width: 114px;
		}
	.simAccountDeposit__block:last-child {
			margin-right: 0;
		}
	.simAccountDeposit__label {
		display: block;
		margin-bottom: 13px;
		color: var(--form-label-text-color);
		line-height: 12px;
	}
	.simAccountDeposit__value {
		font-size: 14px;
	}
.popup-simAccountDeposit .popup--content {
			box-sizing: border-box;
			padding: 22px 30px 30px;
		}

			.popup-simAccountDeposit .popup--content .selectBox {
				width: 127px;
			}
		.popup-simAccountDeposit .popup--footer {
			text-align: right;
		}

.confirmationInfo {
	display: table-row;
	line-height: 2.3rem;
	text-align: left;
	color: var(--additional-text-color);
}

	.confirmationInfo:last-child {
		padding-bottom: 0;
	}

	.confirmationInfo--label {
		display: table-cell;
		vertical-align: top;
		padding: 1px 8px 0 0;
	}

	.confirmationInfo--info {
		display: table-cell;
		padding-bottom: 8px;
		font-size: 14px;
		text-align: center;
	}

	^[0]:last-child .confirmationInfo--info {
			padding-bottom: 0;
		}

	.confirmationInfo--label + .confirmationInfo--info {
		text-align: left;
	}

	.confirmationInfo--value {
		margin: 0 10px 0 0;
		color: var(--common-text-default);
		display: inline-block;
	}

	.confirmationInfo--value-positive {
			color: var(--positive-text-color);
		}

	.confirmationInfo--value-negative {
			color: var(--negative-text-color);
		}

	.confirmationInfo--value::before {
			content: "\200E";
		}

	.confirmationInfo--value-noMargin {
			margin: 0;
		}

	.confirmationInfo--value-modified {
			color: var(--order-modify-sl-tp-changes-text-color);
		}

	.confirmationInfo--value-sell {
			color: var(--positive-text-color);
		}

	.confirmationInfo--value-side {
			text-transform: uppercase;
			font-weight: bold;
			letter-spacing: 1px;
		}

	.confirmationInfo--value--price,
		.confirmationInfo--value-price {
			display: inline-flex;
			align-items: baseline;
		}

	.confirmationInfo--value--price .confirmationInfo, .confirmationInfo--value-price .confirmationInfo {
				margin-right: 5px;
			}

	.confirmationInfo--value-type,
		.confirmationInfo--value--timeinforce,
		.confirmationInfo--value--quantity {
			position: relative;
		}

	.confirmationInfo--stopLoss .confirmationInfo--value, .confirmationInfo--takeProfit .confirmationInfo--value {
			padding-left: 4px;
		}

	.confirmationInfo--pl-positive {
			color: var(--positive-text-color);
		}

	.confirmationInfo--pl-negative {
			color: var(--negative-text-color);
		}

	.confirmationInfo--pl {
        padding-left: 4px;
}

.mobile .confirmationInfo--value {
			display: inline-block;
			vertical-align: middle;
		}

			.mobile .confirmationInfo--value::before {
				content: normal;
			}

.popup-confirmation .popup--content {
			width: 398px;
			padding: 20px 30px;
			text-align: center;
			box-sizing: border-box;
		}
		.popup-confirmation .popup--inner {
			display: inline-block;
		}
		.popup-confirmation .popup--hint {
			float: left;
			margin-top: -41px;
			margin-left: 45px;
		}
		.popup-confirmation .popup--buttons {
			text-align: right;
		}

	.popup-confirmationNew .confirmationInfo--label {
			min-width: 48px;
		}

	.popup-confirmationNew .popup--content {
			width: 410px;
			text-align: left;
		}

	.popup-confirmationNew .popup--text {
			text-align: left;
		}

	.popup-confirmationNew .popup--inner {
			margin: 0 10px;
		}

	.popup-confirmationMessage .popup--content {
				width: 298px;
				font-size: 14px;
			}

	.popup-confirmationMessage .popup--inner {
				overflow: hidden;
				max-height: 550px;
			}

	.popup-confirmationMessage .popup--content {
				width: 295px;
			}

.popup-closeByConfirmation .popup--content {
		width: 520px;
	}
	.popup-closeByConfirmation .popup--inner {
		width: 100%;
	}
	.popup-closeByConfirmation .confirmationInfo {
		display: inline-flex;
		width: 100%;
	}
	.popup-closeByConfirmation .confirmationInfo--info {
			word-wrap: break-word;
			width: 100%;
		}
	.popup-closeByConfirmation .confirmationInfo--label {
			width: 66px;
			padding: 6px 12px 0 0;
			line-height: 15px;
		}

.mobile .popup-closeByConfirmation .popup--inner {
			width: 100%;
		}
		.mobile .popup-closeByConfirmation .popup--subTitle {
			width: 100%;
		}
		.mobile .popup-closeByConfirmation .confirmationInfo {
			width: 100%;
			display: inline-flex;
		}
		.mobile .popup-closeByConfirmation .confirmationInfo--label {
				width: 85px;
				flex-shrink: 0;
			}
		.mobile .popup-closeByConfirmation .confirmationInfo--info {
				font-size: 1.8rem;
			}
		.mobile .popup-closeByConfirmation .confirmationInfo--info div {
					display: inline-flex;
					flex-wrap: wrap;
				}
		.mobile .popup-closeByConfirmation .confirmationInfo--value span {
					display: inline;
				}

.tabPanel {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	white-space: nowrap;
}

	.tabPanel-primary {
		font-size: 1.3rem;
		position: relative;
		width: 100%;
		padding-bottom: 4px;
		padding-left: 9px;
		padding-right: 9px;
		box-sizing: border-box;
	}

	.tabPanel-primary::after {
			content: '';
			position: absolute;
			left: 0;
			bottom: 0;
			display: block;
			width: 100%;
			height: 1px;
		}

	.tabPanel-primary .tab:not(:last-of-type) {
				margin-right: 1px;
			}

	.tabPanel-primary .tab.tab-selected {
				font-weight: bold;
			}

	.tabPanel-primary .tab-add {
				position: relative;
				width: 42px;
			}

	.tabPanel-primary .tab-add .link-pseudo {
					display: block;
					font-size: 20px;
					text-indent: 101%;
					white-space: nowrap;
					overflow: hidden;
				}

	.tabPanel-primary .tab-add .icon {
					position: absolute;
					top: 7px;
					left: 9px;
					width: 9px;
					height: 9px;
				}

	.tabPanel-primary .tab-selected .tab--inner::before {
							left: 0;
							top: auto;
							bottom: -4px;
							display: block;
							height: 3px;
							width: 100%;
							transform: rotate(0deg);
						}

	.tabPanel-primary .tab--inner {
				position: relative;
				display: block;
				border-width: 1px 0 0;
				border-radius: 1px 1px 0 0;
				padding-left: 10px;
				padding-right: 10px;
				font-size: 12px;
				font-weight: 500;
			}

	.tabPanel-primary .tab--inner::before {
					content: '';
					width: 5px;
					height: 250%;
					position: absolute;
					left: -5px;
					top: 0;
					border-style: solid;
					border-width: 0 0 0 1px;
					transform: rotate(9deg);
					display: none;
					transition: all 220ms ease-out;
				}

	.tabPanel-primary .tab .link-pseudo {
				z-index: 1;
				line-height: 24px;
			}

	.tabPanel--border {
		position: absolute;
		bottom: 0;
		left: 9px;
		width: 64px;
		height: 3px;
		z-index: 2;
	}

	.tabPanel-secondary {
		box-sizing: border-box;
		height: 24px;
	}

	.tabPanel-secondary .tab {
			margin: 2px 0 0 1px;
			padding: 0 10px;
			height: 20px;
			border-radius: 2px 2px 0 0;
		}

	.tabPanel-secondary .tab:first-child {
				margin-left: 1px;
			}

	.tabPanel-secondary .tab-editMode {
				padding: 0;
			}

	.tabPanel-secondary .tab-editMode .control-textInput input {
						height: 20px;
						line-height: 20px;
					}

	.tabPanel-secondary .tab-editMode .tab--close {
					display: none;
				}

	.tabPanel-secondary .tab .link-pseudo {
				line-height: 20px;
			}

.tabPanel .tab,
		.tabPanel .tab--inner,
		.tabPanel .tab--inner:after,
		.tabPanel .tab--inner:before {
			transition: background-color var(--animation-fast);
		}

.tabPanel .tab--close {
			visibility: hidden;
		}

.tabPanel .tab--close .icon {
				fill: var(--tab-close-icon-color);
				transition: fill 220ms ease-out;
			}

.tabPanel .tab--close:hover .icon {
					fill: var(--icon-hovered-color);
					transition: fill 220ms ease-in;
				}

.tabPanel .tab--close:active .icon {
					fill: var(--icon-link-pressed-color);
				}

.tabPanel .tab-selected .tab--close {
				visibility: visible;
			}

.tabPanel .tab-add .icon {
				fill: var(--tab-text-color);
				transition: fill 220ms ease-out;
			}

.tabPanel .tab-add:hover .icon {
					fill: var(--primary-tab-hover-text-color);
					transition: fill 220ms ease-in;
				}

.tabPanel--border {
		background-color: var(--tab-selected-line-color);
		transition: width 0.22s ease-in, left 0.22s ease-in;
	}

.tabPanel-primary::after {
			background-color: var(--line-color-2);
		}

.tabPanel-primary .tab:hover .tab--inner {
					color: var(--primary-tab-hover-text-color);
					transition: background-color 220ms ease-in, border-color 220ms ease-in, color 220ms ease-in;
				}

.tabPanel-primary .tab:hover .tab--inner::before {
						background-color: var(--tab-selected-line-color);
					}

.tabPanel-primary .tab-selected .tab--inner, .tabPanel-primary .tab-selected:hover .tab--inner {
						color: var(--primary-tab-selected-text-color);
						transition: background-color 220ms ease-in, border-color 220ms ease-in, color 220ms ease-in;
					}

.tabPanel-primary .tab-selected .tab--inner::before, .tabPanel-primary .tab-selected:hover .tab--inner::before {
							border-color: transparent;
							background-color: var(--tab-selected-line-color);
						}

.tabPanel-primary .tab--inner {
				color: var(--primary-tab-text-color);
			}

.tabPanel-primary .tab--inner::after {
					box-shadow: 2px 0 1px var(--primary-tab-shadow-color);
				}

.tabPanel-secondary .tab {
			background-color: var(--tab-bg-color);
			box-shadow: inset 1px 1px var(--tab-border-color), inset -1px 0 var(--tab-border-color);
			color: var(--tab-text-color);
			transition: box-shadow 220ms ease-in;
		}

.tabPanel-secondary .tab:hover,
			.tabPanel-secondary .tab:active {
				background-color: var(--tab-hover-bg-color);
				color: var(--tab-hover-text-color);
				transition: background-color 220ms ease-in, color 220ms ease-in;
			}

.tabPanel-secondary .tab-selected,
				.tabPanel-secondary .tab-selected:hover,
				.tabPanel-secondary .tab-selected:active {
					background-color: var(--tab-selected-bg-color);
					box-shadow: none;
					color: var(--tab-selected-text-color);
					transition: background-color 220ms ease-in, color 220ms ease-in;
				}

.tab {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

	.tab--close {
		display: inline-block;
		vertical-align: middle;
	}

	.tab--close.button-icon {
			width: auto;
			height: auto;
			margin-right: -4px;
			margin-left: 10px;
		}

	.tab--close .icon {
			margin-top: 4px;
			width: 9px;
			height: 9px;
		}

	.tab-selected,
	.tab-selected .link-pseudo {
		cursor: default;
	}

	.tab-selected {
		font-weight: bold;
	}

	.tab .link-pseudo {
		text-decoration: none;
	}

	.tab .link-pseudo .icon {
			margin: 5px 0 5px 5px;
			width: 9px;
			height: 9px;
		}

.tab .link-pseudo {
		color: inherit;
	}

.tab .link-pseudo .icon {
			fill: rgba(var(--common-text-default-rgb), 0.5);
		}
.tabs {
	display: inline-block;
	vertical-align: bottom;
}
.tabContent {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

	.tabContent-visible {
		z-index: 1;
	}

	.tabContent-messages .messages--groupTitle {
				text-align: left;
			}

.tabContent {
	transition: opacity var(--animation-fast);
	background-color: inherit;
	opacity: 0;
}

.tabContent-visible {
		opacity: 1;
	}

.tabContent-fundamentals .plate--info,
			.tabContent-fundamentals .plate--actions,
			.tabContent-marketInfo .plate--info,
			.tabContent-marketInfo .plate--actions {
				background-color: transparent;
			}

.tabContent-iframe {
		background: var(--iframe-bg-color);
	}

.dropDown-colorPicker {
	margin: 0;
	padding: 8px 4px 4px 0;
	width: 322px;
	margin-top: 1px;
	border-radius: 0;
	box-sizing: border-box;
	overflow: hidden;
}

	.dropDown-colorPicker .dropDown--option {
			-webkit-backface-visibility: hidden;
			        backface-visibility: hidden;
			float: left;
			box-sizing: border-box;
			margin: 0 0 4px 4px;
			padding: 0;
			width: 24px;
			height: 24px;
			cursor: pointer;
		}

	.dropDown-colorPicker .dropDown--list,
		.dropDown-colorPicker .dropDown--group ul {
			overflow: hidden;
			padding:0;
			margin:0;
			list-style-type: none;
		}

	.dropDown-colorPicker .dropDown--group {
			margin-bottom: 7px;
			margin-right: 4px;
			margin-left: 4px;
			display: block;
		}

	.dropDown-colorPicker .dropDown--group:last-child {
				margin-bottom: 0;
			}

	.dropDown-colorPicker .dropDown--groupTitle {
			font-size: 10px;
			line-height: 20px;
			padding-left: 4px;
			margin-bottom: 4px;
		}

	.dropDown-colorPicker .dropDown--groupTitle:empty {
				display: none;
			}

	.dropDown-colorPicker.dropDown-hidden {
		-webkit-animation-duration: 0s;
		        animation-duration: 0s;
	}
.dropDown-colorPicker .dropDown--option {
			transition: border-width 100ms;
		}
.dropDown-colorPicker .dropDown--option-selected,
			.dropDown-colorPicker .dropDown--option:hover {
				background-image: none;
				box-shadow: inset 0 0 0 2px var(--color-picker-item-frame);
			}

.mobile .dropDown-colorPicker {
		max-width: 280px;
		width: auto;
		box-sizing: content-box;
	}
		
		.mobile .dropDown-colorPicker .dropDown--groupTitle {
				font-size: 13px;
			}
.colorPicker {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	height: 25px;
}

	.colorPicker input {
		display: none;
	}

	.colorPicker--label {
		display: block;
		width: 100%;
		height: 100%;
	}

	.colorPicker--label .selectBox--arrow {
			margin-right: 9px;
			cursor: pointer;
			pointer-events: none;
		}

	.colorPicker--label .button {
			width: 100%;
			height: 100%;
			min-width: 100%;
			font-size: inherit;
			font-weight: 400;
			text-align: left;
			padding: 0;
			background-color: var(--dropdown-default-bg-color);
			box-shadow: 0 0 0 1px var(--dropdown-border-outside-color);
		}

	.colorPicker--label .button:focus {
				box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
			}

	.colorPicker--label .button:active span {
					margin-top: 1px;
				}

	.colorPicker--label .button:active + .selectBox--arrow {
						margin-top: 1px;
					}

	.colorPicker--label .button span {
				position: absolute;
				z-index: 1;
				left: 0;
				top: 2px;
				line-height: normal;
			}

	.colorPicker--label .button .icon {
				height: 9px;
				width: 10px;
				display: block;
				margin: 1px auto;
				fill: var(--icon-primary-default-color);
			}

	.colorPicker--value {
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		margin: 1px 0 0 3px;
		width: 17px;
		height: 17px;
		vertical-align: top;
	}

	.colorPicker-opened .button span, .colorPicker-opened .button:hover span {
					margin-top: 1px;
				}

	.colorPicker-opened .button + .selectBox--arrow, .colorPicker-opened .button:hover + .selectBox--arrow {
						margin-top: 1px;
					}

.mobile .colorPicker {
		width: 52px;
		height: 29px;
	}
		
		.mobile .colorPicker--value {
			margin: 1px 0 0 3px;
			width: 21px;
			height: 21px;
		}
.control-colorPicker .control--postfix {
			display: inline-block;
			vertical-align: middle;
			margin-left: 5px;
		}

.control-colorPicker.control-disabled .colorPicker--label .button,
					.control-colorPicker.control-disabled .colorPicker--label .button:hover,
					.control-colorPicker.control-disabled .colorPicker--label .button:active {
						background-color: var(--dropdown-disabled-bg-color);
						color: var(--common-text-disabled);
						cursor: default;
						border-color: transparent;
						box-shadow: 0 0 0 1px var(--dropdown-disabled-border-outside-color);
						pointer-events: none;
					}

.control-colorPicker.control-disabled .colorPicker--label .button::before, .control-colorPicker.control-disabled .colorPicker--label .button:hover::before, .control-colorPicker.control-disabled .colorPicker--label .button:active::before {
							border-color: transparent;
							background: transparent;
						}

.columns {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	zoom: 1;
}

	.columns::before,
	.columns::after {
		content: "";
		display: table;
	}

	.columns::after {
		clear: both;
	}

	.columns--column {
		float: left;
		box-sizing: border-box;
		padding-left: 20px;
		width: 100%;
		height: 100%;
	}

	.columns--column:first-child {
			padding-left: 0;
		}

	.columns--column-hidden {
			display: none;
		}

	.columns--subColumn {
		padding-left: 25px;
	}

	.columns-between .columns--column {
				padding: 0 10px;
			}
/* check real usage */
.columns--column-1_2 {
	width: 50%;
}
.columns--column-1_3 {
	width: 33.333333333333336%;
}
.columns--column-2_3 {
	width: 66.66666666666667%;
}
.columns--column-1_4 {
	width: 25%;
}
.columns--column-2_4 {
	width: 50%;
}
.columns--column-3_4 {
	width: 75%;
}
.columns--column-1_5 {
	width: 20%;
}
.columns--column-2_5 {
	width: 40%;
}
.columns--column-3_5 {
	width: 60%;
}
.columns--column-4_5 {
	width: 80%;
}
.columns--column-1_6 {
	width: 16.666666666666668%;
}
.columns--column-2_6 {
	width: 33.333333333333336%;
}
.columns--column-3_6 {
	width: 50%;
}
.columns--column-4_6 {
	width: 66.66666666666667%;
}
.columns--column-5_6 {
	width: 83.33333333333334%;
}
.columns--column-1_8 {
	width: 12.5%;
}
.columns--column-2_8 {
	width: 25%;
}
.columns--column-3_8 {
	width: 37.5%;
}
.columns--column-4_8 {
	width: 50%;
}
.columns--column-5_8 {
	width: 62.5%;
}
.columns--column-6_8 {
	width: 75%;
}
.columns--column-7_8 {
	width: 87.5%;
}
.columns--column-1_10 {
	width: 10%;
}
.columns--column-2_10 {
	width: 20%;
}
.columns--column-3_10 {
	width: 30%;
}
.columns--column-4_10 {
	width: 40%;
}
.columns--column-5_10 {
	width: 50%;
}
.columns--column-6_10 {
	width: 60%;
}
.columns--column-7_10 {
	width: 70%;
}
.columns--column-8_10 {
	width: 80%;
}
.columns--column-9_10 {
	width: 90%;
}
.columns--column-1_12 {
	width: 8.333333333333334%;
}
.columns--column-2_12 {
	width: 16.666666666666668%;
}
.columns--column-3_12 {
	width: 25%;
}
.columns--column-4_12 {
	width: 33.333333333333336%;
}
.columns--column-5_12 {
	width: 41.66666666666667%;
}
.columns--column-6_12 {
	width: 50%;
}
.columns--column-7_12 {
	width: 58.333333333333336%;
}
.columns--column-8_12 {
	width: 66.66666666666667%;
}
.columns--column-9_12 {
	width: 75%;
}
.columns--column-10_12 {
	width: 83.33333333333334%;
}
.columns--column-11_12 {
	width: 91.66666666666667%;
}
.columns--column-1_20 {
	width: 5%;
}
.columns--column-2_20 {
	width: 10%;
}
.columns--column-3_20 {
	width: 15%;
}
.columns--column-4_20 {
	width: 20%;
}
.columns--column-5_20 {
	width: 25%;
}
.columns--column-6_20 {
	width: 30%;
}
.columns--column-7_20 {
	width: 35%;
}
.columns--column-8_20 {
	width: 40%;
}
.columns--column-9_20 {
	width: 45%;
}
.columns--column-10_20 {
	width: 50%;
}
.columns--column-11_20 {
	width: 55%;
}
.columns--column-12_20 {
	width: 60%;
}
.columns--column-13_20 {
	width: 65%;
}
.columns--column-14_20 {
	width: 70%;
}
.columns--column-15_20 {
	width: 75%;
}
.columns--column-16_20 {
	width: 80%;
}
.columns--column-17_20 {
	width: 85%;
}
.columns--column-18_20 {
	width: 90%;
}
.columns--column-19_20 {
	width: 95%;
}



.dropDown-lineSample {
	padding: 5px;
}

	.dropDown-lineSample .dropDown--group {
			display: inline-block;
			vertical-align: top;
		}

	.dropDown-lineSample .dropDown--groupTitle {
			display: none;
		}

	.dropDown-lineSample .dropDown--option {
			position: relative;
			width: 47px;
			height: 20px;
			margin: 0 1px;
			border-radius: 2px;
			text-indent: 101%;
			text-overflow: clip;
			padding: 0;
			border-width: 1px;
			border-style: solid;
		}

	.dropDown-lineSample .dropDown--option:after {
				content: "";
				width: 26px;
				position: absolute;
				top: 50%;
				left: 10px;
				height: 1px;
				margin-top: -1px;
			}

	.dropDown-lineSample .dropDown--option-thin:after {
				height: 1px;
				margin-top: -1px;
			}

	.dropDown-lineSample .dropDown--option-bold:after {
				height: 5px;
				margin-top: -2px;
			}

	.dropDown-lineSample .dropDown--option-normal:after {
				height: 3px;
				margin-top: -1px;
			}



.dropDown-lineSample .dropDown--option {
		background: none;
		border-color: transparent;
	}



.dropDown-lineSample .dropDown--option-solid.dropDown--option:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 100%, transparent 100%);
			background-size: 100% 5px;
		}



.dropDown-lineSample .dropDown--option-dashed.dropDown--option-thin:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 70%, transparent 70%);
			background-size: 7px 5px;
		}



.dropDown-lineSample .dropDown--option-dashed.dropDown--option-normal:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 70%, transparent 70%);
			background-size: 10px 5px;
		}



.dropDown-lineSample .dropDown--option-dashed.dropDown--option-bold:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 70%, transparent 70%);
			background-size: 16px 5px;
		}



.dropDown-lineSample .dropDown--option-dotted.dropDown--option-thin:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 50%, transparent 50%);
			background-size: 4px 5px;
		}



.dropDown-lineSample .dropDown--option-dotted.dropDown--option-normal:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 50%, transparent 50%);
			background-size: 6px 5px;
		}



.dropDown-lineSample .dropDown--option-dotted.dropDown--option-bold:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 50%, transparent 50%);
			background-size: 10px 5px;
		}



.dropDown-lineSample .dropDown--option:hover {
			border-color: var(--link-hovered-text-color);
		}



.dropDown-lineSample .dropDown--option-selected,
			.dropDown-lineSample .dropDown--option-selected:hover {
				border-color: var(--line-color-2);
			}

.control-line .selectBox {
		width: 51px;
	}

		.control-line .selectBox .selectBox--label:after {
			content: "";
			width: 27px;
			position: absolute;
			top: 50%;
			left: 10%;
			height: 1px;
			margin-top: -1px;
		}

		.control-line .selectBox-thin .selectBox--label:after {
			height: 1px;
			margin-top: -1px;
		}

		.control-line .selectBox-bold .selectBox--label:after {
			height: 5px;
			margin-top: -2px;
		}

		.control-line .selectBox-normal .selectBox--label:after {
			height: 3px;
			margin-top: -1px;
		}

		.control-line .selectBox-solid.selectBox .selectBox--label:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 100%, transparent 100%);
			background-size: 100% 5px;
		}

		.control-line .selectBox-dashed.selectBox-thin .selectBox--label:after,
		.control-line .selectBox-dashed.selectBox-normal .selectBox--label:after,
		.control-line .selectBox-dashed.selectBox-bold .selectBox--label:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 70%, transparent 70%);
		}

		.control-line .selectBox-dotted.selectBox-thin .selectBox--label:after,
		.control-line .selectBox-dotted.selectBox-normal .selectBox--label:after,
		.control-line .selectBox-dotted.selectBox-bold .selectBox--label:after {
			background-image: linear-gradient(to right, var(--drawing-settings-dropbox-line-color) 50%, transparent 50%);
		}

		.control-line .selectBox-dashed.selectBox-thin .selectBox--label:after {
			background-size: 7px 5px;
		}

		.control-line .selectBox-dashed.selectBox-normal .selectBox--label:after {
			background-size: 10px 5px;
		}

		.control-line .selectBox-dashed.selectBox-bold .selectBox--label:after {
			background-size: 16px 5px;
		}

		.control-line .selectBox-dotted.selectBox-thin .selectBox--label:after {
			background-size: 4px 5px;
		}

		.control-line .selectBox-dotted.selectBox-normal .selectBox--label:after {
			background-size: 6px 5px;
		}

		.control-line .selectBox-dotted.selectBox-bold .selectBox--label:after {
			background-size: 10px 5px;
		}

		.control-line .selectBox--label {
			text-overflow: clip;
			white-space: nowrap;
			overflow: hidden;
			text-indent: 200%;
		}

		.control-line .selectBox--label::after {
				content: "";
			}


.period__item {
		position: relative;
		display: flex;
		line-height: 26px;
		padding-left: 9px;
		cursor: pointer;
	}
		
		.period__item:hover {
			background: var(--list-item-hovered-bg-color);
		}
		
		.period__item:hover .controls {
				visibility: visible;
			}
		
		.period__item_custom:before {
				content: '';
				position: absolute;
				top: 50%;
				left: 10px;
				transform: translateY(-50%);
				width: 4px;
				height: 4px;
				border-radius: 50%;
				background: var(--icon-contextual-primary-default-color);
			}
	.period__Interval {
		width: 29px;
	}
	.period__DateRange:before {
			content: ':';
			margin-right: 2px;
		}
	.period__Controls {
		position: absolute;
		right: 7px;
		display: flex;
		align-items: center;
		height: 100%;
		visibility: hidden;
	}
	.period__Controls .button + .button {
			margin-left: 3px;
		}
	.period__Controls .icon {
			width: 12px;
			height: 12px;
			fill: var(--icon-contextual-primary-default-color);
		}
	.period__Controls .button:hover .icon {
					fill: var(--icon-hovered-color);
				}
.chartSettingsTimeFrame__Container {
		display: flex;
		height: 100%
	}
	.chartSettingsTimeFrame__LeftColumn,
	.chartSettingsTimeFrame__RightColumn {
		padding: 15px 30px 0; 
	}
	.chartSettingsTimeFrame__RightColumn {
		flex-grow: 1;
	}
	.chartSettingsTimeFrame__ReftColumn {
		border-right: 1px solid var(--line-color);
	}
	.chartSettingsTimeFrame__ReftColumn .button-link {
			margin-top: 14px;
		}
	.chartSettingsTimeFrame__TitleColumn {
		text-transform: uppercase;
	}
	.chartSettingsTimeFrame__Placeholder {
		margin-top: 17px;
		color: var(--common-text-default);
	}
	.chartSettingsTimeFrame__SelectorWrapper {
		height: 346px;
		width: 160px;
		background-color: var(--input-default-bg-color);
		border: 1px solid var(--input-default-border-outside-color);
		margin-top: 9px;
	}
	.chartSettingsTimeFrame__Selector{
		padding: 3px 0;
	}
	.chartSettingsTimeFrame__Selector .period__item {
			padding-left: 19px;
		}
	.chartSettingsTimeFrame__Controls {
		margin-top: 20px;
		padding-bottom: 17px;
		border-bottom: 1px solid var(--line-color);
	}
	.chartSettingsTimeFrame__Controls .control + .control {
			margin-left: 16px;
		}
	.chartSettingsTimeFrame__Controls .control--label {
			display: block;
			margin-bottom: 6px;
		}
	.chartSettingsTimeFrame__Controls .control-selectBox .control--wrap,
		.chartSettingsTimeFrame__Controls .comboBox {
			width: 70px;
		}
	.chartSettingsTimeFrame__Controls .control-comboBox .control--postfix {
				margin: auto 6px;
			}
	.chartSettingsTimeFrame__Buttons {
		margin-top: 16px;
		text-align: right;
	}
	.chartSettingsTimeFrame__Buttons .button {
			font-size: 14px;
		}
	.chartSettingsTimeFrame__Buttons .button + .button {
			margin-left: 8px;
		}

.dropDown-selectBox-timeFrame .dropDown--option-selected .dropDown--selectedIcon{
	display: none;
}

.radioButton input {
		display: none;
	}
	.radioButton--view {
		flex-shrink: 0;
		display: inline-block;
		vertical-align: middle;
		width: 17px;
		height: 17px;
		box-sizing: border-box;
		margin-right: 0.66em;
		border: 1px solid;
		border-radius: 50%;
		position: relative;
		overflow: hidden;
	}
	.radioButton--view::before {
			content: '';
			position: absolute;
			z-index: 1;
			left: 0;
			top: 0;
			display: block;
			width: 100%;
			height: 100%;
			background-color: transparent;
			transition: all 220ms ease-in;
		}
	.radioButton--icon {
		display: none;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		cursor: pointer;
		position: absolute;
		top: calc(50% - 3.5px);
		left: calc(50% - 3.5px);
	}
	.radioButton--text {
		display: inline-block;
		vertical-align: middle;
	}
	input:checked + .radioButton--label .radioButton--icon {
			display: block;
		}

.radioButton--view {
		border-color: var(--input-default-border-outside-color);
		background: var(--input-default-bg-color);
	}

.radioButton--icon {
		background: var(--checkbox-tick-color);
	}

.radioButton--label {
		color: var(--checkbox-text-color);
	}

.radioButton--label .radioButton--view {
			border-color: var(--input-default-border-outside-color);
			background: var(--input-default-bg-color);
			box-shadow: 0 1px 0 0 var(--input-default-shadow-inner-color) inset;
		}

.radioButton--label:hover .radioButton--view {
			border-color: var(--input-hovered-border-outside-color);
			transition: background 220ms ease-in;
		}

.radioButton--label:hover .radioButton--view::before {
				background-color: var(--input-hovered-bg-color);
			}

.radioButton--label:active .radioButton--view {
			border-color: var(--form-control-focused-border-outside-color);
			background: var(--selected-input-bg-color);
		}

input[disabled] + .radioButton--label .radioButton--view {
			background: var(--input-disabled-bg-color);
			border-color: var(--input-disabled-border-outside-color);
		}

input[disabled] + .radioButton--label .radioButton--icon {
			background: var(--disabled-symbol-color);
		}

input[disabled] + .radioButton--label .radioButton--text {
			color: var(--common-text-disabled);
		}
.control-radioButton {
	display: inline-flex;
}

	.control-radioButton .radioButton--label {
		display: inline-flex;
		align-items: center;
	}

	.control-radioButton.control-noLabel .radioButton--text {
			font-size: 0;
		}

	.control-radioButton.control-color .radioButton--label {
			display: inline-flex;
			padding: 3px;
			border-width: 1px;
			border-style: solid;
			border-radius: var(--controls-border-radius);
		}

	.control-radioButton.control-color .radioButton--label::before {
				content: "";
				display: block;
				width: 13px;
				height: 13px;
			}

	.control-radioButton.control-color .radioButton--label .radioButton--text {
				display: none;
			}

	.control-radioButton.control-color .radioButton--label .radioButton--view {
				display: none;
			}


.control-radioButton.control-color .radioButton--label {
		border-color: rgba(0, 0, 0, 0);
	}


.control-radioButton.control-color .radioButton--label::before {
			background-color: var(--drawing-text-tool-light-text-color);
			box-shadow: 0 0 0 1px rgba(var(--highlight-color-rgb), .21);
		}


.control-radioButton.control-color input:checked + .radioButton--label {
		border-color: var(--line-color-4);
	}


.control-radioButton.control-color input:checked + .radioButton--label::before {
			box-shadow: none;
		}


.control-radioButton.control-color.control-primary .radioButton--label::before {
				background-color: var(--text-tool-default-primary-color);
			}


/* TODO: this is a fix for gwt constants */


.control-radioButton.control-color.control-secondary .radioButton--label::before {
				background-color: var(--text-tool-default-secondary-color);
			}

.chartSettings {
	width: 623px;
}

	.chartSettings .checkBox--view, .chartSettings .radioButton--view {
			margin-right: 0.5em;
		}

	.chartSettings h3 {
		padding: 22px 30px 9px;
		font-weight: normal;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 0.8px;
	}

	.chartSettings h4 {
		margin-bottom: 7px;
		font-size: 12px;
		font-weight: normal;
	}

	.chartSettings--content {
		position: relative;
		height: 499px;
	}

	.chartSettings .form--fieldset {
		padding: 0 30px 32px;
	}

	.chartSettings .control {
		line-height: 17px;
		font-size: 14px;
	}

	.chartSettings .control-numericStepper {
			width: auto;
		}

	.chartSettings .control-numericStepper .numericStepper {
				width: 100px;
			}

	.chartSettings .control-numericStepper .numericStepper--input input[type="text"] {
						min-width: auto;
					}

	.chartSettings .control-numericStepper .control--postfix {
				margin-left: 5px;
			}

	.chartSettings .control--postfix,
		.chartSettings .control--label {
			font-size: 14px;
		}

	.chartSettings .control-colorPicker .control--wrap {
				white-space: nowrap;
				align-items: center;
			}

	.chartSettings .control-colorPicker .control--postfix {
				margin-left: 8px;
			}

	.chartSettings .columns--column-1_3 {
			width: 32%;
		}

	.chartSettings .columns--column {
			padding-left: 0;
		}

	.chartSettings--colors li {
			margin-top: .8rem;
		}

	.chartSettings--colors li:first-child .control {
				margin-top: 0;
			}

	.chartSettings--switchers .control {
			display: block;
		}

	.chartSettings--switchers .columns--column + .chartSettings--switchers .columns--column {
				margin-left: 20px;
			}

	.chartSettings--switchers .columns--subColumn:not(:first-child), .chartSettings--switchers .control:not(:first-child) {
				margin-top: 8px;
			}

	.chartSettings--switchers .columns--subColumn:not(:last-child) {
			margin-bottom: 17px;
		}

	.chartSettings .tabPanel {
		width: 100%;
		margin-top: 15px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

	.chartSettings .tab .link-pseudo {
			font-size: 12px;
			line-height: 23px;
			font-weight: normal;
		}

	.chartSettings--sessionBreaks {
		margin-bottom: 10px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

	.chartSettings--sessionBreaks.form--fieldset {
			padding-top: 10px;
		}

	.chartSettings--sessionBreaks .control--label {
			display: block;
			padding-bottom: 4px;
		}

	.chartSettings--sessionBreaks .chartSettings--controlListItem:nth-child(2) {
				margin-top: 10px;
				margin-left: 20px;
			}

	.chartSettings--sessionBreaks .chartSettings--controlListItem:nth-child(2) .control:first-child {
						margin-right: 8px;
					}

	.chartSettings--sessionBreaks .chartSettings--controlListItem:nth-child(2) .control:nth-child(2) {
						margin-right: 20px;
					}

	.chartSettings--extendedHours .control--label {
			display: block;
			padding-bottom: 4px;
		}

	.chartSettings--extendedHours .chartSettings--controlListItem:nth-child(2) {
				margin-top: 10px;
				margin-left: 20px;
			}

	.chartSettings--extendedHours .chartSettings--controlListItem:nth-child(2) .control:last-child {
						margin-left: 81px;
					}

	.chartSettings--paddings.form--fieldset {
			padding-top: 10px;
		}

	.chartSettings--paddings .control--label {
			display: block;
			padding-bottom: 4px;
		}

	.chartSettings--paddings .chartSettings--controlListItem:nth-child(n+2) {
				margin-top: 10px;
				margin-left: 20px;
			}

.chartSettings h3 {
		box-shadow: 0 -1px var(--line-color);
		color: var(--form-title-text-color);
	}

.chartSettings h3:first-child {
			box-shadow: none;
		}

.chartSettings h4 {
		color: var(--form-subtitle-text-color);
	}

.chartSettings .radioButton--label,
	.chartSettings .checkBox--label {
		color: var(--form-label-text-color);
	}

.chartSettings .control--postfix,
		.chartSettings .control--label {
			color: var(--form-label-text-color);
		}

.chartSettings .control-colorPicker .control--postfix {
				color: var(--form-label-text-color);
			}

.chartSettings .form--fieldset-secondary {
		box-shadow: none;
	}

.chartSettings .tabPanel {
		border-bottom-color: var(--line-color);
	}

.chartSettings--sessionBreaks {
		border-bottom-color: var(--line-color);
	}

.mobile .chartSettings {
		width: 100%;
		padding-bottom: 0;
	}
		
		.mobile .chartSettings--content {
			height: 340px;
		}
		
		.mobile .chartSettings--switchers .columns--column {
				width: 100%;
				margin-left: 0;
				padding-left: 0;
			}
		
		.mobile .chartSettings--switchers .columns--column + .columns--column {
				margin-left: 0;
				margin-top: 6px;
			}
		
		.mobile .chartSettings--colors {
			padding-right: 10px;
		}
		
		.mobile .chartSettings--colors .columns .columns--column-1_4 {
					width: 100%;
					margin-bottom: 10px;
				}
		
		.mobile .chartSettings--colors .columns .columns--column-1_4 ul {
						display: flex;
						flex-wrap: wrap;
					}
		
		.mobile .chartSettings--colors .columns .columns--column-1_4 li {
						width: 50%;
					}
		
		.mobile .chartSettings--controlListItem .control + .control-range {
				margin-top: 10px;
			}
		
		.mobile .chartSettings--extendedHours .chartSettings--controlListItem:nth-child(2) .control:last-child {
							margin-left: 0;
							width: 100%;
						}
		
		.mobile .chartSettings .tabContent {
			overflow: auto;
		}

.popup-chartSettings .popup--content {
			padding: 0;
		}

		.popup-chartSettings .popup--footer {
			text-align: right;
		}

		.popup-chartSettings .popup--footer :global .settingButton__container {
					margin-left: 0;
				}

		.popup-chartSettings .popup--buttons {
			padding: 9px 8px 8px 30px;
			display: flex;
			align-items: center;
		}
	.popup-chartSettings .contextMenuButton__container {
		margin-left: 0;
		margin-top: 0;
		flex-grow: 1;
	}

.mobile .popup-chartSettings .popup--buttons {
				white-space: nowrap;
			}

				.mobile .popup-chartSettings .popup--buttons button {
					line-height: normal;
				}

.indicator__item {
		padding: 6px 7px;
		display: flex;
		align-items: center;
		cursor: pointer;
	}

		.indicator__item:hover {
			background-color: var(--list-item-hovered-bg-color);
		}

		.indicator__item:hover .buttonRemove {
				display: block;
			}

		.indicator__item_selected {
			background-color: var(--list-item-selected-bg-color);
		}

		.indicator__item_selected:hover {
				background-color: var(--list-item-selected-bg-color);
			}

		.indicator__item_selected.item .buttonRemove {
					display: block;
				}

		.indicator__item .buttonRemove {
			display: none;
		}
	.indicator__iconWrap {
		margin-right: 7px;
	}
	.indicator__iconWrap .icon {
			width: 11px;
			height: 6px;
			fill: var(--icon-secondary-default-color);
			vertical-align: middle;
		}
	.indicator__iconWrap .icon-indicator-up {
				margin-top: -2px;
			}
	.indicator__title {
		color: var(--table-text-color);
	}
	.indicator__properties {
		margin-left: 10px;
		flex-grow: 1;
		color: var(--studies-parameters-text);
	}
	.indicator__buttonRemove {
		width: 11px;
		height: 11px;
	}
	.indicator__buttonRemove .icon {
			fill: var(--icon-secondary-default-color);
			pointer-events: all;
		}
	.indicator__buttonRemove .icon:hover {
				fill: var(--icon-secondary-hovered-color);
			}
	.indicator__buttonRemove .icon:active {
				fill: var(--icon-pressed-color);
			}

.indicator__item {
	position: relative;
}

.indicator__item_selected {
		background-color: var(--list-item-selected-bg-color);
	}

.indicator__item_selected:hover {
			background-color: var(--list-item-selected-bg-color);
		}

.indicator__item_selected.item .buttonRemove {
				display: block;
			}

.indicator__item.draggable--added {
			cursor: default;

		}

.indicator__item.draggable--added,
			.indicator__item.draggable--added:hover {
				background: transparent;
			}

.indicator__item.draggable--added :local .title {
					color: var(--common-text-disabled);
				}

.indicator__item.draggable--dropTarget::before {
				content: '';
				position: absolute;
				left: 0;
				right: 0;
				height: 1px;
				bottom: -4px;
				border-top: 3px solid;
				border-bottom: 3px solid;
				background-clip: padding-box;
				border-color: var(--drop-area-highlight-color);
				background-color: var(--drop-area-border-color);
			}

.indicator__item.draggable--dragging {
			width: 257px;
			margin-bottom: 0;
			background-color: var(--draggable-item-dragging-bg-color);
			list-style: none;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 110;
		}

.button-removeItem,
.button-addItem {
	border: none;
	transition: color var(--animation-fast);
	background: none;
	margin-top: 1px;
}

	.button-removeItem:hover .icon, .button-addItem:hover .icon {
			fill: var(--icon-hovered-color);
			transition: fill 220ms ease-in;
		}

	.button-removeItem:active .icon, .button-addItem:active .icon {
			position: relative;
			top: 1px;
			fill: var(--icon-pressed-color);
		}

	.button-removeItem[disabled] .icon, .button-addItem[disabled] .icon {
			fill: var(--icon-disabled-color);
		}

	.button-removeItem::before, .button-addItem::before {
		transition: opacity var(--animation-default);
	}

	.button-removeItem .icon, .button-addItem .icon {
		width: 25px;
		height: 25px;
		fill: var(--icon-contextual-primary-default-color);
		transition: fill 220ms ease-out;
	}


.indicatorSelector__container___7fyea {
	display: flex;
}

.indicatorSelector__column___qmN1N:first-child {
		padding-right: 30px;
		position: relative;
	}

.indicatorSelector__column___qmN1N:first-child::after {
			background: var(--line-color);
			content: "";
			position: absolute;
			right: 0;
			top: -9px;
			bottom: -9px;
			width: 1px;
		}

.indicatorSelector__column___qmN1N:last-child {
		padding-left: 30px;
	}

.indicatorSelector__title___N\+o0n {
	margin: 0 0 14px;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0.7px;
	text-transform: uppercase;
}

.indicatorSelector__listWrapper___E0OMG {
	width: 266px;
	margin-bottom: 10px;
	background-color: var(--input-default-bg-color);
	border: 1px solid var(--input-default-border-outside-color);
}

.indicatorSelector__listWrapper___E0OMG .indicatorSelector__indicatorList___HhKYX {
		height: 375px;
	}

.indicatorSelector__listWrapper___E0OMG .control-textInput {
			width: 100%;
		}

.indicatorSelector__filter___LM5k0 {
	display: block;
	margin: 14px 8px;
}

.indicatorSelector__buttonWrapper___I7Z5O {
	width: 100%;
	text-align: center;
	position: relative;
}

.indicatorSelector__tip___UUg-l {
	color: var(--input-placeholder-text-color);
	position: absolute;
	left: 0;
	top: 4px;
}

.indicatorSelector__addedHeader___IbwPU {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

.indicatorSelector__addedButton___GIlRP {
		border: none;
		box-shadow: none;
		padding: 0;
		color: var(--link-default-text-color);
	}

.indicatorSelector__addedButton___GIlRP,
		.indicatorSelector__addedButton___GIlRP:hover,
		.indicatorSelector__addedButton___GIlRP:active {
			background-color: transparent;
		}

.indicatorSelector__addedButton___GIlRP:hover {
			color: var(--link-hovered-text-color);
		}

.indicatorSelector__addedContainer___lGJUN {
		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___lGJUN .scrollable--content {
				min-height: 100%;
			}

.indicatorSelector__addedPlaceholder___mTK\+0 {
		color: var(--input-placeholder-text-color);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.indicatorSelector__settings___aOpPV {
	position: relative;
}

.indicatorSelector__settings___aOpPV::after {
		content: "";
		position: absolute;
		width: 100%;
		left: 0;
		height: 1px;
		top: -20px;
		background-color: var(--line-color);
	}

.indicatorSelector__settings___aOpPV:last-child {
		margin-bottom: 0;
	}

.indicatorSelector__settingsBlock___jW9Fj {
		margin-bottom: 5px;
	}

.indicatorSelector__settingsTitle___-nFDx {
		margin-bottom: 10px;
		font-size: 10px;
		font-weight: normal;
		letter-spacing: 0.7px;
		color: var(--form-hint-color);
		text-transform: uppercase;
	}

.indicatorSelector__settingsRow___ix2Ta {
		display: flex;
		flex-wrap: wrap;
		max-width: 612px;
		margin-right: -35px;
	}

.indicatorSelector__settingsRow___ix2Ta:last-of-type {
			margin-bottom: 5px;
		}

.indicatorSelector__settingsColorPickerWrap___xZMOQ {
		position: relative;
	}

.indicatorSelector__settingsColorPickerWrap_multi___CZga\+ .control-colorPicker ~ .control-colorPicker {
					padding-top: 0;
				}

.indicatorSelector__settingsControl___VOclG {
		display: flex;
		align-items: flex-end;
		width: 110px;
		margin-right: 35px;
		margin-bottom: 10px;
	}

.indicatorSelector__settingsControl___VOclG .selectBox--label {
				max-width: 110px;
			}

.indicatorSelector__settingsControl_postfix___xyiIb {
			justify-content: space-between;
			position: relative;
			align-items: flex-start;
			padding-top: 15px;
		}

.indicatorSelector__settingsControl_postfix___xyiIb .control-numericStepper {
					width: auto;
				}

.indicatorSelector__settingsControl_postfix___xyiIb .control-numericStepper .numericStepper {
						width: 72px;
					}

.indicatorSelector__settingsControl_postfix___xyiIb .control-numericStepper .numericStepper--input input[type="text"] {
								min-width: auto;
							}

.indicatorSelector__settingsControl_postfix___xyiIb .control-numericStepper .control--postfix {
						left: calc(100% + 5px);
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
					}

.indicatorSelector__settingsControl_postfix___xyiIb .control-colorPicker {
					width: 45px;
					margin-bottom: 5px;
					margin-top: 1px;
				}

.indicatorSelector__settingsControl_postfix___xyiIb .control-colorPicker .colorPicker--value {
						width: 17px;
						height: 17px;
						margin-left: 3px;
						top: -1px;
					}

.indicatorSelector__settingsControl_postfix___xyiIb .control-colorPicker .colorPicker--label .button {
						height: 24px;
						width: 45px;
					}

.indicatorSelector__settings___aOpPV .control--label {
				position: absolute;
				left: 0;
				top: 0;
				white-space: nowrap;
			}

.indicatorSelector__settings___aOpPV .control-colorPicker {
				margin-right: 5px;
			}

.indicatorSelector__settings___aOpPV .control-numericStepper {
				width: 100%;
			}

.indicatorSelector__settings___aOpPV .control-numericStepper .numericStepper {
					width: 100%;
				}

.indicatorSelector__settingsScrollableWrapper___vMkMV {
	height: 223px;
}

.indicatorSelector__entityLabel___BeQzB {
	position: absolute;
    left: 0;
    top: -3px;
    white-space: nowrap;
	color: var(--label-color);
}

.mobile .indicatorSelector__column___qmN1N:first-child {
			padding-right: 0;
		}

.mobile .indicatorSelector__column___qmN1N:first-child::after {
				display: none;
			}

.mobile .indicatorSelector__column___qmN1N:last-child {
			display: none;
		}

.mobile .indicatorSelector__listWrapper___E0OMG .indicatorSelector__indicatorList___HhKYX {
			height: 240px;
		}

.indicatorSelector__container {
		display: flex;
	}
	.indicatorSelector__indicatorList {
		height: 375px;
	}
	.indicatorSelector__column:first-child {
			padding-right: 30px;
			position: relative;
		}
	.indicatorSelector__column:first-child::after {
				background: var(--line-color);
				content: "";
				position: absolute;
				right: 0;
				top: -9px;
				bottom: -9px;
				width: 1px;
			}
	.indicatorSelector__column:last-child {
			padding-left: 30px;
		}
	.indicatorSelector__title {
		margin: 0 0 14px;
		font-size: 10px;
		font-weight: normal;
		letter-spacing: 0.7px;
		text-transform: uppercase;
	}
	.indicatorSelector__listWrapper {
		width: 266px;
		margin-bottom: 10px;
		background-color: var(--input-default-bg-color);
		border: 1px solid var(--input-default-border-outside-color);
	}
	.indicatorSelector__listWrapper .indicatorList {
			height: 375px;
		}
	.indicatorSelector__listWrapper .control-textInput {
			width: 100%;
		}
	.indicatorSelector__filter {
		display: block;
		margin: 14px 8px;
	}
	.indicatorSelector__buttonWrapper {
		width: 100%;
		text-align: center;
		position: relative;
	}
	.indicatorSelector__tip {
		color: var(--input-placeholder-text-color);
		position: absolute;
		left: 0;
		top: 4px;
	}
	.indicatorSelector__addedHeader {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
		}
	.indicatorSelector__addedButton {
			border: none;
			box-shadow: none;
			padding: 0;
			color: var(--link-default-text-color);
		}
	.indicatorSelector__addedButton,
			.indicatorSelector__addedButton:hover,
			.indicatorSelector__addedButton:active {
				background-color: transparent;
			}
	.indicatorSelector__addedButton:hover {
				color: var(--link-hovered-text-color);
			}
	.indicatorSelector__addedContainer {
			width: 610px;
			height: 147px;
			position: relative;
			background-color: var(--input-default-bg-color);
			border: 1px solid var(--input-default-border-outside-color);
			margin-bottom: 40px;
		}
	.indicatorSelector__addedContainer .scrollable--content {
				min-height: 100%;
			}
	.indicatorSelector__addedPlaceholder {
			color: var(--input-placeholder-text-color);
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	.indicatorSelector__settings {
		position: relative;
	}
	.indicatorSelector__settings::after {
			content: "";
			position: absolute;
			width: 100%;
			left: 0;
			height: 1px;
			top: -20px;
			background-color: var(--line-color);
		}
	.indicatorSelector__settings:last-child {
			margin-bottom: 0;
		}
	.indicatorSelector__settingsBlock {
			margin-bottom: 5px;
		}
	.indicatorSelector__settingsTitle {
			margin-bottom: 10px;
			font-size: 10px;
			font-weight: normal;
			letter-spacing: 0.7px;
			color: var(--form-hint-color);
			text-transform: uppercase;
		}
	.indicatorSelector__settingsRow {
			display: flex;
			flex-wrap: wrap;
			max-width: 612px;
			margin-right: -35px;
		}
	.indicatorSelector__settingsRow:last-of-type {
				margin-bottom: 5px;
			}
	.indicatorSelector__settingsColorPickerWrap {
			position: relative;
		}
	.indicatorSelector__settingsColorPickerWrap_multi .control-colorPicker ~ .control-colorPicker {
					padding-top: 0;
				}
	.indicatorSelector__settingsControl {
			display: flex;
			align-items: flex-end;
			width: 110px;
			margin-right: 35px;
			margin-bottom: 10px;
		}
	.indicatorSelector__settingsControl .selectBox--label {
				max-width: 110px;
			}
	.indicatorSelector__settingsControl_postfix {
				justify-content: space-between;
				position: relative;
				align-items: flex-start;
				padding-top: 15px;
			}
	.indicatorSelector__settingsControl_postfix .control-numericStepper {
					width: auto;
				}
	.indicatorSelector__settingsControl_postfix .control-numericStepper .numericStepper {
						width: 72px;
					}
	.indicatorSelector__settingsControl_postfix .control-numericStepper .numericStepper--input input[type="text"] {
								min-width: auto;
							}
	.indicatorSelector__settingsControl_postfix .control-numericStepper .control--postfix {
						left: calc(100% + 5px);
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
					}
	.indicatorSelector__settingsControl_postfix .control-colorPicker {
					width: 45px;
					margin-bottom: 5px;
					margin-top: 1px;
				}
	.indicatorSelector__settingsControl_postfix .control-colorPicker .colorPicker--value {
						width: 17px;
						height: 17px;
						margin-left: 3px;
						top: -1px;
					}
	.indicatorSelector__settingsControl_postfix .control-colorPicker .colorPicker--label .button {
						height: 24px;
						width: 45px;
					}
	.indicatorSelector__settings .control--label {
				position: absolute;
				left: 0;
				top: 0;
				white-space: nowrap;
			}
	.indicatorSelector__settings .control-colorPicker {
				margin-right: 5px;
			}
	.indicatorSelector__settings .control-numericStepper {
				width: 100%;
			}
	.indicatorSelector__settings .control-numericStepper .numericStepper {
					width: 100%;
				}
	.indicatorSelector__settingsScrollableWrapper {
		height: 223px;
	}
	.indicatorSelector__entityLabel {
		position: absolute;
		left: 0;
		top: -3px;
		white-space: nowrap;
		color: var(--label-color);
	}
.popup-chartEditStudies .popup--footer {
			text-align: right;
		}
	.popup-chartEditStudies .chartEditStudies {
		width: auto;
	}
	.popup-chartEditStudies .chartEditStudies .columns--column {
			padding-left: 0;
		}
	.popup-chartEditStudies .chartEditStudies h3 {
			margin: 0 0 10px;
			line-height: 21px;
			font-weight: normal;
		}
	.popup-chartEditStudies .chartEditStudies h4 {
			margin: 0 0 8px;
			font-weight: normal;
		}
	.popup-chartEditStudies .chartEditStudies h4 .icon {
				width: 8px;
				height: 8px;
				margin: 4px 6px 0;
			}
	.popup-chartEditStudies .chartEditStudies h4 span {
				border-bottom: 1px dashed;
			}
	.popup-chartEditStudies .chartEditStudies .control-textInput {
				width: 100%;
			}
	.popup-chartEditStudies .chartEditStudies .control--label {
				display: inline-block;
				width: calc(100% + 16px);
				position: relative;
				white-space: normal;
				word-wrap: break-word;
			}
	.popup-chartEditStudies .chartEditStudies .control--label label {
					width: 100%;
					display: inline-block;
					padding-bottom: 4px;
				}
	.popup-chartEditStudies .chartEditStudies .control--postfix {
				display: inline-block;
				margin-left: 5px;
			}
	.popup-chartEditStudies .studySettings {
		height: 200px;
		padding-top: 5px;
	}
	.popup-chartEditStudies .controlGroup-studySettings {
		padding-left: 20px;
		font-size: 1.1rem;
	}
	.popup-chartEditStudies .controlGroup-studySettings .controlGroup--item {
			margin: 0 9px 5px 0;
			display: inline-block;
		}
	.popup-chartEditStudies .controlGroup-studySettings .control--label label {
				width: 70px;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
	.popup-chartEditStudies .controlGroup-studySettings .control--wrap .selectBox {
				display: inline-block;
				vertical-align: middle;
			}

.mobile .popup-chartEditStudies .popup--content {
				padding: 8px 25px;
				box-sizing: border-box;
			}
.positionInfo {
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 15px;
	min-height: 91px;
}

	.positionInfo--title {
		font-size: 12px;
		line-height: 14px;
		font-weight: normal;
	}

	.positionInfo--row {
		position: relative;
		margin-top: 9px;
	}

	.positionInfo li {
		margin-right: 9px;
		display: inline-block;
		vertical-align: middle;
		white-space: nowrap;
		font-size: 14px;
		line-height: 18px;
	}

	.positionInfo li:first-child {
			margin-right: 6px;
		}

	.positionInfo li.positionInfo--separatorContainer {
			margin-right: 5px;
			margin-left: -4px;
		}

	.positionInfo--label {
		margin-right: 5px;
	}

	.positionInfo--value-side {
			font-weight: bold;
			letter-spacing: 1px;
			text-transform: uppercase;
		}

	.positionInfo .control .value {
			line-height: 18px;
		}

	.positionInfo .control-byOppositePosition {
			width: 120px;
			margin-right: 19px;
			font-size: 12px;
			line-height: 14px;
			font-weight: normal;
		}

	.positionInfo .control-byOppositePosition .control--label,
			.positionInfo .control-byOppositePosition .control--wrap {
				display: block;
			}

	.positionInfo .control-byOppositePosition .control--wrap {
				height: 18px;
			}

	.positionInfo .control-byOppositePosition .positionInfo--byOppositePositionValue {
				font-size: 14px;
			}

	.positionInfo .control-marginImpact {
			width: 120px;
		}

	.positionInfo .control-marginImpact label {
				font-size: 12px;
			}

	.positionInfo .control-marginImpact .control--label,
			.positionInfo .control-marginImpact .control--wrap {
				display: block;
			}

	.positionInfo .control-marginImpact .control--label {
				display: block;
				line-height: 13px;
				vertical-align: middle;
				margin-bottom: 1px;
			}

	.positionInfo .control-marginImpact .control--wrap {
				height: 18px;
			}

	.positionInfo .control-marginImpact .price {
				font-size: 14px;
			}



.positionInfo--title {
		color: var(--description-text-color);
	}



.positionInfo--label,
	.positionInfo--separator {
		color: var(--additional-text-color);
	}



.positionInfo--value-buy {
			color: var(--buy-text-color);
		}



.positionInfo--value-sell {
			color: var(--sell-button-default-bg-color);
		}



.positionInfo .control .value-none span {
				color: var(--description-text-color);
			}



.positionInfo .control-byOppositePosition label {
				color: var(--description-text-color);
			}



.positionInfo .control-marginImpact label {
				color: var(--description-text-color);
			}
.mobile .positionInfo--title {
			font-size: 16px;
			line-height: 18px;
		}
		.mobile .positionInfo li {
			font-size: 16px;
			line-height: 18px;
		}
		.mobile .positionInfo .control-byOppositePosition {
				font-size: 14px;
				width: 150px;
				line-height: 16px;
			}
		.mobile .positionInfo .control-byOppositePosition .positionInfo--byOppositePositionValue {
					font-size: 16px;
				}
		.mobile .positionInfo .control-marginImpact .price {
					font-size: 16px;
				}
.grid-positionsCloseBy {
	height: 218px;
}

	.grid-positionsCloseBy .grid--body {
		top: 18px;
	}

	.grid-positionsCloseBy .table--col-id {
				width: 115px;
			}

	.grid-positionsCloseBy .table--col-side {
				width: 60px;
			}

	.grid-positionsCloseBy .table--col-quantity {
				width: 80px;
			}

	.grid-positionsCloseBy .table--col-stopLoss,
			.grid-positionsCloseBy .table--col-takeProfit,
			.grid-positionsCloseBy .table--col-currentPrice {
				width: 87px;
			}

	.grid-positionsCloseBy .table th {
			height: 17px;
		}

	.grid-positionsCloseBy .table--cell .numeric {
				width: auto;
			}

	.grid-positionsCloseBy th:first-child, .grid-positionsCloseBy td:first-child {
			text-align: left;
		}

	.grid-positionsCloseBy .position--stoploss,
		.grid-positionsCloseBy .position--takeprofit,
		.grid-positionsCloseBy .position--currentPrice {
			text-align: center;
		}

.mobile .grid-positionsCloseBy {
		height: 140px;
	}
.popup-closeBy .popup--content {
			width: 650px;
		}

		.popup-closeBy .popup--subTitle {
			margin-top: 24px;
			margin-bottom: 9px;
			text-align: center;
			font-size: 14px;
			letter-spacing: 1px;
		}

		.popup-closeBy .popup--footer {
			text-align: right;
		}

.mobile .popup-closeBy .popup--content {
				width: 100%;
				box-sizing: border-box;
			}
			.mobile .popup-closeBy .popup--subTitle {
				font-size: 100%;
			}

.messagePanel {
	max-height: 0;
	overflow: hidden;
	clear: both;
}

	.messagePanel--content {
		padding: 8px 7px;
		text-align: center;
	}

.messagePanel--content {
		color: var(--common-text-default);
		box-shadow: 0 1px 1px rgba(var(--shadow-color-rgb, .5)) inset;
	}

.messagePanel-error {
		background-color: var(--widget-bg-color);
	}

.messagePanel-warning {
		background-image: linear-gradient(to right, var(--widget-header-grad-color-1), var(--widget-header-grad-color-2));
	}

.closePosition--main {
		padding: 15px 10px 15px;
	}

		.closePosition--main .closePosition--row .control--postfix {
					float: none;
				}

		.closePosition--main .closePosition--row .control:nth-child(2) .control--label {
						white-space: nowrap;
					}

		.closePosition--main .closePosition--row .control:first-child {
					width: 57px;
					margin-right: 45px;
				}

		.closePosition--main .closePosition--row .control:last-child {
					margin-left: 45px;
				}
	.closePosition--additional {
		padding: 5px 10px;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 1px;
		border-bottom-width: 1px;
	}
	.closePosition--additional .control {
			margin-right: 20px;
		}
	.closePosition--additional .control .value {
				font-size: 14px;
			}
	.closePosition--additional .control:last-child {
				margin-right: 0;
			}
	.closePosition--additional .control--label {
				margin-bottom: 4px;
			}
	.closePosition--lotsToClose {
		padding: 10px;
		position: relative;
	}
	.closePosition--summary {
		display: inline-block;
		vertical-align: bottom;
		margin-left: 10px;
		margin-bottom: 1px;
	}
	.closePosition--row {
		margin-bottom: 10px;
	}
	.closePosition--row:last-child {
			margin-bottom: 0;
		}
	.closePosition .control--label {
			display: block;
			margin-bottom: 4px;
			font-size: 10px;
		}
	.closePosition .control--wrap {
			font-size: 12px;
		}
	.closePosition .control-marginImpact {
			margin-bottom: 3px;
		}
	.closePosition .control-marginImpact .control--wrap {
				height: 21px;
			}
	.closePosition--side {
		font-size: 18px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}
	.closePosition--quantity {
		font-size: 18px;
	}
	.closePosition--symbol {
		float: right;
		font-size: 18px;
		margin-left: 3px;
	}
	.closePosition--fillPrice {
		font-size: 18px;
	}
	.closePosition .price {
		font-size: 14px;
	}
	.closePosition .value strong {
			font-size: 18px;
		}
	.closePosition .comboBox {
		width: 90px;
		margin-right: 90px;
	}
	.closePosition--lots {
		font-size: 14px;
	}
	.closePosition--lots strong {
			font-size: 18px;
			font-weight: 400;
		}




.closePosition--additional {
		border-top-color: var(--line-color);
		border-bottom-color: var(--line-color);
	}




.closePosition .control--label {
			color: var(--label-color);
		}




.closePosition .control--wrap {
			color: var(--common-text-default);
		}




.closePosition--side-positive {
			color: var(--positive-text-color);
		}




.closePosition--side-negative {
			color: var(--negative-text-color);
		}




.closePosition--quantity {
		color: var(--common-text-default);
	}




.closePosition--symbol {
		color: var(--additional-text-color);
	}




.closePosition--fillPrice {
		color: var(--common-text-default);
	}




.closePosition--lots {
		color: var(--additional-text-color);
	}




.closePosition--lots strong {
			color: var(--common-text-default);
		}

.mobile .closePosition .control--label {
				font-size: 14px;
			}
			.mobile .closePosition .control--wrap {
				font-size: 16px;
			}
		.mobile .closePosition--additional .control .value {
					font-size: 18px;
				}
		.mobile .closePosition--lots {
			font-size: 16px;
		}
		.mobile .closePosition--main .closePosition--row .control:first-child {
						width: 74px;
						margin-right: 30px;
					}
		.mobile .closePosition--main .closePosition--row .control:last-child {
						margin-left: 30px;
					}

.popup-position .instrument--description {
			display: block;
			margin-right: 0;
		}
	.popup-position .tradeForm--side {
		width: auto;
	}
	.popup-position .form--fieldset-info:not(.form--fieldset-orderInfo):first-child {
			padding-top: 5px;
		}
	.popup-position .form--fieldset-info:not(.form--fieldset-orderInfo) .control {
			margin-left: 13px;
		}
	.popup-position .form--fieldset-info:not(.form--fieldset-orderInfo) .control:first-child {
				margin-left: 0;
			}
	.popup-position .form--fieldset-info:not(.form--fieldset-orderInfo) .control-currentPrice .value{
				margin-top: -1px;
			}
	.popup-position .popup--content {
			display: flex;
			flex-wrap: wrap;
		}
	.popup-position.popup-sell .popup--window {
			border-color: rgba(var(--sell-button-default-bg-color-rgb), .6);
		}
	.popup-position.popup-buy .popup--window {
			border-color: rgba(var(--buy-button-default-bg-color-rgb), .6);
		}


.mobile .popup-position .popup--content {
			overflow: auto;
			height: 340px;
			margin-bottom: 0;
		}
		.mobile .popup-position .tradeForm {
			min-width: 0;
			padding-bottom: 0;
		}
		.mobile .popup-position .tradeForm .closePosition--row .control {
					margin-bottom: 10px;
					margin-right: 16px;
				}
		.mobile .popup-position .tradeForm .closePosition--row .control + .control {
					margin-left: 0;
					margin-right: 16px;
				}
		.mobile .popup-position .tradeForm .closePosition--summary {
				margin-left: 0;
				margin-top: 10px;
			}
.popup-rename .popup--header {
			padding: 4px 8px;
			box-sizing: border-box;
		}
		.popup-rename .popup--content {
			width: auto;
			padding: 24px 31px 30px 30px;

		}
		.popup-rename .popup--content .control--wrap input {
				width: 211px;
			}
		.popup-rename .popup--buttons {
			padding: 8px;
			display: flex;
			justify-content: flex-end;
		}



.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%);
			}

.layoutList--listItem {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 26px;
		padding: 4px 3px 2px 4px;
		background: var(--input-default-bg-color);
	}
		
		.layoutList--listItem .button-icon {
			display: none;
		}
		
		.layoutList--listItem .button-icon .icon {
				width: 7px;
				height: 7px;
				margin-top: 1px;
				fill: var(--icon-primary-default-color);
			}
		
		.layoutList--listItem:hover {
			background: var(--list-item-hovered-bg-color);
		}
		
		.layoutList--listItem:hover .button-icon {
				display: inline-flex;
				align-items: center;
				justify-content: center;
			}
		
		.layoutList--listItem-selected {
			background: var(--list-item-selected-bg-color);
		}
		
		.layoutList--listItem-selected:hover {
				background: var(--list-item-selected-bg-color);
			}
		
		.layoutList--listItem span {
			display: inline-block;
			max-width: 90%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

.selector {
	height: 100%;
	width: 612px;
}

	.selector--control {
		box-sizing: border-box;
		position: relative;
		flex-shrink: 0;
		height: 60px;
		padding-top: 10px;
		text-align: center;
	}

	.selector--control .button-restoreDefault {
			position: absolute;
			left: 6px;
			top: 17px;
		}

	.selector--control .button-restoreDefault:after {
				content: '';
				position: absolute;
				left: -6px;
				top: 50%;
				transform: translateY(-50%);
				display: block;
				width: 1px;
				height: 24px;
				background: var(--line-color);
				pointer-events: none;
			}

	.selector--control .button-addItem,
		.selector--control .button-removeItem {
			width: 25px;
			height: 25px;
		}

	.selector--control .button .icon {
				fill: var(--link-default-text-color);
			}

	.selector--control .button:hover .icon {
					fill: var(--icon-hovered-color);
				}

	.selector--control .button[disabled] .icon {
				fill: var(--icon-disabled-color);
			}

	.selector--item {
		position: relative;
		cursor: pointer;
		margin-top: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-right: 29px;
	}

	.selector--item::before {
			left: 0;
			right: 0;
			top: -5px;
			height: 5px;
		}

	.selector--item:hover .selector--itemIcon {
					fill: var(--icon-primary-default-color);
				}

	.selector--item:hover .selector--itemIcon:hover {
						fill: var(--icon-hovered-color);
					}

	.selector--item:hover .selector--itemText {
					color: var(--link-hovered-text-color);
				}

.orderEntryConfirmation__container {
		color: var(--common-text-default);
		font-size: 14px;
	}
	.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 .description::after, .orderEntryConfirmation__order:last-child .wrapper::after {
					content: none;
				}
	.orderEntryConfirmation__order_parent {
			padding-left: 55px;
		}
	.orderEntryConfirmation__order_parent .wrapper:after {
				height: calc(100% - 5px);
				left: -16px;
				top: 25px;
			}
	.orderEntryConfirmation__order_child {
			padding: 0;
			margin-top: 10px;
		}
	.orderEntryConfirmation__order_child .wrapper:after {
				height: calc(100% + 10px);
				left: -41px;
				top: 9px;
			}
	.orderEntryConfirmation__order_child .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 .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 .symbolIcon:after,
			.orderEntryConfirmation__order_osoChild .wrapper:after {
				border-color: #ffbb5c;
			}
	.orderEntryConfirmation__order_osoChild .symbolIcon:before {
				background-color: #ffbb5c;
			}
	.orderEntryConfirmation__order_bracket .order_child, .orderEntryConfirmation__order_oco .order_child {
				margin-left: 25px;
			}
	.orderEntryConfirmation__order_bracket .order_child:first-child, .orderEntryConfirmation__order_oco .order_child:first-child {
					margin-top: 0;
				}
	.orderEntryConfirmation__order_bracket .symbolIcon_parent svg, .orderEntryConfirmation__order_oco .symbolIcon_parent svg {
					display: none;
				}
	.orderEntryConfirmation__order_oco .symbolIcon:after,
			.orderEntryConfirmation__order_oco .wrapper:after {
				border-color: #80d7ff;
			}
	.orderEntryConfirmation__order_oco .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);
		}
	.orderEntryConfirmation :global(.mobile) .container {
			font-size: 18px;
		}
	.orderEntryConfirmation :global(.mobile) .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%;
			}
.popup-security p {
		text-align: left;
	}
	.popup-security h2 {
		font-weight: bold;
	}
	.popup-security h2 + p {
			margin-top: 10px;
		}
	.popup-security .popup--content {
			padding: 0;
		}
	.popup-security .popup--footer {
			text-align: right;
		}
	.popup-securityNotification .popup--buttons {
			text-align: right;
		}

.popup-backupCodes .popup--footer {
			padding: 0 57px;
		}
		.popup-backupCodes .popup--buttons {
			text-align: right;
		}

.securityMessage {
	padding: 29px 65px 25px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	box-sizing: border-box;
}

	.securityMessage-confirmation {
		width: 468px;
	}

	.securityMessage-notification {
		width: 548px;
	}

	.securityMessage-backupCodes {
		width: 450px;
	}


.backupCodes--list {
		margin: 20px 0 13px;
		display: inline-block;
		list-style: decimal;
		vertical-align: top;
		text-align: left;
		list-style-position: inside;
	}

		.backupCodes--list li span {
				margin-left: 5px;
				font-weight: bold;
			}

		.backupCodes--list + ol {
			margin-left: 80px;
		}
	.backupCodes .button-link {
		display: block;
		margin: 0 auto;
		font-size: 12px;
	}

.mobile .popup-confirmation .popup--content {
				width: 100%;
				max-height: 340px;				    
				overflow: auto;
			}
		.mobile .popup-confirmation .confirmationInfo--info {
			font-size: 1.6rem;
		}
		.mobile .popup-confirmationNew .popup--content {
				width: 100%;
			}
	.mobile .popup-confirmationMessage .popup--content {
				font-size: 18px;
			}

.popup-drawings .popup--window {
			min-width: 358px;
		}
		.popup-drawings .popup--content {
			padding: 24px 0 30px 29px;
		}
		.popup-drawings .popup--footer {
			text-align: right;
		}
	.popup-drawings .scrollable--content {
		padding-left: 1px;
		box-sizing: border-box;
	}
	.popup-drawings .icon-restore {
		visibility: hidden;
	}
.mobile .popup-drawings .popup--window {
			min-width: 0;
		}
		.mobile .popup-drawings .popup--content {
			box-sizing: border-box;
			padding-left: 10px;
		}
		.mobile .popup-drawings .popup--buttons {
			white-space: nowrap;
		}

.button-controlGroup {
	min-width: 79px;
	height: 21px;
	font-size: 12px;
	padding: 0 6px;
}

	.button-controlGroup span {
		line-height: 20px;
	}
.drawingProperties {
	width: 100%;
	max-height: 578px;
	padding-right: 29px;
	box-sizing: border-box;
}

	.drawingProperties .scrollable--wrapper,
		.drawingProperties .scrollable--content {
			overflow: hidden;
		}

	/*Needed to fix the scrollable bug in Edge*/

	.drawingProperties .controlGroup--item {
		display: flex;
		align-items: center;
	}

	.drawingProperties .controlGroup--item .control-line {
			align-self: flex-end;
		}

	.drawingProperties .controlGroup--item .button-controlGroup {
			align-self: flex-end;
			margin-bottom: 3px;
		}

	/*Fix end*/

	.drawingProperties h3 {
		margin-bottom: 16px;
		color: var(--checkbox-tick-color);
		font-weight: 500;
		letter-spacing: 0.8px;
		text-align: left;
		text-transform: uppercase;
	}

	.drawingProperties--labels .control-checkBox {
			min-width: 90px;
		}

	.drawingProperties--extendWrap {
		display: flex;
	}

	.drawingProperties--extendWrap .controlGroup {
			margin-right: 20px;
		}

	.drawingProperties--extendWrap .controlGroup:last-child {
				margin-right: 0;
			}

	.drawingProperties--extendWrap .controlGroup .controlGroup--item {
				display: block;
				margin-bottom: 15px;
			}

	.drawingProperties--extendWrap .controlGroup .controlGroup--item:last-child {
					margin-bottom: 1px;
				}

	.drawingProperties--extendWrap .controlGroup .controlGroup--item + .controlGroup--item {
					margin-left: 0;
				}

	.drawingProperties--extendWrap .controlGroup .controlGroup--item .control-checkBox {
					margin-bottom: 0;
				}

	.drawingProperties .checkBox--label {
		color: var(--common-text-default);
		font-size: 14px;
	}

	.drawingProperties .form--fieldset {
		padding: 0;
		margin-bottom: 24px;
	}

	.drawingProperties .form--fieldset:last-child {
			margin-bottom: 1px;
		}

	.drawingProperties .controlGroup {
		margin-bottom: 16px;
	}

	.drawingProperties .controlGroup:last-child {
			margin-bottom: 0;
		}

	.drawingProperties .controlGroup--item {
			margin-bottom: 10px;
		}

	.drawingProperties .controlGroup--item:last-child {
				margin-bottom: 0;
			}

	.drawingProperties .control {
		margin-right: 16px;
	}

	.drawingProperties .control:last-child {
			margin-right: 0;
		}

	.drawingProperties .control-labelsPrice .selectBox, .drawingProperties .control-labelsCoefficient .selectBox {
				width: auto;
			}

	.drawingProperties .control-line .selectBox {
				width: 60px;
			}

	.drawingProperties .control-checkBox.control-controlGroup {
				margin-bottom: 3px;
				align-self: flex-end;
			}

	.drawingProperties .control-checkBox.control-noLabel label:before {
					margin-right: 0;
				}

	.drawingProperties .control-datePicker label, .drawingProperties .control-numericStepper label, .drawingProperties .control-colorPicker label {
				margin-bottom: 10px;
				color: var(--common-text-default, 0.8);
				line-height: 1;
			}

	.drawingProperties .control-datePicker {
			margin-right: 10px;
		}

	.drawingProperties .control-numericStepper {
			width: 110px;
		}

	.drawingProperties .control-colorPicker {
			display: inline-block;
			vertical-align: baseline;
		}

	.drawingProperties .control-dateTime {
			width: 113px;
		}

	.drawingProperties .control-price {
			width: 127px;
			margin-right: 20px;
		}

	.drawingProperties .control--label,
	.drawingProperties .checkBox--label,
	.drawingProperties .radioButton--text {
		color: var(--common-text-default);
	}

	.drawingProperties .control--label label {
			color: var(--common-text-default);
		}

	.drawingProperties .button-controlGroup {
		color: var(--option-param-additional-text-color);
		background: none;
		border: none;
		box-shadow: none;
		vertical-align: unset;
	}

	.drawingProperties .button-controlGroup::before {
			content: none;
		}

	.drawingProperties .button-controlGroup span {
			line-height: unset;
			padding: 2px;
		}

.mobile .drawingProperties {
		padding-right: 10px;
		height: 325px;
	}
		
		.mobile .drawingProperties .control-price {
			margin-right: 8px;
		}
		
		.mobile .drawingProperties .control {
			margin-bottom: 10px;
			vertical-align: baseline;
		}
		
		.mobile .drawingProperties .control-checkBox {
			margin-bottom: 0;
			vertical-align: middle;
		}
.popup-passwordRequest .popup--content {
			padding: 0;
		}
			.popup-passwordRequest .popup--content-text {
				padding: 30px 40px 0 40px;
				font-size: 14px;
			}
		.popup-passwordRequest .popup--footer {
			text-align: right;
		}
	.popup-passwordRequest .control-passwordInput .control--wrap {
				width: 230px;
			}
	.popup-passwordRequest .control-passwordInput .control--postfix {
				position: absolute;
				left: -2px;
				bottom: -20px;
			}
	.popup-passwordRequest .control-passwordInput .control--errorMessage {
				margin-bottom: 8px;
			}

.popup-passwordRequest p {
		color: var(--common-text-default);
	}

.popup-passwordRequest .control-passwordInput .control--label {
				color: var(--common-secondary-text-color);
			}

.passwordInput {
	display: inline-block;
	position: relative;
}

	.passwordInput--passwordInput,
	.passwordInput--textInput {
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding-right: 27px;
	}

	.passwordInput--passwordInput {
		display: block;
	}

	.passwordInput--textInput {
		display: none;
	}

	.passwordInput--icon {
		display: block;
		position: absolute;
		top: 50%;
		right: 5px;
		width: 17px;
		height: 17px;
		margin-top: -8.5px;
		cursor: pointer;
		background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
		background-repeat: no-repeat;
		background-position: 0 0;
	}

	.passwordInput-revealed .passwordInput--passwordInput {
				display: none;
			}

	.passwordInput-revealed .passwordInput--textInput {
				display: block;
			}

	.passwordInput-revealed .passwordInput--icon {
				background-position: -50px 0;
			}
.passwordInput {
	display: block;
	position: relative;
	width: 100%;
}

	.passwordInput--passwordInput,
	.passwordInput--textInput {
		box-sizing: border-box;
		width: 100%;
		height: 100%;
	}

	.passwordInput .passwordInput--passwordInput[type="password"],
	.passwordInput .passwordInput--textInput[type="text"] {
		padding-right: 27px;
	}

	.passwordInput--passwordInput {
		display: block;		
	}

	.passwordInput--textInput {
		display: none;
	}

	.passwordInput--icon {
		position: absolute;
		top: 50%;
		right:5px;
		width:17px;
		height: 17px;
		margin-top: -8.5px;
		cursor: pointer;
	}

	.passwordInput-revealed .passwordInput--passwordInput {
				display: none;
			}

	.passwordInput-revealed .passwordInput--textInput {
				display: block;
			}

	.passwordInput input[type="password"]::-ms-reveal {
			display: none;
		}

.passwordInput--icon .icon {
			fill: var(--icon-primary-default-color);
		}

.loginForm--row {
		box-sizing: border-box;
	}

		.loginForm--row-actions {
			box-sizing: border-box;
			width: 100%;
			padding: 10px 40px;
			border-top-width: 1px;
			border-top-style: solid;
		}

		.loginForm--row-actions::after {
				content: "";
				display: table;
				clear: both;
			}

		.loginForm--row-actions .loginForm--wrap::after {
					content: '';
					display: table;
					clear: both;
				}
	.loginForm--row-recover-password {
		text-align: center;
		padding-top: 8px;
		padding-bottom: 25px;
	}
	.loginForm--info {
		box-sizing: border-box;
		width: 100%;
		display: none;
		font-size: 14px;
		text-align: center;
		position: absolute;
		top: calc(100% + 40px);
		left: 0;
	}
	.loginForm--link {
		display: inline-block;
		vertical-align: middle;
		line-height: 26px;
	}
	.loginForm--indicator {
		position: absolute;
		bottom: 13px;
		right: 12px;
	}
	.loginForm--fieldset {
		display: table;
		width: 100%;
	}
	.loginForm--fieldset .loginForm--row {
		display: table-row-group;
	}
	.loginForm--fieldset .loginForm--row .control {
			display: table-row;
		}
	.loginForm--fieldset .loginForm--row .control--label,
			.loginForm--fieldset .loginForm--row .control--wrap {
				display: table-cell;
				padding-top: 10px;
				vertical-align: top;
			}
	.loginForm--fieldset .loginForm--row .control--label {
				box-sizing: border-box;
				padding-left: 40px;
				width: 67px;
				padding-top: 16px;
				padding-right: 10px;
				white-space: nowrap;
			}
	.loginForm--fieldset .loginForm--row .control--wrap {
				padding-right: 40px;
			}
	.loginForm--fieldset .loginForm--row .control--errorMessage {
				display: block;
				line-height: 18px;
				margin-top: 9px;
			}
	.loginForm--actionButton {
		float: right;
	}
	.loginForm--actionButton .button-primary {
				width: 88px;
				height: 25px;
			}
	.loginForm--actionButton span {
			font-size: 14px;
			line-height: 18px;
		}
	.loginForm--hint {
		padding-left: 40px;
		padding-right: 40px;
		line-height: 18px;
		margin-top: 16px;
	}
	.loginForm-main .loginForm--link {
			margin-left: 0;
		}
	.loginForm-pending .loginForm--indicator {
			display: block;
		}
	.loginForm--subtitle {
		margin-left: 40px;
		margin-top: 34px;
	}
	.loginForm--error {
		box-sizing: border-box;
		min-height: 42px;
		padding: 12px;
		font-size: 14px;
		text-align: center;
	}
	.loginForm--errorCode {
		text-align: left;
		font-size: 11px;
		color: var(--additional-text-color);
		line-height: 1.5;
	}
	.loginForm .control-toggleButtons .control--wrap {
			display: inline-flex;
			width: 120px;
		}
	.loginForm .control-toggleButtons .control--buttons {
			width: 100%;
		}
	.loginForm div:nth-last-child(3) .loginForm--row:last-child .control {
				height: 60px;
			}

.loginForm--link {
		text-decoration: none;
	}

.loginForm--link-recover-password {
		line-height: 20px;
		size: 12px;
	}

.loginForm--row-actions {
			border-color: var(--line-color);
		}

.loginForm--hint {
		color: var(--description-text-color);
	}

.loginForm--subtitle {
		color: var(--common-text-default);
		font-weight: bold;
	}

.loginForm--error {
		color: var(--error-text-color);
		box-shadow: inset 0 1px 0 0 var(--message-wrong-shadow-color);
		background-color: var(--message-wrong-bg-color);
	}

.loginForm .button-live.button-active {
		background: var(--switcher-live-button-bg-color);
	}

.loginForm .button-live.button-active:hover {
			background: var(--switcher-live-button-bg-color);
		}

.loginForm .button-demo.button-active {
		background: var(--switcher-demo-button-bg-color);
	}

.loginForm .button-demo.button-active:hover {
			background: var(--switcher-demo-button-bg-color);
		}

.loginForm--fieldset .loginForm--row:first-of-type .control--label {
						padding-top: 6px;
					}

.loginForm--fieldset .loginForm--row:first-of-type .control--wrap {
						padding-top: 0;
					}
.popup-twoStepAuthSetup .popup--header .popup--close {
					right: 5px;
				}
		.popup-twoStepAuthSetup .popup--content {
			width: 456px;
			padding: 0;
		}
		.popup-twoStepAuthSetup .popup--content h2 {
				font-size: 14px;
				line-height: 1;
				margin: 26px 40px 14px 40px;
			}
		.popup-twoStepAuthSetup .popup--content ol {
				margin-left: 40px;
				margin-right: 36px;
				padding-left: 13px;
				margin-bottom: 26px;
			}
		.popup-twoStepAuthSetup .popup--content li {
				list-style-type: decimal;
				line-height: 18px;
				margin-bottom: 6px;
			}
		.popup-twoStepAuthSetup .popup--content .barcode {
				text-align: center;
				margin-bottom: 26px;
			}
		.popup-twoStepAuthSetup .popup--content .barcode--wrapper {
					display: inline-block;
				}
		.popup-twoStepAuthSetup .popup--content .barcode--image {
					display: block;
				}
		.popup-twoStepAuthSetup .popup--content .secretKey {
				margin-top: 10px;
				margin-bottom: 6px;
				padding-left: 21px;
				padding-right: 21px;
				padding-top: 13px;
				padding-bottom: 13px;
				display: inline-block;
			}
		.popup-twoStepAuthSetup .popup--content .secretKey strong {
					font-size: 14px;
					line-height: 1;
					display: block;
					margin-bottom: 12px;
				}
		.popup-twoStepAuthSetup .popup--content .secretKey small {
					display: block;
					font-size: 12px;
					line-height: 1;
				}
		.popup-twoStepAuthSetup .popup--content p {
				margin-left: 40px;
				margin-right: 40px;
				line-height: 18px;
				margin-bottom: 13px;
			}
		.popup-twoStepAuthSetup .popup--content form {
				margin-left: 40px;
				margin-bottom: 10px;
			}
		.popup-twoStepAuthSetup .popup--content form label {
					margin-right: 7px;
				}
		.popup-twoStepAuthSetup .popup--content form .control-textInput {
						display: block;
						width: auto;
					}
		.popup-twoStepAuthSetup .popup--content form .control .control--label {
						display: inline-block;
						vertical-align: baseline;
					}
		.popup-twoStepAuthSetup .popup--content form .control .control--wrap {
						display: inline-block;
						vertical-align: baseline;
						width: 94px;
						height: 41px;
					}
		.popup-twoStepAuthSetup .popup--content form .control .control--wrap input {
							vertical-align: inherit;
						}
		.popup-twoStepAuthSetup .popup--content form .control .control--errorMessage {
						margin-top: 8px;
						white-space: nowrap;
					}
		.popup-twoStepAuthSetup .popup--buttons {
			text-align: right;
		}

	.popup-twoStepAuthSetup .button-barcode {
			float: left;
			padding: 0;
			border: none;
			line-height: 3.05rem;
		}



.popup-twoStepAuthSetup .popup--content li {
				color: var(--common-secondary-text-color);
			}



.popup-twoStepAuthSetup .popup--content h2 {
				color: var(--common-text-default);
			}



.popup-twoStepAuthSetup .popup--content strong {
				color: var(--common-text-default);
			}



.popup-twoStepAuthSetup .popup--content p {
				color: var(--common-secondary-text-color);
			}



.popup-twoStepAuthSetup .popup--content label {
				color: var(--common-secondary-text-color);
			}



.popup-twoStepAuthSetup .popup--content a {
				text-decoration: none;
			}



.popup-twoStepAuthSetup .popup--content .secretKey {
				background-color: var(--widget-dark-bg-color);
			}



.popup-twoStepAuthSetup .popup--content .secretKey strong {
					color: var(--common-text-default);
				}



.popup-twoStepAuthSetup .popup--content .secretKey small {
					color: var(--description-text-color);
				}



.popup-twoStepAuthSetup .button-barcode {
			background: none;
			color: var(--link-default-text-color);
		}



.popup-twoStepAuthSetup .button-barcode:hover {
				color: var(--link-hovered-text-color);
			}



.popup-twoStepAuthSetup .button-barcode:active {
				color: var(--icon-link-pressed-color);
			}
.popup-alertTriggered__container___jXMon {
	position: relative;
	padding: 10px 17px;
	box-sizing: border-box;
}

.popup-alertTriggered__wrapper___GDWEb {
	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-alertTriggered__container {
		position: relative;
		padding: 10px 17px;
		box-sizing: border-box;
	}
	.popup-alertTriggered__wrapper {
		position: relative;
	}
.popup-orderConfirmation .popup--content {
		width: 400px;
		padding: 32px 64px 27px;
		-webkit-user-select: text;
		   -moz-user-select: text;
		    -ms-user-select: text;
		        user-select: text;
		box-sizing: border-box;
	}
	.popup-orderConfirmation .orderConfirmation--label {
			margin-bottom: 15px;
			font-size: 14px;
			font-weight: 700;
		}
	.popup-orderConfirmation .orderConfirmation--text {
			margin-bottom: 18px;
			height: 94px;
			font-size: 13px;
			line-height: 1.4;
			background: var(--widget-bg-color);
		}
	.popup-orderConfirmation .orderConfirmation--text .scrollable--container {
				padding-top: 2px;
				padding-left: 2px;
				padding-bottom: 2px;
			}
	.popup-orderConfirmation .orderConfirmation--hint {
			margin-bottom: 10px;
			color: var(--sub-additional-text-color);
			font-size: 14px;
			line-height: 1.71;
		}
	.popup-orderConfirmation .orderConfirmation--textarea {
			height: 42px;
			margin-bottom: 10px;
			font-size: 12px;
			line-height: 1.67;
		}
	.popup-orderConfirmation .orderConfirmation--error {
			margin-bottom: -12px;
			color: var(--message-sbj-warning-text-color);
			font-size: 12px;
			line-height: 1;
		}

.popup-guest .popup--content {
			width: 358px;
			padding: 24px 30px 30px;
			text-align: center;
			box-sizing: border-box;
		}
			
			.popup-guest .popup--content .text {
				font-size: 16px;
				line-height: 1.4;
				margin-bottom: 21px;
			}
			
			.popup-guest .popup--content .button {
				margin: 0 5px;
				padding: 0 10px;
				width: 100px;
			}
		.popup-guest .popup--header {
			background: transparent;
		}
		.popup-guest .popup--window {
			box-shadow: 0 6px 25px var(--modal-window-shadow-color);
		}

.orderEntrySettings__container___xFTsj {
	position: relative;
	padding-top: 5px;
}

.orderEntrySettings__header___6sfQV {
	margin-bottom: 14px;
}

.orderEntrySettings__content___\+B0e4 {
	position: relative;
	height: 132px;
}

.orderEntrySettings__tabContent___Bza\+y {
	padding-left: 30px;
}

.orderEntrySettings__tabContent___Bza\+y .control-numericStepper {
				margin-right: 30px;
			}

.orderEntrySettings__tabContent___Bza\+y .control-numericStepper .control--wrap {
					width: 116px;
				}

.orderEntrySettings__tabContent___Bza\+y .control-selectBox .control--wrap {
					width: 88px;
				}

.orderEntrySettings__tabContent___Bza\+y .control-selectBox .selectBox {
					width: 100%;
				}

.orderEntrySettings__tabContent___Bza\+y .control--label {
				color: var(--form-label-text-color);
				font-family: "Source Sans Pro";
				line-height: 20px;
				font-size: 12px;
			}

.orderEntrySettings__controlsWrapper___jMfbh {
	display: flex;
}

.orderEntrySettings__routeLabel___HkSFD {
	display: block;
	color: var(--form-label-text-color);
	font-family: "Source Sans Pro";
	line-height: 20px;
}

.orderEntrySettings__routeText___H9hXC,
.orderEntrySettings__routeEmpty___-ebc4 {
	line-height: 24px;
}

.orderEntrySettings__routeText___H9hXC {
	color: var(--common-text-default);
}

.orderEntrySettings__routeEmpty___-ebc4 {
	color: var(--no-data-text-color);
}

.orderEntrySettings__container {
        position: relative;
        padding-top: 5px;
    }
    .orderEntrySettings__header {
        margin-bottom: 14px;
    }
    .orderEntrySettings__content {
        position: relative;
        height: 132px;
    }
    .orderEntrySettings__tabContent {
        padding-left: 30px;
    }
    .orderEntrySettings__tabContent .control-numericStepper {
                margin-right: 30px;
            }
    .orderEntrySettings__tabContent .control-numericStepper .control--wrap {
                    width: 116px;
                }
    .orderEntrySettings__tabContent .control-selectBox .control--wrap {
                    width: 88px;
                }
    .orderEntrySettings__tabContent .control-selectBox .selectBox {
                    width: 100%;
                }
    .orderEntrySettings__tabContent .control--label {
                color: var(--form-label-text-color);
                font-family: "Source Sans Pro";
                line-height: 20px;
                font-size: 12px;
            }
    .orderEntrySettings__controlsWrapper {
        display: flex;
    }
    .orderEntrySettings__routeLabel {
        display: block;
        color: var(--form-label-text-color);
        font-family: "Source Sans Pro";
        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: 360px;
			padding-left: 0;
			padding-right: 0;
			box-sizing: border-box;
		}
		.popup-orderEntrySettings .popup--footer {
			text-align: right;
		}

.optionFilters__container___EA4T3 {
	text-align: left;
}

	.optionFilters__container___EA4T3 .selectBox--inner {
			box-sizing: border-box;
			width: 155px;
		}

	.optionFilters__container___EA4T3 .control-selectBox + .button-link {
			margin-top: 6px;
		}

	.optionFilters__container___EA4T3 .control-numericStepper {
			width: 48px;
		}

	.optionFilters__container___EA4T3 .numericStepper--input input[type="text"] {
			min-width: 48px;
		}

	.optionFilters__container___EA4T3 .switcher {
			margin-left: 10px;
		}

.optionFilters__row___nsQP7 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 25px;
	margin-bottom: 17px;
}

.optionFilters__row___nsQP7:last-child {
		margin-bottom: 0;
	}

.optionFilters__row_delimiter___cR4J\+ {
		justify-content: flex-start;
		padding-top: 18px;
		border-top: 1px solid var(--line-color);
	}

.optionFilters__row_expiration___bPTGo {
		align-items: flex-start;
	}

.optionFilters__row_expiration___bPTGo .optionFilters__label___2Gm7k {
			margin-top: 5px;
		}

.optionFilters__row_frontMonth___uu0E1 {
		min-height: 0;
		margin-top: 13px;
		padding-bottom: 14px;
		justify-content: flex-start;
	}

.optionFilters__row_frontMonth___uu0E1 .optionFilters__label___2Gm7k {
			margin-top: 0;
		}

.optionFilters__columnRight___OV2-p {
	width: 155px;
	position: relative;
}

.optionFilters__columnRight___OV2-p .contextMenu-selector {
			min-width: 133px;
			top: 21px;
			left: -4px;
		}

.optionFilters__columnRight___OV2-p .contextMenu-selector .button-clearFilter {
				color: var(--link-default-text-color);
			}

.optionFilters__columnRight___OV2-p .contextMenu-selector .button-clearFilter:hover {
					color: var(--link-hovered-text-color);
				}

.optionFilters__columnRight___OV2-p .contextMenu-selector .button-clearFilter .icon-clear-filter {
					display: none;
				}

.optionFilters__columnRight___OV2-p .contextMenu-selector .contextMenu--pointer::before {
					background: var(--dropdown-list-bg-color);
				}

.optionFilters__columnRight___OV2-p .contextMenu-selector .loadingWheel {
				display: none;
			}

.optionFilters__columnRight___OV2-p .button-link {
			max-width: 180px;
			text-align: left;
		}

.optionFilters__label___2Gm7k {
	font-size: 14px;
	color: var(--form-label-text-color);
	transform: translateY(-1px);
}

.optionFilters__stepperBlock___yF5-Z {
	margin-top: 10px;
	display: flex;
	align-items: center;
}

.optionFilters__stepperBlock___yF5-Z .optionFilters__label___2Gm7k {
		width: 68px;
		margin-top: 0;
		font-size: 12px;
		transform: translateY(0);
	}

.optionFilters__dateRangeSelector___tVfaG {
	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;
			}
.button-sort {
	background-color: var(--button-bg-color);
	width: 21px;
	height: 19px;
	padding: 0;
	border: 1px solid transparent;
	position: relative;
}

	.button-sort.button-ascending .icon-sort-ascending {
			fill: var(--icon-primary-default-color);
		}

	.button-sort.button-descending .icon-sort-descending {
			fill: var(--icon-primary-default-color);
		}

	.button-sort .icon {
		height: 16px;
	}

.button-widgetSettings .icon {
		margin-top: 1px;
		width: 10px;
		height: 10px;
	}

.button-widgetSettings .icon {
		fill: var(--widget-header-text-color);
		transition: fill 220ms ease-out;
	}

.button-widgetSettings.button-active .icon, .button-widgetSettings:hover .icon {
			fill: var(--icon-pressed-color);
			transition: fill 220ms ease-in;
		}

.control-foldButton {
	display: inline-block;
	width: 8px;
	vertical-align: middle;
}
	.control-foldButton .icon {
		width: 8px;
		height: 8px;
	}
	.control-foldButton .button {
		padding-top: 1px;
	}
	.control-foldButton.control-folded .icon-group-opened {
			display: none;
		}
	.control-foldButton.control-open .icon-group-closed {
			display: none;
		}

.multiAsset__container {
		display: flex;
	}
	.multiAsset__column {
		box-sizing: border-box;
		min-width: 216px;
	}
	.multiAsset__column:first-child {
			padding-right: 30px;
			position: relative;
		}
	.multiAsset__column:first-child::after {
				position: absolute;
				content: "";
				top: 0;
				right: 0;
				width: 1px;
				height: 100%;
				background: var(--line-color);
			}
	.multiAsset__column:last-child {
			padding-left: 30px;
		}
	.multiAsset__header {
		margin-bottom: 16px;
		font-size: 10px;
		letter-spacing: 0.7px;
		text-transform: uppercase;
		font-weight: normal;
		color: var(--label-color);
	}
	.multiAsset__availableFields .list .draggable--dragged {
					box-shadow: inset 0 1px 2px 0 var(--overlay-box-shadow-color);
					background: transparent;
					border: 1px solid var(--input-disabled-border-outside-color);
					cursor: -webkit-grabbing;
					cursor: grabbing;
				}
	.multiAsset__availableFields .list .draggable--dragged:hover {
						background: transparent;
					}
	.multiAsset__availableFields .list .draggable--dragged .icon {
						display: none;
					}
	.multiAsset__availableFields .list .draggable--dragged .itemName,
					.multiAsset__availableFields .list .draggable--dragged .itemWrap {
						display: none;
					}
	.multiAsset__list {
		width: 216px;
	}
	.multiAsset__list .draggable--dropTarget::after {
					content: "";
					position: absolute;
					width: 100%;
					height: 100%;  top: 0;
					left: 0;
					z-index: 11;
					background: var(--drop-area-highlight-color);
					box-shadow: inset 0 0 40px 0 var(--drop-area-inner-shadow-color);
					background-image: linear-gradient(to right, var(--drop-area-border-color) 50%, transparent 50%),
							linear-gradient(to right, var(--drop-area-border-color) 50%, transparent 50%),
							linear-gradient(to top, var(--drop-area-border-color) 50%, transparent 50%),
							linear-gradient(to top, var(--drop-area-border-color) 50%, transparent 50%);
					background-size: 11px 1px, 11px 1px, 1px 11px, 1px 11px;
					background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
					background-position: 0 0, left bottom, 0 0, right 0;
				}
	.multiAsset__item {
		box-sizing: border-box;
		width: 100%;
		min-height: 25px;
		margin-bottom: 1px;
		border-radius: 1px;
		position: relative;
		cursor: -webkit-grab;
		cursor: grab;
	}
	.multiAsset__item:last-child {
			margin-bottom: 0;
		}
	.multiAsset__item_isDisabled {
			color: var(--common-text-disabled);
			background: var(--draggable-item-disabled-bg-color);
			cursor: default;
		}
	.multiAsset__item_isDisabled:hover::after {
					width: 0;
				}
	.multiAsset__item_isDisabled .icon-drag {
				fill: var(--icon-disabled);
			}
	.multiAsset__itemName {
			position: relative;
			z-index: 2;
		}
	.multiAsset__itemWrap {
			padding: 5px 8px;
			background: var(--draggable-item-bg-color);
			width: 100%;
			box-sizing: border-box;
			position: relative;
		}
	.multiAsset__itemWrap:hover::after {
					position: absolute;
					content: "";
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: var(--draggable-item-hover-color);
					z-index: 1;
				}
	.multiAsset__itemExpanded {
			padding: 10px 15px;
			background: var(--draggable-item-expanded-bg-color);
			width: 100%;
			box-sizing: border-box;
		}
	.multiAsset__itemExpanded .control-checkBox {
				display: block;
				margin-bottom: 8px;
			}
	.multiAsset__itemExpanded .control-checkBox:first-child {
					position: relative;
					padding-bottom: 8px;
				}
	.multiAsset__itemExpanded .control-checkBox:first-child::after {
						position: absolute;
						content: "";
						width: 100%;
						height: 1px;
						bottom: 0;
						left: 0;
						background: var(--line-color);
					}
	.multiAsset__itemExpanded .control-checkBox:last-child {
					margin-bottom: 0;
				}
	.multiAsset__item .icon-group-closed,
		.multiAsset__item .icon-group-opened,
		.multiAsset__item .icon-drag,
		.multiAsset__item .icon-about-us {
			fill: var(--icon-secondary-default-color);
		}
	.multiAsset__item .icon-group-closed:hover, .multiAsset__item .icon-group-opened:hover, .multiAsset__item .icon-about-us:hover {
				fill: var(--icon-secondary-hovered-color);
			}
	.multiAsset__item .icon-drag {
			width: 2px;
			height: 10px;
			margin-right: 8px;
			z-index: 2;
			position: relative;
			vertical-align: baseline;
		}
	.multiAsset__item .icon-about-us {
			width: 11px;
			height: 11px;
			margin-top: 2px;
		}
	.multiAsset__item .button-sort {
			float: right;
			margin-top: -2px;
			z-index: 2;
		}
	.multiAsset__item .control-foldButton {
			margin: 0 6px 0 -4px;
			vertical-align: baseline;
			z-index: 2;
		}
	.multiAsset .target {
		width: 175px;
		min-height: 25px;
		margin-bottom: 10px;
		border-radius: 1px;
		background: var(--drag-and-drop-area-bg-color);
		position: relative;
		background-image: linear-gradient(to right, var(--drag-and-drop-area-border-color) 50%, transparent 50%),
				linear-gradient(to right, var(--drag-and-drop-area-border-color) 50%, transparent 50%),
				linear-gradient(to top, var(--drag-and-drop-area-border-color) 50%, transparent 50%),
				linear-gradient(to top, var(--drag-and-drop-area-border-color) 50%, transparent 50%);
		background-size: 11px 1px, 11px 1px, 1px 11px, 1px 11px;
		background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
		background-position: 0 0, left bottom, 0 0, right 0;
	}
	.multiAsset .target::before {
			content: "";
			height: 21px;
			width: 13px;
			position: absolute;
			left: -13px;
			top: -10px;
			border-left: 1px solid var(--line-color);
			border-bottom: 1px solid var(--line-color);
		}
	.multiAsset .target:first-child::before {
				height: 0;
				width: 0;
			}
	.multiAsset .target:nth-child(2) {
			margin-left: 20px;
		}
	.multiAsset .target:last-child {
			margin-left: 40px;
			margin-bottom: 0;
		}
	.multiAsset__checkBoxWrap {
		padding-top: 10px;
		margin-top: 20px;
		border-top: 1px solid var(--line-color);
	}
	.multiAsset__iconWrap {
		position: relative;
		float: right;
		z-index: 2;
	}
	.multiAsset__iconWrap:hover .hint {
				display: block;
			}
	.multiAsset__hint {
		display: none;
		width: 224px;
		padding: 2px 4px;
		position: absolute;
		left: 0;
		bottom: -35px;
		background: var(--hint-tooltip-bg-color);
		box-shadow: 0 2px 10px 0 var(--widget-draggable-shadow-color);
		border: solid 1px var(--context-menu-border-color);
		color: var(--common-text-default);
		z-index: 101;
	}

.draggable--dragging.multiAsset__item {
	width: 216px;
	height: 25px;
	margin-bottom: 0;
	background: var(--draggable-item-dragging-bg-color);
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 110;
}

.draggable--dragging.multiAsset__item,
		.draggable--dragging.multiAsset__target {
			cursor: -webkit-grabbing;
			cursor: grabbing;
		}

.popup-multiAsset .popup--content {
			padding: 24px 30px 20px;
		}
		.popup-multiAsset .popup--footer {
			text-align: right;
		}
.popup-pre-config .popup--window {
			max-width: 330px;
		}
		.popup-pre-config .popup--content {
			padding-bottom: 20px;
			padding-left: 20px;
			padding-right: 20px;
		}
		.popup-pre-config .popup--footer {
			text-align: right;
		}

.popup-pre-config__Container {
		text-align: center;
	}

.popup-pre-config__Container .checkBox--view {
				width: 15px;
				height: 15px;
				margin-right: 6px;
			}

.popup-pre-config__Container .checkBox--icon {
				width: 9px;
				height: 9px;
			}

.popup-pre-config__Container .control-numericStepper {
			margin-top: 11px;
			margin-left: 19px;
			width: 110px;
		}

.popup-pre-config__Container .control-numericStepper .control--wrap {
					margin-top: 3px;
				}

.popup-pre-config__Title {
		margin-top: 2px;
		padding-left: 40px;
		padding-right: 40px;
		display: block;
		line-height: 20px;
	}

.popup-pre-config__Item {
		display: flex;
		flex-direction: column;
	}

.popup-pre-config__Content {
		margin-top: 19px;
		display: flex;
		justify-content: space-between;
	}
.loginPanelWrapper{
	position: relative;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, var(--app-bg-grad-top-color), var(--app-bg-grad-bottom-color));
}

	.loginPanelWrapper--footer {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		box-sizing: border-box;
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 100%;
		z-index: 1;
	}

	.loginPanelWrapper--buttons {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	.loginPanelWrapper--copyright {
		display: block;
		margin-top: 27px;
		font-size: 10px;
		color: var(--common-secondary-text-color);
		text-align: center;
	}

	.loginPanelWrapper--agreementLink {
		text-align: center;
		margin-bottom: 17px;
		width: 100%;
	}

	.loginPanelWrapper--disclaimerPanel {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 16px 0px;
		background: var(--widget-bg-overlay-dark);
	 }

	.loginPanelWrapper--disclaimerPanel-text {
			max-width: 1400px;
			color: var(--common-secondary-text-color);
		}

.loginForm--title {
		padding: 0 10px;
		font-family: DINPro;
		font-size: 15px;
		font-weight: 500;
		color: var(--form-label-text-color);	
	}

.loginForm--row .control--postfix {
                display: block;
                margin-top: 6px;
                margin-bottom: 6px;
                line-height: 18px;
            }
                .loginForm--row .control--postfixLink {
                    text-decoration: none;
                }
            .loginForm--row .control--wrap {
                width: 195px;
            }
            .loginForm--row .control--wrap-username {
                    line-height: 23px;
                }
    .loginForm--actionButton .button-secondary {
                margin-right: 10px;
            }

.control--wrap-username {
        line-height: 23px;
    }


.control--wrap-username {
        color: var(--common-text-default);
    }

.link {
	display: inline-block;
	line-height: 1;
	font-size: 12px;
	text-decoration: none;
	color: var(--link-default-text-color);
}
	
	.link-icon {

		height: 13px;
		line-height: 13px;
	}
	
	.link-icon .icon {
			height: 13px;
			width: 13px;
			margin-right: 8px;
			fill: currentColor;
		}
	
	.link:hover {
		color: var(--link-hovered-text-color);
	}
	
	.link:active {
		color: var(--icon-link-pressed-color);
	}
	
	.link-external {
		display: inline-flex;
		align-items: center;
	}
	
	.link-external .icon {
			order: 2;
			margin-right: 0;
			width: 9px;
			height: 9px;
			margin-left: 7px;
		}
.mobile .link {
		font-size: 14px;
	}
.loginPanel {
	position: absolute;
	top: 47%;
	left: 50%;
	width: 353px;
	height: 201px;
	margin: -100.5px 0 0 -176.5px;
	transform: translateX(0) rotateY(0);
	transform-origin: right center;
	transform-style: preserve-3d;
}

	.loginPanel input {
		caret-color: var(--input-default-text-color);
	}

	.loginPanel input:-webkit-autofill {
			-webkit-box-shadow: inset 0 0 0 1000px var(--input-autofilled-bg-color),
					inset 0 0 0 1000px var(--input-default-bg-color),
					inset 0 1px 0 0 rgba(0, 0, 0, 0.05) !important;
			-webkit-text-fill-color: var(--input-default-text-color) !important;
			border: 1px solid var(--input-autofilled-border-color);
		}

	.loginPanel--side {
		position: absolute;
		top: 0;
		left: 0;
		min-height: 100%;
		width: 100%;
		box-sizing: border-box;
		padding-bottom: 0;
		border-width: 1px;
		border-style: solid;
	}

	.loginPanel--side-custom {
			padding-bottom: 0;
		}

	.loginPanel-main .loginPanel--side-main {
			position: relative;
		}

	.loginPanel-main .loginPanel--side-backup,
		.loginPanel-main .loginPanel--side-pwchange,
		.loginPanel-main .loginPanel--side-security {
			display: none;
		}

	.loginPanel-security .loginPanel--side-security {
			position: relative;
		}

	.loginPanel-security .loginPanel--side-backup,
		.loginPanel-security .loginPanel--side-pwchange {
			display: none;
		}

	.loginPanel-pwchange .loginPanel--side-pwchange {
			position: relative;
			width: 388px;
			left: -25px;
		}

	.loginPanel-pwchange .loginPanel--side-security,
		.loginPanel-pwchange .loginPanel--side-backup {
			display: none;
		}

	.loginPanel-backup .loginPanel--side-main,
		.loginPanel-backup .loginPanel--side-pwchange,
		.loginPanel-backup .loginPanel--side-security {
			display: none;
		}

	.loginPanel-backup .loginPanel--side-backup {
			position: relative;
		}

	.loginPanel--header {
		margin: 0 0 25px 0;
		padding-top: 24px;
		padding-left: 40px;
	}

	.loginPanel--logo {
		display: inline-block;
		margin-right: 28px;
	}

	.loginPanel--logo:only-child {
			margin-left: 47px;
		}

	.loginPanel--title {
		display: inline-block;
		font-size: 14px;
		vertical-align: -5px;
		font-weight: bold;
	}



.loginPanel {
	transition: transform 500ms;
}



.loginPanel-security {
		transform: translateX(-100%) rotateY(180deg);
	}



.loginPanel-pwchange {
		transform: translateX(-100%) rotateY(180deg);
	}



.loginPanel-pwchange .control--error {
			margin-top: 3px;
		}



.loginPanel-backup {
		transform: translateX(0) rotateY(0deg);
	}



.loginPanel--side {
		border-color: var(--modal-window-border-color);
		box-shadow: 0 7px 15px var(--modal-window-shadow-color);
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
		background-image: linear-gradient(to bottom, var(--modal-window-bg-grad-1), var(--modal-window-bg-grad-2));
	}



.loginPanel--side-main {
			transform: rotateY(0deg);
		}



.loginPanel--side-security {
			transform: rotateY(-180deg);
		}



.loginPanel--side-pwchange {
			transform: rotateY(-180deg);
		}



.loginPanel--side-backup {
			transform: rotateY(0deg);
		}



.loginPanel--title {
		color: var(--common-secondary-text-color);
	}
.tooltipInstrumentDescription__container {
		border: 1px solid var(--trade-builder-step-hint-tooltip-border-color);
		font-size: 14px;
		padding: 8px 20px 10px;
	}
	.tooltipInstrumentDescription__content {
		font-size: 14px;
	}
	.tooltipInstrumentDescription__pointer {
		left: 17px;
	}
	.tooltipInstrumentDescription__pointer::before {
			width: 10px;
			height: 10px;
			border: 1px solid var(--trade-builder-step-hint-tooltip-border-color);
			top: -6px;
			left: 2px;
		}
.table-accountInfo {
	width: auto;
	table-layout: auto;
}

	.table-accountInfo td {
		box-shadow: 0 1px var(--line-color);
		text-align: left;
		padding: 1px 0 0 0;
	}

	.table-accountInfo td:first-child {
			padding-left: 0;

		}

	.table-accountInfo td:last-child {
			padding-left: 35px;
			text-align: right;
		}

	.table-accountInfo td:first-child,
		.table-accountInfo td:last-child {
			 box-shadow: 0 1px var(--line-color);
		}

	.table-accountInfo .grid-empty .grid--body {
				display: none;
			}

	.table-accountInfo .accountItem--header {
			color: var(--additional-text-color);
		}

	.table-accountInfo .accountItem--value {
			font-size: 12px;
			text-align: right;
			color: var(--table-text-color);
		}

	.table-accountInfo .accountItem--value-positive {
				color: var(--positive-text-color);
			}

	.table-accountInfo .accountItem--value-negative {
				color:  var(--negative-text-color);
			}


.contextMenu-accountInfo {
	padding: 7px 7px 5px 7px;
	box-sizing: border-box;
	z-index: 41;
	background-color: var(--context-menu-bg-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
	border: solid 1px var(--context-menu-border-color);
}

	.contextMenu-accountInfo .contextMenu--item {
			padding: 0;
		}

	.contextMenu-accountInfo .contextMenu--item + .contextMenu--item {
				margin-top: 6px;
			}

	.contextMenu-accountInfo .contextMenu--item:hover {
				background-color: transparent;
			}

	.contextMenu-accountInfo .contextMenu--item:hover .icon {
					fill: var(--link-hovered-text-color);
					transition: color 220ms ease-in;
				}

	.contextMenu-accountInfo .contextMenu--item:hover .link-pseudo {
					color: var(--link-hovered-text-color);
				}

	.contextMenu-accountInfo .contextMenu--item:active .icon {
					fill: var(--icon-link-pressed-color);
				}

	.contextMenu-accountInfo .contextMenu--item:active .link-pseudo {
					color: var(--icon-link-pressed-color);
				}

	.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo {
					color: var(--link-default-text-color);
				}

	.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo:hover {
						color: var(--link-hovered-text-color);
					}

	.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo:active {
						color: var(--icon-link-pressed-color);
					}

	.contextMenu-accountInfo .contextMenu--pointer::before {
				background: var(--context-menu-bg-color);
			}

	.contextMenu-accountInfo .contextMenu--cell {
			width: 50%;
		}

	.contextMenu-accountInfo .contextMenu--row:last-child .contextMenu--cell {
				padding-right: 10px;
			}

	.contextMenu-accountInfo .contextMenu--row:last-child .contextMenu--cell:last-child {
					padding-right: 0;
					padding-left: 10px;
				}

	.contextMenu-accountInfo .contextMenu--row:last-child .contextMenu--cell:only-child {
					padding-left: 0;
					padding-right: 0;
				}

	.contextMenu-accountInfo .contextMenu--icon {
			margin-right: 4px;
		}

	.contextMenu-accountInfo .contextMenu--icon .icon {
				fill: var(--link-default-text-color);
				transition: color 220ms ease-out;
			}

	.contextMenu-accountInfo .contextMenu--icon .icon:hover {
					fill: var(--link-hovered-text-color);
				}

	.contextMenu-accountInfo .contextMenu--icon .icon:active {
					fill: var(--icon-link-pressed-color);
				}

	.contextMenu-accountInfo .grid--body {
		position: static;
	}

.control-chartTypeToggler {
	width: 100%;
}

	.control-chartTypeToggler .button .icon {
			width: 13px;
			fill: var(--icon-primary-default-color);
			height: 100%;
		}

.contextMenu-chartSettings .contextMenu--optionList-subMenu {
				width: 190px;
				box-sizing: border-box;
			}
			.contextMenu-chartSettings .contextMenu--group-visibilityToggler .contextMenu--item {
					padding-left: 25px;
				}
			.contextMenu-chartSettings .contextMenu--item-current:not(.contextMenu--item-multiSelectItem) .contextMenu--subIcon {
							display: inline-block;
							position: absolute;
							right: 5px;
						}

.mobile .contextMenu-chartSettings {
		width: 220px;
		height: 300px;
		overflow: auto;
	}
		
		.mobile .contextMenu-chartSettings .contextMenu--item-withSubMenu {
			flex-wrap: wrap;
		}
		
		.mobile .contextMenu-chartSettings .contextMenu--item-withSubMenu:hover {
				background-color: transparent;
			}
		
		.mobile .contextMenu-chartSettings .contextMenu--item-withSubMenu > .contextMenu--subIcon {
				transform: rotate(90deg);
				position: absolute;
				top: 10px;
				right: 8px;
			}
		
		.mobile .contextMenu-chartSettings .contextMenu--item-withSubMenu > .link-pseudo {
				pointer-events: none;
			}
		
		.mobile .contextMenu-chartSettings .contextMenu--item-withSubMenu .contextMenu--optionList {
				position: static;
				visibility: visible;
			}
		
		.mobile .contextMenu-chartSettings .contextMenu--item-withSubMenu .contextMenu--optionList-subMenu {
				border: 0;
				background-color: transparent;
				box-shadow: none;
				top:0;
				left: 0;
			}

.contextMenu-chartOrder .contextMenu--icon {
			width: 23px;
			margin-right: 2px;
		}
		.contextMenu-chartOrder .contextMenu--item {
			padding-right: 6px;
		}
		.contextMenu-chartOrder .contextMenu--item-icon .link-pseudo {
					margin-right: 5px;
				}
		.contextMenu-chartOrder .contextMenu--optionList {
			min-width: 0;
		}
.contextMenu-alert {
	padding: 0;
}

	.contextMenu-alert .contextMenu--item {
		padding: 0 10px;
	}

	.contextMenu-alert .contextMenu--item .link-pseudo{
			order: 2;
		}

	.contextMenu-alert .contextMenu--item .contextMenu--subIcon {
			order: 1;
			margin-left: 0;
			margin-right: 11px;
			width: 10px;
			height: 10px;
		}

	.contextMenu-alert .contextMenu--item .contextMenu--subIcon .icon {
				fill: var(--icon-contextual-primary-default-color);
			}

	.contextMenu-alert .contextMenu--optionList {
		min-width: 0;
		padding: 3px 0;
	}

	.contextMenu-alert .contextMenu--optionList .link-pseudo {
			margin-right: 0;
		}

	.contextMenu-alert .icon-duplicate-order,
	.contextMenu-alert .icon-duplicate-order-group {
		width: 23px;
		height: 17px;
		margin-top: -3px;
		margin-left: -5px;
	}

	.contextMenu-alert .icon-opposite-order {
		width: 15px;
		height: 8px;
		margin-top: 2px;
		margin-left: -1px;
		color: var(--icon-secondary-default-color);
	}

	.contextMenu-alert .icon-opposite-order-group {
		width: 15px;
		height: 17px;
		margin-top: -3px;
		margin-left: -1px;
		color: var(--icon-secondary-default-color);
	}

.contextMenu-axisScaleSettings .contextMenu--title {
		padding-bottom: 4px;
	}
	.contextMenu-axisScaleSettings .contextMenu--optionList {
		min-width: 0;
	}
	.contextMenu-axisScaleSettings .contextMenu--item .link-pseudo {
			margin-right: 0;
		}
	.contextMenu-axisScaleSettings .contextMenu--item .link-pseudo:hover {
				color: var(--dropdown-list-text-color);
			}
	.contextMenu-axisScaleSettings .contextMenu--item-multiSelectItem:hover .contextMenu--subIcon {
					visibility: visible;
				}
	.contextMenu-axisScaleSettings .contextMenu--item-multiSelectItem:not(.contextMenu--item-current) {
				padding-left: 8px;
			}
	.contextMenu-axisScaleSettings .contextMenu--item-multiSelectItem .contextMenu--subIcon {
				margin: 0 5px 0 3px;
				visibility: hidden;
			}
	.contextMenu-axisScaleSettings .contextMenu--item-current .contextMenu--subIcon {
				visibility: visible;
			}
	.contextMenu-axisScaleSettings .contextMenu--item-current .contextMenu--subIcon .icon {
					fill: var(--icon-selected-color);
				}
	.contextMenu-axisScaleSettings .contextMenu--item-child {
			padding-left: 23px;
		}
	.contextMenu-axisScaleSettings .contextMenu--item-child:not(.contextMenu--item-current) {
				padding-left: 23px;
			}

.contextMenu-analyze {
	border: 0;
}

	.contextMenu-analyze .contextMenu--item-removeOrder .contextMenu--icon {
				height: 9px;
			}

	.contextMenu-analyze .contextMenu--item-delimiter {
			margin-top: 1px;
			margin-bottom: 0;
		}


.contextMenu-ChartVisualModification {
	padding: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

	.contextMenu-ChartVisualModification .contextMenu--item .link-pseudo{
			color: var(--common-text-default);
			margin-right: 20px;
		}

	.contextMenu-ChartVisualModification .contextMenu--item:hover .button-setting {
				display: inline-block;
			}

	.contextMenu-ChartVisualModification .contextMenu--actions {
		background: none;
		opacity: 1;
		padding-right: 0;
		padding-top: 2px;
	}

	.contextMenu-ChartVisualModification .button-setting {
		display: none;
		background-color: transparent;
		box-shadow: none;
		width: 25px;
		height: 100%;
		vertical-align: top;
	}

	.contextMenu-ChartVisualModification .button-setting .icon {
			fill: var(--icon-primary-default-color);
			margin-top: 0;
		}

.contextMenu-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-text-color);
				}
	
	.contextMenu-marketDepthSettings .contextMenu--item:hover .link-pseudo {
				color: var(--link-hovered-text-color);
			}
	
	.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;
				}

.button-markItems {
	padding-left: 0;
	padding-right: 0;
	background: transparent;
	border: none;
	color: var(--link-default-text-color);
}
	
	.button-markItems .icon {
		position: relative;
		top: 4px;
		width: 10px;
		height: 9px;
		margin-right: 4px;
		fill: var(--link-default-text-color);
		transition: fill 220ms ease-out;
	}
	
	.button-markItems span {
		vertical-align: top;
		line-height: 16px;
		color: var(--link-default-text-color);
		transition: color 220ms ease-out;
	}
	
	.button-markItems:hover span {
			color: var(--link-hovered-text-color);
			transition: color 220ms ease-in;
		}
	
	.button-markItems:hover .icon {
			fill: var(--link-hovered-text-color);
			transition: fill 220ms ease-in;
		}
	
	.button-markItems:active span {
			color: var(--icon-link-pressed-color);
		}
	
	.button-markItems:active .icon {
			fill: var(--icon-link-pressed-color);
			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(--icon-hovered-color);
						transition: fill 220ms ease-in;
					}

.contextMenu-symbolFilter .contextMenu--item-multiSelectItem:hover .link-pseudo {
						color: var(--link-hovered-text-color);
						transition: color 220ms ease-in;
					}

.contextMenu-symbolFilter .contextMenu--item-multiSelectItem:hover .match-text {
						color: var(--link-hovered-text-color);
						transition: color 220ms ease-in;
					}

.contextMenu-symbolFilter .contextMenu--item:hover {
				background: transparent;
				transition: background 220ms ease-in;
			}

.contextMenu-symbolFilter .contextMenu--footer {
			color: var(--label-color);
		}

.contextMenu-symbolFilter .filter-searchInfo {
		color: var(--common-text-default);
	}

.contextMenu-symbolFilter .filter-selectedInfo, .contextMenu-symbolFilter .filter-description {
		color: var(--label-color);
	}

.contextMenu-separateActions .contextMenu--item-defaultWatchlist {
			justify-content: space-between;
			overflow: hidden;
		}

			.contextMenu-separateActions .contextMenu--item-defaultWatchlist .contextMenu--subIcon {
				display: inline-block;
				margin-right: 11px;
				width: 13px;
				height: 13px;
			}
		.contextMenu-separateActions .contextMenu--item-withSubMenu .contextMenu--item .link-pseudo {
						width: calc(100% - 48px);
						margin-right: 0;
						overflow: hidden;
						text-overflow: ellipsis;
					}
		.contextMenu-separateActions .contextMenu--item-subMenuItem .scrollable {
				width: 100%;
			}
		.contextMenu-separateActions .contextMenu--item-subMenuItem .scrollable--content {
					width: 100%;
				}

.mobile .contextMenu-separateActions .contextMenu--optionList {
			max-height: 160px;
		}
			
			.mobile .contextMenu-separateActions .contextMenu--optionList .contextMenu--optionList,
			.mobile .contextMenu-separateActions .contextMenu--optionList .contextMenu--optionList {
				max-height:none;
			}

@media screen and (orientation: landscape) {
			.mobile .contextMenu-separateActions .contextMenu--optionList {
				max-height: 80px;
			}
				
				.mobile .contextMenu-separateActions .contextMenu--optionList .contextMenu--optionList {
					max-height: 80px;
				}
}

.contextMenu-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%;
	}


.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 {
		padding: 0 0 0 6px;
	}

	.contextMenu-positions .contextMenu--item-delimiter {
			margin-top: 6px;
			margin-bottom: 3px;
		}

	.contextMenu-positions .contextMenu--item-icon .contextMenu--icon {
				width: 23px;
				height: 17px;
				margin: 0 3px 0 4px;
			}

	.contextMenu-positions .contextMenu--item-icon .contextMenu--icon .icon.icon-menu-child {
					position: relative;
					left: -3px;
				}

	.contextMenu-positions .contextMenu--item .link-pseudo {
			margin-right: 15px;
		}

	.contextMenu-positions .contextMenu--optionList {
		padding: 2px 0;
	}
.contextMenu-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-watchlist .contextMenu--optionList {
			min-width: 0;
		}
		.contextMenu-watchlist .contextMenu--icon {
				width: 11px;
				height: 11px;
			}
		.contextMenu-watchlist .contextMenu--icon.protection-order-badge__container:after {
						border-color: var(--dropdown-list-bg-color);
					}
		.contextMenu-watchlist .contextMenu--item-buy:hover {
					background-color: var(--buy-index-bg-color);
				}
		.contextMenu-watchlist .contextMenu--item-sell:hover {
					background-color: var(--sell-index-bg-color);
				}
.contextMenu-numberFilter {
	padding: 7px 0 4px;
}

	.contextMenu-numberFilter .contextMenu--content {
			padding: 0 7px;
		}

.contextMenu-textFilter {
	padding: 9px 8px 6px;
}

.labeled-theme-switcher__container {
		flex-grow: 1;
		justify-content: space-between;
	}
	.labeled-theme-switcher__label {
		color: var(--dropdown-list-text-color);
		margin-right: 8px;
	}

.broker-price-alerts-switcher__label {
		color: var(--dropdown-list-text-color);
	}
	.broker-price-alerts-switcher__container {
		flex-grow: 1;
		justify-content: space-between;
	}
	.broker-price-alerts-switcher__content .switcher--button::after {
			left: 2px;
		}
	.broker-price-alerts-switcher__content .switcher--input:checked ~ .switcher--button::after {
			left: calc(100% - 14px);
		}
	.broker-price-alerts-switcher__content .switcher--input:focus + .switcher--label::after {
						border: 1px solid transparent;
					}
	.broker-price-alerts-switcher__content .switcher:hover .switcher--input:checked + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-on-hovered-bg-color);
							}
	.broker-price-alerts-switcher__content .switcher:hover .switcher--input:not(:checked) + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-off-hovered-bg-color)
							}
	.broker-price-alerts-switcher__content .switcher:active .switcher--input:checked + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-on-default-bg-color);
							}
	.broker-price-alerts-switcher__content .switcher:active .switcher--input:not(:checked) + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-off-default-bg-color);
							}
	.broker-price-alerts-switcher__content .switcher--input:checked + .switcher--label:first-of-type {
							background-color: var(--order-entry-switcher-on-default-bg-color);
						}
	.broker-price-alerts-switcher__content .switcher--input:not(:checked) + .switcher--label:first-of-type {
							background-color: var(--order-entry-switcher-off-default-bg-color);
						}

.multiselect__container___gAcy8 {
	display: inline-block;
}

	.multiselect__container___gAcy8 .control-multiselect {
				vertical-align: top;
			}

	.multiselect__container___gAcy8 .control--label {
				margin-right: 5px;
			}

.multiselect__menu_item_row___EIAxq {
	padding-right: 20px;
}

.multiselect__menu_item_row___EIAxq:hover .multiselect__icon___wBoi9 {
			opacity: 0.4;
		}

.multiselect__menu_item_row___EIAxq >.multiselect__text___45xtM {
		margin-left: 20px;
	}

.multiselect__text___45xtM {
	margin-left: 7px;
}

.multiselect__icon___wBoi9 {
	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___0bHoC {
	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);
}


.menu-item-h-child__item___0le4B {
	padding: 0;
	background: var(--dropdown-list-bg-color);
}
	.menu-item-h-child__item___0le4B:hover {
		background: var(--list-item-hovered-bg-color);
	}

.control-fontSize .selectBox--label {
		width: 25px;
		min-width: 25px;
		text-overflow: clip;
	}


.text-toolbar__container___575Px {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 50;
    text-align: center;
    pointer-events: none;
}

.text-toolbar__content___8o2gJ {
    display: inline-block;
    background: linear-gradient(to right, var(--chart-widget-toolbar-bg-color-1), var(--chart-widget-toolbar-bg-color-2));
    padding: 6px;
    box-sizing: border-box;
    pointer-events: auto;
}

.text-toolbar__wrapper___GahCm {
    display: flex;
    align-items: center;
}

.text-toolbar__divider___PqoOA {
    display: inline-block;
    vertical-align: top;
    width: 1px;
    height: 25px;
    margin: 0 14px 0 14px;
    border-left: 1px solid var(--line-color-5);
}

.chartWarningPanel__container___4DR1f {
	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___4DR1f .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: transparent;
			border-bottom-color: transparent;
			border-left-color: transparent;
			border-right-color: transparent;
		}

	.drawingToolbar .button:not(.button-secondary):not(.button-link):not(.button-primary):focus {
			box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
		}

	.drawingToolbar-visible {
		width: 100%;
		display: block;
		text-align: center;
		z-index: 50;
		position: absolute;
		left: 0;
		pointer-events: none;
		top: 50px;
	}

	.drawingToolbar--content {
		display: inline-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 .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;
	}

.control-lineColor .colorPicker {
		width: 55px;
	}

		.control-lineColor .colorPicker--value {
			width: 28px;
		}

.control-fontColor .colorPicker {
		width: 41px;
	}

		.control-fontColor .colorPicker--label .button span {
				font-size: 0;
				margin-left: 2px;
				line-height: 1em;
				display: inline-block;
				vertical-align: top;
			}

		.control-fontColor .colorPicker--value {
			height: 2px;
			width: 17px;
			vertical-align: bottom;
			margin-top: 4px;
		}

.widget-trading-dashboard__headerContent {
		display: flex;
	}
	
		.widget-trading-dashboard__headerContent .control-assetType {
			display: flex;
			align-items: baseline;
		}
	
		.widget-trading-dashboard__headerContent .control-assetType .control--wrap {
				margin-left: 6px;
			}
	
		.widget-trading-dashboard__headerContent .control-assetType .selectBox--inner {
				box-sizing: border-box;
				width: 134px;
			}

.button.button-refresh {
	width: unset;
	padding: 0 1px;
	display: flex;
	align-items: center;
}

.button.button-refresh .icon {
		width: 11px;
		height: 11px;
		fill: var(--link-default-text-color);
		vertical-align: baseline;
	}

.button.button-refresh .button-text,
	.button.button-refresh .button--text {
		margin-left: 5px;
		color: var(--link-default-text-color);
	}
.gridInstrumentPositionInfo__container___cMW05 {
	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___cMW05 thead th {
				font-size: 12px;
				font-weight: 500;
				box-shadow: 0 1px var(--line-color);
			}

	.gridInstrumentPositionInfo__container___cMW05 thead th .table--sortBy {
					cursor: default;
				}

	.gridInstrumentPositionInfo__container___cMW05 thead th .table--sortBy .icon {
						display: none;
					}

	.gridInstrumentPositionInfo__container___cMW05 tbody .table--cell {
				height: 23px;
				font-size: 14px;
				padding-top: 2px;
			}

	.gridInstrumentPositionInfo__container___cMW05 tbody tr:last-child td {
						box-shadow: none;
					}

	.gridInstrumentPositionInfo__container___cMW05 thead .table--cell, .gridInstrumentPositionInfo__container___cMW05 tbody .table--cell {
				padding-left: 6px;
				padding-right: 6px;
			}

	.gridInstrumentPositionInfo__container___cMW05 thead .table--cell:first-child, .gridInstrumentPositionInfo__container___cMW05 tbody .table--cell:first-child {
					padding-left: 12px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table {
			width: calc(100% - 1px);
		}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-last {
					width: 100px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-netChange {
					width: 100px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-positionQty {
					width: 170px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-openPl {
					width: 170px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-avg {
					width: 184px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-symbol {
					width: 118px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-bid,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-ask,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-open,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-high,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-low,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-lotSize,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-price,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-stopLoss,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-takeProfit,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-fillPrice,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-triggerPrice,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-quantity,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-size{
					width: 81px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-volume {
					width: 85px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-spread  {
					width: 90px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-change {
					width: 95px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-close {
					width: 105px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-description {
					width: 244px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-avgFillPrice {
					width: 90px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-dayOpenPl {
					width: 116px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-dayClosedPl {
					width: 122px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-expirationDate,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-lastTradeDate {
					width: 105px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-firstNoticeDate {
					width: 109px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-maintenanceMargin {
					width: 130px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-initialMargin {
					width: 95px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-tradingHalt,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-tickValue,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-limitUp,
				.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-limitDown {
					width: 85px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .table--colAdapts-dayToExpiration {
					width: 115px;
				}

	.gridInstrumentPositionInfo__container___cMW05 .grid--body {
				position: static;
			}

.gridInstrumentPositionInfo__lastPositive___s0ePh {
		color: var(--positive-text-color);
	}

.gridInstrumentPositionInfo__lastNegative___w9J7C {
		color: var(--negative-text-color);
	}

.connectorCell 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 .groupLink, .connectorCell__symbol_osoOco .groupLink, .connectorCell__symbol_osoColored .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(.symbol_single) .symbolIconWrap::before,
				.connectorCell__symbol_osoChild:not(.symbol_single) .symbolIconWrap::after,
				.connectorCell__symbol_oco:not(.symbol_single) .symbolIconWrap::before,
				.connectorCell__symbol_oco:not(.symbol_single) .symbolIconWrap::after,
				.connectorCell__symbol_bracket:not(.symbol_single) .symbolIconWrap::before,
				.connectorCell__symbol_bracket:not(.symbol_single) .symbolIconWrap::after {
					content: '';
					position: absolute;
					top: 50%;
				}
	.connectorCell__symbol_osoChild:not(.symbol_single) .symbolIconWrap::before, .connectorCell__symbol_oco:not(.symbol_single) .symbolIconWrap::before, .connectorCell__symbol_bracket:not(.symbol_single) .symbolIconWrap::before {
					width: 3px;
					height: 3px;
					margin-top: -1px;
					left: -9px;
					z-index: 1;
					border-radius: 50%;
				}
	.connectorCell__symbol_osoChild:not(.symbol_single) .symbolIconWrap::after, .connectorCell__symbol_oco:not(.symbol_single) .symbolIconWrap::after, .connectorCell__symbol_bracket:not(.symbol_single) .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(.symbol_single) .symbolIconWrap::before,
				.connectorCell__symbol_osoChild:not(.symbol_single) .symbolIconWrap::after {
					background-color: var(--order-entry-group-order-connection-line-oso);
				}
	.connectorCell__symbol_osoChild .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(.symbol_single) .symbolIconWrap::before,
				.connectorCell__symbol_oco:not(.symbol_single) .symbolIconWrap::after {
					background-color: var(--order-entry-group-order-connection-line-oco);
				}
	.connectorCell__symbol_oco .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(.symbol_single) .symbolIconWrap::before,
				.connectorCell__symbol_bracket:not(.symbol_single) .symbolIconWrap::after {
					background-color: var(--order-entry-group-order-connection-line-bracket);
				}
	.connectorCell__symbol_bracket .groupLink {
				background-color: var(--order-entry-group-order-connection-line-bracket);
			}
	.connectorCell__symbol_multi.symbol_oso .groupLink, .connectorCell__symbol_multi.symbol_osoColored .groupLink {
					background-color: var(--order-entry-group-order-connection-line-bracket);
				}
	.connectorCell__symbol_multi.symbol_osoOco .groupLink {
					background-color: var(--order-entry-group-order-connection-line-oco);
				}
	.connectorCell__symbol_multi.symbol_oco,
			.connectorCell__symbol_multi.symbol_bracket {
				padding-left: 24px;
			}
	.connectorCell__symbol_multi.symbol_oco .groupLink, .connectorCell__symbol_multi.symbol_bracket .groupLink {
					left: 12px;
				}
	.connectorCell__symbol_multi.symbol_oco .groupLink::after, .connectorCell__symbol_multi.symbol_bracket .groupLink::after {
						position: absolute;
						content: "";
						width: 6px;
						height: 1px;
						top: 50%;
						left: -5px;
						background-color: var(--order-entry-group-order-connection-line-bracket);
						transform: translateY(-50%);
					}
	.connectorCell__symbol_multi.symbol_oco .symbolIconWrap::before, .connectorCell__symbol_multi.symbol_bracket .symbolIconWrap::before {
						left: -8px;
					}
	.connectorCell__symbol_multi.symbol_oco .symbolIconWrap::after, .connectorCell__symbol_multi.symbol_bracket .symbolIconWrap::after {
						left: -12px;
					}
	.connectorCell__symbol.symbol_bracket .groupLink::after {
						background-color: var(--order-entry-group-order-connection-line-bracket);
					}
	.connectorCell__symbol.symbol_oco .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 :global .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___dA85z .grid {
			position: relative;
			height: auto;
		}

			.gridTradeParameter__container___dA85z .grid--head {
				padding: 0;
			}

			.gridTradeParameter__container___dA85z .grid--body {
				position: relative;
				top: 0;
				margin-right: 0;
			}
		.gridTradeParameter__container___dA85z thead th {
				padding-left: 12px;
				padding-right: 0;
				font-size: 12px;
				box-shadow: 0 1px var(--line-color);
			}
		.gridTradeParameter__container___dA85z thead th:last-child {
					padding-right: 3px;
				}
		.gridTradeParameter__container___dA85z thead th .table--sortBy {
					cursor: default;
				}
		.gridTradeParameter__container___dA85z thead th .table--sortBy .icon {
						display: none;
					}
		.gridTradeParameter__container___dA85z tbody .table--cell {
				box-shadow: -1px 0 var(--line-color);
				text-align: initial;
			}
		.gridTradeParameter__container___dA85z tbody .table--cell-connectorCell.table--cell {
						padding: 0;
					}
		.gridTradeParameter__container___dA85z tbody .table--cell-disabled {
					background-color: var(--order-entry-table-cell-disabled);
					color: var(--common-text-disabled);
				}
		.gridTradeParameter__container___dA85z tbody .table--cell-quantity,
				.gridTradeParameter__container___dA85z tbody .table--cell-distance {
					padding-right: 0;
				}
		.gridTradeParameter__container___dA85z tbody .table--cell-durationDate {
					overflow: visible;
				}
		.gridTradeParameter__container___dA85z tbody .table--cell-durationDate .control-selectBox {
						width: 58px;
					}
		.gridTradeParameter__container___dA85z tbody td:first-child {
				box-shadow: 0 1px var(--line-color);
			}
		.gridTradeParameter__container___dA85z tbody td:first-child .table--cell {
					box-shadow: none;
				}
		.gridTradeParameter__container___dA85z tbody td:last-child .table--cell {
					box-shadow: -1px 0 var(--line-color), -1px 0 var(--line-color) inset;
				}
		.gridTradeParameter__container___dA85z td {
			padding-right: 0;
			padding-left: 0;
		}
		.gridTradeParameter__container___dA85z .table--col-symbol, .gridTradeParameter__container___dA85z .table--colAdapts-symbol {
					width: 73px;
				}
		.gridTradeParameter__container___dA85z .table--col-orderType, .gridTradeParameter__container___dA85z .table--colAdapts-orderType {
					width: 96px;
				}
		.gridTradeParameter__container___dA85z .table--col-quantity, .gridTradeParameter__container___dA85z .table--colAdapts-quantity {
					width: 89px;
				}
		.gridTradeParameter__container___dA85z .table--col-duration, .gridTradeParameter__container___dA85z .table--colAdapts-duration {
					width: 65px;
				}
		.gridTradeParameter__container___dA85z .table--col-exchange, .gridTradeParameter__container___dA85z .table--colAdapts-exchange {
					width: 86px;
				}
		.gridTradeParameter__container___dA85z .table--col-distance, .gridTradeParameter__container___dA85z .table--colAdapts-distance {
					width: 95px;
				}
		.gridTradeParameter__container___dA85z .table--cell {
				padding: 0;
			}
		.gridTradeParameter__container___dA85z .table--body td:first-child,
			.gridTradeParameter__container___dA85z .table--body th:first-child {
				padding: 1px 0 0 0;
			}
		.gridTradeParameter__container___dA85z .selectBox::before {
				display: none;
			}
		.gridTradeParameter__container___dA85z .selectBox-active:before,
			.gridTradeParameter__container___dA85z .selectBox-active:hover:before,
			.gridTradeParameter__container___dA85z .selectBox:active:before {
				background: transparent;
			}
		.gridTradeParameter__container___dA85z .selectBox--arrow {
				display: none;
			}
		.gridTradeParameter__container___dA85z .datePicker .button .icon {
			fill: var(--icon-primary-default-color);
		}
		.gridTradeParameter__container___dA85z .gridOrderEntry__selectBoxPlaceholder {
			padding: 0 6px 0 12px;
		}
		.gridTradeParameter__container___dA85z .connectorCell__symbol::after {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 1px;
				height: 100%;
				background: var(--line-color);
			}
	.gridTradeParameter__container_withDatePicker___Oihfm .table--col.table--col-duration,
			.gridTradeParameter__container_withDatePicker___Oihfm .table--colAdapts.table--colAdapts-duration {
				width: 170px;
			}

.gridTradeParameter__orderType___Qxgbi {
	font-size: 14px;
	line-height: 20px;
	padding: 0 6px 0 12px;
}

.gridTradeParameter__groupTypeText___5W8pB {
	font-size: 14px;
	margin-left: 12px;
	display: inline-block;
}

.gridTradeParameter__groupTypeText___5W8pB::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 1px;
		height: 100%;
		background: var(--line-color);
	}

.gridTradeParameter__selectBoxPlaceholder___i9LOu {
	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___i9LOu:not(.gridTradeParameter__selectBoxPlaceholder_disabled___DH-5R).gridTradeParameter__selectBoxPlaceholder_sell___SANYv {
			color: var(--sell-text-color);
		}

.gridTradeParameter__selectBoxPlaceholder___i9LOu:not(.gridTradeParameter__selectBoxPlaceholder_disabled___DH-5R).gridTradeParameter__selectBoxPlaceholder_buy___EqJ64 {
			color: var(--buy-text-color);
		}

.gridTradeParameter__selectBoxPlaceholder_disabled___DH-5R {
		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 {
		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;
	}

		.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 .gridTradeParameter__container {
			visibility: hidden;
		}

		.tradeParameter__container_expanded {
			height: unset;
			padding-bottom: 28px;
		}

		.tradeParameter__container_expanded .gridTitle {
				visibility: visible;
			}

		.tradeParameter__container_expanded .orderTemplate .control-selectBox {
					visibility: visible;
				}

		.tradeParameter__container_expanded .gridTradeParameter__container {
				visibility: visible;
			}
	.tradeParameter__orderTemplate {
		display: flex;
		flex-direction: column;
	}
	.tradeParameter__orderTemplate .control-selectBox {
			visibility: hidden;
		}
	.tradeParameter__orderTemplate .selectBox {
			width: 150px;
		}
	.tradeParameter__title,
	.tradeParameter__gridTitle {
		display: inline-block;
		margin-bottom: 11px;
		color: var(--additional-text-color);
		font-size: 12px;
	}
	.tradeParameter__gridTitle {
		visibility: hidden;
	}
	.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;
	}
.WidgetMarketDepth__content___ADwZE {
	display: flex;
	flex-direction: column;
	height: 100%;
}

	.WidgetMarketDepth__content___ADwZE .scrollable.scrollable-withHorizontalScrollbar .scrollable--content {
				padding-top: 0;
				padding-bottom: 9px;
			}

	.WidgetMarketDepth__content___ADwZE .scrollable:not(.scrollable-withHorizontalScrollbar) .scrollable--content {
				padding-top: 0;
				padding-bottom: 0;
			}

	.WidgetMarketDepth__content___ADwZE .scrollable--wrapper {
			overflow: hidden;
		}

.WidgetMarketDepth__grids___EhtS1 {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: var(--depth-of-market-order-template-bg-color);
}

.WidgetMarketDepth__footer___LkFCN {
	position: relative;
}

.WidgetMarketDepth__footerContent___7BeC4 {
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 35px;
		width: 100%;
		padding: 0 8px;
	}

.WidgetMarketDepth__footer___LkFCN .button-placeOrder {
			flex-shrink: 0;
		}

.WidgetMarketDepth__footer___LkFCN .button-placeOrder span {
				white-space: nowrap;
			}

.WidgetMarketDepth__footer___LkFCN .button-icon.button-secondary.button-expand {
			position: absolute;
			top: -50px;
			right: 20px;
			width: 26px;
			height: 26px;
			min-width: 0;
			border-radius: 50%;
			z-index: 10;
			background: var(--button-secondary-default-bg-color);
		}

.WidgetMarketDepth__footer___LkFCN .button-icon.button-secondary.button-expand::before {
				border-radius: 50%;
			}

.WidgetMarketDepth__footer___LkFCN .button-icon.button-secondary.button-expand:hover:before {
					background: var(--button-hovered-overlay-color);
				}

.WidgetMarketDepth__footer___LkFCN .button-icon.button-secondary.button-expand .icon {
				width: 10px;
				height: 16px;
				fill: var(--icon-primary-default-color);
				vertical-align: unset;
			}

.WidgetMarketDepth__warning___equdw {
	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___jTGAp {
	display: flex;
	margin: 0 10px 0 15px;
}

.WidgetMarketDepth__switcher___9nW2j {
	display: flex;
	align-items: center;
}

.WidgetMarketDepth__switcher___9nW2j:nth-child(2) {
		margin-left: 24px;
	}

.WidgetMarketDepth__switcher___9nW2j span {
		margin-left: 7px;
		font-size: 12px;
	}

.WidgetMarketDepth__tooltipAnchor___-SqoZ {
	font-size: 18px;
	position: relative;
}

.WidgetMarketDepth__tooltipAnchor___-SqoZ .WidgetMarketDepth__switcher___9nW2j span {
		margin-top: -3px;
	}

.WidgetMarketDepth__tooltipAnchor___-SqoZ .tooltip {
			width: 195px;
			top: -25px;
		}

.WidgetMarketDepth__tooltipAnchor___-SqoZ .tooltip--pointer {
				top: 100%;
				left: 5px;
			}

.WidgetMarketDepth__tooltipAnchor___-SqoZ .tooltip--pointer-arrowTop:before {
					top: -4px;
					left: 2px;
				}

.WidgetMarketDepth__tooltipAnchor___-SqoZ .tooltip .WidgetMarketDepth__switcher___9nW2j {
					margin: 0;
				}

.WidgetMarketDepth__notification___6vv3U {
	position: absolute;
	right: 220px;
	z-index: 10;
	cursor: default;
}

.WidgetMarketDepth__notification___6vv3U::before,
	.WidgetMarketDepth__notification___6vv3U::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___Qjrth {
		top: 62px;
		box-shadow: 0 -4px 10px 0 var(--shadow-color);
	}

.WidgetMarketDepth__notification_top___Qjrth::before,
		.WidgetMarketDepth__notification_top___Qjrth::after {
			bottom: calc(100% - 2px);
		}

.WidgetMarketDepth__notification_top___Qjrth::before {
			border-width: 10px 0 0 10px;
			border-color: transparent transparent transparent var(--depth-of-market-collapse-box-border-color);
		}

.WidgetMarketDepth__notification_top___Qjrth::after {
			border-width: 8px 0 0 8px;
			border-color: transparent transparent transparent var(--chart-drawing-management-panel-bg-color-1);
		}

.WidgetMarketDepth__notification_bottom___yUP5j {
		bottom: 20px;
		box-shadow: 0 4px 10px 0 var(--shadow-color);
	}

.WidgetMarketDepth__notification_bottom___yUP5j::before,
		.WidgetMarketDepth__notification_bottom___yUP5j::after {
			top: calc(100% - 2px);
		}

.WidgetMarketDepth__notification_bottom___yUP5j::before {
			border-width: 10px 10px 0 0;
			border-color: var(--depth-of-market-collapse-box-border-color) transparent transparent transparent;
		}

.WidgetMarketDepth__notification_bottom___yUP5j::after {
			border-width: 8px 8px 0 0;
			border-color: var(--chart-drawing-management-panel-bg-color-1) transparent transparent transparent;
		}

.WidgetMarketDepth__notification___6vv3U .ordersCell__container {
			cursor: default;
		}

.WidgetMarketDepth__notification___6vv3U .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;
	}

		.gridMarketDepth__container .scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollable--container {
			padding-right: 0;
		}

		.gridMarketDepth__container .scrollable .scrollbar {
			background-color: transparent;
		}

		.gridMarketDepth__container .grid {
			display: contents;
		}

		.gridMarketDepth__container .grid--head {
				padding: 0;
			}

		.gridMarketDepth__container .grid--head :local .actions .hcell {
							box-shadow: 0 1px 0 0 var(--depth-of-market-market-order-row-divider-color);
						}

		.gridMarketDepth__container .grid--head :local .actions .hcell .table--cell {
								color: var(--table-text-color);
							}

		.gridMarketDepth__container .grid--body {
				top: 51px;
				background: var(--depth-of-market-market-order-row-bg-color);
			}

		.gridMarketDepth__container .grid--body .table--body td:first-of-type {
						padding-left: 6px;
					}

		.gridMarketDepth__container .table--head tr:first-child th {
					box-shadow: 0 1px 0 0 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-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 .orderWrapper {
			margin-left: 25px;
		}
	.gridMarketDepth__hcell {
		box-shadow: 0 1px 0 0 var(--depth-of-market-market-order-row-divider-color);
	}
	.gridMarketDepth__hcell .table--cell {
			color: var(--table-text-color);
		}
	.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 .order::before {
				display: none;
			}
	.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 .groupWick {
			position: absolute;
			top: 50%;
		}
	.gridMarketDepth__order::before {
			width: 3px;
			height: 3px;
			margin-top: -1px;
			border-radius: 50%;
			left: 3px;
		}
	.gridMarketDepth__order_selected.order +.orderContent .ordersCell__container,
				.gridMarketDepth__order_selected.order +.orderContent .multiAssetOrder__container {
					opacity: 1;
				}
	.gridMarketDepth__order .groupWick {
			height: 1px;
			right: calc(100% - 3px);
		}
	.gridMarketDepth__order .groupLevel {
			width: 6px;
			height: 1px;
			left: 0;
		}
	.gridMarketDepth__order_oso::before,
			.gridMarketDepth__order_oso .groupWick,
			.gridMarketDepth__order_oso .groupLink {
				background-color: rgba(var(--order-entry-group-order-connection-line-oso-rgb, 0.4));
			}
	.gridMarketDepth__order_oso .counter {
				background: var(--chart-order-oso-index-bg-color);
			}
	.gridMarketDepth__order_osoChild::before,
			.gridMarketDepth__order_osoChild .groupWick,
			.gridMarketDepth__order_osoChild .groupLink {
				background-color: rgba(var(--order-entry-group-order-connection-line-oso-rgb), 0.4);
			}
	.gridMarketDepth__order_osoChild .counter {
				background: var(--chart-order-oso-child-index-bg-color);
			}
	.gridMarketDepth__order_osoChild .symbol .icon {
					width: 28px;
				}
	.gridMarketDepth__order_oco::before,
			.gridMarketDepth__order_oco .groupWick,
			.gridMarketDepth__order_oco .groupLink {
				background-color: rgba(var(--order-entry-group-order-connection-line-oco-rgb, 0.4));
			}
	.gridMarketDepth__order_oco .counter {
				background: var(--chart-order-oco-index-bg-color);
			}
	.gridMarketDepth__order_bracket::before,
			.gridMarketDepth__order_bracket .groupWick,
			.gridMarketDepth__order_bracket .groupLink {
				background-color: rgba(var(--order-entry-group-order-connection-line-bracket-rgb, 0.4));
			}
	.gridMarketDepth__order_bracket .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;
		}

.widgets-demo__container___Q0fQu {
    height: 280px;
}

	.widgets-demo__container___Q0fQu .droppable-body__wrapper___third-party-legacy-react-kit-components-layout-components-droppable-body-theme- {
			height: unset;
		}
.message--order,
	.message--text {
		position: relative;
	}
	.message--status {
		margin: 0 .4em 0 0;
	}
	.message--time {
		display: inline-block;
		vertical-align: baseline;
		margin: 0 8px 0 0;
		font-size: 1rem;
	}

.message {
	color: var(--common-secondary-text-color);
}

.message--status {
		color: var(--message-sbj-trading-text-color);
	}

.message--dealer {
		color: var(--message-sbj-dealer-text-color);
	}

.message--symbol {
		color: var(--accident-message-sbj-text-color);
	}

.message-notification {
		color: var(--message-sbj-notification-text-color);
	}

.message-warning {
		background-color: var(--message-warning-bg-color);
	}

.message-warning .message--status {
			color: var(--message-sbj-warning-text-color);
		}

.message-warning.message-trading {
			color: var(--common-secondary-text-color);
		}

.message-warning.message-trading .message--status {
				color: var(--message-sbj-warning-text-color);
			}

.message--time {
		color: var(--message-time-text-color);
	}

.message-rejected .message--status {
			color: var(--message-sbj-warning-text-color);
		}

.mobile .message--time {
			font-size: 14px;
		}

.messageNew__item {
		padding: 5px 5px 7px 14px;
		box-shadow: 0 -1px var(--line-color) inset;
		font-size: 14px;
		position: relative;
	}
			
		.messageNew__item_compact {
			display: flex;
			flex-wrap: wrap;
		}
			
		.messageNew__item_compact .header {
				order: 1;
			}
			
		.messageNew__item_compact .transactions {
				order: 2;
				margin-top: 0;
			}
			
		.messageNew__item_compact .text {
				order: 3;
				width: 100%;
			}
			
		.messageNew__item::before {
			content: '';
			position: absolute;
			top: 9px;
			left: 4px;
			display: block;
			width: 2px;
			height: calc(100% - 17px);
		}
			
		.messageNew__item_neutral::before {
				background: var(--notification-corner-vertical-line-color);
			}
			
		.messageNew__item_trading::before {
				background: var(--notification-corner-order-vertical-line-color);
			}
			
		.messageNew__item_critical {
			background: var(--notification-corner-critical-bg-color);
		}
			
		.messageNew__item_critical::before {
				background: var(--notification-corner-critical-vertical-line-color);
			}
			
		.messageNew__item_deposit {
			padding-left: 5px;
		}
			
		.messageNew__item_deposit::before {
				display: none;
			}
	.messageNew__time {
		margin-right: 8px;
		color: var(--common-text-default);
		font-weight: 500;
	}
	.messageNew__text {
		margin-top: 5px;
		color: var(--messages-reject-reason-text-color);
	}
	.messageNew__transaction {
		color: var(--common-text-default);
	}
	.messageNew__label {
		margin-left: 5px;
		font-weight: 500;
	}
	.messageNew__label_positive {
			color: var(--positive-text-color);
		}
	.messageNew__label_negative {
			color: var(--negative-text-color);
		}
	.messageNew__action{
		margin-right: 4px;
		font-weight: 500;
	}
	.messageNew__action_positive {
			color: var(--positive-text-color);
		}
	.messageNew__action_negative {
			color: var(--negative-text-color);
		}
	.messageNew__separator {
		color: var(--at-text-color-2);
		margin: 0 4px;
	}
	.messageNew__status {
		margin-right: 8px;
		text-transform: uppercase;
		font-weight: 500;
		color: var(--order-cancelled-text-color);
	}
	.messageNew__status_positive {
			color: var(--positive-text-color);
		}
	.messageNew__status_negative {
			color: var(--negative-text-color);
		}
	.messageNew__number {
		margin-right: 5px;
		color: var(--common-text-default);
	}
	.messageNew__transactions {
		margin-top: 5px;
	}
	.messageNew__groupIcon {
		margin-right: 8px;
	}
	.messageNew__groupIcon :global .icon-order-entry-header-oco-colored,
			.messageNew__groupIcon :global .icon-order-entry-header-bracket-colored {
				width: 34px;
				height: 22px;
			}
	.messageNew__groupIcon :global .icon-order-entry-header-bracket-colored {
				transform: translateY(2px);
			}
	.messageNew__groupIcon :global .icon-order-entry-symbol-oso-colored {
				width: 18px;
				height: 14px;
				margin-right: 5px;
				vertical-align: bottom;
			}
	.messageNew__groupIcon :global .icon-order-entry-header-oso-child-colored {			
				width: 28px;
				height: 14px;
				vertical-align: bottom;
			}
	.messageNew__bracketAmount {
		margin-right: 5px;
		color: #ae80ff;
		font-size: 14px;
		font-weight: 500;
	}
	.messageNew__iconWrapper {
		display: inline-block;
	}
	.messageNew__deposit {
		color: var(--toast-notification-text-color-1);
		margin-right: 8px;
	}
	.messageNew__highlighted {
		color: var(--toast-notification-text-color-1);
	}
	.messageNew__textDeposit {
		margin-top: 5px;
		color: var(--common-text-default);
	}
.mobile .messageNew__item {
		font-size: 16px;
	}

.messages {
	height: 100%;
}

	.messages--groupTitle {
		margin: 0 5px;
		line-height: 28px;
		text-align: center;
		font-size: 14px;
		font-weight: 400;
		color: var(--at-text-color-2);
		box-shadow: 0 -1px var(--line-color) inset;
	}

	.messages--message {
		display: block;
		margin: 0;
		padding: 2px 5px 1px;
		line-height: 1.4;
		box-shadow: 0 -1px var(--line-color) inset;
	}

.mobile .messages--groupTitle {
			font-size: 16px;
		}
		.mobile .messages--errorMessage {
			font-size: 14px;
		}

.guestOverlay__container {
		position: absolute;
		bottom: 0;
		top: 23px;
		right: 0;
		left: 0;
		height: auto;
		display: flex;
		padding-top: 20px;
		justify-content: center;
		align-items: center;
		z-index: 2;
	}
	.guestOverlay__inner {
		position: relative;
		z-index: 2;
		text-align: center;
	}
	.guestOverlay__message {
		margin-bottom: 13px;
		font-size: 12px;
		line-height: 1.5;
	}
	.guestOverlay__controls > span {
			margin: 0 15px;
			vertical-align: baseline;
		}
	.guestOverlay__controls .button {
			vertical-align: baseline;
			width: 100px;
			height: 26px;
			padding: 0 10px;
			font-size: 12px;
			font-weight: normal;
		}

.guestOverlay__container + .grid .grid--body .table--cell {
			filter: blur(4px);
		}	

.guestOverlay__container + .grid .grid--body td {
			box-shadow: 0 3px var(--button-inside-border-bot-color);
		}	

@supports (filter: blur(15px)) {
				.guestOverlay__container + .grid .grid--body td {
					box-shadow: 0 1px var(--line-color);
				}
			}	

.guestOverlay__container + .grid .grid--body .table--cell {
			filter: blur(4px);
			overflow: visible;
		}	

@supports (filter: blur(15px)) {
				.guestOverlay__container + .grid .grid--body .table--cell {
					overflow: hidden;
				}
			}	

.guestOverlay__container + .grid .grid--body .position--symbol,
		.guestOverlay__container + .grid .grid--body .position--quantity,
		.guestOverlay__container + .grid .grid--body .position--fillPrice,
		.guestOverlay__container + .grid .grid--body .position--totalFinancing,
		.guestOverlay__container + .grid .grid--body .position--totalCommissions,
		.guestOverlay__container + .grid .grid--body .position--stoploss,
		.guestOverlay__container + .grid .grid--body .position--takeprofit,
		.guestOverlay__container + .grid .grid--body .position--id,
		.guestOverlay__container + .grid .grid--body .position--timedate,
		.guestOverlay__container + .grid .grid--body .position--bid,
		.guestOverlay__container + .grid .grid--body .position--ask,
		.guestOverlay__container + .grid .grid--body .position--currentPrice,
		.guestOverlay__container + .grid .grid--body .position--timedate,
		.guestOverlay__container + .grid .grid--body .position--id {
			text-shadow: 0 0 5px var(--common-text-default), 0 0 5px var(--common-text-default), 0 0 5px var(--common-text-default), 0 0 5px var(--common-text-default), 0 0 5px var(--common-text-default), 0 0 5px var(--common-text-default), 0 0 5px var(--common-text-default);
			opacity: 0.2;
		}	

@supports (filter: blur(15px)) {	

.guestOverlay__container + .grid .grid--body .position--symbol,
		.guestOverlay__container + .grid .grid--body .position--quantity,
		.guestOverlay__container + .grid .grid--body .position--fillPrice,
		.guestOverlay__container + .grid .grid--body .position--totalFinancing,
		.guestOverlay__container + .grid .grid--body .position--totalCommissions,
		.guestOverlay__container + .grid .grid--body .position--stoploss,
		.guestOverlay__container + .grid .grid--body .position--takeprofit,
		.guestOverlay__container + .grid .grid--body .position--id,
		.guestOverlay__container + .grid .grid--body .position--timedate,
		.guestOverlay__container + .grid .grid--body .position--bid,
		.guestOverlay__container + .grid .grid--body .position--ask,
		.guestOverlay__container + .grid .grid--body .position--currentPrice,
		.guestOverlay__container + .grid .grid--body .position--timedate,
		.guestOverlay__container + .grid .grid--body .position--id {
				text-shadow: none;
				opacity: 1
		}
			}	

.guestOverlay__container + .grid .grid--body .position--side-buy,
		.guestOverlay__container + .grid .grid--body .position--pl-positive {
			text-shadow: 0 0 5px var(--buy-text-color), 0 0 5px var(--buy-text-color), 0 0 5px var(--buy-text-color), 0 0 5px var(--buy-text-color), 0 0 5px var(--buy-text-color), 0 0 5px var(--buy-text-color), 0 0 5px var(--buy-text-color);
			opacity: 0.3;
		}	

@supports (filter: blur(15px)) {	

.guestOverlay__container + .grid .grid--body .position--side-buy,
		.guestOverlay__container + .grid .grid--body .position--pl-positive {
				text-shadow: none;
				opacity: 1
		}
			}	

.guestOverlay__container + .grid .grid--body .position--side-sell,
		.guestOverlay__container + .grid .grid--body .position--pl-negative {
			text-shadow: 0 0 5px var(--sell-text-color), 0 0 5px var(--sell-text-color), 0 0 5px var(--sell-text-color), 0 0 5px var(--sell-text-color), 0 0 5px var(--sell-text-color), 0 0 5px var(--sell-text-color), 0 0 5px var(--sell-text-color);
			opacity: 0.3;
		}	

@supports (filter: blur(15px)) {	

.guestOverlay__container + .grid .grid--body .position--side-sell,
		.guestOverlay__container + .grid .grid--body .position--pl-negative {
				text-shadow: none;
				opacity: 1
		}
			}	

.guestOverlay__container + .grid .grid--body .position--timedate small,
		.guestOverlay__container + .grid .grid--body .position--id small {
			text-shadow: 0 0 5px var(--repeated-text-color), 0 0 5px var(--repeated-text-color), 0 0 5px var(--repeated-text-color), 0 0 5px var(--repeated-text-color), 0 0 5px var(--repeated-text-color), 0 0 5px var(--repeated-text-color), 0 0 5px var(--repeated-text-color);
			opacity: 1;
		}	

@supports (filter: blur(15px)) {	

.guestOverlay__container + .grid .grid--body .position--timedate small,
		.guestOverlay__container + .grid .grid--body .position--id small {
				text-shadow: none;
				opacity: 1
		}
			}	

.guestOverlay__container + .grid .grid--body .icon {
			display: none;
		}	

@supports (filter: blur(15px)) {
				.guestOverlay__container + .grid .grid--body .icon {
					display: inline-block;
				}
			}

.gridTimeSales__container {
		height: 100%;
	}

		.gridTimeSales__container .table--colAdapts-timeDate {
				width: 150px;
			}

		.gridTimeSales__container .table--colAdapts-time {
				width: 85px;
			}

		.gridTimeSales__container .table--colAdapts-pd {
				width: 45px;
			}

		.gridTimeSales__container .table--colAdapts-price,
			.gridTimeSales__container .table--colAdapts-bid,
			.gridTimeSales__container .table--colAdapts-ask {
				width: 115px;
			}

		.gridTimeSales__container .table--colAdapts-size {
				width: 89px;
			}

		.gridTimeSales__container .table--colAdapts-type {
				width: 60px;
			}

		.gridTimeSales__container .table--colAdapts-exchange {
				width: 115px;
			}

		.gridTimeSales__container .table--colAdapts-conditions {
				width: 110px;
			}

		.gridTimeSales__container .table--colAdapts-attributes {
				width: 110px;
			}

		.gridTimeSales__container .table--colAdapts-sequence {
				width: 108px;
			}
	.gridTimeSales__row_priceUp {
			-webkit-animation: timeSaleBlinkPriceUp 2000ms 0ms ease 1 alternate forwards;
			        animation: timeSaleBlinkPriceUp 2000ms 0ms ease 1 alternate forwards;
		}
	.gridTimeSales__row_priceDown {
			-webkit-animation: timeSaleBlinkPriceDown 2000ms 0ms ease 1 alternate forwards;
			        animation: timeSaleBlinkPriceDown 2000ms 0ms ease 1 alternate forwards;
		}
	.gridTimeSales__row_neutral {
			-webkit-animation: none;
			        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);
	}

@-webkit-keyframes timeSaleBlinkPriceUp {
    0% {
        background: rgba(var(--time-and-sales-ask-rgb, 0.5));
    }
    100% {
    }
}

@keyframes timeSaleBlinkPriceUp {
    0% {
        background: rgba(var(--time-and-sales-ask-rgb, 0.5));
    }
    100% {
    }
}
@-webkit-keyframes timeSaleBlinkPriceDown {
    0% {
        background: rgba(var(--time-and-sales-bid-rgb, 0.5));
    }
    100% {
    }
}
@keyframes timeSaleBlinkPriceDown {
    0% {
        background: rgba(var(--time-and-sales-bid-rgb, 0.5));
    }
    100% {
    }
}
.WidgetTimeSales__container_frozen___NTLbL {
		border: 1px solid var(--widget-frozen-border-color);
		transition: border 220ms ease-in;
	}

.WidgetTimeSales__headerContent___qqMxV .control-textInput {
				height: 100%;
				width: 120px;
				margin-right: 10px;
			}

.WidgetTimeSales__headerContent___qqMxV .control input[type="text"] {
				height: 19px;
				line-height: 19px;
			}

.WidgetTimeSales__headerContentWrapper___R1jKI {
	display: flex;
	align-items: center;
	width: 100%
}
.button-video {
	padding-top: 5px;
}

	.button-video .icon {
		position: relative;
		fill: var(--icon-contextual-primary-default-color);
		transition: fill 220ms ease-out;
	}

	.button-video:hover .icon {
			fill: var(--icon-hovered-color);
			transition: fill 220ms ease-in;
		}

	.button-video:active .icon {
			fill: var(--icon-pressed-color);
		}
.mobile .grid-trades__container .table--col-timeDate, .mobile .grid-trades__container .table--colAdapts-timeDate {
					width: 170px;
				}
				.mobile .grid-trades__container .table--col-symbol, .mobile .grid-trades__container .table--colAdapts-symbol {
					width: 150px;
				}
				.mobile .grid-trades__container .table--col-orderId
				.mobile .grid-trades__container .table--col-tradeId, .mobile .grid-trades__container .table--colAdapts-orderId
				.mobile .grid-trades__container .table--colAdapts-tradeId {
					width: 110px;
				}
				.mobile .grid-trades__container .table--col-tradeCode, .mobile .grid-trades__container .table--colAdapts-tradeCode {
					width: 140px;
				}
				.mobile .grid-trades__container .table--col-side, .mobile .grid-trades__container .table--colAdapts-side {
					width: 135px;
				}
				.mobile .grid-trades__container .table--col-instrument, .mobile .grid-trades__container .table--colAdapts-instrument {
					width: 150px;
				}
				.mobile .grid-trades__container .table--col-tradeQuantity, .mobile .grid-trades__container .table--colAdapts-tradeQuantity {
					width: 130px;
				}
				.mobile .grid-trades__container .table--col-tradePrice, .mobile .grid-trades__container .table--colAdapts-tradePrice {
					width: 120px;
				}
				.mobile .grid-trades__container .table--col-tradeCost, .mobile .grid-trades__container .table--colAdapts-tradeCost {
					width: 120px;
				}
				.mobile .grid-trades__container .table--col-commission, .mobile .grid-trades__container .table--colAdapts-commission {
					width: 123px;
				}
				.mobile .grid-trades__container .table--col-settledPL, .mobile .grid-trades__container .table--colAdapts-settledPL {
					width: 155px;
				}
.grid-trades__container___cPVJx {
	height: 100%;
}

	.grid-trades__container___cPVJx thead {
			box-shadow: 0 1px var(--line-color);
		}

	.grid-trades__container___cPVJx tbody .table--cell {
				height: var(--table--cell-height);
				padding-top: 2px;
			}

	.grid-trades__container___cPVJx tbody .table--cell-positive {
					color: var(--positive-text-color);
				}

	.grid-trades__container___cPVJx tbody .table--cell-negative {
					color: var(--negative-text-color);
				}

	.grid-trades__container___cPVJx tbody .table--cell-commission,
				.grid-trades__container___cPVJx tbody .table--cell-tradeCost {
					display: flex;
				}

	.grid-trades__container___cPVJx tbody .table--cell-commission.table--cell-alignRight, .grid-trades__container___cPVJx tbody .table--cell-tradeCost.table--cell-alignRight {
						justify-content: flex-end;
					}

	.grid-trades__container___cPVJx tbody .table--cell-commission span:first-child, .grid-trades__container___cPVJx tbody .table--cell-tradeCost span:first-child {
							margin-right: 5px;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}

	.grid-trades__container___cPVJx .table {
			width: calc(100% - 1px);
		}

	.grid-trades__container___cPVJx .table--body tr:hover {
						background: var(--table-row-bg-hover-color);
					}

	.grid-trades__container___cPVJx .table--col-timeDate, .grid-trades__container___cPVJx .table--colAdapts-timeDate {
					width: 126px;
				}

	.grid-trades__container___cPVJx .table--col-symbol, .grid-trades__container___cPVJx .table--colAdapts-symbol {
					width: 120px;
				}

	.grid-trades__container___cPVJx .table--col-orderId
				.container .table--col-tradeId, .grid-trades__container___cPVJx .table--colAdapts-orderId
				.container .table--colAdapts-tradeId {
					width: 84px;
				}

	.grid-trades__container___cPVJx .table--col-tradeCode, .grid-trades__container___cPVJx .table--colAdapts-tradeCode {
					width: 107px;
				}

	.grid-trades__container___cPVJx .table--col-side, .grid-trades__container___cPVJx .table--colAdapts-side {
					width: 104px;
				}

	.grid-trades__container___cPVJx .table--col-instrument, .grid-trades__container___cPVJx .table--colAdapts-instrument {
					width: 115px;
				}

	.grid-trades__container___cPVJx .table--col-tradeQuantity, .grid-trades__container___cPVJx .table--colAdapts-tradeQuantity {
					width: 100px;
				}

	.grid-trades__container___cPVJx .table--col-tradePrice, .grid-trades__container___cPVJx .table--colAdapts-tradePrice {
					width: 116px;
				}

	.grid-trades__container___cPVJx .table--col-tradeCost, .grid-trades__container___cPVJx .table--colAdapts-tradeCost {
					width: 93px;
				}

	.grid-trades__container___cPVJx .table--col-commission, .grid-trades__container___cPVJx .table--colAdapts-commission {
					width: 123px;
				}

	.grid-trades__container___cPVJx .table--col-settledPL, .grid-trades__container___cPVJx .table--colAdapts-settledPL {
					width: 119px;
				}

	.grid-trades__container___cPVJx .table--col-positionEffect, .grid-trades__container___cPVJx .table--colAdapts-positionEffect {
					width: 95px;
				}

	.grid-trades__container___cPVJx .table--col-buyerOrderId, .grid-trades__container___cPVJx .table--colAdapts-buyerOrderId {
					width: 263px;
				}

	.grid-trades__container___cPVJx .table--col-sellerOrderId, .grid-trades__container___cPVJx .table--colAdapts-sellerOrderId {
					width: 255px;
				}

	.grid-trades__container___cPVJx .table--col-tradeTime, .grid-trades__container___cPVJx .table--colAdapts-tradeTime {
					width: 77px;
				}

	.grid-trades__container___cPVJx .table--col-buyerCode, .grid-trades__container___cPVJx .table--colAdapts-buyerCode {
					width: 191px;
				}

	.grid-trades__container___cPVJx .table--col-sellerCode, .grid-trades__container___cPVJx .table--colAdapts-sellerCode {
					width: 206px;
				}

	.grid-trades__container___cPVJx .table--col-strategy, .grid-trades__container___cPVJx .table--colAdapts-strategy {
					width: 63px;
				}

	.grid-trades__container___cPVJx .table--col-contractDescription, .grid-trades__container___cPVJx .table--colAdapts-contractDescription {
					width: 445px;
				}

	.grid-trades__container___cPVJx .table--col-strike, .grid-trades__container___cPVJx .table--colAdapts-strike {
					width: 105px;
				}

	.grid-trades__container___cPVJx .table--col-cut, .grid-trades__container___cPVJx .table--colAdapts-cut {
					width: 69px;
				}

	.grid-trades__container___cPVJx .table--col-tenor, .grid-trades__container___cPVJx .table--colAdapts-tenor {
					width: 65px;
				}

	.grid-trades__container___cPVJx .table--col-expiry, .grid-trades__container___cPVJx .table--colAdapts-expiry {
					width: 151px;
				}

	.grid-trades__container___cPVJx .table--col-filledQuantity, .grid-trades__container___cPVJx .table--colAdapts-filledQuantity {
					width: 92px;
				}

	.grid-trades__container___cPVJx .table--col-remainingQuantity, .grid-trades__container___cPVJx .table--colAdapts-remainingQuantity {
					width: 117px;
				}

	.grid-trades__container___cPVJx .table--col-premium, .grid-trades__container___cPVJx .table--colAdapts-premium {
					width: 97px;
				}

	.grid-trades__container___cPVJx .table--col-sellerReceivesNet, .grid-trades__container___cPVJx .table--colAdapts-sellerReceivesNet {
					width: 109px;
				}

	.grid-trades__container___cPVJx .table--col-buyerPaysNet, .grid-trades__container___cPVJx .table--colAdapts-buyerPaysNet {
					width: 100px;
				}

	.grid-trades__container___cPVJx .grid-trades__unit___6MLBf {
		color: var(--common-secondary-text-color);
	}

	.grid-trades__container___cPVJx .grid-trades__noTradesMessage___H-AqK  {
		font-size: 22px;
		line-height: 28px;
		color: var(--table-disabled-text-color);
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
.grid-trades__container tbody .table--cell-commission,
                .grid-trades__container tbody .table--cell-tradeCost {
                    display: flex;
                }

                    .grid-trades__container tbody .table--cell-commission.table--cell-alignRight, .grid-trades__container tbody .table--cell-tradeCost.table--cell-alignRight {
                        justify-content: flex-end;
                    }

                    .grid-trades__container tbody .table--cell-commission span:first-child, .grid-trades__container tbody .table--cell-tradeCost span:first-child {
                            margin-right: 5px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }
        .grid-trades__container .table {
            width: calc(100% - 1px);
        }
        .grid-trades__container .table--col-filledQuantity, .grid-trades__container .table--colAdapts-filledQuantity {
                    width: 92px;
                }
.grid-multiCurrencyAccount .table--col-currency, .grid-multiCurrencyAccount .table--colAdapts-currency {
			width: 70px;
		}
		.grid-multiCurrencyAccount .table--col-balance, .grid-multiCurrencyAccount .table--colAdapts-balance {
			width: 131px;
		}
		.grid-multiCurrencyAccount .table--col-allocatedFunds, .grid-multiCurrencyAccount .table--colAdapts-allocatedFunds {
			width: 118px;
		}
		.grid-multiCurrencyAccount .table--col-availableFunds, .grid-multiCurrencyAccount .table--colAdapts-availableFunds {
			width: 123px;
		}
		.grid-multiCurrencyAccount .table--col-availableForWithdrawal, .grid-multiCurrencyAccount .table--colAdapts-availableForWithdrawal {
			width: 165px;
		}
.grid-tradingJournal .table--col-symbol, .grid-tradingJournal .table--colAdapts-symbol {
			width: 8.7em;
		}
		.grid-tradingJournal .table--col-dateTime, .grid-tradingJournal .table--colAdapts-dateTime {
			width: 11.6em;
		}
		.grid-tradingJournal .table--col-orderId, .grid-tradingJournal .table--colAdapts-orderId {
			width: 7.8em;
		}
		.grid-tradingJournal .table--col-account, .grid-tradingJournal .table--colAdapts-account {
			width: 7.8em;
		}
		.grid-tradingJournal .table--col-tradeCode, .grid-tradingJournal .table--colAdapts-tradeCode {
			width: 7.8em;
		}
		.grid-tradingJournal .table--col-side, .grid-tradingJournal .table--colAdapts-side {
			width: 5em;
		}
		.grid-tradingJournal .table--col-positionEffect, .grid-tradingJournal .table--colAdapts-positionEffect {
			width: 7.6em;
		}
		.grid-tradingJournal .table--col-instrumentType, .grid-tradingJournal .table--colAdapts-instrumentType {
			width: 8.5em;
		}
		.grid-tradingJournal .table--col-tradeQty, .grid-tradingJournal .table--colAdapts-tradeQty {
			width: 5.9em;
		}
		.grid-tradingJournal .table--col-tradePrice, .grid-tradingJournal .table--colAdapts-tradePrice {
			width: 6.5em;
		}
		.grid-tradingJournal .table--col-plCcy, .grid-tradingJournal .table--colAdapts-plCcy {
			width: 8.6em;
		}
		.grid-tradingJournal .table--col-plPips, .grid-tradingJournal .table--colAdapts-plPips {
			width: 5em;
		}
		.grid-tradingJournal .table--col-riskReward, .grid-tradingJournal .table--colAdapts-riskReward {
			width: 6.8em;
		}
		.grid-tradingJournal .table--col-tags, .grid-tradingJournal .table--colAdapts-tags {
			width: 4em;
		}
		.grid-tradingJournal .table--col-note, .grid-tradingJournal .table--colAdapts-note {
			width: 31em;
			min-width: 220px;
		}
.grid-tradingJournal .grid--body .order--side {
		text-transform: none;
	}
	.grid-tradingJournal .table-totals {
			background-color: var(--table-totals-bg-color);
		}
	.grid-tradingJournal .table-totals .aggregationBlock__icon {
					display: none;
				}
	.grid-tradingJournal .table-totals .aggregationBlock__wrapperData {
					margin-left: 2px;
				}
	.grid-tradingJournal .table--row:hover {
				background-color: var(--table-row-bg-hover-color);
			}
	.grid-tradingJournal .table--row:hover .tag-selector__container_unfilled {
					visibility: visible;
				}
	.grid-tradingJournal .table--row:hover .table--cell-emptyNote {
					visibility: visible;
				}
	.grid-tradingJournal .table--row:hover .trade-note__contextMenu {
					visibility: visible;
				}
	.grid-tradingJournal .table--row:hover-grouped .trade-note__contextMenu {
						background-color: var(--table-group-bg-color);
						visibility: visible;
					}
	.grid-tradingJournal .table--row-grouped {
				background-color: var(--table-group-bg-color);
			}
	.grid-tradingJournal .table--row-grouped:hover {
					background-color: var(--table-group-bg-color);
				}
	.grid-tradingJournal .table--row-buy .table--cell-side {
					color: var(--positive-text-color);
				}
	.grid-tradingJournal .table--row-sell .table--cell-side {
					color: var(--negative-text-color);
				}
	.grid-tradingJournal .table--cell-emptyNote {
				visibility: hidden;
			}
	.grid-tradingJournal .tag-selector__container_unfilled {
		visibility: hidden;
	}
.widget-trading-journal-demo__wrapper___lHe5G {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.widget-trading-journal-demo__delimiter___BtWCw {
	flex-shrink: 1;
	flex-grow: 1;
}

.order-book__container___zvwjH {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 370px;
    width: 100%;
}
.order-book__container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 370px;
        width: 100%;
    }
.widget-collapsed-header__content___WZb2b {
    position: absolute;
    left: 0;
    top:0;
    display: flex;
    align-items: center;
    height: 100%;
}

    .widget-collapsed-header__content___WZb2b .button-expand {
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .widget-collapsed-header__content___WZb2b .button-expand .icon {
                width: 11px;
                height: 6px;
                fill: var(--icon-primary-default-color);
            }

.widget-collapsed-header__headerInfo___OtLho {
    margin-left: 25px;
}

.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;
        }

        .widget-collapsed-header__content .button-expand .icon {
                width: 11px;
                height: 6px;
                fill: var(--icon-primary-default-color);
            }
    .widget-collapsed-header__headerInfo {
        margin-left: 25px;
    }
.order-history__container___zk9IM {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 185px;
	transition: height 0.25s;
}

    .order-history__container_collapsed___3Hu1A {
        height: 25px;
    }

.order-history__emptyView___h0I9S,
.order-history__emptyMessage___Ypr-E {
	position: relative;
}

.order-history__container {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 185px;
        transition: height 0.25s;
    }

        .order-history__container_collapsed {
            height: 25px;
        }
    .order-history__emptyView,
    .order-history__emptyMessage {
        position: relative;
    }

.scrollable-child__scrollable___Enh5U {
    width: 100%;
    height: 100%;
}
.widget-order-book__container___ZE2bY {
    width: 100%;
}

.widget-order-book__headerTitle___vCB-Z {
	padding-left: 0;
}

.grid-economicCalendar .table--col-dateTime, .grid-economicCalendar .table--colAdapts-dateTime {
				width: 115px;
			}
			.grid-economicCalendar .table--col-currencyEvent, .grid-economicCalendar .table--colAdapts-currencyEvent {
				width: 381px;
			}
			.grid-economicCalendar .table--col-impact, .grid-economicCalendar .table--colAdapts-impact {
				width: 57px;
			}
			.grid-economicCalendar .table--col-actual,
			.grid-economicCalendar .table--col-previous,
			.grid-economicCalendar .table--colAdapts-actual,
			.grid-economicCalendar .table--colAdapts-previous {
				width: 71px;
			}
			.grid-economicCalendar .table--col-consensus, .grid-economicCalendar .table--colAdapts-consensus {
				width: 75px;
			}

.grid-economicCalendar .table--row-headline {
				cursor: pointer;
			}

				.grid-economicCalendar .table--row-headline:hover {
					background: var(--table-row-bg-hover-color);
				}

				.grid-economicCalendar .table--row-headline.table--row-expanded {
					background: var(--table-group-bg-selected-color);
				}

				.grid-economicCalendar .table--row-headline.table--row-expanded td:first-child .table--cell {
							overflow: visible;
						}

				.grid-economicCalendar .table--row-headline.table--row-expanded td:first-child .table--cell:before {
								height: calc(100% + 3px);
							}
			.grid-economicCalendar .table--row-description .table--cell {
						height: auto;
						padding: 0;
						background: var(--widget-bg-overlay-dark);
						white-space: break-spaces;
						overflow: unset;
					}
			.grid-economicCalendar .table--row-description .scrollable--wrapper .scrollable--container .scrollable--content {
					padding-top: 0;
				}
			.grid-economicCalendar .table--row-description .scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollable--container {
					padding-right: 0;
				}
			.grid-economicCalendar .table--row-expanded td:first-child .table--cell:before {
							position: absolute;
							content: '';
							top: 0;
							left: 0;
							height: 100%;
							width: 3px;
							background: var(--news-article-vertical-border);
						}
		.grid-economicCalendar .table td:first-child {
				box-shadow: none;
			}
		.grid-economicCalendar .table td:first-child .table--cell {
					overflow: visible;
				}

.grid-economic-calendar__date {
		position: absolute;
	}

.grid-economic-calendar__time {
		box-sizing: border-box;
		display: inline-block;
		width: 100%;
		padding-left: 60px;
		position: relative;
	}

.grid-economic-calendar__time::after {
			position: absolute;
			content: "";
			width: calc(100% - 60px + 12px);
			height: 1px;
			background: var(--line-color);
			bottom: -1px;
			right: -12px;
		}

.grid-economic-calendar__value_up {
			color: var(--positive-text-color);
		}

.grid-economic-calendar__value_down {
			color: var(--negative-text-color);
		}

.grid-economic-calendar__emptyValue {
		color: var(--no-data-text-color);
	}

.grid-economic-calendar__description {
		padding: 13px 28px;
	}

.grid-economic-calendar__description h1 {
			margin-bottom: 6px;
		}

.grid-economic-calendar__description p + h1 {
			margin-top: 16px
		}

.grid-economic-calendar__description a {
			text-decoration: none;
		}

.grid-economic-calendar__currency {
		display: inline-block;
		min-width: 25px;
		margin-right: 5px;
	}
.current-time__container {
		height: 17px;
		padding: 0 8px 0 6px;
		border-radius: 9.5px;
		background-color: rgba(0,0,0,0.24);
		box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.5);
	}

		.current-time__container .icon {
			height: 11px;
			width: 11px;
			margin-right: 3px;
			fill: var(--icon-contextual-primary-default-color);
			vertical-align: baseline;
			transform: translateY(1px);
		}

.grid-cashMovements .table--col-dateTime, .grid-cashMovements .table--colAdapts-dateTime {
			width: 139px;
		}

			.grid-cashMovements .table--col-dateTime.table--colAdapts-aggregated, .grid-cashMovements .table--colAdapts-dateTime.table--colAdapts-aggregated {
				width: 153px;
			}
		.grid-cashMovements .table--col-transferType, .grid-cashMovements .table--colAdapts-transferType {
			width: 172px;
		}
		.grid-cashMovements .table--col-amount, .grid-cashMovements .table--colAdapts-amount {
			width: 87px;
		}
		.grid-cashMovements .table--col-description, .grid-cashMovements .table--colAdapts-description {
			width: 136px;
		}


.grid-cashMovements.grid-aggregated .table--row-grouped {
						background: var(--table-group-bg-color);
					}

						.grid-cashMovements.grid-aggregated .table--row-grouped .table--cell-description {
							display: none;
						}
					.grid-cashMovements.grid-aggregated .table--row-opened.table--row {
						background: var(--table-group-bg-selected-color);
					}
	.grid-cashMovements .table--row:hover {
				background: var(--table-group-bg-hover-color);
			}
.button-cancelAlert {
	margin-top: -2px;
}

	.button-cancelAlert:active .icon {
			top: calc(50% + 1px);
		}

	.button-cancelAlert .icon {
		width: 7px;
		height: 7px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

.button-cancelAlert .icon {
		fill: var(--icon-primary-default-color);
	}

.button-cancelAlert:hover .icon {
			fill: var(--icon-hovered-color);
			transition: fill 220ms ease-in;
		}
.mobile .button-cancelAlert .icon {
			width: 9px;
			height: 9px;
		}
.grid-alerts .grid--body .alerts--statusIcon {
				display: inline-block;
				width: 10px;
				height: 10px;
			}
				.grid-alerts .grid--body .alerts--statusIcon .icon {
					margin-top: 4px;
				}
		.grid-alerts .grid--body td:not(:last-child) .table--cell>span:empty::before {
						content: "—";
					}
	.grid-alerts .table--row td:first-child {
			padding-left: 3px;
		}
	.grid-alerts .table--col-statusIcon {
				width: 4em;
			}
	.grid-alerts .table--col-condition {
				width: 80%;
			}
	.grid-alerts .table--col-actions {
				width: 4em;
			}
	.grid-alerts .table--colAdapts-status {
				width: 6em;
			}
	.grid-alerts .table--colAdapts-created,
			.grid-alerts .table--colAdapts-expiration {
				width: 8.5em;
			}
	.grid-alerts .table--colAdapts-description {
				width: 7.5em;
			}
	.grid-alerts .table--colAdapts-condition {
				width: 16em;
			}
	.grid-alerts .alerts--actions {
			visibility: hidden;
			opacity: 0;
		}
	.grid-alerts .alerts-active .alerts--actions {
					visibility: visible;
					opacity: 1;
				}
	.grid-alerts .alerts--status,
		.grid-alerts .alerts--condition,
		.grid-alerts .alerts--created,
		.grid-alerts .alerts--expiration,
		.grid-alerts .alerts--description,
		.grid-alerts .alerts--notification,
		.grid-alerts .alerts--id {
			 display: inline-block;
			 width: 100%;
			 text-align: left;
			 white-space: nowrap;
			 overflow: hidden;
			 text-overflow: ellipsis;
		}
	.grid-alerts .alerts-cancelled .table--cell, .grid-alerts .alerts-triggered .table--cell, .grid-alerts .alerts-expired .table--cell {
				color: var(--repeated-text-color);
			}
	.grid-alerts .alerts-active .alerts--statusIcon .icon {
					fill: var(--status-active-icon-color);
				}
	.grid-alerts .alerts-active .alerts--status {
				 color: var(--status-active-text-color);
			}
	.grid-alerts .alerts-expired .alerts--statusIcon .icon {
					fill: var(--status-expired-icon-color);
				}
	.grid-alerts .alerts-expired .alerts--status {
				 color: var(--status-expired-text-color);
			}
	.grid-alerts .alerts-cancelled .alerts--statusIcon .icon {
					fill: var(--status-cancelled-icon-color);
				}
	.grid-alerts .alerts-cancelled .alerts--status {
				 color: var(--status-cancelled-text-color);
			}
	.grid-alerts .alerts-triggered .alerts--statusIcon .icon {
					fill: var(--status-triggered-icon-color);
				}
	.grid-alerts .alerts-triggered .alerts--status {
				 color: var(--status-triggered-text-color);
			}
.mobile .grid-alerts .grid--body .alerts--statusIcon {
					width: 12px;
					height: 12px;
				}
		.mobile .grid-alerts .table--colAdapts-status {
					width: 7.8em;
				}
		.mobile .grid-alerts .table--colAdapts-created,
				.mobile .grid-alerts .table--colAdapts-expiration {
					width: 12em;
				}
		.mobile .grid-alerts .table--colAdapts-description {
					width: 9.7em;
				}
		.mobile .grid-alerts .table--colAdapts-condition {
					width: 21em;
				}
		.mobile .grid-alerts .table--colAdapts-current {
					width: 9.5em;
				}
.tooltipButtonDetails__container {
		padding: 10px 11px;
	}
	.tooltipButtonDetails__content {
		font-size: 10px;
		color: var(--form-label-text-color);
		line-height: 12px;
		white-space: pre;
	}
	.tooltipButtonDetails__anchor {
		display: inline-flex;
		overflow: hidden;
	}
	.tooltipButtonDetails__popover__container {
		top: -1px;
		box-shadow: 0 2px 10px var(--dropdown-list-shadow-color);
	}


:root {
	--depth-info-height: 39px;
}

.depth {
	height: 100%;
	position: relative;
	z-index: 1;
}

.depth--row:hover {
		background: var(--table-row-bg-hover-color);
	}

.depth--row:hover .depth--bid .depth--price-cell {
			border-color: var(--table_row-button-buy-default-border);
		}

.depth--row:hover .depth--ask .depth--price-cell {
			border-color: var(--table_row-button-sell-default-border);
		}

.depth--price-cell {
		border: 1px solid transparent;
		border-radius: 1px;
		padding: 0 4px;
		z-index: 2;
	}

.depth--price-cell:hover {
			cursor: pointer;
		}

.depth--price-cell:hover .depth--price-cell-label {
				display: inline-block;
			}

.depth--price-cell-label {
			display: none;
			text-overflow: ellipsis;
			overflow: hidden;
		}

.depth-withInfo .grid.grid-depth {
			height: calc(100% - var(--depth-info-height));
		}

.depth--info {
		box-sizing: border-box;
		padding: 3px 4px;
		height: var(--depth-info-height);
		border-bottom-width: 1px;
		border-bottom-style: solid;
		background: var(--widget-further-info-bg-color);
		border-bottom-color: var(--depth-border-bottom-color);

	}

.depth--info .control {
			margin-right: 5px;
			min-width: 63px;
			height: 100%;
		}

.depth--info .control--label {
				display: block;
				margin-bottom: 4px;
				font-size: 10px;
				line-height: 14px;
			}

.depth--info .control-depthSymbol .control--info {
						margin: 3px 0;
					}

.depth--info .control-depthSymbol .control--label {
						margin: 0;
					}

.depth--info .control-depthChange {
				width: 54px;
			}

.depth--info .control-depthVolume {
				width: 47px;
				margin-right: 0;
			}

.depth--change-positive {
			color: var(--positive-text-color);
		}

.depth--change-negative {
			color: var(--negative-text-color);
		}

.depth--suggest {
		position: absolute;
		transform: translateY(100%);
		bottom: 0;
		width: 100%;
	}

.depth .table--colAdapts-bidMyOrders,
			.depth .table--colAdapts-askMyOrders,
			.depth .table--col-bidMyOrders,
			.depth .table--col-askMyOrders {
				width: 95px;
			}

.depth .table--colAdapts-bidAccumulatedQty,
			.depth .table--colAdapts-askAccumulatedQty,
			.depth .table--col-bidAccumulatedQty,
			.depth .table--col-askAccumulatedQty {
				width: 110px;
			}

.depth .table--colAdapts-bidQty,
			.depth .table--colAdapts-askQty,
			.depth .table--colAdapts-bidQuantity,
			.depth .table--colAdapts-askQuantity,
			.depth .table--col-bidQty,
			.depth .table--col-askQty,
			.depth .table--col-bidQuantity,
			.depth .table--col-askQuantity {
				width: 100px;
			}

.depth .table--colAdapts-bid,
			.depth .table--colAdapts-ask,
			.depth .table--col-bid,
			.depth .table--col-ask {
				max-width: 105px;
			}

.depth .table--colAdapts-bidAutofit,
			.depth .table--colAdapts-askAutofit,
			.depth .table--col-bidAutofit,
			.depth .table--col-askAutofit {
				 width: auto;
		 	}

.depth .table td {
			padding-left: 1px;
			padding-right: 1px;
			line-height: 17px;
		}

.depth .table td.depth--bid {
				text-align: right;
			}

.depth .table td.depth--ask {
				text-align: left;
			}

.depth .table td:first-child,
			.depth .table td:last-child {
				box-shadow: 0 1px var(--line-color);
			}

.depth .table td:first-child {
				padding-left: 1px;
			}

.depth .table td:first-child .button-details {
					background: var(--common-positive-bg-color);
				}

.depth .table td:first-child .button-details:hover {
						background: var(--common-positive-bg-color-hover);
					}

.depth .table td:last-child {
				padding-right: 1px;
			}

.depth .table td:last-child .button-details {
					background: var(--common-negative-bg-color);
				}

.depth .table td:last-child .button-details:hover {
						background: var(--common-negative-bg-color-hover);
					}

.depth .table td:nth-child(3) {
				padding-right: 3px;
			}

.depth .table td:nth-child(4) {
				padding-left: 3px;
			}

.depth .table--cell-bidOrd,
			.depth .table--cell-askOrd,
			.depth .table--cell-askMyOrders,
			.depth .table--cell-askAccumulatedQty,
			.depth .table--cell-askPrice,
			.depth .table--cell-askQty,
			.depth .table--cell-bidPrice,
			.depth .table--cell-bidQty,
			.depth .table--cell-bidAccumulatedQty,
			.depth .table--cell-bidMyOrders {
				position: relative;
			}

.depth .table--cell-bidAutofit,
			.depth .table--cell-askAutofit {
				 display: none;
		 	}

.depth .table tbody .table--cell {
			height: 24px;
			line-height: 22px;
			width: auto;
		}

.depth .grid--head {
			padding-right: 0
		}

.depth .grid--body:not(.scrollable-withVerticalScrollbar) {
				margin-right: 0;
			}

.depth .grid--body .price {
				display: inline-block;
				width: auto;
			}

.depth--bar {
		display: block;
		position: absolute;
		z-index: 1;
		height: 24px;
	}

.depth--bar::after {
			height: 100%;
			width: 1px;
			display: block;
			position: absolute;
			background: var(--widget-bg-color);
			content: "";
			top: 0;
		}

.depth--bid {
		text-align: right;
	}

.depth--bid .depth--bar {
			right: 50%;
			background: var(--metrics-positive-bg-color);
		}

.depth--bid .depth--bar::after {
				right: 0;
			}

.depth--bid .button-depthInvisibleButton {
			right: 50%;
		}

.depth--bid .depth--price-cell {
			margin-right: 1px;
			background: var(--table_row-button-buy-inactive-bg);
			border-color: var(--table_row-button-buy-inactive-border);
			color: var(--positive-text-color);
		}

.depth--bid .depth--price-cell-label {
				padding-right: 4px;
			}

.depth--bid .depth--price-cell:hover {
				background: var(--table_row-button-buy-hovered-bg);
			}

.depth--ask .depth--bar {
			left: 50%;
			background: var(--metrics-negative-bg-color);
		}

.depth--ask .depth--bar::after {
				left: 0;
			}

.depth--ask .button-depthInvisibleButton {
			left: 50%;
		}

.depth--ask .depth--price-cell {
			margin-left: 1px;
			background: var(--table_row-button-sell-inactive-bg);
			border-color: var(--table_row-button-sell-inactive-border);
			color: var(--negative-text-color);
		}

.depth--ask .depth--price-cell-label {
				padding-left: 4px;
			}

.depth--ask .depth--price-cell:hover {
				background: var(--table_row-button-sell-hovered-bg);
			}

.depth--bidAccumulatedQty,
	.depth--askAccumulatedQty {
		color: var(--depth-of-market-table-inactive-price-text-color);
	}

.depth .button-depthInvisibleButton {
		position: absolute;
		width: 50%;
		height: 24px;
		z-index: 1;
		opacity: 0;
	}

.depth .button-details {
		background: var(--market-depth-client-order-bg);
		color: var(--client-order-text);
		height: 18px;
		border-radius: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.depth--row-total {
		color: var(--depth-total-data-text-color);
	}

.depth--info .control-depthSymbol {
				display: inline-block;
				vertical-align: middle;
				width: auto;
				max-width: 40%;
			}

.depth--bidOrd,
	.depth--askOrd,
	.depth--bidMyOrders,
	.depth--askMyOrders,
	.depth--askAccumulatedQty,
	.depth--askPrice,
	.depth--askQty,
	.depth--bidPrice,
	.depth--bidQty,
	.depth--bidAccumulatedQty {
		position: relative;
	}

.depth--bidMyOrders,
	.depth--askMyOrders {
		z-index: 2;
		display: inline-flex;
		 width: 100%;
	}
.widget-depth:not(.widget-main) .grid--body {
			margin-bottom: 30px;
		}
		.widget-depth:not(.widget-main) .control-depthSymbol .control--info {
				overflow: hidden;
				text-overflow: ellipsis;
			}
		.widget-depth:not(.widget-main) .control-depthLast .control--wrap {
					display: inline-block;
					vertical-align: bottom;
					width: 60px;
					overflow: hidden;
					text-overflow: ellipsis;
					font-size: 15px;
				}
		.widget-depth:not(.widget-main) .control-depthLast .control--wrap .value {
						font-size: 12px;
					}
		.widget-depth:not(.widget-main) .control-depthLast .control--label {
					margin-bottom: 1px;
				}
		.widget-depth:not(.widget-main) .control-depthChange .control--wrap {
				display: inline-block;
				vertical-align: bottom;
				width: 60px;
				overflow: hidden;
				text-overflow: ellipsis;
			}
	.widget-depth.widget-main .table--col-bidOrder,
				.widget-depth.widget-main .table--col-askOrder {
					width: 5%;
				}
	.widget-depth.widget-main .table--col-bidQuantity,
				.widget-depth.widget-main .table--col-askQuantity {
					width: 20%;
				}
	.widget-depth.widget-main .table--col-bid,
				.widget-depth.widget-main .table--col-ask {
					width: 25%;
				}
	.widget-depth.widget-main .depth--quantity {
				width: 4em;
			}
	.widget-depth.widget-main .grid--body .price {
				width: 6em;
			}

.widget-depth .depth--quantity {
			overflow: hidden;
			text-overflow: ellipsis;
			text-align: center
		}

.widget-depth.widget-main .grid--body .price {
				text-align: center;
			}

.widget-depth.widget-main .depth--quantity {
			width: 100%
		}

.widget-depth:not(.widget-main) .depth--quantity {
				width: 44px;
				text-align: left;
			}
.dropDown-suggest {
	border: none;
	min-width: 206px;
	padding-top: 3px;
	padding-bottom: 3px;
}

	.dropDown-suggest .dropDown--container {
		max-height: 200px;
	}

	.dropDown-suggest .table {
		table-layout: auto;
		width: auto;
	}

	.dropDown-suggest .table td {
			padding-left: 0;
			padding-right: 10px;
			padding-top: 0;
			line-height: 20px;
			text-align: left;
			box-shadow: none;
		}

	.dropDown-suggest .table td:first-child {
				padding-left: 5px;
				box-shadow: none;
			}

	.dropDown-suggest .table td:last-child {
				padding-right: 5px;
			}

	.dropDown-suggest .searchResult {
		cursor:pointer;
		white-space: nowrap;
	}

	.dropDown-suggest .searchResult:hover {
			background-color: var(--list-item-hovered-bg-color);
		}

	.dropDown-suggest .searchResult.dropDown--option-highlight em {
				color: var(--link-hovered-text-color);
			}

	.dropDown-suggest .searchResult.dropDown--option-highlight .searchResult--name,
				.dropDown-suggest .searchResult.dropDown--option-highlight .searchResult--instrumentTree {
					color: var(--link-default-text-color);
				}

	.dropDown-suggest .searchResult em {
			font-style: normal;
			color: var(--common-text-selected);
		}

	.dropDown-suggest .searchResult--equity {
			font-size: 1rem;
		}

	.dropDown-suggest .searchResult--equity:empty {
				padding: 0;
			}

	.dropDown-suggest .searchResult--name,
		.dropDown-suggest .searchResult--instrumentTree {
			color: var(--description-text-color);
		}

	.dropDown-suggest.dropDown-shown .dropDown--groupTitle, .dropDown-suggest.dropDown-shown .dropDown--option {
				-webkit-animation: none;
				        animation: none;
			}

	.dropDown-suggest .dropDown--option:hover > .searchResult--symbol,
			.dropDown-suggest .dropDown--option:hover > .searchResult--name,
			.dropDown-suggest .dropDown--option:hover > .searchResult--instrumentTree {
				color: var(--link-hovered-text-color);
				transition: color 220ms ease-in;
			}

	.dropDown-suggest .dropDown--additional {
		display: block;
		margin: 7px 5px 0;
		padding: 5px 0;
		box-sizing: border-box;
		border-top: 1px solid;
		text-align: center;
		border-top-color: var(--line-color-2);
		color: var(--description-text-color);
	}

	.dropDown-suggest .scrollable-withHorizontalScrollbar > .scrollable--wrapper > .scrollable--container > .scrollable--content {
		padding-bottom: 0;
	}

	.dropDown-suggest .scrollable-withHorizontalScrollbar > .scrollable--wrapper > .scrollbar-horizontal {
		display: none;
	}