/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/time-input/theme/container-is-disabled.module.css ***!
  \********************************************************************************************************************************************************************************************************************************/
.container-is-disabled__container_isDisabled___LyMu1:hover{
		border-color: var(--input-disabled-border-outside-color);
	 }

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/icon-wrapper/icon-wrapper.component.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.icon-wrapper-component__container___eMB7G,
	.icon-wrapper-component__container___eMB7G svg {
		width: 100%;
		height: 100%;
		display: block
	}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/icon/theme/icon.module.css ***!
  \************************************************************************************************************************************************************************************************************************/
.icon__container___dc2g2 {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: inherit;
	fill: currentcolor;
}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/button/button.module.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.button__container___s3lKu {
	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___s3lKu: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___s3lKu:hover::before {
			background: var(--button-hovered-overlay-color);
		}

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

	.button__container___s3lKu:active .button__inner___fQqqe {
				top: 1px;
			}

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

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

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

	.button__container___s3lKu:disabled .button__inner___fQqqe, .button__container___s3lKu[disabled] .button__inner___fQqqe {
			top: 0;
		}

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

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

	.button__container_isLoading___scvf0 .button__loadingIndicator___n5p7J {
			display: flex;
		}

	.button__container_isLoading___scvf0 .button__inner___fQqqe {
			opacity: 0;
		}

.button__inner___fQqqe {
	display: inline-block;
	margin-top: -1px;
	position: relative;
}

.button__loadingIndicator___n5p7J {
	display: none;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;			
	border-radius: 1px;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/button-icon/theme/button-icon.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.button-icon__container___20xyt {
	width: 23px;
	min-width: auto;
	height: 23px;
    padding: 3px 6px;
	border: none;
	box-shadow: none;
}

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

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/date-input/theme/date-input.module.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.date-input__inner___PErS7 {
	flex: 1;
	padding: 0 6px;
	line-height: normal;
}

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

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

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/calendar/theme/calendar-button-icon.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.calendar-button-icon__container___nt6dD {
    order: 1;
	width: 23px;
	height: 23px;
	margin-right: 8px;
    background: transparent;
	fill: var(--icon-secondary-default-color);
}

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

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

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

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

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

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

.mobile .calendar-button-icon__icon___Sq2dF {
		width: 21px;
		height: auto;
	}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/date-input/theme/input.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
.input__container___dJ2RD {
    width: 121px;
}

.mobile .input__container___dJ2RD {
		width: 140px;
		height: 29px;
		font-size: 15px;
	}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/date-input/theme/button-icon.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.button-icon__icon___DG1LX {
	color: var(--icon-secondary-default-color);
}

	.button-icon__icon___DG1LX:hover {
		color: var(--icon-secondary-hovered-color);
	}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/input/input.module.css ***!
  \********************************************************************************************************************************************************************************************************************/
.input__container___WEAH6 {
	outline: none;
	display: inline-block;
	box-sizing: border-box;
	position: relative;
}

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

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

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

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

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

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

.input__container___WEAH6:focus:not(.input__container_isDisabled___DgqrW),
	.input__container_isFocused___UC6ph:not(.input__container_isDisabled___DgqrW) {
		border-color: var(--form-control-focused-border-outside-color);
		background-color: var(--selected-input-bg-color);
	}

.input__container___WEAH6:focus:not(.input__container_isDisabled___DgqrW), .input__container___WEAH6:focus:not(.input__container_isDisabled___DgqrW):hover, .input__container_isFocused___UC6ph:not(.input__container_isDisabled___DgqrW), .input__container_isFocused___UC6ph:not(.input__container_isDisabled___DgqrW):hover {
			border-color: var(--form-control-focused-border-outside-color);
		}

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

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

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

.input__input___\+j7OX::-moz-selection {
		background: var(--input-text-selection-bg-color);
	}

.input__input___\+j7OX::selection {
		background: var(--input-text-selection-bg-color);
	}

.input__input___\+j7OX::-moz-selection {
		background: var(--input-text-selection-bg-color);
	}

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

/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/link/theme/link.module.css ***!
  \************************************************************************************************************************************************************************************************************************/
.link__container___gP3FM,
.link__container_isDisabled___qBBy1 {
	text-decoration: none;
	color: var(--link-default-text-color);
	transition: color .1s ease;

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

.link__container_isDisabled___qBBy1 {
	cursor: default;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/loading-indicator/theme/loading-indicator.css ***!
  \****************************************************************************************************************************************************************************************************************************/
@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	
	50% {
		transform: rotate(360deg);
	}
	
	100% {
		transform: rotate(720deg);
	}
}

.loading-indicator-legacy--container {

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

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

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

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

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

.loading-indicator-legacy--container_large {
			width: 52px;
			height: 52px;
			border-width: 4px;
		}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/menu/menu.module.css ***!
  \******************************************************************************************************************************************************************************************************************/
.menu__container___CnHdD {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu__item___-y6HS {
	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___-y6HS:hover {
		background: var(--list-item-hovered-bg-color);
	}

.menu__item_active___h0Oqy {
		color: var(--common-text-selected);
	}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/tabs/theme/tab.component.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
.tab-component__tab___a5RGy {
	display: flex;
	cursor: pointer;
	position: relative;
	align-items: center;
	white-space: nowrap;
	text-decoration: none;
}

	.tab-component__tab_active___Y3jNl {
		cursor: default;
	}

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widgetNew/components/widget-tab/theme/widget-tab.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.widget-tab__container___b5vaZ {
	position: relative;
	min-width: 39px;
}

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

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

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

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

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widgetNew/components/widget-tab/theme/tab.h.child.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************/
.tab-h-child__container___Kqigy {
	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___Kqigy::before {
		content: "";
		position: absolute;
		height: 1px;
		width: 100%;
		bottom: 0;
		left: 0;
		background: transparent;
		transition: all 220ms ease-out;
	}

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

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

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

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

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

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

.tab-h-child__tab_dragging___\+OzPd::before {
			background: transparent;
		}

.tab-h-child__tab_dragging___\+OzPd:hover {
			color: var(--widget_tab-default-text);
		}

.tab-h-child__tab_dragging___\+OzPd:hover::before {
				background: transparent;
			}

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widgetNew/components/widget-tab/theme/button-icon.h.child.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.button-icon-h-child__container___3WMVf.button-icon-h-child__container___3WMVf {
    position: absolute;
    right: 0;
    top: 0;
    width: 19px;
    height: 19px;
    background: transparent;
    border: 0;
    padding: 5px;
    margin-top: 2px;
}

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

    .button-icon-h-child__container___3WMVf.button-icon-h-child__container___3WMVf:hover .button-icon-h-child__icon___APew7 {
            fill: var(--icon-hovered-color);
        }

    .button-icon-h-child__container___3WMVf.button-icon-h-child__container___3WMVf:active .button-icon-h-child__icon___APew7 {
            fill: var(--icon-pressed-color);
        }

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

    .button-icon-h-child__container___3WMVf.button-icon-h-child__container___3WMVf::before {
        content: none;
    }
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/popover/theme/popover.css ***!
  \***********************************************************************************************************************************************************************************************************************/
.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);
		}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/element-placeholder/components/draggable-menu-item/theme/draggable-item.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.draggable-item__hideTab___zPO4I {
	display: none;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/element-placeholder/components/widget-tab-selector/theme/widget-tab-selector.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.widget-tab-selector__container___o8VNV {
	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);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/element-placeholder/components/widget-tab-selector/theme/button-icon.h.child.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.button-icon-h-child__container___C\+vyi.button-icon-h-child__container___C\+vyi {
    width: 19px;
    height: 100%;
    background: transparent;
    border: 0;
    padding: 5px;
    flex-shrink: 0;
}

    .button-icon-h-child__container___C\+vyi.button-icon-h-child__container___C\+vyi .button-icon-h-child__icon___5N7cq {
        width: 7px;
        height: 7px;
        fill: var(--icon-secondary-default-color);
    }

    .button-icon-h-child__container___C\+vyi.button-icon-h-child__container___C\+vyi .button-icon-h-child__icon___5N7cq.button-icon-h-child__iconArrow___cU5fk {
            height: 6px;
            fill: var(--widget-header-text-color);
        }

    .button-icon-h-child__container___C\+vyi.button-icon-h-child__container___C\+vyi:hover,
    .button-icon-h-child__container___C\+vyi.button-icon-h-child__container___C\+vyi:active {
        background: var(--button-hovered-overlay-color);
    }

    .button-icon-h-child__container___C\+vyi.button-icon-h-child__container___C\+vyi:focus {
        box-shadow: none;
    }

    .button-icon-h-child__container___C\+vyi.button-icon-h-child__container___C\+vyi::before {
        content: none;
    }
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/element-placeholder/components/widget-tab-selector/theme/selectbox.h.child.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.selectbox-h-child__container__item___t\+o\+W {
		min-width: 142px;
		padding-left: 3px;
		padding-right: 3px;
		box-sizing: border-box;
	}

		.selectbox-h-child__container__item__text___RTBD\+ {
			padding-right: 0;
		}

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

.selectbox-h-child__label___bpWlf {
	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___bpWlf .selectbox-h-child__container__item___t\+o\+W {
		min-width: 0;
		padding: 0;
	}

.selectbox-h-child__label___bpWlf::after {
		content: '';
		display: block;
		height: 1px;
		margin: 6px -1px 0 5px;
		flex-grow: 1;
		background-color: var(--line-color);
	}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/element-placeholder/components/widget-tab-selector/theme/widget-tab.h.child.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.widget-tab-h-child__container___u1WKu {
	display: flex;
	height: 23px;
	width: 100%;
	overflow: hidden;
	padding: 0;
	box-sizing: border-box;
	color: var(--widget-header-text-color);
	background-color: var(--widget-header-tab-bg-color);
	cursor: grab;
}
	.widget-tab-h-child__container___u1WKu::before {
		content: none;
	}
	.widget-tab-h-child__container___u1WKu > div[draggable="true"] {
		display: flex;
		flex-grow: 1;
	}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/element-placeholder/components/widget-tab-selector/theme/tab.h.child.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.tab-h-child__container___6YPKT {
	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___6YPKT::before {
		content: none;
	}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/element-placeholder/components/tabs-adaptive/theme/tabs-adaptive.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.tabs-adaptive__container___AZGcX {
	display: flex;
	position: relative;
	height: 24px;
	overflow: hidden;
}

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

.tabs-adaptive__inner___z6gF1 {
	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___G795f {
	position: absolute;
	pointer-events: none;
	z-index: 20;
	white-space: nowrap;
	display: flex;
	visibility: hidden;
	top: 0;
	left: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/element-placeholder/theme/element-placeholder.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.element-placeholder__container___a-268 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.element-placeholder__header___oVvtN {
	height: 24px;
	width: 100%;
}

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

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

.element-placeholder__actions_container___LGi9e,
.element-placeholder__actions___bXTKS {
	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___bXTKS .widgetNew__header {
			background: none;
			box-shadow: none;
		}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/widget/theme/widget.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.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;
	}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/widget/theme/widget.module.css ***!
  \****************************************************************************************************************************************************************************************************************************/
.widget__container___n\+at8 {
	display: flex;
    flex-direction: column;
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	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___PRmXR {
	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___0Z1C0 {
	height: 100%;
	position: relative;
}

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

.widget__resizeHandler___K7IA7 {
	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___ZN6nM {
		display: block;
		width: 1em;
		height: 1em;
	}
/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./third-party-legacy/react-kit/components/scrollable/theme/scrollable.config.css ***!
  \**************************************************************************************************************************************************************/
:root {
	--scrollable-scrollbar-size: 9px;
	--scrollable-min-bar-size: 10px;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/scrollable/theme/scrollable.module.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.scrollable__scrollable___W-baF {
	overflow: hidden;
	position: relative;
}

.scrollable__withHorizontalScrollbar___Gxfxk:not(.scrollable__overlayContent___oqZpc) > .scrollable__wrapper___leuBc > .scrollable__container___xxGZF > .scrollable__content___6oo4L {
		padding-bottom: var(--scrollable-scrollbar-size);
	}
.scrollable__withVerticalScrollbar___nTnQJ:not(.scrollable__overlayContent___oqZpc) > .scrollable__wrapper___leuBc > .scrollable__container___xxGZF > .scrollable__content___6oo4L {
		padding-right: var(--scrollable-scrollbar-size);;
	}

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

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

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

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

.scrollable__resizeDetector___Zqe\+4 {
	position: absolute;
	top: 0;
	left: 0;

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

.scrollable__scrollbar___JEcSq {
	background-color: inherit;
}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/layout/theme/layout.module.css ***!
  \****************************************************************************************************************************************************************************************************************************/
.layout__container___e7P06 {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	background-color: inherit;
}

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

.layout__fixedContainer___KJzFD {
	background-color: inherit;
}


/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/layout/components/resize-handler/theme/resize-handler.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.resize-handler__horizontal___vTVIr {
	cursor: ew-resize;
}

.resize-handler__vertical___GN6VG {
	cursor: ns-resize;
}

.resize-handler__disabled___ygiFY {
	cursor: default;
}

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

.resize-handler__container___ImXwt:not(.resize-handler__disabled___ygiFY):hover,
		.resize-handler__container___ImXwt:not(.resize-handler__disabled___ygiFY):active {
			 background-color: var(--resize-line-color);
			 transition: background 220ms ease-in;
		}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/layout/theme/scrollable.module.css ***!
  \********************************************************************************************************************************************************************************************************************************/
.scrollable__scrollable___senLx {
	height: 100%;
	width: 100%;
	background-color: inherit;
}
	
.scrollable__content___kD1Qq {
	display: block;
}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/selectbox/selectbox.module.css ***!
  \****************************************************************************************************************************************************************************************************************************/
@keyframes selectbox__showDropdownItem___Im\+Ga {
	from {
		opacity: 0;
		transform: scale(0.5);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

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

.selectbox__container__anchor___hiDNl:active .selectbox__container__anchor__content___PPgFM {
				top: 1px;
			}

.selectbox__container__anchor___hiDNl:disabled .selectbox__container__anchor__content___PPgFM, .selectbox__container__anchor___hiDNl[disabled] .selectbox__container__anchor__content___PPgFM {
				top: 0;
			}

.selectbox__container__anchor__content___PPgFM {
			position: relative;
		}

.selectbox__container__anchor__content_hasCaret___8wY\+N {
				padding-right: 19px;
			}

.selectbox__container__anchor__content_hasCaret___8wY\+N .selectbox__container__anchor__caret___SnZgD {
					display: block;
					position: absolute;
					box-sizing: border-box;
					width: 7px;
					height: 12px;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
				}

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

.selectbox__container__anchor___hiDNl:hover .selectbox__container__anchor__caret___SnZgD {
				color: var(--icon-secondary-hovered-color);
			}

.selectbox__container__item___KPSG- {
		animation-name: selectbox__showDropdownItem___Im\+Ga;
		animation-timing-function: ease-in;
		animation-fill-mode: both;
	}

.selectbox__container__item__text___VcopH {
			padding-right: 47px;
		}

.selectbox__container__item__activeIcon___InqHx {
		display: block;
		position: absolute;
		right: 8px;
		top: 50%;
		transform: translateY(-50%);
		width: 10px;
		height: 10px;
		color: var(--tick-icon-color);
	}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/steppable-input/theme/steppable-input.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.steppable-input__inner___nFVke {
	height: 100%;
    display: flex;
	align-items: center;
}

.steppable-input__input___hOYTC {
	flex: 1;
	padding: 0 6px;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/steppable-input/theme/clear-button-icon.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************/
.clear-button-icon__container___ufrDY {
	width: 7px;
	padding: 0;
	opacity: 1;
    background: transparent;
}

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

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

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

.mobile .clear-button-icon__icon___lbiEE {
		width: 11px;
		height: 11px;
	}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/steppable-input/theme/button-icon.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
.button-icon__container___bAHV6 {
	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___bAHV6:last-child {
		top: auto;
		bottom: 13px;
	}

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

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

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

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

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

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

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

.mobile .button-icon__container___bAHV6:last-child {
			top: auto;
			bottom: 14px;
		}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/time-input/theme/time-input.module.css ***!
  \*********************************************************************************************************************************************************************************************************************/

.time-input__inner___j\+PX0 {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	flex: 1;
}

.time-input__section___87oJv,
.time-input__separator___BAcUh {
	cursor: default;
}

.time-input__inner___j\+PX0 {
	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___z1yMz {
		position: relative;
	}

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

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

.time-input__section___87oJv,
.time-input__separator___BAcUh {
    cursor: default;
	transition: background-color .1s ease;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/time-input/theme/steppable-input.child.module.css ***!
  \********************************************************************************************************************************************************************************************************************************/
.steppable-input-child__container_isDisabled___kYWmv:hover{
		border-color: var(--input-disabled-border-outside-color);
	 }

.steppable-input-child__inner___Athil {
	width: 110px;
	height: 100%;
    display: flex;
    align-items: center;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/scrollbar/theme/scrollbar.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
.scrollbar__container___U44ZY {
	position: absolute;
	box-sizing: border-box;
	visibility: hidden;
	z-index: -1;
}

.scrollbar__track___IIV7J {
	position: relative;
}

.scrollbar__bar___-8URN {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.scrollbar__track___IIV7J {
	cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/scrollbar/theme/vertical-scrollbar.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.vertical-scrollbar__container___6i8Xd {
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	width: var(--scrollable-scrollbar-size);
}

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

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

.vertical-scrollbar__containerIsVisible___ctVF- {

	visibility: inherit;
	z-index: auto;
}

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

.vertical-scrollbar__containerIsVisible___ctVF-.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___aBWC5, 
	.vertical-scrollbar__bar___aBWC5:before {
		transition: width 200ms, height 200ms, margin 200ms, border-radius 200ms, background-color 200ms;
	}

.vertical-scrollbar__bar___aBWC5: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___aBWC5:hover:before, .vertical-scrollbar__bar___aBWC5:active:before {
			border-radius: 4px;
			background-color: var(--scrollbar-bg-selected-color);
			margin: 0;
			width: 100%;
		}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/scrollbar/theme/horizontal-scrollbar.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.horizontal-scrollbar__container___lu36k {
	bottom: 0;
	left: 0;
	right: 0;
	visibility: hidden;
	z-index: -1;
	padding: 0;
	height: var(--scrollable-scrollbar-size);
}

.horizontal-scrollbar__track___Qjusn {
	height: 100%;
}

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


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


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

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

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

.horizontal-scrollbar__bar___rLrw4:hover:before, .horizontal-scrollbar__bar___rLrw4:active:before {
			border-radius: 4px;
			background-color: var(--scrollbar-bg-selected-color);
			margin: 0;
			height: 100%;
		}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/password-input/password-input.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.password-input__container___dAD1o {
	position: relative;
	width: 200px;
}

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

.password-input__inputContainer___FpsZV {
	width: 100%;
}

.password-input__input___\+K1Yx {
	width: calc(100% - 20px);
}

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

.password-input__buttonContainer___lJFsS {
	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___lJFsS::before {
		content: normal;
	}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/switcher/switcher.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.switcher {
	position: relative;
	font-size: 1em;
}

	.switcher--input {
		display: none;
	}

	.switcher--label {
		position: relative;
		z-index: 2;
		line-height: 1.416em;
	}

	.switcher--label:first-of-type {
			padding-left: 0.166em;
		}

	.switcher--label:last-of-type {
			padding-right: 0.166em;
		}

	.switcher--button {
		position: absolute;
		top: .083em;
		padding: 0 0.5em;
		width: 2em;
		height: 1.416em;
		box-sizing: content-box;
	}

	.switcher--button:before {
			content: "";
			display: inline-block;
			vertical-align: top;
			position: relative;
			top: .5em;
			width: 100%;
			height: .416em;
		}

	.switcher--button:after {
			content: "";
			display: inline-block;
			width: 1.083em;
			height: 1.083em;
			position: absolute;
			left: 48%;
			top: .166em;
		}

	.switcher--input:checked ~ .switcher--button:after {
				left: 0.5em;
			}

	.switcher--input:not(:checked) ~ .switcher--button {
			margin-left: -3em;
		}

	.switcher--input:not(:checked) + .switcher--label:first-of-type {
				padding-right: 3em;
			}

	.switcher--input:not(:checked) + .switcher--label:last-of-type {
				padding-left: 3em;
			}

	.switcher--input:not(:checked) ~ .switcher--input:not(:checked) + .switcher--label {
			padding-left: 0;
		}

	.switcher--button,
	.switcher--label {
		display: inline-block;
		vertical-align: middle;
	}

.switcher {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.switcher--button {
		cursor: pointer;
	}

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

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

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

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

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

.switcher--label {
		transition: color var(--animation-fast) ease-in-out;
	}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/switcher/theme/switcher.module.css ***!
  \********************************************************************************************************************************************************************************************************************************/
.switcher__container_checked___iM0Ff .switcher__bubble___Unlaj {
			left: 14px;
		}

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

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

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

.switcher__icon___-m1Ka {
	padding: 2px 0;
	height: 12px;
	width: 12px;
}

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

.switcher__container_checked___iM0Ff .switcher__control___h2wZD {
			background-color: var(--order-entry-switcher-on-bg-color);
		}

.switcher__container_checked___iM0Ff .switcher__icon_wrapper___QFnvC {
			text-align: left;
		}

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

.switcher__container_checked___iM0Ff:hover .switcher__control___h2wZD {
			background-color: var(--order-entry-switcher-on-hover-bg-color);
		}

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

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

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

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

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

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

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/toggle-buttons/theme/toggle-buttons.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
:root {
	--border-radius: calc(var(--controls-border-radius) - 1px);
}

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

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

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

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

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

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

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

.toggle-buttons__container__item_active___KvkdR {
		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___KvkdR::before {
			background: transparent;
			border: 1px solid transparent;
			border-top-color: var(--active-switcher-inside-border-top-color);
		}

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

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

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

.toggle-buttons__container__vertical___beLiU:last-child,
	.toggle-buttons__container__vertical___beLiU:last-child:before {
		border-radius: 0;
		border-bottom-left-radius: var(--border-radius);
		border-bottom-right-radius: var(--border-radius);
	}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/popup/theme/popup.module.css ***!
  \**************************************************************************************************************************************************************************************************************************/
.popup__backdrop___RJ6eA {
	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___RJ6eA:before {
		content: '';
		display: inline-block;
		height: 90%;
		vertical-align: middle;
		width: 0;
	}

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

.popup__backdrop_isModal___tV4iQ {
	pointer-events: all;
}

.popup__backdrop_isModal___tV4iQ .popup__conttainer___XHx0T {
		box-shadow: 0 6px 25px var(--modal-window-shadow-color);
	}

.popup__backdrop_isModal___tV4iQ: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___PHU8F {
	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___0OLxa {
	color: var(--modal-window-header-text-color);
	font-weight: 600;
}

.popup__containerShow___TdaQj {
	animation: popup__popupShow___RtXxu 0.3s cubic-bezier(0, 0, 0, 1.3);
}

.popup__containerHide___fNDiy {
	animation: popup__popupHide___mSltQ 0.3s linear;
	transition: transform linear 0.3s;

}

.popup__header___0OLxa {
	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___jfQDh {
	padding: 8px 30px;
	position: relative;
	color: var(--modal-window-text-color);
}

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

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

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

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

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

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

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

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

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

/*Safari Only 7.1+*/
_::-webkit-full-page-media, _:future, :root .popup__container___PHU8F {
	//background-color: var(--modal-window-bg-color, 0.83);
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/resize-detector/resize-detector.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
.resize-detector--container {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1000;
		width: 100%;
		height: 100%;
		border: none;
	}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/layout/components/placeholder/theme/placeholder.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.placeholder__icon___FF\+ok {
	fill: var(--drop-area-border-deny-color);
	width: 72px;
	height: 72px;
}

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

.placeholder__hint___3Wf2J small {
		display: block;
		font-size: 20px;
	}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/layout/components/placeholder/theme/icon.h.child.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.icon-h-child__container___EzoXG {
	fill: var(--drop-area-border-deny-color);
	width: 72px;
	height: 72px;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/grid/Grid.module.css ***!
  \******************************************************************************************************************************************************************************************************************/
.Grid__container___EWIKo {
	overflow: hidden;
	width: 100%;
}
	
.Grid__cell_left___9\+z0- {
		text-align: left;
	}
	
.Grid__cell_center___u2cdi {
		text-align: center;
	}
	
.Grid__cell_right___fgK1I {
		text-align: right;
	}
	
.Grid__gridCell__placeholder___2n9dX {
		display: inline-block;
	}
	
.Grid__gridCell__content___6jpsz {
		display: inline-block;
	}
	
.Grid__gridCell__content_left___Z8cUb {
			text-align: left;
		}
	
.Grid__gridCell__content_center___1vXju {
			text-align: center;
		}
	
.Grid__gridCell__content_right___HNqvy {
			text-align: right;
		}
	
.Grid__gridHead_paddedForScrollbar___HNoqy {
		padding-right: var(--scrollable-scrollbar-size);
	}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/toasts/components/message-value/MessageValue.module.css ***!
  \********************************************************************************************************************************************************************************************************************/
.MessageValue__container___35yZT {
	color: var(--common-secondary-text-color);
}

	.MessageValue__container_positive___wrTSy {
	}

	.MessageValue__container_positive___wrTSy .MessageValue__status___E\+bPH {
			color: var(--message-sbj-triggered-text-color);
		}

	.MessageValue__container_negative___ecXYp {
	}

	.MessageValue__container_negative___ecXYp .MessageValue__status___E\+bPH {
			color: var(--message-sbj-warning-text-color);
		}

.MessageValue__status___E\+bPH {
	text-transform: uppercase;
	color: var(--message-sbj-trading-text-color);
}

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

.MessageValue__dealer___q\+fh9 {
	text-transform: none;
}

.MessageValue__description___LGEkk {
	display: block;
}

.MessageValue__additional___Aoj-G {
}

.mobile .MessageValue__description___LGEkk {
		font-size: 16px;
	}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/toasts/components/toast/theme/toast.module.css ***!
  \***********************************************************************************************************************************************************************************************************/
@keyframes toast__container_flash1___hVo6z {
	0% {
		transform: translateY(4px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes toast__container_flash2___HvM1c {
	0% {
		transform: translateY(4px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes toast__container_after_flash1___BkT67 {
	0% {
		background-color: var(--corner-message-highlight-color);
	}
	100% {
		background-color: transparent;
	}
}
@keyframes toast__container_after_flash2___br12k {
	0% {
		background-color: var(--corner-message-highlight-color);
	}
	100% {
		background-color: transparent;
	}
}

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

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

.toast__container_isUpdating_isActive___xZuqu::after {
				background-color: transparent;
				transition: background-color 1000ms ease-in;
			}

.toast__container_flash1___hVo6z.toast__container_isUpdating___gohZJ:after, .toast__container_flash2___HvM1c.toast__container_isUpdating___gohZJ:after {
			content: '';
			position: absolute;
			top: -1px;
			left: -1px;
			right: -1px;
			bottom: -1px;
		}

.toast__container_flash1___hVo6z {
		animation: toast__container_flash1___hVo6z 1000ms linear;
	}

.toast__container_flash1___hVo6z::after {
			animation: toast__container_after_flash1___BkT67 1000ms linear;
		}

.toast__container_flash2___HvM1c {
		animation: toast__container_flash2___HvM1c 1000ms linear;
	}

.toast__container_flash2___HvM1c::after {
			animation: toast__container_after_flash2___br12k 1000ms linear;
		}

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

.toast__content___wg1VQ {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 6px;
}

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

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

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

.toast__transition__exit___9UvrS .toast__container___2AwLM {
			opacity: 1;
		}

.toast__transition__exit_active___cWTms .toast__container___2AwLM {
				opacity: 0.01;
				transition: opacity 200ms ease-in;
			}


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


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


.mobile .toast__content___wg1VQ {
		margin-bottom: 9px;
	}

/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/icon/icon.css ***!
  \*************************************************************************************************************************************************************************************************/
.icon {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/emptyView/emptyView.css ***!
  \***********************************************************************************************************************************************************************************************************/
.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%);
	}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/news/theme/news.module.css ***!
  \**************************************************************************************************************************************************************************************************************/
.newsWidgetBodyWrapper {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.news__header___WYWsI {
	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___BYVlM {
		position: relative;
	}

.news__scrollable__scrollable___ulWWo {
		height: 100%;
	}

.news__scrollable__withVerticalScrollbar___X\+GkI .news__item__arrow___8dwG7 {
			right: -9px;
		}

.news__scrollable__content___YD-2h {
		max-width: 100%;
	}

.news__column_date___UfwC4 {
		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___UfwC4:hover .news__filterArrow___Mbh1b {
				display: block;
			}

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

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

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

.news__item__title___\+YwZh {
		flex-grow: 1;
		padding-right: 18px;
	}

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

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

.news__item__header___OrNe6:hover .news__item__arrow___8dwG7 {
				display: flex;
			}

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

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

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

.news__item__arrow___8dwG7 {
		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___dusvJ {
		width: 7px;
		height: 4px;
		fill: var(--icon-primary-default-color);
	}

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

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

.news__item_isOpened___-jE3D .news__item__header___OrNe6 {
			background: var(--table-group-bg-selected-color);
		}

.news__item_isOpened___-jE3D .news__item__header___OrNe6:hover {
				background: var(--table-group-bg-selected-color);
			}

.news__item___sGGYI:first-child .news__cell___\+NcJf {
			border: none;
		}

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

.news__time___M7ZsD {
	padding-right: 10px;
}

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

/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/news/theme/news.css ***!
  \*******************************************************************************************************************************************************************************************************/
.newsWidgetBodyWrapper {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/news/theme/empty-view.h.child.module.css ***!
  \****************************************************************************************************************************************************************************************************************************/
.empty-view-h-child__title___ig4XZ,
.empty-view-h-child__content___saZp9 {
	color: var(--additional-text-color);
	text-align: center;
}

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

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

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/calendar/theme/calendar.module.css ***!
  \********************************************************************************************************************************************************************************************************************************/
.calendar__container___HXGyF {
	display: inline-block;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	cursor: default;
	padding: 4px 10px 0;
	background-color: var(--calendar-popup-bg-color);
}

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

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

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

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

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

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

.calendar__buttonContainer_disabled___\+Mb34 {
		cursor: no-drop;
	}

.calendar__buttonContainer_disabled___\+Mb34:hover {
			background: var(--button-disabled-bg-color)__overlay-box-shadow-color;
		}

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

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

.calendar__buttonContainer___zMzDF:hover {
		height: 20px;
	}

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

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

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

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

.calendar__calendar__dayWrapper_disabled___tXJNT {
			cursor: no-drop;
		}

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

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

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

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

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

.calendar__calendar__body___lmXKu .calendar__calendar___nZq7F {
			position: relative;
		}

.calendar__calendar__body___lmXKu .calendar__calendar__day___Tjz3K {
				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___lmXKu .calendar__calendar__day___Tjz3K:hover {
					background-color: var(--list-item-hovered-bg-color);
				}

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

.calendar__calendar__body___lmXKu .calendar__calendar__day_isSelected___VzhcU {
					color: var(--common-text-selected);
				}

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

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

.calendar__calendar__body___lmXKu .calendar__calendar__day_isCurrent___SLnFy {
					border-color: var(--common-text-disabled);
				}

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

.calendar__calendar__body___lmXKu: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___fafut:before {
				pointer-events: all;
				opacity: 1;
			}

.calendar__calendar__monthItem___qykU3 {
		width: 100%;
	}

.calendar__calendar__monthName___B3mpq {
		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___VrwAr {
			border-top: 0;
		}

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

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

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

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

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

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

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

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

.calendar__selector__month___7PDV6 {
		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___7PDV6:not(:last-child) {
			margin-bottom: 4px;
		}

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

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

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

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

.calendar__icon_disabled___42GDS {
	opacity: .3;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/calendar/theme/menu.h.child.module.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.menu-h-child__item___r2HkQ {
	padding: 0;
	line-height: 26px;
	padding-left: 9px;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/calendar/theme/year-selector-button.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.year-selector-button__container___UAUOY {
	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___UAUOY:before {
		content: none;
	}

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

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

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

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

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

.year-selector-button__icon___PCnh1 {
	width: 9px;
	height: 6px;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/calendar/theme/button-month.h.child.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.button-month-h-child__container___gzPTo {
    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___\+FT6A {
        color: var(--common-text-selected);
    }
    
    .button-month-h-child__container___gzPTo:before {
        content: none;
    }
    
    .button-month-h-child__container___gzPTo:hover {
        background-color: var(--list-item-hovered-bg-color);
    }
    
    .button-month-h-child__container___gzPTo:focus {
        padding-left: 7px;
    }
    
    .button-month-h-child__container___gzPTo:disabled {
        color: var(--common-text-disabled);
        background: none;
        box-shadow: none;
    }
    
    .button-month-h-child__container___gzPTo:disabled:hover {
            color: var(--common-text-disabled);
        }
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/calendar/theme/year-selectbox.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.year-selectbox__container__popover___C14lN {
		border: 0;
	}
	.year-selectbox__container__anchor___\+adVR {
		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___\+adVR:before {
			content: '';
			display: none;
		}
	.year-selectbox__container__anchor___\+adVR:focus {
			box-shadow: none;
		}
	.year-selectbox__container__anchor__caret___8LFSq {
			display: block;
			position: absolute;
			box-sizing: border-box;
			width: 7px;
			height: 12px;
			left: 38px;
			top: 50%;
			margin-top: -6px;
		}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/calendar/theme/scrollable-months.h.child.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.scrollable-months-h-child__scrollable___vBgzH {
	height: 300px;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/calendar/theme/scrollable.h.child.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
.scrollable-h-child__container___YI-mI {
	max-height: 321px;
	padding: 0;
}

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

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/calendar/theme/popover.h.child.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
.popover-h-child__container___FUsu6 {
	position: relative;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/date-range/theme/date-range-input.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
.date-range-input__container___\+v8rD {
    display: flex;
    align-items: center;
    position: relative;
    padding: 9px 11px 4px;
    box-sizing: border-box;
    background: none;
}

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

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

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

.date-range-input__iconContainer___4uFIM {
    width: 17px;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/date-range/theme/date-range.module.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.date-range__container___664-X {
    display: flex;
    width: 315px;
    overflow: hidden;
}

.date-range__dateRange_focused___kwEoM {
    background: var(--calendar-popup-tab-inactive-bg);
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/date-range/theme/date-input.child.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
.date-input-child__container___SKnX6 {
    width: 108px;
}

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

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

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/date-range/theme/calendar-button.child.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.calendar-button-child__container___Q1eOX {
    fill: var(--icon-secondary-default-color);
    opacity: 0;
    padding: 0;
}

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

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

.calendar-button-child__icon___ZYbpS {
    display: flex;
    height: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/date-range/theme/date-range-period-panel.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.date-range-period-panel__container___QcI3W {
    display: flex;
    height: 31px;
    padding: 2px 7px;
    box-sizing: border-box;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/date-range/theme/calendar.child.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************/

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

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

.calendar-child__calendar__monthName___pqvDB {
        margin-left: 0;
    }
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/date-range-label/theme/date-range-label.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************/
.date-range-label__container___TYPiR {
	display: flex;
    flex-direction: column;
    position: relative;
}

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

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

.date-range-label__label___fHu8l:after {
		content: ':';
	}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/date-range/demo/popover.child.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.popover-child__container___P8WQn {
    background: var(--calendar-popup-bg-color);
    box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
    box-sizing: border-box;
    overflow: visible;
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/date-range/theme/date-range-footer.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.date-range-footer__container___NN0hV {
    width: 100%;
    padding: 0 10px;
    height: 30px;
    box-sizing: border-box;
}
    
    .date-range-footer__container_border___xA5sO {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        border-top: 1px solid var(--line-color);
    }

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

.date-range-footer__clearButton_disabled___p9CBb {
        color: var(--common-text-disabled);
        line-height: 2.4;
    }
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/date-range-filter/theme/date-range-filter.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.date-range-filter__container___vQst5 {
    display: flex;
    flex-direction: column;
    position: relative;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-trading-journal/components/filter-tag-selector/theme/filter-tag-selector.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.filter-tag-selector__container___BRZxD {
	list-style: none;
}

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

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

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

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

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

.filter-tag-selector__optionIcon_type_marketEvent___6z4E- {
			background-color: var(--tag-market-event-default-bg-color);
		}

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

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

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

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

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/scrollable/theme/scrollable.config.css ***!
  \************************************************************************************************************************************************************************************************************************************/
:root {
	--scrollable-scrollbar-size: 9px;
	--scrollable-min-bar-size: 10px;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/scrollable/src/Scrollbar.css ***!
  \*****************************************************************************************************************************************************************************************************/
.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);
			}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/scrollable/src/Scrollable.css ***!
  \******************************************************************************************************************************************************************************************************/
.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;
		}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/textareaAutoSize/textareaAutoSize.module.css ***!
  \********************************************************************************************************************************************************************************************************************************/
.textareaAutoSize__elementWrapper___BPWOq {
	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___BPWOq:not(.textareaAutoSize__elementWrapper_focus___\+rvhM):hover {
		border-color: var(--input-hovered-border-outside-color);
	}

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

	.textareaAutoSize__elementWrapper___BPWOq .scrollable {
			height: 100%;
		}

	.textareaAutoSize__elementWrapper___BPWOq .scrollable--wrapper {
				height: 75px;
			}

	.textareaAutoSize__elementWrapper___BPWOq .textareaAutoSize__element___38RPr {
		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___\+rvhM {
		color: var(--input-default-text-color);
		border-color: var(--form-control-focused-border-outside-color);
		background-color: var(--selected-input-bg-color);
	}

/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control/control.css ***!
  \*******************************************************************************************************************************************************************************************************/
.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);
			}

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control/control-mobile.css ***!
  \**************************************************************************************************************************************************************************************************************/
.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; 
		}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-textarea/control-textarea.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.control-textarea {
	width: 100%;
}

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

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

	.control-textarea .control--charCounter {
		position: relative;
		float: right;
		bottom: 15px;
		right: 5px;
		font-size: 9px;
	}

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

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

.control-textarea textarea {

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

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

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

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

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

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

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

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/button/button.css ***!
  \***************************************************************************************************************************************************************************************************************/
.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;
    }
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/loadingWheel/loadingWheel.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.loadingWheel {
	display: inline-block;
	border-radius: 50%;
}

	.loadingWheel-small {
		width: 14px;
		height: 14px;
		border-width: 1px;
	}

	.loadingWheel-middle {
		width: 34px;
		height: 34px;
		border-width: 3px;
	}

	.loadingWheel-big {
		width: 52px;
		height: 52px;
		border-width: 4px;
	}


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

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

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

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

.loadingWheel-big {
		border-top: 4px solid var(--loader-segment-start-color);
		animation: rotation 1.2s infinite linear;
	}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button/button.css ***!
  \*****************************************************************************************************************************************************************************************************/
.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);
	}

/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button/button-mobile.css ***!
  \************************************************************************************************************************************************************************************************************/
.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;
			}

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-icon/button-icon.css ***!
  \***************************************************************************************************************************************************************************************************************/
.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);
	}

/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/highlight/highlight.module.css ***!
  \*************************************************************************************************************************************************************************************************************/
.highlight__mark___\+JYtr {
	color: var(--common-text-selected);
	background: none;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/suggest/theme/grid.module.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.grid__button_focus___ezTp6 {
	outline: 1px solid var(--focus-border-color);
}

.grid__head___\+1bux {
	position: relative;
	margin-bottom: 1px;
}

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

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

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

.grid__footer_maxRowHint___jGqN9 {
		max-width: 307px;
	}

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

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

.grid__button_container___YlClA:hover .grid__button_icon___GGbTt {
				stroke: var(--link-hovered-text-color);
			}

.grid__button_icon___GGbTt {
		width: 5px;
		height: 12px;
		position: relative;
		top: 2px;
		stroke: var(--link-default-text-color);
		fill: transparent;
	}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/suggest/theme/grid.h.child.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.grid-h-child__wrapper___gpyBj .table-colAdapt_description {
				width: auto;
			}

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

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

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

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

.grid-h-child__container___vV\+HH {
	height: 100%;
}

.grid-h-child__container___vV\+HH table {
		width: 588px;
		border-collapse: collapse;
		table-layout: fixed;
	}

.grid-h-child__container___vV\+HH .grid-h-child__gridCell__content___1TVr7 {
			min-width: 30px;
		}

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

.grid-h-child__gridHead___xRrmO .grid-h-child__cell___\+GjJn {
		font-size: 12px;
		text-align: left;
		color: var(--table-column-text-header-color);
	}

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

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

.grid-h-child__gridBody___QSYEU .grid-h-child__row_selected___3bg78 .grid-h-child__arrow___6FsVU {
				opacity: 1;
			}

.grid-h-child__gridBody___QSYEU .grid-h-child__row___H4iVB:hover .grid-h-child__cell___\+GjJn:not(.grid-h-child__cell_group___t0IRZ), .grid-h-child__gridBody___QSYEU .grid-h-child__row_active___uVAks .grid-h-child__cell___\+GjJn:not(.grid-h-child__cell_group___t0IRZ) {
				cursor: pointer;
			}

.grid-h-child__gridBody___QSYEU .grid-h-child__row___H4iVB:hover .grid-h-child__cell___\+GjJn:not(.grid-h-child__cell_group___t0IRZ):after, .grid-h-child__gridBody___QSYEU .grid-h-child__row_active___uVAks .grid-h-child__cell___\+GjJn:not(.grid-h-child__cell_group___t0IRZ):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___QSYEU .grid-h-child__row___H4iVB:hover td:not(.grid-h-child__cell_group___t0IRZ):first-child:before, .grid-h-child__gridBody___QSYEU .grid-h-child__row_active___uVAks td:not(.grid-h-child__cell_group___t0IRZ):first-child:before {
					background: var(--symbol-suggest-line-hover-bg-color);
				}

.grid-h-child__gridBody___QSYEU .grid-h-child__row___H4iVB td:not(.grid-h-child__cell_group___t0IRZ):first-child {
			overflow: visible;
			position: static;
		}

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

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

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

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

.grid-h-child__gridCell__content_left___M-ZDM {
			text-align: left;
		}

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

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

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

.grid-h-child__cell_group___t0IRZ .grid-h-child__gridCell__content___1TVr7 {
		height: 30px;
	}

.grid-h-child__cell_description___j8NjH:not(.grid-h-child__cell_group___t0IRZ) {
	color: var(--table-text-color);
}

.grid-h-child__cell_description___j8NjH:not(.grid-h-child__cell_group___t0IRZ):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___6gtc5 .grid-h-child__gridCell__content___1TVr7 {
		padding: 0;
	}


/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/suggest/theme/arrow-button.h.child.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.arrow-button-h-child__container___8G\+Tv {
    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___8G\+Tv:before {
        content: none;
    }
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/tabs/theme/tabs.component.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
.tabs-component__tabs___1zQva {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/suggest/theme/suggestTabs.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
.suggestTabs__container___F1Mbz {
	border-bottom: 2px solid var(--symbol-suggest-tab-active-bg-color);
	background: var(--symbol-suggest-tab-unactive-bg-color);
	outline: none;
}

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

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

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

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

.suggestTabs__tab_active___iyQmJ:before {
			content: ' ';
			display: inline-block;
			position: absolute;
			right: 0;
			left: 0;
			top: 0;
			height: 2px;
			background-color: var(--tab-selected-line-color);
		}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/suggest/theme/suggest.module.css ***!
  \******************************************************************************************************************************************************************************************************************************/
.suggest__filter___fmtwb {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}
   
    .suggest__filter_content___oLr99 {
        display: flex;
        align-items: center;
        height: 24px;
        width: 100%;
        justify-content: space-between;
        border-top: 1px solid var(--line-color);
    }
   
    .suggest__filter_count___15gJW {
        color: var(--dropdown-list-description-text-color);
        font-size: 12px;	
        line-height: 16px;
    }
   
    .suggest__filter_button___ZIxe9 {
        color: var(--link-default-text-color);
        font-size: 12px;	
        line-height: 20px;
        cursor: pointer;
    }
   
    .suggest__filter_disabled___uSM7H {
        color: var(--common-text-disabled);
        font-size: 12px;	
        line-height: 20px;
    }

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/suggest/theme/loading-indicator.child.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.loading-indicator-child__container___sDXIC {
	margin-top: 15px;
	margin-bottom: 12px;
	margin-left: 275px;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/suggest/theme/popover.child.module.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.popover-child__container___W01wn {
	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___TXQ7u:not(:empty) {
	border: none;
}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/suggest/theme/footer.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
.footer__container___nJBjf {
	padding: 10px;
	color: var(--symbol-suggest-tertiary-text-color);
	display: flex;
	flex-direction: column;
}

.footer__hint___yKhoy {
	font-size: 14px;
}

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

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

.footer__hint_key___vHpLv {
		color: var(--common-text-default);
	}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/multiasset-suggest/button-info/button-info.module.css ***!
  \******************************************************************************************************************************************************************************************************************/
.button-info__container___MUSOv {
	display: inline-flex;
	width: 12px;
	height: 12px;
	border: none;
	padding: 0;
	flex-shrink: 0;
	background: none;
}

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

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

	.button-info__container___MUSOv .button-info__icon___Y4N79 {
		fill: var(--icon-secondary-default-color);
		height: 100%;
		transition: fill 220ms ease-out;
	}

	.button-info__container___MUSOv:hover:not(.button-info__button-disabled___EQOMT) .button-info__icon___Y4N79, .button-info__container___MUSOv:hover:not(:disabled) .button-info__icon___Y4N79, .button-info__container___MUSOv:hover:not([disabled]) .button-info__icon___Y4N79 {
				fill: var(--icon-hovered-color);
				transition: fill 220ms ease-in;
			}

	.button-info__container___MUSOv:active:not(.button-info__button-disabled___EQOMT) .button-info__icon___Y4N79, .button-info__container___MUSOv:active:not(:disabled) .button-info__icon___Y4N79, .button-info__container___MUSOv:active:not([disabled]) .button-info__icon___Y4N79 {
				fill: var(--icon-pressed-color);
			}

/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/multiasset-suggest/theme/multiasset-suggest.css ***!
  \************************************************************************************************************************************************************************************************************/
.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;
		}

/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widgetNew/theme/widget-header-controls/widget-header-button.child.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.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;
		}


/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widgetNew/theme/widget-header-controls/widget-header-control.child.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.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;
			}

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widgetNew/theme/widget-header-controls/suggest.h.child.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.suggest-h-child__container___OglP3: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);
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-time-range/theme/control-time-range.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
.control-time-range__container___3FIcL {
	display: flex;
}

.control-time-range__otherItems___BDY\+q {
	position: relative;
}

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-time-range/theme/button.h.child.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.button-h-child__container___ZdU4A {
	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___ZdU4A::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___7zxnz {
		background: var(--segmented_control-selected-bg);
		color: var(--segmented_control-selected-text);
		z-index: 2;
	}


/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-time-range/theme/selectbox.h.child.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.selectbox-h-child__container__anchor___pVlde {
	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___pVlde:focus {
		box-shadow: none;
	}

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

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

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

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-time-range/theme/toggleButtons.h.child.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.toggleButtons-h-child__container__item___mWNBB {
	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___mWNBB::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___mWNBB:not(:last-child) {
		border-right: 0;
	}

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

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

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-time-range/theme/delimiter.h.child.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.delimiter-h-child__item__content___qpYlJ {
	height: 1px;
	width: 100%;
	background: var(--line-color);
}

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


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


/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-countries-selector/theme/selectbox.h.child.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.selectbox-h-child__container__anchor___IYNGI {
		height: 19px;
		padding: 0;
		color: var(--link-default-text-color);
		background-color: transparent;
		border-color: transparent;
		box-shadow: none;
	}

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

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

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

		.selectbox-h-child__container__anchor__content_hasCaret___1\+Tqp .selectbox-h-child__container__anchor__caret___GkQHO {
					display: none;
				}
	.selectbox-h-child__container__item___Lt-8H {
		padding: 0 15px 0 6px;
	}
	.selectbox-h-child__container__item__text___3oH5g {
			padding-left: 22px;
			padding-right: 0;
		}
	.selectbox-h-child__container__item__activeIcon___xshIB {
			right: auto;
			left: 4px;
		}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-countries-selector/theme/control-countries-selector.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.control-countries-selector__container___rKfU4 {
	display: flex;
	margin-left: 8px;
}

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

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

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-trading-journal/components/tag-selector/theme/tag-selector-anchor.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.tag-selector-anchor__container___Pg8wj {
	height: 20px;
	color: var(--link-default-text-color);
	text-align: left;
	min-width: auto;
	padding: 0;
}


/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-trading-journal/components/tag-selector/theme/tag-selector.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.tag-selector__container___8j7mO {
	display: inline-block;
}

	.tag-selector__container_unfilled___oD3wq {
		visibility: visible;
	}

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

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

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

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

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

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

.tag-selector__optionIcon_type_marketEvent___WEf99 {
			background-color: var(--tag-market-event-default-bg-color);
		}

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

.tag-selector__optionIcon_selected___Y-e-O {
		border-color: var(--tag-selected-border-color);
	}

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

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

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

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


/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-trading-journal/components/tag-selector/theme/selectbox.h.child.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.selectbox-h-child__container__popover___U\+KaM,
.selectbox-h-child__container__popover__content___4QaBa {
	border: none;
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-trading-journal/components/tag-selector/theme/menuItem.h.child.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.menuItem-h-child__item___MOjz3 {
	padding-top: 2px;
	padding-bottom: 2px;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-link/button-link.css ***!
  \***************************************************************************************************************************************************************************************************************/
.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;
	}

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/multilineTextTool/theme/multilineTextTool.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.multilineTextTool__container___l3LRW {
	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___l3LRW .react-resizable {
			position: relative;
		}

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

	.multilineTextTool__container___l3LRW .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___l3LRW .scrollable {
			height: 100%;
		}

	.multilineTextTool__container___l3LRW .scrollbar--bar::before {
					background-color: var(--scrollbar-bg-default-color);
				}

.multilineTextTool__wrapperContent___aiYp0,
.multilineTextTool__wrapperContentWithNoHint___QiMgA {
	position: relative;
	overflow: hidden;
	z-index: 0;
	transition: border 250ms, box-shadow 250ms;
	border: 1px solid transparent;
}

.multilineTextTool__wrapperContent___aiYp0 {
	height: calc(100% - 18px);
}

.multilineTextTool__wrapperContentWithNoHint___QiMgA {
	height: 100%;
}

.multilineTextTool__text___cxHgZ {
	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___lzkDa {
	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;
	        user-select: text;
}

.multilineTextTool__textAreaWrapper___PHtuK {
	height: 100%;
}

.multilineTextTool__form___xuaod {
	height: 100%;
	cursor: text;
}

.multilineTextTool__iconContainer___58JGZ {
	z-index: 2;
	position: absolute;
	right: 2px;
	width: 13px;
	height: 13px;
	fill: var(--icon-secondary-default-color);
	cursor: pointer;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-trading-journal/components/trade-note/theme/context-menu-button.h.child.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.context-menu-button-h-child__container___ce9Dv {
    height: 100%;
    width: auto;
    min-width: auto;
    padding: 0 5px;
    color: var(--link-default-text-color);
}

/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-trading-journal/components/trade-note/theme/trade-note.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.trade-note__container___DFMJm {
	position: relative;
	height: 100%;
}

	.trade-note__container___DFMJm:hover .trade-note__contextMenu___UMpR3 {
			visibility: visible;
		}

.trade-note__content___Rivnd {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
	visibility: visible;
}

.trade-note__popoverContainer___t2yQI {
	border: none;
	background-color: transparent;
}

.trade-note__contextMenu___UMpR3 {
	display: flex;
	visibility: hidden;
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 7px;
}

.trade-note__contextMenu___UMpR3::before,
	.trade-note__contextMenu___UMpR3::after {
		z-index: 0;
		content: '';
		position: absolute;
		top: 0;
		display: block;
		height: 100%;
	}

.trade-note__contextMenu___UMpR3::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___UMpR3::after {
		left: 10px;
		width: calc(100% - 10px);
		background-color: var(--table-row-bg-hover-color);
	}

.trade-note__contextMenu__item___5Tzit {
		z-index: 1;
		margin: 0 5px;
	}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-toggleButtons/control-toggleButtons.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.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);
}

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-toggleButtons/control-toggleButtons-mobile.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
.mobile .control-toggleButtons .button {
			height: 29px;
			font-size: 15px;
		}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/link-pseudo/link-pseudo.css ***!
  \***************************************************************************************************************************************************************************************************************/
.link-pseudo {
	transition: color var(--animation-fast);
	text-decoration: underline;
	cursor: pointer;
	color: var(--dropdown-list-text-color);
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu/contextMenu.css ***!
  \***************************************************************************************************************************************************************************************************************/
/* Reusable thin scrollbar styles */
.thin-scrollbar::-webkit-scrollbar {
		width: 6px;
	}
.thin-scrollbar::-webkit-scrollbar-track {
		background: transparent;
	}
.thin-scrollbar::-webkit-scrollbar-thumb {
		background-color: var(--scrollbar-thumb-color, rgba(255, 255, 255, 0.2));
		border-radius: 3px;
	}
.thin-scrollbar::-webkit-scrollbar-thumb:hover {
		background-color: var(--scrollbar-thumb-hover-color, rgba(255, 255, 255, 0.3));
	}

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

/* Overflow handling for menus without submenus - prevents dropdown from being cut off at viewport edges */

.contextMenu-overflowScroll {
		max-height: calc(100vh - 40px);
		overflow-y: auto;
	}

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

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

.contextMenu--head {
		position: relative;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.contextMenu--grid {
		display: table;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.contextMenu-widgetHeader {
		background: linear-gradient(to bottom, var(--widget-bg-top-color), var(--widget-bg-bottom-color));
	}

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

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

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

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

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

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

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

/* Portal-based submenus - rendered at document root level */
.contextMenu--portal-submenu .contextMenu--optionList-portal {
		position: relative;
		visibility: visible;
		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);
		min-width: 158px;
		max-width: 130px;
	}
.contextMenu--portal-submenu .contextMenu--optionList {
		width: 100%;
	}
.contextMenu--portal-submenu .contextMenu--item {
		overflow: hidden;
	}
.contextMenu--portal-submenu .contextMenu--item .link-pseudo,
		.contextMenu--portal-submenu .contextMenu--item .contextMenu--text {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			flex: 1;
			min-width: 0;
		}
.contextMenu--portal-submenu .contextMenu--item .contextMenu--subIcon {
			flex-shrink: 0;
			margin-left: auto;
		}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu/contextMenu-mobile.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.mobile .contextMenu-contextMenuButton {
			font-size: 16px;
		}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenuButton/theme/contextMenuButton.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
.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 .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;
		}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenuButton/theme/popover.child.module.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.popover-child__container___D5Pca {
	background: none;
}

	.popover-child__container___D5Pca .contextMenu-contextMenuButton {
			position: relative;
			left: 0;
			top: 0;
		}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup/popup.css ***!
  \***************************************************************************************************************************************************************************************************/
.popup {
	position: absolute;
	left: 0;
	width: 100%;
	top: -150%;
	height: 100%;
	z-index: 99;
	visibility: hidden;
	text-align: center;
	pointer-events: none;
	transition: visibility 0s linear 0.3s, top 0s linear 0.3s;
	/*
	* please don't remove this property.
	* older versions of safari cannot display correctly
	* positioned elements (absolute or relative) with transition property
	* and can't apply z-index property
	* https://stackoverflow.com/a/9227478/20632991
	*/
	transform: translate3d(0, 0, 0);
}

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

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

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

	.popup-visible .popup--window {
			z-index: 31;
			animation: popupShow 0.3s cubic-bezier(0, 0, 0, 1.3);
		}

	.popup-hidden {
		visibility: hidden;
	}

	.popup-hidden .popup--window {
			animation: popupHide 0.3s linear;
		}

	.popup-modal {
		pointer-events: all;
	}

	.popup-modal .popup--window {
			box-shadow: 0 6px 25px var(--modal-window-shadow-color);
		}

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

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

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

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

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

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

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

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

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

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

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

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

	.popup--buttons {
		padding: 9px 8px 8px;
	}

	.popup--buttons .button {
			min-width: 75px;
			font-size: 14px;
			font-weight: normal;
		}

	.popup--buttons .button + .button {
				margin-left: 8px;
			}

	.popup--buttons .button-restoreDefault {
				margin-top: 5px;
				line-height: 14px;
			}

	.popup--buttons .contextMenuButton__container {
			float: left;
			margin-top: 6px;
			margin-right: 10px;
			margin-left: 22px;
		}

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

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

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

	.popup--hint {
		opacity: 0;
	}

	.popup--hint-visible {
			opacity: 1;
		}

	.popup--hint-cancelButton {
			float: right;
			max-width: 85px;
			font-size: 1rem;
			height: 41px;
			text-align: left;
		}

	.popup--hint-cancelButton span {
				display: inline-block;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
			}

	.popup--hint-closePosition {
			position: relative;
			top: 2px;
			float: right;
			width: 123px;
			border-width: 1px 1px 0 1px;
			border-style: solid;
			border-color: var(--modal-window-border-color);
			transform: translateY(-10px);
		}

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

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

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

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

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

	.popup-error .messagePanel-error {
			max-height: 50px;
			text-align: center;
		}

	.popup-error .popup--errorMessage {
			padding: 15px 30px;
			max-height: 75px;
		}

	.popup-draggable .popup--header {
			cursor: move;
		}

	.popup-adaptive .drawingProperties {
			max-height: none;
		}

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

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

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

@keyframes popupShow {
	0% {
		opacity: 0;
		transform: translateY(-200px);
	}

	33% {
		opacity: 1;
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes popupHide {
	0% {
		opacity: 1;
		transform: translateY(0px);
	}

	33% {
		opacity: 0;
	}

	100% {
		opacity: 0;
		transform: translateY(-200px);
	}
}

@keyframes popupErrorBlink {
	0% {
		background-color: transparent;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup/popup-mobile.css ***!
  \**********************************************************************************************************************************************************************************************************/
.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;
		}

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-stack-popup/theme/popup-stack-popup.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.popup-stack-popup__container___rUzCU {
	max-width: 488px;
}

.popup-stack-popup__title___rtt3s {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
}

.popup-stack-popup__text___I2QuM  {
	margin-top: 9px;
	font-size: 12px;
	line-height: 20px;
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-trading-journal/components/trade-note-popup/theme/trade-note-popup.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.button-popup--copy-note {
		position: absolute;
		left: 5px;
		margin-right: 10px;
		padding: 3px 5px 3px 5px;
	}

.trade-note-popup__container___rgphp {
	padding-right: 0;
}

.trade-note-popup__body___mJlgn {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 5px;
}

.trade-note-popup__body___mJlgn .multilineTextTool__container:focus-within {
			border: 1px solid var(--selected-input-border-color);
		}

.trade-note-popup__body___mJlgn .multilineTextTool__text {
			height: 100%;
		}

.trade-note-popup__header___j9VT5 {
	font-weight: bold;
}

.trade-note-popup__footer___rvw5O {
	text-align: right;
}

.trade-note-popup__footer___rvw5O button {
		font-size: 14px;
	}

.trade-note-popup__footer___rvw5O button + button {
		margin-left: 8px;
	}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-trading-journal/components/tag/theme/tag.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.tag__container___9Ac6Q + .tag__container___9Ac6Q {
	margin-left: 2px;
}

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

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

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

.tag__markEvent___iXAwu.tag__markEvent___iXAwu {
	background: var(--tag-market-event-default-bg-color);
}

.tag__compact___lB4YQ {
	width: 15px;
}

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

.tag__circle___rUHwn {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: var(--tag-name-text-color);
}


/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-trading-journal/components/tag/theme/button.h.child.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.button-h-child__container___hURwm {
	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___hURwm::before {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		border-radius: 15px;
		border-color: transparent;
	}

	.button-h-child__container_active___sphLx {
        box-shadow: inset 0 1px 1px 0 var(--tag-selected-shadow-inside-color);
	}

	.button-h-child__container_active___sphLx::before {
			border-color: var(--tag-selected-border-color);
		}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/instrument-info-widget/instrument-info-widget-header/theme/header.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.header__header___JC17k {
    border-bottom: 1px solid var(--line-color);
    padding-bottom: 17px;
}

.header__headerTitle___GTVyT {
    font-size: 21px;
    font-weight: bold;
    color: var(--common-text-default);
}

.header__headerDescription___BjEBw {
    font-size: 12px;
    line-height: 1.67;
    color: var(--common-text-default);
    margin-bottom: 7px;
}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/instrument-info-widget/instrument-info-widget-header/theme/table.child.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.table-child__table___T6LaX {
    padding-top: 6px;
    margin-bottom: 10px;
}

.table-child__cell___HOYJm {
    font-size: 12px;
    line-height: 1.42;
    text-align: left;
    vertical-align: middle;
    color: var(--label-color);
    white-space: nowrap;
}

.table-child__cell___HOYJm:not(:last-child) {
        padding-right: 16px;
    }

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

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/instrument-info-widget/instrument-info-widget-rates-table/theme/table.child.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.table-child__cell___v6TkA {
    font-size: 12px;
    line-height: 1.42;
    text-align: left;
    vertical-align: top;
    color: var(--label-color);
}

    .table-child__cell___v6TkA:not(:first-child) {
        padding-left: 10px;
    }

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

.table-child__cellPadding___Gev7\+ {
    padding-bottom: 9px;
}

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/instrument-info-widget/instrument-info-widget-tradings-table/theme/tradingsTable.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.tradingsTable__dayWrapper___amR95 {
    width: 30px;
    position: relative;
}

    .tradingsTable__dayWrapper___amR95::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        background: var(--line-color);
        height: 100%;
    }

.tradingsTable__day___0AGkH {
    line-height: 1;
}

.tradingsTable__day___0AGkH:not(:last-child) {
        margin-bottom: 5px;
    }

.tradingsTable__overnightRate___GL6Ym {
	white-space: nowrap;
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/instrument-info-widget/instrument-info-widget-tradings-table/theme/table.child.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.table-child__container___6brRa {
    border-spacing: 0 10px;
    border-collapse: separate;
}
	
	.table-child__container___6brRa tbody .table-child__cell___bMs74:nth-child(3) p {
					padding-right: 10px;
				}

.table-child__cell___bMs74 {
    font-size: 12px;
    line-height: 1.42;
    text-align: left;
    vertical-align: middle;
    color: var(--label-color);
}

.table-child__cell___bMs74:not(:last-child) {
        padding-right: 7px;
    }

.table-child__headerCell___re\+ER {
    vertical-align: top;
    white-space: nowrap;
    line-height: 1.2;
}

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

.table-child__bottomCell___6XTxD {
    margin-top: -8px;
}

.table-child__bottomCell_timezone___yigFv {
        margin-right: 8px;
    }

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/instrument-info-widget/instrument-info-widget-ex-dividends/theme/exDividends.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.exDividends__cell___-uAbR {
	font-size: 12px;
	width: 80px;
	line-height: 1.42;
	text-align: left;
	vertical-align: middle;
	color: var(--label-color);
	padding-bottom: 5px;
}

.exDividends__valueCell___HFU-9 {
	color: var(--common-text-default);
	width: 80px;
}

.exDividends__headerCell___vZ-x4 {
	vertical-align: top;
	white-space: nowrap;
}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/instrument-info-widget/theme/instrument-info-widget.module.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.instrument-info-widget__container___IxYud {
    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___psr32 {
    color: var(--icon-primary-default-color);
}

.instrument-info-widget__secondary___gP6PX {
    color: var(--icon-secondary-default-color);
}

.instrument-info-widget__body___ELYQo {
    display: flex;
    padding-top: 3px;
    padding-bottom: 3px;
}

.instrument-info-widget__rates___wr0Xc {
    width: 188px;
    box-sizing: border-box;
    padding-top: 7px;
    padding-right: 7px;
}

.instrument-info-widget__exDividends___g7lLu {
	padding: 7px 7px 7px 10px;
}

.instrument-info-widget__infoButton___UrDCZ {
    display: inline-block;
    padding-left: 3px;
    box-sizing: border-box;
}

.instrument-info-widget__label___\+7St4 {
    font-size: inherit;
    color: var(--dropdown-list-text-color);
	cursor: pointer;
}


/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/instrument-info-widget/theme/popover.child.module.css ***!
  \******************************************************************************************************************************************************************************************************************/
.popover-child__container___L8IHQ {
	background-color: var(--dropdown-list-bg-color);
	box-shadow: 0 2px 2px 0 var(--overlay-box-shadow-color);
}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/instrument-info-widget/theme/button-icon.child.module.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.button-icon-child__container___EoLg6 {
    border: 0;
    margin: 0;
    padding: 0;
}

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

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

.button-icon-child__icon___DrGAt {
    width: 12px;
    height: 12px;
}


/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/instrument-info-widget/theme/instrument-info-widget-item.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.contextMenu--item-instrumentInfoWidget__wrapper {
        padding: 0;
        fill: var(--dropdown-list-text-color);
        height: 26px;
    }

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

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widgetsMenu/widgetsMenu.css ***!
  \***************************************************************************************************************************************************************************************************************/
.widgetsMenu {
	display: flex;
}

	.widgetsMenu--block {
		display: inline-block;
		min-width: 80px;
		margin-right: 23px;
		vertical-align: top;
		overflow: hidden;
	}

	.widgetsMenu--header {
		display: block;
		margin: 4px 0 4px;
		padding-left: 6px;
		font-size: 12px;
		position: relative;
		color: var(--application-header-section-text-color);
	}

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

	.widgetsMenu--header span {
			padding-right: 5px;
		}

	.widgetsMenu--list {
		display: inline-block;
		margin-right: 17px;
		vertical-align: top;
	}

	.widgetsMenu--list:last-child {
			margin-right: 10px;
		}

	.widgetsMenu--block-column .widgetsMenu--list {
			-moz-column-count: 2;
			     column-count: 2;
		}

	.widgetsMenu--block-myLayouts {
		margin-right: 41px;
	}

	.widgetsMenu--block-myLayouts,
	.widgetsMenu--block-publicLayouts {
		min-width: 216px;
	}

	.widgetsMenu--block-myLayouts .widgetsMenu--list, .widgetsMenu--block-publicLayouts .widgetsMenu--list {
			width: 100%;
			margin-right: 0;
		}

	.widgetsMenu--item {
		padding: 0 20px 0 6px;
		line-height: 1.73;
		position: relative;
		cursor: pointer;
		pointer-events: auto;
		color: var(--application-header-item-text-color);
		transition: background-color 220ms ease-in;
	}

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

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

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

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

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

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

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

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

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

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

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

	.widgetsMenu .icon-subList {
		display: inline-block;
		width: 14px;
		height: 26px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		pointer-events: auto;
		transition: background-color 220ms ease-out;
	}

	.widgetsMenu .icon-subList .icon {
			width: 4px;
			height: 7px;
			position: relative;
			top: 50%;
			left: 50%;
			transform: translateY(-50%) translateX(-50%);
			fill: var(--icon-secondary-default-color);
		}

	.widgetsMenu .button-subList {
		width: 14px;
		height: 26px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		pointer-events: auto;
		background-color: transparent;
		transition: background-color 220ms ease-out;
	}

	.widgetsMenu .button-subList .icon {
			width: 4px;
			height: 7px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translateY(-50%) translateX(-50%);
			fill: var(--icon-secondary-default-color);
		}

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

	/* TODO: remove when free of gwt */

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

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

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

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

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

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

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

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

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

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

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

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

	.widgetsMenu--popover {
		border: none;
	}

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

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

/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/header/components/layout-list/theme/layout-list.module.css ***!
  \***********************************************************************************************************************************************************************************************************************/
.layout-list__menuActions___cSUYv {
    height: 100%;
    margin-right: 10px;
}
	
	.layout-list__menuActions___cSUYv .widgetsMenu--icons .button-icon:last-child {
				margin-right: 0;
			}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/header/components/button-layout/theme/layout-list.child.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
.layout-list-child__scroll___VxB6R {
    max-height: 183px;
    padding-top: 3px
}

.layout-list-child__list___jJAts {
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.layout-list-child__list___jJAts:last-child {
        margin: 0;
    }

.layout-list-child__list___jJAts .widgetsMenu--item--placeholder {
			padding-left: 10px;
			color: var(--context-menu-list-text-color);
		}

.layout-list-child__item___3Rn5w {
    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___3Rn5w .widgetsMenu--item--content {
			padding-right: 80px;
		}

.layout-list-child__buttons___hIWX9 {
    display: block;
    padding-left: 0;
    margin-left: 10px;
	margin-top: 6px;
	padding-top: 6px;
}

.layout-list-child__buttons___hIWX9 .button-link.button-link {
            font-size: 12px;
        }

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/header/components/button-layout/theme/button-link.child.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
.button-link-child__container___W7AEf {
    font-size: 12px;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/header/components/button-layout/theme/context-menu-item.child.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.context-menu-item-child__container___aJstF {
    font-size: 12px;
    line-height: 2.17;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/account-metrics/theme/account-metrics.css ***!
  \******************************************************************************************************************************************************************************************************/
.accountMetrics_wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: -10px;
    margin-bottom: -10px;
    flex: 1 1 auto;
    overflow: hidden;
}

.accountInfo--tradingType {
    position: relative;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/header/components/account-selector/theme/popover.h.child.module.css ***!
  \********************************************************************************************************************************************************************************************************************************/
.popover-h-child__container___R6\+0C {
    margin-left: -17px;
    margin-top: 2px;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-confirmation-popup/theme/trading-confirmation-popup.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.trading-confirmation-popup__description___ZWltG {
	font-size: 14px;
	color: var(--modal-window-text-color);
	padding: 12px 0 13px;
	line-height: 1.5;
	text-align: center;
}

.trading-confirmation-popup__buttons___JWY65 {
	display: flex;
	align-items: center;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/save-layout-popup/theme/save-layout-popup.module.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.save-layout-popup__list___Fau\+4 {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

    .save-layout-popup__list_content___eL8ET {
        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___t3dEs {
        padding-top: 7px;
        padding-right: 15px;
        color: var(--label-color);
    }

    .save-layout-popup__list_placeholder___mTlRf {
        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___bWDlk {
        display: inline-block;
        max-width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/save-layout-popup/theme/scrollable.h.child.module.css ***!
  \******************************************************************************************************************************************************************************************************************/
.scrollable-h-child__scrollable___I9hW2 {
    width: 100%;
    min-height: 134px;
    max-height: 265px;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/language-popup/theme/language-popup.module.css ***!
  \***********************************************************************************************************************************************************************************************************/
.language-popup__item___i5ETg {
	position: relative;
	padding: 2px 0;
	display: flex;
	align-items: center;
	cursor: pointer;
	color: var(--label-color);
}

.language-popup__delimiter___55NPf {
	margin: 0 4px;
}

.language-popup__originName___ZbdFy {
	color: var(--modal-window-text-color);
	white-space: nowrap;
}

.language-popup__englishName___MV\+Wj {
	white-space: nowrap;
}

.language-popup__tickIcon___yXw82 {
	color: var(--modal-window-text-color);
	height: 14px;
	width: 16px;
	margin-left: 10px;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/logo/logo.css ***!
  \********************************************************************************************************************************************************************************************/
.logo {
	display: inline-block;
	vertical-align: middle;
	width: 82px;
	height: 50px;
	transition: width var(--animation-default);
	color: var(--logo-brand-color);
}

.logo_trade {
	display: inline-block;
	vertical-align: middle;
	width: 82px;
	height: 40px;
	transition: width var(--animation-default);
	color: var(--logo-brand-secondary-color);
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/session-expired-popup/theme/session-expired-popup.module.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.session-expired-popup__container___Mnjcj {
    padding-top: 34px;
    text-align: center;
}

.session-expired-popup__logo___i-44D {
	display: inline-block;
	vertical-align: middle;
    width: 82px;
    height: 50px;
	transition: width var(--animation-default);
    margin-bottom: 19px;
	color: var(--logo-brand-color);
}

.session-expired-popup__description___u8Mwe {
	color: var(--common-secondary-text-color);
	padding-bottom: 22px;
	line-height: 1.5;
    font-size: 14px;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/number-filter/theme/number-filter.module.css ***!
  \*********************************************************************************************************************************************************************************************************/
.number-filter__container___776dX {
    width: 156px;
}

.number-filter__footer___\+cCqc {
    display: flex;
	justify-content: flex-end;
}

.number-filter__declimeter___sIEc8 {
	margin: 9px 0 5px;
	height: 1px;
	overflow: hidden;
	padding: 0;
	box-shadow: inset 0 1px 0 0 var(--line-color-2);
}

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/symbol-filter/symbol-filter-menu-list/theme/scrollable.h.child.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.scrollable-h-child__scrollable___KrYoQ {
    height: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/symbol-filter/symbol-filter-menu/theme/symbol-filter-menu.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
.symbol-filter-menu__delimiter___N9hwT {
    height: 1px;
    overflow: hidden;
    margin: 2px 7px;
    box-shadow: inset 0 1px 0 0 var(--line-color-2);
}

.symbol-filter-menu__container___VcL-m {
    padding: 4px 0;
    min-width: 128px;
    width: -moz-fit-content;
    width: fit-content;
}

.symbol-filter-menu__footer___KlL6E {
    display: flex;
    padding: 6px 10px;
    align-items: center;
    justify-content: flex-end;
}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/chart/chart-settings-menu/price-type-toggler/theme/price-type-toggler.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.price-type-toggler__container___UQQkn {
    display: flex;
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/chart/chart-settings-menu/line-type-toggler/theme/line-type-toggler.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.line-type-toggler__container___71dax {
    display: flex;
    width: 170px;
    padding: 0 30px;
    box-sizing: border-box; 
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/chart/chart-settings-menu/chart-settings-menu/theme/chart-settings-menu.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.chart-settings-menu__delimiter___tTS8M {
    height: 1px;
    overflow: hidden;
    margin: 2px 7px;
    padding: 0;
    box-shadow: inset 0 1px 0 0 var(--line-color-2);
}

.chart-settings-menu__aggregation___4deB7 {
    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;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/line-style-selectbox/theme/icon.module.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.icon__container___gRT2I {
    width: 7px;
    margin-left: 4px;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/line-style-selectbox/theme/line-style-selectbox.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
.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;
    }
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/chart/drawings/line-toolbar/theme/line-toolbar.module.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.line-toolbar__container___quffw {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 50;
    text-align: center;
    pointer-events: none;
}

.line-toolbar__content___eOXzm {
    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___R\+YGh {
    display: flex;
    align-items: center;
}

.line-toolbar__divider___bCg8a {
    display: inline-block;
    vertical-align: top;
    width: 1px;
    height: 25px;
    margin: 0 8px 0 12px;
    border-left: 1px solid var(--line-color-5);
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/restore-password-popup/theme/restore-password-popover.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
.restore-password-popover__container___KRAkG {
	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___DdXDm {
	position: absolute;
	left: 0;
	top: 27px;
	color: var(--modal-window-text-color);
	font-size: 12px;
}

.restore-password-popover__notification___AiQRJ {
	white-space: pre-line;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/menu-item-delimeter/theme/menu-item-delimeter.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
.menu-item-delimeter__container___Wht0L {
    height: 1px;
    overflow: hidden;
    margin: 2px 7px;
    padding: 0;
    box-shadow: inset 0 1px 0 0 var(--line-color-2);
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/menu-builder/theme/menu-builder.module.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.menu-builder__link___pHH3w {
    text-decoration: none;
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/devexa/devexa.module.css ***!
  \*************************************************************************************************************************************************************************************/
.devexa__isExpanded___3adIf {
	height: 550px;
	width: 340px;
}

.devexa__isCollapsed___cYn7r {
	width: 250px;
	height: 30px;
}

.devexa__wrapper___mH5es {
	position: fixed;
	right: 0;
	bottom: 0;
	/*colors are randomly picked from chameleon*/
	border: 1px solid var(--chart-order-single-border-color);
	box-shadow: 0 4px 15px var(--overlay-box-shadow);
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/menu/theme/popover.module.css ***!
  \******************************************************************************************************************************************************************************************/
.popover__container___iB3Qo {
    margin-left: 10px;
    overflow: visible;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/button-add-widget-tab/contextMenu-widgets-selector/theme/contextMenu-widgets-selector.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.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;
								}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/button-add-widget-tab/theme/popover.h.child.module.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.popover-h-child__container___HMDms {
	overflow: visible;
}

.popover-h-child__content___OUOSO .contextMenu {
			box-shadow: none;
			padding: 0;
			border: none;
		}


/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/toolbar/theme/button-icon.module.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.button-icon__container___S2ml5 {
    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___S2ml5:before {
        content: none;
    }

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

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

.button-icon__icon___0NFEm {
    height: 100%;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/toolbar/theme/popover.module.css ***!
  \***************************************************************************************************************************************************************************************************************/
.popover__container___zIc8d {
    padding: 0;
    background: transparent;
    overflow: visible;
    color: var(--table-text-color);
}

.popover__content___K8yMZ {
    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);
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/toolbar/theme/toolbar.module.css ***!
  \***************************************************************************************************************************************************************************************************************/
.toolbar__container___YQ83\+ {
	position: relative;
	display: flex;
	align-items: center;
	flex: 1 1 auto;
    overflow: hidden;
}

.toolbar__items___njeuV {
	position: relative;
	display: flex;
	align-items: center;
	width: calc(100% - 20px);
    white-space: nowrap;
}

.toolbar__item___eiMaG {
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.toolbar__item___eiMaG:not(:first-child) {
		margin-left: 6px;
	}

.toolbar__otherItems___mb6A0 {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-header/watchlist-header-title/theme/popover.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
.popover__container___Rmv5T {
    overflow: visible;
    min-width: 144px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/button-group-linking/components/button-group-linking.group-icon/theme/button-group-linking.group-icon.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.button-group-linking-group-icon__container___NtyZS {
    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___uOFnS {
            background-color: var(--widget-link-group-bg-color-1);
        }

    .button-group-linking-group-icon__container_group_orange___eB-oY {
            background-color: var(--widget-link-group-bg-color-2);
        }

    .button-group-linking-group-icon__container_group_yellow___iZHao {
            background-color: var(--widget-link-group-bg-color-3);
        }

    .button-group-linking-group-icon__container_group_green___ziPX2 {
            background-color: var(--widget-link-group-bg-color-4);
        }

    .button-group-linking-group-icon__container_group_cyan___8B99J {
            background-color: var(--widget-link-group-bg-color-5);
        }

    .button-group-linking-group-icon__container_group_blue___HyZ9U {
            background-color: var(--widget-link-group-bg-color-6);
        }

    .button-group-linking-group-icon__container_group_pink___esvMA {
            background-color: var(--widget-link-group-bg-color-7);
        }


/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/button-group-linking/components/button-group-linking.anchor/theme/button-group-linking.anchor.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.button-group-linking-anchor__tooltip___Or5WM {
    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;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/button-group-linking/components/button-group-linking.menu-item/theme/button-group-linking.menu-item.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.button-group-linking-menu-item__icon___M93CK {
    margin-right: 6px;
}

    .button-group-linking-menu-item__icon___M93CK .icon {
            width: 9px;
            height: 7px;
            fill: var(--dropdown-list-bg-color);
        }

    .button-group-linking-menu-item__icon_unlink___AkEYm .icon {
                width: 11px;
                height: 11px;
                fill: var(--icon-secondary-default-color);
            }

.button-group-linking-menu-item__instrument___c5z4U {
    opacity: 0.5;
}


/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/button-group-linking/components/button-group-linking.menu-item/theme/menu-item.h.child.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.menu-item-h-child__item___bPP4a {
    display: flex;
    align-items: center;
    height: 26px;
    width: 88px;
	line-height: 25px;
    padding: 0 10px;
}

    .menu-item-h-child__item___bPP4a > div {
        width: auto;
        padding-right: 0;
    }

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

    .menu-item-h-child__item___bPP4a .icon {
            display: none;
        }

    .menu-item-h-child__item_active___g-aXx .icon, .menu-item-h-child__item_unlink___EADZm .icon, .menu-item-h-child__item___bPP4a:hover .icon {
                display: block;
            }

    .menu-item-h-child__item_unlink___EADZm {
        overflow: visible;
        margin-bottom: 5px;
    }

    .menu-item-h-child__item_unlink___EADZm::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___OZ2Yo {
        display: flex;
        align-items: center;
        color: var(--dropdown-list-text-color);
    }

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/button-group-linking/theme/selectbox.h.child.module.css ***!
  \********************************************************************************************************************************************************************************************************************/
.selectbox-h-child__container__popover___I1uaI {
		left: -10px;
		min-width: 88px;
	}

		.selectbox-h-child__container__popover___I1uaI, .selectbox-h-child__container__popover__content___7Uw3k {
			border: none;
		}
	.selectbox-h-child__container__menu___y5Hzg {
		padding: 3px 0;
	}
	.selectbox-h-child__container__item__activeIcon___YQnZQ {
		display: none;
	}
	.selectbox-h-child__container__item__text___a1fI3 {
		padding-right: 0;
	}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/widget/widget-header-controls/theme/widget-header-controls.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.widget-header-controls__container___\+bjPT {
    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___GZzNK {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid var(--widget-header-tab-divider-color);
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/columns-selector-popup/theme/scrollable.module.css ***!
  \***************************************************************************************************************************************************************************************************************/
.scrollable__scrollable___ebYck {
    height: 100%;
}

.scrollable__content___wM2zd {
    height: 100%;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/table/table-header-cell/table-header-cell.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.table-header-cell__th___aD89M {
	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___bH0bt {
	display: flex;
	align-items: center;
}

.table-header-cell__container___bH0bt:hover > button {
			visibility: visible;
			opacity: 1;
			transition-delay: 0s;
		}

.table-header-cell__container_left___9ao5\+ {
	justify-content: flex-start;
}

.table-header-cell__container_right___cXbW3 {
	justify-content: flex-end;
}

.table-header-cell__name___o3snC {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--table-column-text-header-color);
}

button.table-header-cell__sortingButton___YjZMl {
	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___YjZMl:before {
		content: none;
	}

button.table-header-cell__sortingButton___YjZMl:hover {
		color: var(--icon-secondary-hovered-color);
	}

button.table-header-cell__sortingButton___YjZMl > span {
		width: 6px;
	}

button.table-header-cell__sortingButton_visible___Sc-Db {
	visibility: visible;
	opacity: 1;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/table/table-header/table-header.module.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.table-header__thead___nDVpA {
	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___h0IGK {
	height: 18px;
	font-size: 10px;
	position: relative;
	padding-top: 0;
	vertical-align: middle;
	text-align: center;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/table/table/theme/scrollable.module.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.scrollable__scrollable___BgONc {
    height: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/table/table/theme/table.module.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.table__container___jEFNL {
	height: 100%;
}

.table__table___XGWhJ {
	min-width: 100%;
	border-collapse: separate;
	table-layout: fixed;
}

.table__tr___jyaLX {
	box-shadow: 0 1px var(--line-color);
}

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

.table__td___2l-9O {
	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___2l-9O {
		padding: 0 0 0 6px;
		letter-spacing: 1px;
	}

.table__td_left___ykAm2 {
	text-align: left;
}

.table__td_right___QugyR {
	text-align: right;
}

.table__td_center___ou-Jw {
	text-align: center;
}

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/symbol-suggest/theme/symbol-suggest-table.module.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.symbol-suggest-table__td___cCYvs {
	padding: 0 10px;
}

.symbol-suggest-table__tr___keSRN {
	cursor: pointer;
	height: 20px;
}

.symbol-suggest-table__tr_hover___AptRJ {
	background: var(--symbol-suggest-line-hover-bg-color);
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/symbol-suggest/symbol-suggest-table/theme/symbol-suggest.module.css ***!
  \********************************************************************************************************************************************************************************************************************************/
.symbol-suggest__table_container___wsOw2 {
	font-size: 14px;
}

.symbol-suggest__empty_text___g3qq0 {
	padding: 10px;
}

.symbol-suggest__footer_message___t4Vk3 {
	color: var(--additional-text-color-2);
	padding: 6px 10px 6px;
	margin-top: 6px;
	border-top: 1px solid var(--line-color);
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/symbol-suggest/symbol-suggest-table/theme/table-header.child.module.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.table-header-child__tr___oNHu6 {
	font-size: 12px;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/symbol-suggest/symbol-suggest-table/theme/table-header-cell.child.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.table-header-cell-child__th___zLPj1 {
	padding: 0 10px;
	font-size: 12px;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/symbol-suggest/theme/popover.child.module.css ***!
  \**********************************************************************************************************************************************************************************************************/
.popover-child__container___jzBYN {
	background: var(--symbol-suggest-bg-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/widget/widget-header/widget-header.module.css ***!
  \****************************************************************************************************************************************************************************************************************************/
.widget-header__container___XTida {
    display: flex;
    width: 100%;
    height: 23px;
    align-items: center;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-header/watchlist-header/theme/toolbar.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
.toolbar__item___hW3OO:not(:first-child) {
    margin-left: 16px;
  }

.toolbar__container___m5Ztt {
  margin-left: 11px;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-header/watchlist-header/theme/symbol-suggest.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.symbol-suggest__container___Pdl-H {
    width: 98px;
} 

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-table/watchlist-table-row/watchlist-table-row.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.watchlist-table-row__button___vm9gT {
	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___vm9gT:hover .watchlist-table-row__label___TMgMm {
			display: inline;
		}

	.watchlist-table-row__button___vm9gT:disabled {
		color: var(--table-text-color);
	}

.watchlist-table-row__button_up___G8if8 {
	color: var(--positive-text-color);
}

.watchlist-table-row__button_down___f59FN {
	color: var(--negative-text-color)
}

.watchlist-table-row__button__bid___\+FrEQ {
	background: var(--table_row-button-sell-inactive-bg);
	border-color: var(--table_row-button-sell-inactive-border);
}

.watchlist-table-row__button__bid___\+FrEQ:hover {
		background: var(--table_row-button-sell-hovered-bg);
		border-color: var(--table_row-button-sell-default-border);
	}

.watchlist-table-row__button__ask___imeiv {
	background: var(--table_row-button-buy-inactive-bg);
	border-color: var(--table_row-button-buy-inactive-border);
}

.watchlist-table-row__button__ask___imeiv:hover {
		background: var(--table_row-button-buy-hovered-bg);
		border-color: var(--table_row-button-buy-default-border);
	}

.watchlist-table-row__label___TMgMm {
	display: none;
}

.watchlist-table-row__label_ask___nWGOY {
	color: var(--positive-text-color);
}

.watchlist-table-row__label_bid___GyfcE {
	color: var(--negative-text-color);
}

.watchlist-table-row__orderSize__combobox___acO7b {
	height: var(--table--cell-height) !important;
	border-color: transparent !important;
	background: none !important;
	transition: none !important;
}

.watchlist-table-row__orderSize__combobox___acO7b svg {
		opacity: 0;
	}

.watchlist-table-row__orderSize__combobox___acO7b:disabled {
		color: var(--table-text-color);
	}

.watchlist-table-row__tr___dtVnf {
	transition: .35s ease-in-out;
}

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

.watchlist-table-row__tr___dtVnf:hover .watchlist-table-row__button__bid___\+FrEQ {
			border-color: var(--table_row-button-sell-default-border);
		}

.watchlist-table-row__tr___dtVnf:hover .watchlist-table-row__button__bid___\+FrEQ:disabled {
				background: var(--button-disabled-bg-color);
				box-shadow: 0 0 0 1px var(--button-pressed-overlay-color);
			}

.watchlist-table-row__tr___dtVnf:hover .watchlist-table-row__button__ask___imeiv {
			border-color: var(--table_row-button-buy-default-border);
		}

.watchlist-table-row__tr___dtVnf:hover .watchlist-table-row__button__ask___imeiv:disabled {
				background: var(--button-disabled-bg-color);
				box-shadow: 0 0 0 1px var(--button-pressed-overlay-color);
			}

.watchlist-table-row__tr___dtVnf:hover .watchlist-table-row__orderSize__combobox___acO7b {
			border-color: var(--form-control-focused-border-outside-color) !important;
			background: var(--selected-input-bg-color) !important;
		}

.watchlist-table-row__tr___dtVnf:hover .watchlist-table-row__orderSize__combobox___acO7b svg {
				opacity: 1;
			}

.watchlist-table-row__tr___dtVnf:hover .watchlist-table-row__orderSize__combobox___acO7b: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___dtVnf:hover .watchlist-table-row__orderSize__combobox___acO7b:disabled svg {
					opacity: 0.3;
				}

.watchlist-table-row__tr_scaled___1paeQ {
		transform: scale(0.7); 
	}

.watchlist-table-row__empty___efups {
	color: var(--no-data-text-color);
}

.watchlist-table-row__td_button___uNeFw {
	padding: 1px 4px 1px 18px;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/combobox/theme/combobox.css ***!
  \**********************************************************************************************************************************************************************************************************/
.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);
					}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-table/watchlist-context-menu/theme/watchlist-context-menu.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.watchlist-context-menu__container___rKyyH {
    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);
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-table/watchlist-context-menu/theme/instrument-info.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.instrument-info__container___cofOp {
    position: absolute;
    left: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/widget/widget-empty-view/theme/widget-empty-view.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
.widget-empty-view__container___w2\+kB {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--empty-widget-hint-text-color);
    font-size: 15px;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/pip-rate/pip-rate.module.css ***!
  \***********************************************************************************************************************************************************************************************************/
.pip-rate__pipnumbers___mfmC2 {
	font-size: 16px;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/select/components/option.module.css ***!
  \******************************************************************************************************************************************************************************************************************/
.option__option___hLmb2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 6px 0 5px;
	width: auto;
	height: 25px;
	animation: option__showDropdownItem___wXUSl 0.17s ease-in both;
}
	.option__option___hLmb2:hover {
		background-color: var(--list-item-hovered-bg-color);
	}

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

.option__iconTick___B01Rg {
	display: flex;
	width: 10px;
	height: 9px;
	fill: var(--tick-icon-color);
}

@keyframes option__showDropdownItem___wXUSl {
	from {
		opacity: 0;
		transform: scale(0.5);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/select/select.module.css ***!
  \*******************************************************************************************************************************************************************************************************/
.select__selectWrapper___JzMi7 {
	width: 100%;
	height: 100%;
	position: relative;
}

.select__select___CeR4t {
	color: var(--input-default-text-color);
	border: 1px solid var(--input-default-border-outside-color);
	background-color: var(--dropdown-list-bg-color);
	box-shadow: inset 0 1px 0 var(--input-default-shadow-inner-color);
	transition: border-color 220ms ease-out;
	height: 100%;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 6px 0 5px;
	box-sizing: border-box;
}

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

.select__select___CeR4t:focus {
		border-color: var(--form-control-focused-border-outside-color);
	}

.select__iconDropdownArrow___vOSfh {
	height: 4px;
	width: 7px;
	fill: var(--icon-primary-default-color);
	display: flex;
}

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

.select__selectList___0uBi3 {
	position: relative;
	z-index: 1;
	top: 1px;
	background-color: var(--dropdown-list-bg-color);
	width: inherit;
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
	animation: select__slideDropdownDown___Du5it 0.4s cubic-bezier(0, 0, 0, 1.3);
}

@keyframes select__slideDropdownDown___Du5it {
	from {
		height: 0;
	}
}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-plate/watchlist-plate-info/theme/watchlist-plate-info.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.watchlist-plate-info__info___2A1cl {
	background-color: var(--dashboard-area-bg-color);
	height: 35px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.watchlist-plate-info__price___mCTlW {
	vertical-align: middle;
	color: var(--additional-text-color);
	font-size: 12px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-grow: 1;
	width: 100px;
}

.watchlist-plate-info__leftAlign___sj4R0 {
	text-align: left;
}

.watchlist-plate-info__rightAlign___dXRuU {
	text-align: right;
}

.watchlist-plate-info__priceLabel___gx\+wL {
	padding-right: 3px;
}

.watchlist-plate-info__quantity___ZHc4\+ {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	width: 75px;
	height: 27px;
}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-plate/watchlist-plate-info/theme/pip-rate.child.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.pip-rate-child__pipnumbers___9kLis {
	font-size: 15px;
}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-plate/watchlist-plate-action-button/theme/pip-rate.child.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.pip-rate-child__pipnumbers___SrrIK {
	font-size: 26px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-plate/watchlist-plate-action-button/theme/watchlist-plate-action-button.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.watchlist-plate-action-button__button___tViaq {
	position: relative;
	border: none;
	height: 75px;
	background-color: var(--neutral-dashboard-bg-color);
	color: var(--sell-button-default-text-color);
	width: 100%;
	padding: 0 4px;
}
	.watchlist-plate-action-button__button___tViaq:hover::before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: var(--button-hovered-overlay-color);
	}
	.watchlist-plate-action-button__button__up___ACF4Y {
		background-color: var(--up-dashboard-bg-color);
	}
	.watchlist-plate-action-button__button__down___TjJn1 {
		background-color: var(--down-dashboard-bg-color);
	}

.watchlist-plate-action-button__value___o4EP- {
	height: 50px;
	font-size: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.watchlist-plate-action-button__title___TYBqV {
	height: 12px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-plate/watchlist-plate-actions/watchlist-plate-actions.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.watchlist-plate-actions__actions___H36RV {
	display: flex;
	background-color: var(--dashboard-area-bg-color);
	padding: 0 2px 5px 2px;
	position: relative;
}

.watchlist-plate-actions__actionSection___E0q09 {
	padding: 0 1px;
	width: 50%;
}

.watchlist-plate-actions__spread___CF0v7 {
	position: absolute;
	height: 20px;
	width: 100px;
	background-color: var(--dashboard-spread-bg-color);
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-plate/watchlist-plate-header/theme/watchlist-plate-header.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.watchlist-plate-header__header___Jtpgv {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 22px;
	padding: 0 0 0 6px;
	line-height: 22px;
	font-size: 12px;
	font-weight: 600;
	background-color: var(--dashboard-header-bg-color);
	box-shadow: 0 -1px 0 var(--dashboard-widget-item-shadow-color) inset;
}

.watchlist-plate-header__titleInfo___a5Nn4 {
	display: flex;
	align-items: center;
	fill: var(--icon-primary-default-color);
}

.watchlist-plate-header__title___-7YmF {
	margin-right: 3px;
	letter-spacing: 1px;
	color: var(--table-text-color);
}

.watchlist-plate-header__headerActions___wqZVj {
	position: relative;
	display: flex;
	padding-right: 7px;
}

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-plate/watchlist-plate-header/theme/button-icon.child.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************/
.button-icon-child__containerInfo___aGK0Y {
	background-color: transparent;
	padding: 5px;
}
	.button-icon-child__containerInfo___aGK0Y span {
		height: 100%;
	}
	.button-icon-child__containerInfo___aGK0Y:focus {
		box-shadow: none;
	}
	.button-icon-child__containerInfo___aGK0Y:hover {
		color: var(--icon-hovered-color);
	}
	.button-icon-child__containerInfo___aGK0Y:hover::before {
		background-color: transparent;
	}

.button-icon-child__containerActions___SjhKQ {
	background-color: transparent;
	color: var(--icon-secondary-default-color);
	padding: 5px;
}

.button-icon-child__containerActions___SjhKQ span {
		height: 100%;
	}

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

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

.button-icon-child__containerActions___SjhKQ:hover::before {
		background-color: transparent;
	}

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-plate/watchlist-plate-header/theme/popover.child.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.popover-child__container___FaBoi {
	margin-top: -5px;
	overflow: visible;
}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-plate/watchlist-plate-header/theme/symbol-suggest.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.symbol-suggest__container___btNqQ {
    height: 20px;
    line-height: 20px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-plate/watchlist-plate-list-item/watchlist-plate-list-item.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.watchlist-plate-list-item__plate___hlXiN {
	padding: 2px;
    min-width: 300px;
    flex-grow: 1;
    box-sizing: border-box;
	transition: .35s ease-in-out;
}

	.watchlist-plate-list-item__plate_scaled___avF3B {
		transform: scale(0.7); 
	}

@media screen and (min-width: 1024px) {
	.watchlist-plate-list-item__plate___hlXiN {
		width: 100%;
	}
}
@media screen and (min-width: 1270px) {
	.watchlist-plate-list-item__plate___hlXiN {
		width: 50%;
	}
}
@media screen and (min-width: 1516px) {
	.watchlist-plate-list-item__plate___hlXiN {
		width: 33.333%;
	}
}
@media screen and (min-width: 1762px) {
	.watchlist-plate-list-item__plate___hlXiN {
		width: 25%;
	}
}
/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-plate/watchlist-plate-new-item/watchlist-plate-new-item.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.watchlist-plate-new-item__container___WaHj\+ {
	padding: 2px;
	width: 240px;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 0 1px var(--line-color) inset;
	height: 137px;
    flex-grow: 1;
    box-sizing: border-box;
}

	.watchlist-plate-new-item__container___WaHj\+::after {
		content: '+';
		width: 56px;
		height: 56px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 60px;
		line-height: 50px;
		border-radius: 50%;
		text-align: center;
		background-color: var(--line-color);
		color: var(--add-dashboard-border-color);
	}

	.watchlist-plate-new-item__container___WaHj\+:hover::after {
		background-color: var(--line-color-2);
	}

@media screen and (min-width: 1024px) {
	.watchlist-plate-new-item__container___WaHj\+ {
		width: 100%;
	}
}
@media screen and (min-width: 1270px) {
	.watchlist-plate-new-item__container___WaHj\+ {
		width: 50%;
	}
}
@media screen and (min-width: 1516px) {
	.watchlist-plate-new-item__container___WaHj\+ {
		width: 33.333%;
	}
}
@media screen and (min-width: 1762px) {
	.watchlist-plate-new-item__container___WaHj\+ {
		width: 25%;
	}
}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-plate/watchlist-plate-list/theme/watchlist-plate-list.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.watchlist-plate-list__plateList___BkcGJ {
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
}

.watchlist-plate-list__plate___EAijz {
	margin: 2px;
	flex: 1 0 300px;
}

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/watchlist/watchlist-plate/watchlist-plate-list/theme/scrollable.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
.scrollable__scrollable___yFFuw {
	height: 100%;
}
/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/@icmarkets/dxchart5-react/dist/design-system/spacers.css ***!
  \*****************************************************************************************************************************************************/
/* @doc-tags design-system */
:root {
    --spacer-unit: 4px;
    --spacer-05: calc(var(--spacer-unit) / 2);
    --spacer-1: var(--spacer-unit);
    --spacer-2: calc(2 * var(--spacer-unit));
    --spacer-3: calc(3 * var(--spacer-unit));
    --spacer-4: calc(4 * var(--spacer-unit));
    --spacer-5: calc(5 * var(--spacer-unit));
    --spacer-6: calc(6 * var(--spacer-unit));
    --spacer-7: calc(7 * var(--spacer-unit));
    --spacer-8: calc(8 * var(--spacer-unit));
    --spacer-9: calc(9 * var(--spacer-unit));
    --spacer-10: calc(10 * var(--spacer-unit));
    --spacer-21: calc(21 * var(--spacer-unit));

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/@icmarkets/dxchart5-react/dist/design-system/fonts.css ***!
  \***************************************************************************************************************************************************/
: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;
}

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/@icmarkets/dxchart5-react/dist/chart/index.css ***!
  \*****************************************************************************************************************************************************************************************************************/
#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;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/chart/chart-bid-ask-button/theme/pip-rate.module.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.pip-rate__container___5q5ov {
    color: var(--sell-button-default-text-color);
}

.pip-rate__pipnumbers___Jnel3 {
	font-size: 1.25em;
    line-height: 0;
    font-weight: normal;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/chart/theme/selectbox-icon.module.css ***!
  \**************************************************************************************************************************************************************************************************/
.selectbox-icon__container___r5d8e {
	width: 50%;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/chart/chart-loader/theme/chart-loader.module.css ***!
  \*************************************************************************************************************************************************************************************************************/
.chart-loader__container___p3pan {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	pointer-events: none;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/ui-kit/components/widget/widget-title/widget-title.module.css ***!
  \**************************************************************************************************************************************************************************************************************************/
.widget-title__title___jb0vC {
    display: flex;
	align-items: center;
	height: 19px;
	padding-left: 6px;
	padding-right: 8px;
	font-weight: bold;
	transition: color 220ms ease-in;
	white-space: nowrap;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/chart/chart-header/theme/toolbar.child.module.css ***!
  \**************************************************************************************************************************************************************************************************************/
.toolbar-child__item___3riMF:not(:first-child) {
        margin-left: 16px;
    }
  
.toolbar-child__container___csXbB {
    margin-left: 11px;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/chart/chart-header/theme/symbol-suggest.child.module.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.symbol-suggest-child__container___rgPhg {
	width: 90px;
}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/tile/theme/tile.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.tile__container___yOv7B {
	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___yOv7B::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___yOv7B:hover .tile__title___Sx0s0::before {
				background: linear-gradient(90deg, var(--common-text-default) 2px, transparent 2px, transparent 2px) 0 0 repeat-x;
				background-size: 4px 2px;
			}

.tile__header___4qrRY {
	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___QvK5N {
	position: relative;
	display: flex;
	width: 100%;
	margin-bottom: auto;
}

.tile__title___Sx0s0 {
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tile__title___Sx0s0::before {
		content: '';
		position: absolute;
		left: 2px;
		top: calc(100% - 4px);
		width: calc(100% - 2px);
		height: 1px;
		background: transparent;
	}

.tile__title___Sx0s0:hover::before {
			content: normal;
		}

.tile__iconWrapper___aV4bB {
	margin-left: 6px;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/tile/theme/popover.h.child.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.popover-h-child__container___BPc5k {
	padding: 5px 8px;
	margin-left: 20px;
	margin-top: 5px;
	z-index: 40;
}

.popover-h-child__content___yaJKL {
	max-width: 250px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/avg-daily-pl-tile/theme/avg-daily-pl-tile.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.avg-daily-pl-tile__container___GgJIJ {
    width: 100%;
	height: 100%;
}

.avg-daily-pl-tile__value___Tb8xj {
    fill: var(--common-text-default);
}

.avg-daily-pl-tile__label___tSkNt {
    fill: var(--common-text-disabled);
}

.avg-daily-pl-tile__positive___STf47 {
    fill: var(--common-positive-bg-color);
}

.avg-daily-pl-tile__negative___yY4Aw {
    fill: var(--common-negative-bg-color);
}

.avg-daily-pl-tile__line___d1cEy {
    stroke: var(--line-color);
}

.avg-daily-pl-tile__svg___IXo3l {
	position: absolute;
	width: 100%;
	height: 100%;
}

.avg-daily-pl-tile__empty___WqaV8 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
    color: var(--empty-widget-hint-text-color);
    font-size: 21px;
	width: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/avg-daily-pl-tile/theme/tile.h.child.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.tile-h-child__container___NARfj {
	height: 100%;
	padding: 17px 15px 30px 15px;
}

.tile-h-child__header___W82M- {
	margin-top: unset;
	margin-bottom: 0;
}

.tile-h-child__body___WbRM6 {
	flex-grow: 1;
	margin-bottom: unset;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/trades-tile/theme/trades-tile.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.trades-tile__container___qOcyM {
    position: relative;
	display: flex;
	flex-direction: column;
    width: 100%;
}

.trades-tile__listWrapper___VGVjz {
    position: relative;
    padding: 0 30px;
    box-sizing: border-box;
}

.trades-tile__positive___0joMC {
    fill: var(--common-positive-bg-color);
}

.trades-tile__negative___681Gg {
    fill: var(--common-negative-bg-color);
}

.trades-tile__text___GOkMu {
    fill: var(--common-text-default);
    font-size: 12px;
    cursor: default;
}

.trades-tile__text_line___AQtpD {
        stroke: var(--common-text-default);
    }

.trades-tile__amount___fPG1H {
    fill: var(--common-text-default);
    font-size: 15px;  
}

.trades-tile__description___8-7kM {
    font-size: 12px;
    margin-bottom: 14px;
    text-align: center;
}

.trades-tile__description_positive___FmP9p {
        color: var(--positive-text-color);
    }

.trades-tile__description_negative___GCq9j {
        color: var(--negative-text-color);
    }

.trades-tile__item___WS1e6 {
    padding: 0 30px;
    width: 100%;
    box-sizing: border-box;
}

.trades-tile__item_value___JHbR4 {
        fill: var(--common-text-default);
        font-size: 50px;
        text-align: center;
        margin-bottom: 7px;
    }

.trades-tile__item_title___YU-RI {
        fill: var(--common-text-default);
        font-size: 20px;
        text-align: center;
        margin-bottom: 31px;
    }

.trades-tile__values___wYwj9 {
    fill: var(--common-text-default);
    font-size: 12px;
    line-height: 16px;
}

.trades-tile__empty___n4RW2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
    color: var(--empty-widget-hint-text-color);
    font-size: 21px;
}

.trades-tile__svg___ssg4q {
	width: 100%;
	height: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/trades-tile/theme/tile.h.child.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.tile-h-child__container___aKNK9 {
	padding: 17px 0 30px;
}

.tile-h-child__header___EUNQh {
	margin-top: unset;
	margin-bottom: 0;
}

.tile-h-child__body___V3ZVU {
	flex-grow: 1;
	margin-bottom: unset;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/trades-tile/theme/scrollable.h.child.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.scrollable-h-child__container___gKV7a {
    width: 100%;
}

.scrollable-h-child__withVerticalScrollbar___lyJHN:not(.scrollable-h-child__overlayContent___LfvZs) > .scrollable-h-child__wrapper___wqJul > .scrollable-h-child__container___gKV7a > .scrollable-h-child__content___AVcHm {
		padding-right: 0;
	}

.scrollable-h-child__scrollable___m7bpQ {
	flex-grow: 1;
	height: 135px;
}

.scrollable-h-child__content___AVcHm.scrollable-h-child__content___AVcHm {
    width: 100%;
    padding: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/trades-tile/theme/popover.h.child.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.popover-h-child__container___HugK9 {
	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___NBHSO {
	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);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/max-drawdown-tile/theme/max-drawdown-tile.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.max-drawdown-tile__container___p64YQ {
	display: flex;
	align-content: center;
	justify-content: center;
	margin: auto;
}

.max-drawdown-tile__axis___izph1 {
	width: 70px;
}

.max-drawdown-tile__label___U4\+jb {
	font-size: 10px;
	white-space: nowrap;
	color: var(--additional-text-color-2);
}

.max-drawdown-tile__value___HieBr {
	display: flex;
	font-weight: 500;
}

.max-drawdown-tile__unit___iEjoV {
	font-size: .525em;
}

.max-drawdown-tile__graph___Xf1CX {
	flex-shrink: 0;
	width: 50%;
	height: 44px;
}

.max-drawdown-tile__graph___Xf1CX svg {
		width: 100%;
		height: 100%;
	}

.max-drawdown-tile__bgGraph___OQ8zw {
	height: 100%;
	fill: var(--line-color);
}

.max-drawdown-tile__colorGraph___mGaFX {
	fill: var(--common-neutral-bg-color);
}

.max-drawdown-tile__lineGraph___2\+z4v {
	fill: var(--line-color);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/tile-simple-body/theme/tile-simple-body.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.tile-simple-body__header___ESRSH {
	margin-top: auto;
}

.tile-simple-body__value___PjxGp {
	font-weight: 400;
	letter-spacing: 1.25px;
	color: var(--common-text-default);
}

.tile-simple-body__value___PjxGp {
	display: flex;
	align-items: flex-start;
}

.tile-simple-body__unit___weQ2Q {
	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___4RoFE {
	justify-content: center;
	display: flex;
	margin: auto;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/widget-trading-dashboard/theme/tile.h.child.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.tile-h-child__header___nTYKj {
	margin-top: auto;
}

.tile-h-child__container_up___s7QDL {
		background: var(--metrics-positive-bg-color);
	}

.tile-h-child__container_down___rvKy8 {
		background: var(--metrics-negative-bg-color);
	}

.tile-h-child__container_overlay___\+gvFu {
		background-color: var(--widget-overlay-color);
	}

.tile-h-child__container_maxDrawDown___lc11y {
		font-size: 40px;
	}

.tile-h-child__value_up___xjXyk {
		color: var(--positive-text-color);
	}

.tile-h-child__value_down___RLhre {
		color: var(--negative-text-color);
	}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/widget-trading-dashboard/theme/widget-analytics-dashboard.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.widget-analytics-dashboard__container___W2rW7 {
	display: flex;
	flex-direction: column;
	height: 100%;
	position: relative;
}

	.widget-analytics-dashboard__container___W2rW7.widget-analytics-dashboard__container_netBased___2daNh {
		z-index: 1;
	}

	.widget-analytics-dashboard__container___W2rW7.widget-analytics-dashboard__container_netBased___2daNh .widget-analytics-dashboard__row___H76By:nth-of-type(3) > .widget-analytics-dashboard__column___gcOYp:last-child {
						box-shadow: 0 -1px 0 0 var(--dashboard-highlighted-line);
					}

	.widget-analytics-dashboard__container___W2rW7.widget-analytics-dashboard__container_netBased___2daNh .widget-analytics-dashboard__row___H76By:nth-of-type(5) > .widget-analytics-dashboard__column___gcOYp:last-child {
						box-shadow: 0 1px 0 0 var(--dashboard-highlighted-line);
					}

.widget-analytics-dashboard__grid___KUkCq {
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: 100%;
	border: 1px solid red;
}

.widget-analytics-dashboard__wrapper___rnsWW {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.widget-analytics-dashboard__row___H76By {
	display: flex;
	flex-shrink: 0;
	flex-direction: row;
	flex-grow: 1;
	flex-wrap: nowrap;
	width: 100%;
	min-height: 145px;
}

.widget-analytics-dashboard__row___H76By:nth-of-type(3) > .widget-analytics-dashboard__column___gcOYp:last-child {
				position: relative;
				border-left: 1px solid var(--dashboard-highlighted-line);
				border-right: 1px solid var(--dashboard-highlighted-line);
			}

.widget-analytics-dashboard__row___H76By:nth-of-type(3) > .widget-analytics-dashboard__column___gcOYp:last-child .widget-analytics-dashboard__row___H76By {				
					box-shadow: 0 -1px 0 0 var(--dashboard-highlighted-line);
				}

.widget-analytics-dashboard__row___H76By:nth-of-type(3) > .widget-analytics-dashboard__column___gcOYp: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___H76By:nth-of-type(5) > .widget-analytics-dashboard__column___gcOYp:last-child {
				border-left: 1px solid var(--dashboard-highlighted-line);
				border-right: 1px solid var(--dashboard-highlighted-line);
			}

.widget-analytics-dashboard__row___H76By:nth-of-type(5) > .widget-analytics-dashboard__column___gcOYp:last-child .widget-analytics-dashboard__row___H76By {				
					box-shadow: 0 1px 0 0 var(--dashboard-highlighted-line);
				}

.widget-analytics-dashboard__splitter___fjIyS {
	height: 1px;
	border-top: 1px solid var(--line-color);
	box-sizing: border-box;
}

.widget-analytics-dashboard__column___gcOYp {
	display: flex;
	flex-direction: column;
	width: 50%;
	flex-shrink: 0;
	color: var(--common-text-default);
}

.widget-analytics-dashboard__column___gcOYp + .widget-analytics-dashboard__column___gcOYp {
		border-left: 1px solid var(--line-color);
	}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/widget-trading-dashboard/theme/remote-data.child.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.remote-data-child__pending___rGw-V {
    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___uQzCe {
        text-align: center;
    }

    .remote-data-child__pending_title___ACAUc {
        color: var(--common-text-default);
        font-size: 12px;
        line-height: 20px;
        padding-top: 8px;
    }

.remote-data-child__nodata___PwX5y {
    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___N2PZi {
    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);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/widget-trading-dashboard/theme/scrollable.h.child.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.scrollable-h-child__scrollable___11r3G {
	flex-grow: 1;
	height: 580px;
	width: 100%;
	max-height: 100%;
}

.scrollable-h-child__container___-kcN4 {
	width: 100%;
}

.scrollable-h-child__wrapper___5C8vV {
	max-height: none;
}

.scrollable-h-child__content___g6vuX {
	height: 100%;
}

.scrollable-h-child__content___g6vuX > div {
		display: flex;
		flex-direction: column;
		height: 100%;
	}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/widget-trading-dashboard/theme/widget-analytics-dashboard.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.widget-analytics-dashboard__cover {
		height: 100%;
	}

		.widget-analytics-dashboard__cover :global .react-component-wrapper {
				height: 100%;
			}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/widget-trading-dashboard/theme/popup.h.child.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.popup-h-child__body___sNSKZ {
	padding: 12px 0 30px;
}

.popup-h-child__header___GLD2e {
	font-weight: bold;
}

.popup-h-child__textHeader___VLm5C {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
}

.popup-h-child__scheme___6s8OC {
	max-width: 100%;
	margin-top: 9px;
	margin-bottom: 2px;
}

.popup-h-child__text___H6NI9 {
	line-height: 1.7em;
}

.popup-h-child__content___xvn\+6 {
	padding: 0 30px;
}

.popup-h-child__nodata___DG1bB {
	display: flex;
	flex-direction: column;
	height: 100%;
    align-items: center;
    justify-content: center;
}

.popup-h-child__nodata_label___WpcCl {
	color: var(--empty-widget-hint-text-color);
	font-size: 15px;
	margin-bottom: 7px;
}

.popup-h-child__nodata_margin_only___7j4SM {
	color: var(--empty-widget-hint-text-color);
	font-size: 12px;
	white-space: pre-line;
    text-align: center;
	line-height: 14px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/components/widget-trading-dashboard/theme/scrollable-popup.h.child.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.scrollable-popup-h-child__content___I\+-Zj {
	max-height: 435px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-economic-calendar/components/impact-indicator/theme/impact-indicator.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.impact-indicator__container___DA5bg {
	display: inline-block;
	margin-top: -2px;
	width: 17px;
	height: 9px;
	position: relative;
	vertical-align: middle;
}

	.impact-indicator__container___DA5bg .icon-impact-indicator-high-colored,
		.impact-indicator__container___DA5bg .icon-impact-indicator-medium-colored,
		.impact-indicator__container___DA5bg .icon-impact-indicator-low-colored {
			position: absolute;
			top: 0;
			left: 0;
		}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/history-period-selector/theme/history-period-selector.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.history-period-selector__aggregation___TWzgn {
	display: inline-block;
	margin-right: 3px;
}

.history-period-selector__separator___aRmoe {
	margin-right: 3px;
}

.history-period-selector__footer___xcPOC {
	padding: 4px 0;
	position: relative;
}

.history-period-selector__footer___xcPOC::before {
		content: "";
		top: 1px;
		left: 9px;
		height: 1px;
		width: calc(100% - 18px);
		background: var(--line-color);
		position: absolute;
	}



/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/history-period-selector/theme/menuItem.h.child.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.menuItem-h-child__item___pr0fb {
	padding: 0 8px 0 9px;
}

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/history-period-selector/theme/linkButton.h.child.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.linkButton-h-child__container___WLY7D {
	display: block;
	text-align: center;
	width: 100%;
	padding: 0 5px;
	line-height: 26px;
}

	.linkButton-h-child__container___WLY7D:hover {
		color: var(--link-default-text-color);
			background: var(--list-item-hovered-bg-color);
		}

	.linkButton-h-child__container___WLY7D span {
		font-size: 13px;
	}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/history-period-selector/theme/selectbox.h.child.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.selectbox-h-child__container__anchor___BcRSs {
		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___zGFUt {
			padding-right: 10px;
		}
	.selectbox-h-child__container__menu___YsW-K {
		max-height: 279px;
	}
	.selectbox-h-child__container__item___\+INgK {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.selectbox-h-child__container__item__text___xdQOV {
			padding-right: 0;
		}
	.selectbox-h-child__container__item__activeIcon___LZHOh {
			position: static;
			transform: none;
			margin-left: 2px;
		}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/account-statement-popup/theme/popover.child.module.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.popover-child__container___I6pPE {
    width: 340px;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/account-statement-popup/theme/account-statement-selectbox.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
.account-statement-selectbox__container__anchor___7Li7d {
	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___it8QZ {
	position: relative;
}

.account-statement-selectbox__container__anchor__caret___0aKeD {
	fill: var(--icon-primary-default-color);
	width: 7px;
	height: 4px;
	position: absolute;
	right: 9px;
	top: 0;
	transform: translateY(-50%);
}

.account-statement-selectbox__container__menu___VyBQi {
	padding: 7px 0;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/account-statement-popup/theme/date-range.child.module.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.date-range-child__container___fnS\+T {
    width: 340px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/headerNew/components/widgetNavigation/theme/widgetNavigation.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.widgetNavigation__container___WQAxb {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

	.widgetNavigation__container___WQAxb .button-selectedWidget {
				border-radius: 11px;
				line-height: 1;
				height: 22px;
				padding: 0 14px;
				overflow: hidden;
				color: var(--app-header-button-default-text-color);
				background: var(--app-header-button-default-bg-color);
				cursor: grab;
			}

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

	.widgetNavigation__container___WQAxb .button-selectedWidget:active::before {
						background: var(--app-header-button-pressed-bg-color);
					}

	.widgetNavigation__container___WQAxb .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___43h8T {
	margin-right: 20px;
}

.widgetNavigation__selectedButtons___43h8T .button {
			margin-right: 3px;
		}

.widgetNavigation__selectedButtons___43h8T .button:last-of-type {
				margin-right: 0;
			}

.widgetNavigation__controls___-4LdR {
	display: flex;
	align-items: center;
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/headerNew/components/widgetNavigation/theme/popover.h.child.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.popover-h-child__container___FZFdV {
	width: 160px;
	background: transparent;
	border: none;
}

	.popover-h-child__container___FZFdV .popover-h-child__content___J6tLK {
		border: none;
	}

	.popover-h-child__container___FZFdV .contextMenu {
			width: 100%;
			max-height: 100%;
			position: relative;
		}

	.popover-h-child__container___FZFdV .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___FZFdV .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___FZFdV .contextMenu--item,
			.popover-h-child__container___FZFdV .contextMenu .link-pseudo {
				cursor: grab; /*IE and Old Edge*/
				cursor: url(../../openhand.ico?ff66d0e16708a8387706) 5 0, grab;
			}

	.popover-h-child__container___FZFdV .contextMenu .link-pseudo {
				margin-right: 0;
			}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/headerNew/components/widgetNavigation/theme/contextMenuButton.h.child.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.contextMenuButton-h-child__container___KPfxQ {
	margin-right: 3px;
	box-shadow: inset 0 0 0 1px var(--app-header-dropdown-default-border-color);
	border-radius: 11px;
}

	.contextMenuButton-h-child__container___KPfxQ:last-of-type {
		margin-right: 0;
	}

	.contextMenuButton-h-child__container_opened___kGZvf .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___KPfxQ .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___KPfxQ .button::before {
				border-radius: 11px;
			}

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

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

	.contextMenuButton-h-child__container___KPfxQ .button .icon-dropdown-arrow {
				margin-top: 1px;
				margin-left: 12px;
				fill: var(--icon-contextual-primary-default-color);
			}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/order-entry/order-entry-rate/theme/pip-rate.child.module.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.pip-rate-child__pipnumbers___kQZec {
	font-size: 18px;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/order-entry/order-entry-amount/theme/tooltip.child.module.css ***!
  \**************************************************************************************************************************************************************************************************************************/
.tooltip-child__anchor___r48lc {
    cursor: pointer;
    margin-left: 5px;
}

.tooltip-child__content___weDLi {
    white-space: pre-line;
    padding: 8px 10px 10px;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/order-entry/order-entry-amount/theme/popover.child.module.css ***!
  \**************************************************************************************************************************************************************************************************************************/
.popover-child__content___gxrRR {
    background: var(--hint-tooltip-bg-color);
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/order-entry/order-entry-duration/order-entry-duration-content/theme/button.child.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.button-child__container___FrgDZ, .button-child__container___FrgDZ:last-child {
	height: 23px;
	top: 1px;
	bottom: 0;
	right: 24px;
}

.button-child__container___FrgDZ:last-child {
	right: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/order-entry/order-entry-duration/order-entry-duration-content/theme/steppable-input.child.mudule.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.inner {
    width: 105px;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/dropdown/dropdown.css ***!
  \*********************************************************************************************************************************************************************************************************/
.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 (backdrop-filter: blur(25px)) {
		.dropDown {
			backdrop-filter: blur(25px);
		}
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.dropDown-datePicker {
		height: auto !important;
	}

	.dropDown-datePicker.dropDown-shown {
			animation: slideDropdownDown 0s linear;
		}

	.dropDown-datePicker.dropDown-hidden {
			animation: slideDropdownUp 0s linear;
		}

	.dropDown-selectBox .dropDown--option {
				box-sizing: border-box;
				padding: 0.166em 23px 0.166em 0.416em;
				line-height: 1.75em;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				cursor: pointer;
			}

	.dropDown-selectBox .dropDown--option-selected .dropDown--selectedIcon {
						display: block;
					}

	.dropDown-selectBox .dropDown--optionIcon {
				display: inline-block;
				width: 14px;
				height: 14px;
				vertical-align: middle;
				margin-right: 8px;
				margin-left: 2px;
			}

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

	.dropDown-selectBox .dropDown--selectedIcon {
				content: '';
				display: none;
				position: absolute;
				right: 8px;
				top: 50%;
				transform: translateY(-50%);
				bottom: 0;
				width: 10px;
				height: 10px;
			}

	.dropDown-selectBox .dropDown--list {
				padding: 0;
				list-style: none;
			}

	.dropDown-selectBox-baseCurrency {
			width: 71px;
			border: 1px solid;
			margin-left: -15px;
			border-color: var(--widget-header-button-inside-border-side-color);
		}

	.dropDown-selectBox-baseCurrency .dropDown--option {
				padding-top: 6px;
				padding-bottom: 6px;
				padding-left: 15px;
				padding-right: 27px;
			}

	.dropDown-selectBox-baseCurrency .dropDown--option span.dropDown--selectedIcon {
					display: none;
				}

	.dropDown-selectBox-trigger .dropDown--container {
				position: relative;
			}

	.dropDown-selectBox-trigger .dropDown--container::before {
					content: '';
					position: absolute;
					z-index: 1;
					left: 0;
					top: 0;
					display: block;
					width: 100%;
					height: 8px;
					background-color: var(--dropdown-list-bg-color);
				}

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

	.dropDown .scrollbar {
		background: inherit;
	}

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

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


@keyframes slideDropdownDown {
	from {
		height: 0;
	}
}

@keyframes slideDropdownUp {
	to {
		height: 0;
		box-shadow: none;
		border-width: 0;
	}
}

@keyframes showDropdownItem {
	from {
		opacity: 0;
		transform: scale(0.5);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/dropdown/dropdown-mobile.css ***!
  \****************************************************************************************************************************************************************************************************************/
.mobile .dropDown-selectBox {
			font-size: 1.5rem;
		}
			
			.mobile .dropDown-selectBox .dropDown--option {
				padding-right: 30px
			}
			
			.mobile .dropDown-selectBox .dropDown--selectedIcon {
				right: 9px;
				top: 8px;
				width: 13px;
				height: 13px;
			}
		.mobile .dropDown-hidden {
			animation-duration: 0s;
		}

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/selectbox/selectbox.css ***!
  \***********************************************************************************************************************************************************************************************************/
.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;
	}

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/selectbox/selectbox-mobile.css ***!
  \******************************************************************************************************************************************************************************************************************/
.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;
		}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/cursor/cursor.css ***!
  \*****************************************************************************************************************************************************************************************************/
.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);
	}

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/chart-plugins-2/src/plugins/CrossToolPlugin/views/CrossToolPluginView.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.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));
			}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/chart-plugins-2/src/plugins/HighlightsPlugin/components/HighlightSection.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.HighlightSection__container___1P1SV {
	position: absolute;
	overflow: hidden;
	pointer-events: none;
}

	.HighlightSection__container-hidden___yZ8oR {
		display: none;
	}

.HighlightSection__title___lO1An {
	white-space: nowrap;
	padding: 1px 5px;
	display: inline-block;
}

.HighlightSection__title_short___5pieq {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
.HighlightSection__container___1P1SV {
	color: var(--chart-session-name-text-color);
	pointer-events: none;
}

.HighlightSection__title___lO1An {
	font-size: 12px;
	color: inherit;
	padding: 5px;
	background: var(--chart-regular-session-highlight-bg-color);
}

.HighlightSection__title___lO1An:empty {
		display: none;
	}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chartInfo/chartInfo.css ***!
  \************************************************************************************************************************************************************************************************************/
.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);
}

/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/nouislider/dist/nouislider.min.css ***!
  \*****************************************************************************************************************************************************************************************************/
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;touch-action:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{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}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-range/control-range.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.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);
}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/toasts/components/toast-trading-log/theme/toast-trading-log.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.toast-trading-log__header___HacKm {
	display: flex;
	align-items: center;
}

	.toast-trading-log__header__icon___G4lZi {
		display: inline-block;
		margin-right: 5px;
		width: 14px;
		height: 14px;
		position: relative;
	}

	.toast-trading-log__header__text___NbcTB {
		font-weight: bold;
		font-size: 14px;
		letter-spacing: .5px;
		color: var(--order-cancelled-text-color);
		text-transform: uppercase;
	}

	.toast-trading-log__header__text_positive___EngyD,
		.toast-trading-log__header__text_negative___hLAWl {
			position: relative;
		}

	.toast-trading-log__header__text_positive___EngyD {
			color: var(--positive-text-color);
		}

	.toast-trading-log__header__text_negative___hLAWl {
			color: var(--negative-text-color);
		}

.toast-trading-log__subheader___fWB2z {
	font-style: normal;
	color: var(--common-text-default);
	margin-bottom: 9px;
}

.toast-trading-log__subheader___fWB2z + .toast-trading-log__wrap___Jb-nN {
		margin-top: 0;
	}

.toast-trading-log__subHeaderStatus___p0\+0X {
	margin-left: 5px;
	margin-right: 5px;
	color: var(--toast-notification-text-color-1);
}

.toast-trading-log__wrap___Jb-nN {
	line-height: 16px;
}

.toast-trading-log__subheader___fWB2z,
.toast-trading-log__wrap___Jb-nN {
	font-size: 14px;
	padding-right: 5px;
}

.toast-trading-log__status___RLR6V,
.toast-trading-log__side___2j4Xr {
	text-transform: uppercase;
}

.mobile .toast-trading-log__header__text___NbcTB {
			font-size: 18px;
		}

.mobile .toast-trading-log__subheader___fWB2z {
		font-size: 16px;
	}

.mobile .toast-trading-log__content___FHRCi {
		font-size: 16px;
	}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/toasts/components/toast-basic/theme/toast-basic.module.css ***!
  \***********************************************************************************************************************************************************************************************************************/
.toast-basic__container___KdK\+N {
	position: relative;
}

	.toast-basic__container___KdK\+N,
	.toast-basic__container___KdK\+N:hover {
		background: var(--notification-corner-neutral-bg-color);
		box-shadow: 0 7px 15px 0 var(--overlay-box-shadow-color);
	}

	.toast-basic__container___KdK\+N::after {
		background-color: var(--notification-corner-vertical-line-color);
	}

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

	.toast-basic__container_trading___0tfAo::after {
			background-color: var(--notification-corner-order-vertical-line-color);
		}

	.toast-basic__container_critical___P4s9n,
		.toast-basic__container_critical___P4s9n: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___P4s9n .toast-basic__header__text___FcyP4 {
			color: var(--negative-text-color);
		}

	.toast-basic__container_critical___P4s9n::after {
			background-color: var(--notification-corner-critical-vertical-line-color);
		}

	.toast-basic__container_created___CStUS .toast-basic__header__text___FcyP4 {
			color: var(--up-text-color);
		}

	.toast-basic__container_failed___ed2Ze .toast-basic__header__text___FcyP4 {
			color: var(--down-text-color);
		}

	.toast-basic__container_failed___ed2Ze .toast-basic__item___f013K {
			font-weight: 500;
		}

.toast-basic__date___YKufA {
	display: block;
	margin-bottom: 10px;
}

.toast-basic__item___f013K {
	display: inline-block;
	margin-right: 3px;
}

.toast-basic__item___f013K:last-child {
		margin: 0;
	}

.toast-basic__item_buy___iLR2x {
		font-weight: 500;
		color: var(--buy-text-color);
	}

.toast-basic__item_sell___vQVNo {
		font-weight: 500;
		color: var(--sell-text-color);
	}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/toasts/components/toast-order/theme/toast-order.module.css ***!
  \***********************************************************************************************************************************************************************************************************************/
.toast-order__container___0BvEU {
	position: relative;
}

	.toast-order__container___0BvEU .MessageValue__container {
			display: block;
		}

	.toast-order__container___0BvEU .MessageValue__description {
			word-break: break-word;
			white-space: pre-wrap;
		}

.toast-order__icon_orderFilled___9fpkT {
		fill: var(--corner-filled-icon-color);
	}

.toast-order__icon_orderPlaced___khcye {
		fill: var(--corner-placed-icon-color);
	}

.toast-order__icon_orderModified___r-8Nz {
		fill: var(--corner-modified-icon-color);
	}

.toast-order__icon_orderCancelled___0Vb7- {
		fill: var(--status-neutral-multiparts);
	}

.toast-order__icon_orderRejected___zAa6u {
		fill: var(--status-negative-multiparts);
	}

.toast-order__icon_orderExpired___RstvX {
		fill: var(--corner-canceled-icon-color);
	}

.toast-order__icon_icon_orderPending___SNRXx {
		fill: var(--status-temporary-multiparts)
	}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/toasts/components/toast-order-handling/theme/toast-order-handling.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
.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;
		}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/toasts/components/toast-alert/theme/toast-alert.module.css ***!
  \***********************************************************************************************************************************************************************************************************************/
.toast-alert__icon_alertTriggered___BZ5QO {
		fill: var(--corner-filled-icon-color);
	}
	.toast-alert__icon_alertRejected___1Uz8P {
		fill: var(--corner-warning-icon-color);
	}

.toast-alert__messageValue___Ly9Jg {
	display: block;
}

.toast-alert__messageValue__description___pzR48 {
		word-break: break-word;
		white-space: pre-wrap;
	}

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/toasts/components/toast-blocked-popups/theme/toast-blocked-popups.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
@keyframes toast-blocked-popups__blinking___Xxnuk {
	0% {
		background-color: var(--notification-warning-blink-bg-color);
	}
	100% {
		background-color: var(--notification-warning-bg-color);
	}
}

.toast-blocked-popups__text___ypxxk {
	color: var(--notification-text-color);
	line-height: 1.58;
	letter-spacing: 0.5px;
}

.toast-blocked-popups__header___eU5JX {
	color: var(--notification-warning-title-text-color);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
}

.toast-blocked-popups__container___d09Dc {
	border: 1px solid var(--notification-warning-border-color);
	background-color: var(--notification-warning-blink-bg-color);
	animation: toast-blocked-popups__blinking___Xxnuk 1s infinite ease-in-out;
}

.toast-blocked-popups__container___d09Dc:hover {
		border: 1px solid var(--notification-warning-border-color);
	}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/toasts/components/toast-critical/theme/toast-critical.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.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);
	}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/toasts/components/toast-deposit/theme/toast-deposit.module.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.toast-deposit__container___TZtoO {
	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___TZtoO::after {
		content: '';
		width: 5px;
		height: 100%;
		background-color: var(--notification-corner-order-vertical-line-color);
		position: absolute;
		left: 0;
		top: 0;
	}

.toast-deposit__info___uxLa5 {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: var(--common-text-default);
}

.toast-deposit__time___A2DYr {
	margin-right: 4px;
}

.toast-deposit__status___qsbSQ {
	margin-left: 4px;
}

.toast-deposit__status___qsbSQ,
.toast-deposit__label___2tEQX {
	color: var(--toast-notification-text-color-1);
}

.toast-deposit__header___OK33H {
	margin-top: 9px;
	margin-bottom: 15px;
}

.toast-deposit__content___G4283 {
	margin-bottom: 15px;
}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/toasts/components/toast-broker-price-alert/theme/toast-broker-price-alert.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.toast-broker-price-alert__header___NM1H4 {
	display: flex;
	align-items: center;
}
.toast-broker-price-alert__title___CfSmQ {
	color: var(--table-text-color);
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 19px;
}
.toast-broker-price-alert__subtitle___vATBO {
	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___QmiIA {
	color: var(--common-text-default);
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 16px;
}

.toast-broker-price-alert__hr___z9\+n0 {
	border: 0;
	height: 1px;
	background-color: var(--line-color);
	margin: 14px 0 8px 0;
}
.toast-broker-price-alert__marketTrendIconWrapper___bPB8L {
	width: 11px;
	height: 13px;
	margin-right: 4px;
}

.toast-broker-price-alert__footer___FYzzN {
	display: flex;
	justify-content: flex-end;
	position: relative;
	z-index: 1;
}

.toast-broker-price-alert__button___dB2il {
	height: 19px;
	min-width: 60px;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/toasts/components/toast-host/theme/toast-host.module.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.toast-host__container___D8hZh {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 3;
}

	.toast-host__container_isMounted___jfup5 {
		opacity: 1;
		visibility: inherit;
	}

.toast-host__item___WVOYU {
	position: absolute;
	right: 0;
	transition: transform 300ms ease-in;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/order/order.css ***!
  \***************************************************************************************************************************************************************************************************/
.order.table--row:hover {
			background: var(--table-row-bg-hover-color);
		}

			.order.table--row:hover .sticky--actions-cell--container {
				opacity: 1;
			}
	.order--reject,
	.order--symbol,
	.order--status {
		display: inline-block;
		width: 100%;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.order--price,
	.order--type,
	.order--stopLoss,
	.order--takeProfit,
	.order--bid,
	.order--ask,
	.order--currentPrice,
	.order--triggerPrice,
	.order--timeDate,
	.order--timeDateModified,
	.order--expiration,
	.order--id,
	.order--quantity,
	.order--condition,
	.order--fillPrice {
		position: relative;
	}
	#ruler .order--statusIcon,
		.grid--body .order--statusIcon {
			display: inline-block;
			vertical-align: middle;
			width: 13px;
			height: 13px;
			transform: translateY(-1px);
		}
	#ruler .order--side,
		.grid--body .order--side {
			display: inline-block;
			text-transform: uppercase;
			text-align: right;
		}
	.grid--body .order--side {
			letter-spacing: 0.5px;
		}
	#ruler .order--side {
			font-size: 1.1rem;
			vertical-align: middle;
			letter-spacing: 1px;
		}
	.order-rejected .sticky--actions-cell, .order-canceled .sticky--actions-cell, .order-filled .sticky--actions-cell, .order-expired .sticky--actions-cell, .order-expanded .sticky--actions-cell {
			visibility: hidden;
			opacity: 0;
		}
	.order-heading .sticky--actions-cell {
			display: none;
		}
	.order-rejected td, .order-rejected td .price, .order-canceled td, .order-canceled td .price, .order-filled td, .order-filled td .price, .order-expired td, .order-expired td .price  {
			color: var(--expired-text-color);
		}
	.order-pending, .order .order--statusIcon .icon, .order-pending .order--status {
		fill: var(--status-pending-text-color);
		color: var(--status-pending-text-color);
	}
	.order-expired .order--status,
	.order-expired .order--statusIcon .icon {
		fill: var(--status-expired-text-color);
		color: var(--status-expired-text-color);
	}
	.order-filled .order--status,
	.order-filled .order--statusIcon .icon {
		fill: var(--status-filled-text-color);
		color: var(--status-filled-text-color);
	}
	.order-working .order--status,
	.order-working .order--statusIcon .icon {
		fill: var(--status-working-text-color);
		color: var(--status-working-text-color);
	}
	.order-rejected .order--status,
	.order-rejected .order--statusIcon .icon {
		fill: var(--status-rejected-text-color);
		color: var(--status-rejected-text-color);
	}
	.order-canceled .order--status,
	.order-canceled .order--statusIcon .icon {
		fill: var(--status-cancelled-text-color);
		color: var(--status-cancelled-text-color);
	}
	.order-sending .order--status,
	.order-sending .order--statusIcon .icon {
		fill: var(--status-sending-text-color);
		color: var(--status-sending-text-color);
	}
	/*orderes active*/
	.order-sending.order-sell .order--side, .order-pending.order-sell .order--side, .order-working.order-sell .order--side {
				color: var(--negative-text-color);
			}
	.order-sending.order-buy .order--side, .order-pending.order-buy .order--side, .order-working.order-buy .order--side {
				color: var(--positive-text-color);
			}
	/*when details block is visible*/
	.order-expanded .table--cell,
			.order-expanded .table--cell:first-child,
			.order-expanded .table--cell:last-child {
				background-color: var(--table-row-selected-bg-color);
				color: var(--selected-text-color);
			}
	.order-expanded .table--cell .numeric:empty::before, .order-expanded .table--cell:first-child .numeric:empty::before, .order-expanded .table--cell:last-child .numeric:empty::before {
							color: var(--na-selected-text-color);
						}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/order/order-mobile.css ***!
  \**********************************************************************************************************************************************************************************************************/
.mobile .grid--body .order--actions .button-icon {
					width: 12px;
					height: 12px;
				}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/layout/components/droppable-body/components/droppable-placeholder/theme/droppable-placeholder.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.droppable-placeholder__placeholder___shqZU {
	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___lEwwL {
		border: 1px dashed var(--drop-area-border-color);
		background-color: var(--drop-area-highlight-color);
	}

	.droppable-placeholder__placeholder_maximized___R\+N8W {
		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 (backdrop-filter: blur(25px)) {
			.droppable-placeholder__placeholder_maximized___R\+N8W {
				backdrop-filter: blur(25px);
				background-color: transparent;
			}
		}

	.droppable-placeholder__placeholder_top___SFYvT {
		top: 0;
		left: 0;
		right: 0;
		bottom: 50%;
	}

	.droppable-placeholder__placeholder_bottom___tcoz9 {
		top: 50%;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.droppable-placeholder__placeholder_left___hoYCZ {
		top: 0;
		right: 50%;
		left: 0;
		bottom: 0;
	}

	.droppable-placeholder__placeholder_right___i6Z4Y {
		top: 0;
		left: 50%;
		right: 0;
		bottom: 0;
	}

	.droppable-placeholder__placeholder_full___BEziN {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

.droppable-placeholder__error___xfUlU {
    border-color: var(--drop-area-border-deny-color);
    background-color: var(--drop-area-background-deny-color);
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/layout/components/droppable-body/theme/droppable-body.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.droppable-body__wrapper___Y94CI {
	position: relative;
	width: 100%;
	overflow: hidden;
    flex: 1 1 auto;
}

	.droppable-body__wrapper__container___gAXQe {
		width: 100%;
		height: 100%;
	}


/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/layout/components/droppable-corners/theme/droppable-corners.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.droppable-corners__container___LMcNJ {
    width: 100%;
    height: 100%;
    position: relative;
}

.droppable-corners__placeholder___61NXc {
    position: absolute;
	z-index: 40;
    display: none;

}

.droppable-corners__placeholder_hovered___czLmx {
		display: block;
		border: 1px dashed var(--drop-area-border-deny-color);
		background-color: var(--drop-area-background-deny-color);
 	}

.droppable-corners__placeholder_show___D5RLg {
        display: block;
    }

.droppable-corners__placeholder_fits___I98Vn {
		border: 1px dashed var(--drop-area-border-color);
		background-color: var(--drop-area-highlight-color);
    }

.droppable-corners__placeholder_top___L6W6h {
        top: 24px;
        left: 0;
        right: 0;
        height: 50px;
    }

.droppable-corners__placeholder_bottom___cF06u {
        height: 50px;
        left: 0;
        right: 0;
        bottom: 0;
    }

.droppable-corners__placeholder_left___d0-wb {
        top: 24px;
        width: 50px;
        left: 0;
        bottom: 0;
    }

.droppable-corners__placeholder_right___dGy1v {
        top: 24px;
        width: 50px;
        right: 0;
        bottom: 0;
    }
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/layout/components/droppable-corners/theme/droppable-corners.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
body.nativeElementDragging .droppable-corners {
		display: block;
	}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/element-placeholder/theme/placeholder.child.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.placeholder-child__container___K\+ZSY {
    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___oJjiG {
    border-color: var(--drop-area-border-deny-color);
    background-color: var(--drop-area-background-deny-color);
}

.placeholder-child__icon___bgWhT {
	fill: var(--drop-area-border-deny-color);
	width: 72px;
	height: 72px;
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/config/variables.common.css ***!
  \*************************************************************************************************************************************************************************************/
: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: 25px;
	--table--filtered-bg-color: var(--filter-table-bg-color);
	--table--cell-icon-default-color: var(--icon-secondary-default-color);
	--table--cell-icon-active-color: var(--icon-pressed-color);
	--table-control-comboBox-padding-right: 16px;
	--table-selectBox-label-padding-right: 16px;
	--table-selectBox-arrow-padding-top: 4px;
	--table-selectBox-arrow-margin-right: 4px;
	--header-height: 77px;
}
/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/reset-css/reset.css ***!
  \****************************************************************************************************************/
/* 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;
}

/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/resources/fonts/opensans.css ***!
  \****************************************************************************************************************/
@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;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/app/theme/app.css ***!
  \*****************************************************************************************************************************************************************************************************/
html,
body,
main.main {
	height: 100%;
}
body {
	position: relative;
	min-width: var(--min-viewport-width);
	overflow-y: hidden;
	overflow-x: auto;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	cursor: default;
}
/* Allows users to insert a new widget into a widget with an iframe element in its body */
body.dragging iframe {
			pointer-events: none;
		}
body.detachedMode {
		min-width: 300px;
	}

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

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

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

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

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

.app.D30AE08E-7600-4CE8-883A-1BE9CC709DB5 > .app-items {
	height: 0;
	cursor: default;
}

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

/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/app/theme/boilerplate.css ***!
  \*************************************************************************************************************************************************************************************************************/
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: var(--app-bg-color);
	/* 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);
}

/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/app/theme/app-mobile.css ***!
  \************************************************************************************************************************************************************************************************************/
.mobile body {
	min-width: 0;
	overscroll-behavior: none;
}
html.mobile {
	overflow-x: hidden;
}

/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/tooltip/tooltip.css ***!
  \*******************************************************************************************************************************************************************************************************/
.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;
	}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-add/theme/tooltipButtonAdd.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.tooltipButtonAdd__container {
		position: relative;
	}
	.tooltipButtonAdd__content {
		font-size: 14px;
	}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-add/theme/buttonAddPopover.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.buttonAddPopover__container {
		background-color: transparent;
		border: 0;
		overflow: visible;
		margin-top: 23px;
	}

/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-add/button-add.css ***!
  \*************************************************************************************************************************************************************************************************************/
.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;
	}

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/headerNew/theme/headerNew.css ***!
  \*****************************************************************************************************************************************************************************************************************/
@keyframes tabBorderScale {
	from {
		transform: scale(0);
	}

	to {
		transform: scale(1);
	}
}

.headerNew {
	box-sizing: border-box;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

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

.headerNew--top {
		display: flex;
		width: 100%;
		position: relative;
		align-items: center;
		padding: 15px;
		box-sizing: border-box;
		margin: 0 0 8px;
		background: var(--app-header-bg-color);
	}

.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;
		background: var(--app-header-bg-bottom-color);
	}

.headerNew--menu {
		position: relative;
		display: flex;
		height: 34px;
		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 {
		font-size: 14px;
		display: flex;
		align-items: center;
		height: calc(100% - 1px);
		padding: 2px 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: 1px;
			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:not(.headerNew--menuItem-selected):hover:after {
				background: var(--tab-selected-line-color);
			}

.headerNew--menuItem-selected {
			color: var(--tab-selected-text-color);
			background-color: var(--tab-active-bg-color);
		}

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

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

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

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

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

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

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

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

.headerNew--menuItem .button-closeTab {
				width: 8px;
				height: 8px;
				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;
	}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/checkbox/checkbox.css ***!
  \*********************************************************************************************************************************************************************************************************/
.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);
		}

/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/checkbox/checkbox-mobile.css ***!
  \****************************************************************************************************************************************************************************************************************/
.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;
			}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-checkbox/control-checkbox.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.control-checkBox.control-noLabel label {
			font-size: 0;
		}

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

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/workarea/theme/workarea.css ***!
  \***************************************************************************************************************************************************************************************************************/
:root {
	--header-height: 112px
}

.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;
	}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/loader-main/loader-main.css ***!
  \***************************************************************************************************************************************************************************************************************/
.loader-main {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		overflow: hidden;
		display: table;
		width: 100%;
		height: 100%;
		font-family: Arial, Helvetica, sans-serif;
	}

		.loader-main .logo {
			display: inline-block;
			vertical-align: middle;
			width: auto;
			color: var(--logo-brand-color);
		}

		.loader-main .loadingWheel {
			display: block;
			margin: 30px auto 15px;
		}

		.loader-main .loader--wrapper {
				display: table-cell;
				vertical-align: middle;
				text-align: center;
			}

		.loader-main .loader--indicatorWrapper {
				display: block;
				margin: 30px auto 15px;
			}

		.loader-main .loader--text {
				display: inline-block;
				vertical-align: middle;
				padding-left: 1em;
			}

		.loader-main .loader--failure {
				visibility: hidden;
			}

		.loader-main .loader--logo {
				position: relative;
				display: inline-block;
			}

		.loader-main.loader-failed .loader--text {
					display: none;
				}

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



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

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

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

.loader-main .loader--text::before {
					animation: mainLoading 1s linear 0s infinite alternate;
				}

.loader-done {
		transform: translate3d(0, -100%, 0);
		opacity: 0;
		transition: transform 1s, opacity .75s .25s;
	}

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/filterPanel/filterPanel.css ***!
  \***************************************************************************************************************************************************************************************************************/
.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;
		}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/filterPanel/filterPanel-mobile.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.mobile .filterPanel {
		font-size: 14px;
	}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-autoresize/button-autoresize.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.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);
		}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-contextMenu/button-contextMenu.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
.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);
		}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-closeWidget/button-closeWidget.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
.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;
	}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-closeWidgetBig/button-closeWidgetBig.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.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);
	}

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widgetNew/theme/widgetNew.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.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;
			}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/table/components/table/theme/table.global.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.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: 5px 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);
		}


/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/table/components/table/theme/table-columns.global.css ***!
  \******************************************************************************************************************************************************************************************************************************/
.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;
		}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/table/components/table/theme/table-mobile.global.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
.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;
	}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/table/components/table/theme/table-in-place.global.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
.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;
		}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/grid/components/grid-body/theme/grid-body.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.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;
			}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/grid/components/grid/theme/grid.global.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.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);
	}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/grid/components/grid/theme/grid-mobile.global.css ***!
  \**************************************************************************************************************************************************************************************************************************/
.mobile .grid-empty .emptyView__title {
					font-size: 16px;
				}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-account/components/grid-account/theme/grid-account.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.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);
			}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/position/position.css ***!
  \*********************************************************************************************************************************************************************************************************/
.position.table--row:hover {
			background: var(--table-row-bg-hover-color);
		}
	
			.position.table--row:hover .sticky--actions-cell--container {
				opacity: 1;
			}
	.position--timedate,
	.position--fillPrice,
	.position--totalTitle,
	.position--bid,
	.position--instrument--cell,
	.position--ask,
	.position--id {
		position: relative;
	}
	.position--symbol {
		vertical-align: middle;
		display: inline-block;
	}
	.position--pl.numeric {
			width: 3.5em;
		}
	.position--protection {
		display: inline-block;
		vertical-align: middle;
		width: 28px;
		font-size: .9rem;
		letter-spacing: 1px;
	}
	.position-heading .position--protection {
			font-size: inherit;
			letter-spacing: inherit;
		}
	.position--protection .protection-sl {
				float: left;
			}
	.position--protection .protection-tp {
				float: right;
			}
	.position-heading .sticky--actions-cell {
			display: none;
		}
	.position--padding {
		position: relative;
		display: inline-flex;
		justify-content: flex-start;
		align-items: center;
		flex-shrink: 0;
	}
	.position--aggregationIcon {
		cursor: pointer;
		width: 8px;
		height: 8px;
		margin-right: 5px;
		display: inline-block;
		vertical-align: middle;
	}
	.position small {
		color: var(--repeated-text-color);
	}
	.position--side-sell {
			color: var(--negative-text-color);
		}
	.position--side-buy {
			color: var(--positive-text-color);
		}
	.position--pl-negative {
			color: var(--negative-text-color);
		}
	.position--pl-positive {
			color: var(--positive-text-color);
		}
	.position--protection {
		color: var(--additional-text-color);
	}
	.position-expanded .table--cell,
			.position-expanded .table--cell:first-child,
			.position-expanded .table--cell:last-child,
			.position-selected .table--cell,
			.position-selected .table--cell:first-child,
			.position-selected .table--cell:last-child {
				color: var(--selected-text-color);
			}
	.position-expanded .table--cell .numeric:empty::before, .position-expanded .table--cell:first-child .numeric:empty::before, .position-expanded .table--cell:last-child .numeric:empty::before, .position-selected .table--cell .numeric:empty::before, .position-selected .table--cell:first-child .numeric:empty::before, .position-selected .table--cell:last-child .numeric:empty::before {
							color: var(--na-selected-text-color);
						}
	.position-expanded .button-closePosition span, .position-selected .button-closePosition span {
			opacity: .9;
			background-position: 0 -850px;
		}
	.position-expanded .position--protection, .position-selected .position--protection {
			color: var(--selected-text-color);
		}
	.position-selected.highlighted td,
			.position-selected.highlighted td:first-child,
			.position-selected.highlighted td:last-child {
				background-color: var(--table-row-selected-bg-color);
				color: var(--selected-text-color);
			}
	.position-selected .button-closeBy .icon, .position-selected .button-closePosition .icon {
					fill: var(--icon-primary-default-color);
				}
	.position-selected .button-closeBy .icon:hover, .position-selected .button-closePosition .icon:hover {
						fill: var(--icon-hovered-color);
					}
	.position-selected {
		background-color: var(--table-row-selected-bg-color);
		color: var(--selected-text-color);
	}
	.position-expanded .sticky--actions-cell {
			visibility: hidden;
			opacity: 0;
		}
	.position--aggregationTitleContainer {
		display: flex;
		align-items: center;
		min-width: 11px;
	}
	.position--aggregationTitle {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-right: 3px;
	}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/position/position-mobile.css ***!
  \****************************************************************************************************************************************************************************************************************/
.mobile .position--actions .button-icon {
				width: 14px;
				height: 14px;
			}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/grid-positions/cells/AggregationCell.css ***!
  \****************************************************************************************************************************************************************************************************************************/
.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%;
	}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/numeric/numeric.css ***!
  \*******************************************************************************************************************************************************************************************************/
.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);

		}

/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/price/price.css ***!
  \***************************************************************************************************************************************************************************************************/
.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);
	}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-closeBy/button-closeBy.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.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;
		}

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-closePosition/button-closePosition.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
.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;
		}

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-closePosition/button-closePosition-mobile.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.mobile .button-closePosition .icon {
			width: 9px;
			height: 9px;
		}

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/sticky-actions-cell/sticky-actions-cell.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
.sticky--actions-cell {
	position: sticky;
	right: 0;
	background: none !important;
}

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

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

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

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

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

	.sticky--actions-cell--hide {
		display: none;
	}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/grid-positions/grid-positions.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.grid-positions .table--colAdapts-symbol {
			width: 7.5em;
		}
		.grid-positions .table--colAdapts-quantity {
			width: 6em;
		}
		.grid-positions .table--colAdapts-actions {
			width: 6em;
		}
		.grid-positions .table--colAdapts-usedMargin {
			width: 96px;
		}
		.grid-positions .table--colAdapts-totalFinancing {
			width: 103px;
		}
		.grid-positions .table--colAdapts-totalCommissions {
			width: 124px;
		}
		.grid-positions .table--colAdapts-instrument {
			width: 233px;
		}
		.grid-positions .table--colAdapts-side {
			width: 66px;
		}
		.grid-positions .table--colAdapts-type {
			width: 59px;
		}
		.grid-positions .table--colAdapts-qty {
			width: 68px;
		}
		.grid-positions .table--colAdapts-avgFillPrice {
			width: 96px;
		}
		.grid-positions .table--colAdapts-volatility {
			width: 8em;
		}
		.grid-positions .table--colAdapts-last {
			width: 80px;
		}
		.grid-positions .table--colAdapts-dayQuantity {
			width: 93px;
		}
		.grid-positions .table--colAdapts-expirationDate {
			width: 109px;
		}
		.grid-positions .table--colAdapts-instrumentType {
			width: 114px;
		}
		.grid-positions .table--colAdapts-underlying {
			width: 110px;
		}
		.grid-positions .table--colAdapts-strike {
			width: 66px;
		}
		.grid-positions .table--colAdapts-contractSize {
			width: 97px;
		}
		.grid-positions .table--colAdapts-description {
			width: 160px;
		}
		.grid-positions .table--colAdapts-marketValue {
			width: 96px;
		}
		.grid-positions .table--colAdapts-account {
			width: 135px;
		}
		.grid-positions .table--colAdapts-dayOpenPl {
			width: 97px;
		}
		.grid-positions .table--colAdapts-openPl {
			width: 76px;
		}
		.grid-positions .table--colAdapts-maintenanceMargin {
			width: 136px;
		}
		.grid-positions .table--colAdapts-daysToExpiration {
			width: 123px;
		}
		.grid-positions .table--colAdapts-initialMargin {
			width: 98px;
		}
		.grid-positions .table--colAdapts-overnightInitialMargin {
			width: 153px;
		}
		.grid-positions .table--colAdapts-dayClosedPl {
			width: 107px;
		}
		.grid-positions .table--colAdapts-overnightMaintenanceMargin {
			width: 190px;
		}
		.grid-positions .table--colAdapts-openPlQty {
			width: 97px;
		}
		.grid-positions .table--colAdapts-intrinsicValue {
			width: 102px;
		}
		.grid-positions .table--colAdapts-theta,
		.grid-positions .table--colAdapts-positionGamma,
		.grid-positions .table--colAdapts-positionVega,
		.grid-positions .table--colAdapts-positionRho,
		.grid-positions .table--colAdapts-positionDelta {
			width: 112px;
		}
		.grid-positions .table--colAdapts-intrinsicPl {
			width: 92px;
		}
		.grid-positions .table--colAdapts-underlyingPrice {
			width: 114px;
		}
		.grid-positions .table--colAdapts-theoPrice {
			width: 82px;
		}
		.grid-positions .table--colAdapts-openPlPercent {
			width: 87px;
		}
		.grid-positions .table--colAdapts-takeProfit {
			width: 127px;
		}
		.grid-positions .table--colAdapts.grid-aggregationInstrument .table--colAdapts-instrument {
				width: 26em;
			}
		.grid-positions .table--colAdapts.grid-aggregationInstrument .table--columnHeader.position--instrument {
				justify-content: flex-start;
			}
		.grid-positions .table--colAdapts-closedPlAccountCurrency,
		.grid-positions .table--colAdapts-closedPlPositionCurrency {
			width: 170px;
		}
	.grid-positions .table--totalsWrapper {
		position: sticky;
		bottom: 0;
	}
	.grid-positions .table-totals {
		position: relative;
		background-color: var(--table-group-bg-color);
	}
	.grid-positions .table-totals .position--total td {
				box-shadow: 0 1px var(--table-bg-color);
			}
	.grid-positions .table-totals .position--total td:first-child .table--cell {
						overflow: visible;
						padding-left: 12px;
						padding-right: 14px;
					}
	.grid-positions .scrollable-withHorizontalScrollbar + .table--totalsWrapper {
		bottom: 9px;
	}
	.grid-positions.grid-aggregation .table--colAdapts-symbol {
				width: 20em;
			}
	.grid-positions.grid-aggregation .position--padding .position-icon:nth-child(1) {
					margin-left: 3px;
				}
	.grid-positions.grid-aggregation .position--padding .position-icon:nth-last-child(1) {
					margin-right: 2px;
				}
	.grid-positions.grid-aggregation .position--aggregation {
				display: inline-block;
				width: 100%;
				text-align: left;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				vertical-align: top;
				padding-left: 0;
			}
	.grid-positions.grid-aggregation .position--aggregation .icon-tree {
					margin-left: 1px;
				}
	.grid-positions.grid-aggregation .position--value {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				min-width: 11px;
			}
	.grid-positions.grid-aggregation .position-child .position--symbol .position--aggregationIcon {
						margin: 0 1px 0 0;
						width: 9px;
						height: 9px;
					}
	.grid-positions.grid-aggregation .table th:first-child .table--columnHeader {
				justify-content: center;
			}
	.grid-positions.grid-aggregationInstrument .table--colAdapts-instrument {
			width: 26em;
		}
	.grid-positions.grid-aggregationInstrument .table--columnHeader.position--instrument {
			justify-content: flex-start;
		}
	.grid-positions .table--row:hover {
				cursor: pointer;
			}
	.grid-positions .table--row:hover td:not(.sticky--actions-cell) {
					background: linear-gradient(to bottom, transparent 1px, var(--table-row-bg-hover-color) 2px);
				}
	.grid-positions .table--row.position-expanded td, .grid-positions .table--row.position-selected td {
						background: var(--table-row-selected-bg-color);
					}
	.grid-positions .position-heading .position--symbol {
				padding-left: 13px;
			}
	.grid-positions .scrollable-withHorizontalScrollbar .scrollable--wrapper {
			padding-bottom: 9px;
			box-sizing: border-box;
		}
	/*Need for Firefox*/
	.grid-positions .scrollable-withHorizontalScrollbar .scrollable--wrapper .scrollable--container {
				scrollbar-color: transparent transparent;
			}
	/*Need for Edge, IE */
	@supports (-ms-overflow-style: none) {
	.grid-positions .scrollable-withHorizontalScrollbar .scrollable--wrapper {
				-ms-overflow-style: none;
				width: 100% !important;
				margin-right: 0 !important
		}
			}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/grid-positions/grid-positions-mobile.css ***!
  \****************************************************************************************************************************************************************************************************************************/
.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;
			}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/grid-positions/positionBook.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.grid-positionBook.grid-editable .table--body .table--row-aggregationRow .table--cell, .grid-positionBook.grid-editable .table--body .position--total .table--cell {
						box-shadow: none;
					}
				.grid-positionBook.grid-editable .table--body .table--cell-control {
						box-shadow: 1px 0 var(--line-color);
					}
	.grid-positionBook .grid--head {
		z-index: 3;
	}
	.grid-positionBook .table--colAdapts-symbol {
			width: 123px;
		}
	.grid-positionBook .table--colAdapts-side {
			width: 69px;
		}
	.grid-positionBook .table--colAdapts-qty {
			width: 66px;
		}
	.grid-positionBook .table--colAdapts-avgFillPrice {
			width: 104px;
		}
	.grid-positionBook .table--colAdapts-last,
		.grid-positionBook .table--colAdapts-ask,
		.grid-positionBook .table--colAdapts-bid {
			width: 80px;
		}
	.grid-positionBook .table--colAdapts-openPl {
			width: 84px;
		}
	.grid-positionBook .table--colAdapts-openPlQty {
			width: 106px;
		}
	.grid-positionBook .table--colAdapts-openPlPercent {
			width: 97px;
		}
	.grid-positionBook .table--colAdapts-dayOpenPl {
			width: 105px;
		}
	.grid-positionBook .table--colAdapts-initialMargin {
			width: 106px;
		}
	.grid-positionBook .table--colAdapts-overnightInitialMargin {
			width: 152px;
		}
	.grid-positionBook .table--colAdapts-dayClosedPl {
			width: 114px;
		}
	.grid-positionBook .table--colAdapts-dayQuantity {
			width: 101px;
		}
	.grid-positionBook .table--colAdapts-maintenanceMargin {
			width: 144px;
		}
	.grid-positionBook .table--colAdapts-overnightMaintenanceMargin {
			width: 190px;
		}
	.grid-positionBook .table--colAdapts-marketValue {
			width: 104px;
		}
	.grid-positionBook .table--colAdapts-totalCost {
			width: 86px;
		}
	.grid-positionBook .table--colAdapts-account {
			width: 99px;
		}
	.grid-positionBook .table--colAdapts-description {
			width: 239px;
		}
	.grid-positionBook .table--colAdapts-expirationDate {
			width: 153px;
		}
	.grid-positionBook .table--colAdapts-usedMargin {
			width: 96px;
		}
	.grid-positionBook .table--colAdapts-spread {
			width: 44px;
		}
	.grid-positionBook .table thead th .table--cell-spread .table--columnHeader {
						justify-content: center;
					}
	.grid-positionBook .table thead th .table--cell-highlighted {
					color: var(--table-header-updating-highlight-text-color);
				}
	.grid-positionBook .table--body td:first-child,
		.grid-positionBook .table--body th:first-child {
			padding-left: 6px;
		}
	.grid-positionBook .table--body td:first-child .table--cell, .grid-positionBook .table--body th:first-child .table--cell {
					padding-right: 0;
					padding-left: 0;
				}
	.grid-positionBook .table--body .table--cell-symbolCell {
					text-align: left;
				}
	.grid-positionBook .table--body .table--cell-digits {
					text-align: right;
				}
	.grid-positionBook .table--body .table--cell-text {
					text-align: left;
				}
	.grid-positionBook .table--body .table--cell-highlighted {
					background-color: var(--table-cell-updating-highlight-bg-color);
				}
	.grid-positionBook .table--body .table--cell-spread {
					display: inline-flex;
					padding-right: 0;
					overflow: visible;
				}
	.grid-positionBook .table--body .table--cell-spread .lockContainer {
						flex-grow: 1;
					}
	.grid-positionBook .table--body .table--cell-spread .lockButton {
						box-shadow: 0 0 0 1px transparent;
					}
	.grid-positionBook .table--body .table--cell-spread .lockButton:focus {
							box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
						}
	.grid-positionBook .table--body .table--cell-spread .control-spreadSelector {
						background: transparent;
						box-shadow: none;
					}
	.grid-positionBook .table--body .table--cell-spread .control-spreadSelector::before {
							display: none;
						}
	.grid-positionBook .table--body .table--cell-spread .control-spreadSelector .selectBox--labelIcon {
							display: inline-block;
						}
	.grid-positionBook .table--body .table--cell-spread .control-spreadSelector .selectBox--arrow {
							display: none;
						}
	.grid-positionBook .table--body .table--cell-spread .control-spreadSelector .selectBox-title .selectBox--labelIcon {
								display: none;
							}
	.grid-positionBook .table--row:hover {
				cursor: pointer;
			}
	.grid-positionBook .table--row:hover .table--cell {
					background-color: var(--table-row-bg-hover-color);
				}
	.grid-positionBook .table--row:hover .table--cell-highlighted {
						background-color: var(--table-cell-updating-highlight-bg-color);
					}
	.grid-positionBook .table--row-aggregationRow .table--cell-highlighted {
					background: transparent;
				}
	.grid-positionBook .position--wrapperCell {
			display: flex;
			align-items: center;
		}
	.grid-positionBook .position--totalTitle {
			color: var(--table-text-color);
			text-transform: none;
			font-weight: 500;
			font-size: 14px;
		}
	.grid-positionBook .position--total td {
				font-size: 14px;
			}
	.grid-positionBook .table--totalsWrapper {
		position: sticky;
		bottom: 0;
	}
	.grid-positionBook .table-totals {
		position: relative;
		background-color: var(--table-group-bg-color);
	}
	.grid-positionBook .table-totals .position--total td {
				box-shadow: 0 1px var(--table-bg-color);
			}
	.grid-positionBook .table-totals .position--total td:first-child .table--cell {
						overflow: visible;
						padding-left: 12px;
						padding-right: 14px;
					}
	.grid-positionBook .scrollable-withHorizontalScrollbar + .table--totalsWrapper {
		bottom: 9px;
	}
	.grid-positionBook.grid-aggregation .table--colAdapts-spread {
					width: 284px;
				}
	.grid-positionBook.grid-aggregation .table--colAdapts-symbol {
					width: 90px;
				}
	.grid-positionBook.grid-aggregation .table--colAdapts-side {
					width: 112px;
				}
	.grid-positionBook.grid-aggregation .table--colAdapts-quantity {
					width: 94px;
				}
	.grid-positionBook.grid-aggregation .table--colAdapts-expiration {
					width: 114px;
				}
	.grid-positionBook.grid-aggregation .table--colAdapts-strike {
					width: 90px;
				}
	.grid-positionBook.grid-aggregation .table--colAdapts-type {
					width: 90px;
				}
	.grid-positionBook.grid-aggregation .table--colAdapts-price {
					width: 106px;
				}
	.grid-positionBook.grid-aggregation .table--colAdapts-yeild {
					width: 117px;
				}
	.grid-positionBook.grid-aggregation .table--colAdapts-volume {
					width: 117px;
				}
	.grid-positionBook.grid-aggregation .table--colAdapts-delta {
					width: 90px;
				}
	.grid-positionBook.grid-aggregation .table--colAdapts-bpEffect {
					width: 90px;
				}
	.grid-positionBook.grid-aggregation .table--colAdapts-actions {
					width: 23px;
				}
	.grid-positionBook.grid-aggregation .table--row:not(.table--row-selected).table--row-aggregationRow .table--cell {
								background-color: var(--table-group-bg-color);
							}
	.grid-positionBook.grid-aggregation .table--row:not(.table--row-selected).table--row-aggregationRow .position--aggregation {
							padding-right: 0;
							padding-left: 0;
						}
	.grid-positionBook.grid-aggregation .table--row:not(.table--row-selected).table--row-aggregationRow .position--aggregation .table--cell {
								padding-right: 3px;
								padding-left: 6px;
							}
	.grid-positionBook.grid-aggregation .icon-tree {
			width: 7px;
			height: 9px;
			margin: 0 3px 0 -10px;
			position: relative;
			vertical-align: initial;
			fill: var(--icon-secondary-default-color);
		}
	.grid-positionBook.grid-aggregation .level-position-1 .position--padding{
			min-width: 10px;
		}
	.grid-positionBook.grid-aggregation .level-position-2 .position--padding{
			min-width: 20px;
		}
	.grid-positionBook.grid-aggregation .level-position-3 .position--padding{
			min-width: 30px;
		}
	.grid-positionBook.grid-aggregation .level-position-4 .position--padding{
			min-width: 40px;
		}
	.grid-positionBook.grid-aggregation .level-position-5 .position--padding{
			min-width: 50px;
		}
	.grid-positionBook.grid-aggregation .position--padding {
				display: inline-flex;
				justify-content: flex-start;
				align-items: center;
				flex-shrink: 0;
			}
	.grid-positionBook.grid-aggregation .position--padding .position-icon:nth-child(1) {
					margin-left: 3px;
				}
	.grid-positionBook.grid-aggregation .position--padding .position-icon:nth-last-child(1) {
					margin-right: 2px;
				}
	.grid-positionBook.grid-aggregation .position--symbol {
				vertical-align: top;
				padding-left: 0;
			}
	.grid-positionBook.grid-aggregation .position--symbol .icon-tree {
					margin-left: 1px;
				}
	.grid-positionBook.grid-aggregation .position--symbolValue {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				min-width: 11px;
			}
	.grid-positionBook.grid-aggregation .position--aggregationIcon {
				cursor: pointer;
				width: 8px;
				height: 8px;
				margin: 0 5px 0 4px;
				display: inline-block;
				vertical-align: middle;
				fill: var(--modal-header-icon-primary-default-color);
			}
	.grid-positionBook.grid-aggregation .position-child .position--padding {
						min-width: 16px;
					}
	.grid-positionBook.grid-aggregation .position-child .position--symbol .position--aggregationIcon {
							margin: 0 1px 0 0;
							width: 9px;
							height: 9px;
						}
	.grid-positionBook.grid-aggregation .position-child .position--instrument {
						padding-left: 0;
					}
	.grid-positionBook.grid-aggregation .position-child .position--instrument.level-position-1 .position--padding {
							min-width: 3px;
						}
	.grid-positionBook.grid-aggregation .position-child .position--instrument.level-position-2 .position--padding {
							min-width: 13px;
						}
	.grid-positionBook.grid-aggregation .position-child .position--instrument.level-position-3 .position--padding {
							min-width: 23px;
						}
	.grid-positionBook.grid-aggregation .position-child .position--instrument.level-position-4 .position--padding {
							min-width: 33px;
						}
	.grid-positionBook.grid-aggregation .position-child .position--instrument.level-position-5 .position--padding {
							min-width: 43px;
						}
	.grid-positionBook.grid-aggregation .position-child td:nth-child(2) .table--cell {
						padding-left: 0;
					}
	.grid-positionBook .scrollable-withHorizontalScrollbar .scrollable--wrapper {
			padding-bottom: 9px;
			box-sizing: border-box;
		}


/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-expandAllPositions/button-expandAllPositions.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.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;
	}

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-collapseAllPositions/button-collapseAllPositions.css ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.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;
	}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-positions/components/button-closeAllPositions/button-closeAllPositions.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.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%;
	}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-netAggregation/control-netAggregation.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.control-netAggregation {
	white-space: nowrap;
	display: inline-flex;
    align-items: center;
 }

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

/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/switcher/switcher.css ***!
  \*********************************************************************************************************************************************************************************************************/
.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;
		}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-otherItems/contextMenu-otherItems.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.contextMenu-otherItems {
	padding: 10px 0 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.contextMenu-otherItems.contextMenu-chartToolbar .contextMenu--content .toolbar__item .selectBox-active {
						box-shadow: 0 0 0 1px var(--form-control-focused-border-outside-color);
					}

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

/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/toolbar/toolbar.css ***!
  \*******************************************************************************************************************************************************************************************************/
.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);
				}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-positions/components/account-selector/accountSelector.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
.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;
	}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-positions/widget-positions.css ***!
  \**************************************************************************************************************************************************************************************************/
.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;
		}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-positions/widget-positions-mobile.css ***!
  \*********************************************************************************************************************************************************************************************************/
.mobile .WidgetPositions__headerContent .controlAggregation--label {
			font-size: 14px;
		}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-linking/button-linking.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.button-icon.button-linking .icon, .button-icon.button-linkingButton .icon {
		width: 11px;
		height: 11px;
	}
	.button-icon.button-linking:hover + .button-linking-tooltip, .button-icon.button-linkingButton:hover + .button-linking-tooltip {
			display: block;
		}

.button-icon.button-linkingButton.button-primary .icon {
			fill: var(--button-primary-default-text-color);
		}

.button-icon.button-linking {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	min-width: 19px;
	background-color: transparent;
	box-shadow: none;
}

.button-icon.button-linking::before {
		content: none;
	}

.button-icon.button-linking:hover + .button-linking-tooltip {
			display: block;
		}

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

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

.button-icon.button-linking:focus .icon {
			fill: var(--icon-hovered-color);
		}

.button-icon.button-linking:disabled .icon, .button-icon.button-linking[disabled] .icon {
			fill: var(--common-text-disabled);
		}

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

.button-icon.button-linking.button-active:focus .icon {
				fill: var(--icon-hovered-color);
			}

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

.button-icon.button-linking.button-active:disabled .icon, .button-icon.button-linking.button-active[disabled] .icon {
				fill: var(--common-text-disabled);
			}

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

.button-icon.button-linking .icon {
		margin-top: -1px;
		position: relative;
		z-index: 1;
	}

.button-linking-wrapper {
	position: relative;
	display: inline-flex;
}

.button-linking-tooltip {
	position: absolute;
    left: 0;
    top: 34px;
	z-index: 999;
	display: none;
	padding: 2px 7px;
	background: var(--hint-tooltip-bg-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
	color: var(--hint-tooltip-text-color);
	pointer-events: none;
	white-space: nowrap;
	line-height: 20px;
}

.button-linking-tooltip_fading {
		display: block;
		animation: fadeTooltip 1s;
		animation-delay: 3s;
		animation-fill-mode: forwards;
		width: 200px;
		white-space: normal;
		padding-left: 10px;
		padding-right: 11px;
	}

@keyframes fadeTooltip {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		pointer-events: all;
	}
}

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/control-watchlist-mode-toggler/theme/control-watchlist-mode-toggler.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.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;
	}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/optional/optional.module.css ***!
  \****************************************************************************************************************************************************************************************************************/
.optional__container___BF\+Te {
	color: var(--no-data-text-color);
}

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-close/button-close.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.button-close .icon {
		margin-top: 4px;
		width: 9px;
		height: 9px;
	}

/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-close/button-close-mobile.css ***!
  \************************************************************************************************************************************************************************************************************************/
.mobile .button-close .icon {
			margin-top: 2px;
			width: 13px;
			height: 13px;
		}

/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/list-selector/theme/list-selector.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.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);
	}

/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/list-selector/theme/list-selector-mobile.css ***!
  \**************************************************************************************************************************************************************************************************************************/
.mobile .listSelector--createButton .button-link {
				font-size: 14px;
			}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/symbolSpacing/symbolSpacing.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.symbolSpacing {
	letter-spacing: 1px;
}

	.symbolSpacing input[type="text"] {
		letter-spacing: inherit;
	}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/grid-watchlist/theme/grid-watchlist.columns.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
.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;
			}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/grid-watchlist/theme/grid-watchlist.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.grid-watchlist .instrument-input .control, .grid-watchlist .instrument-search .control {
				width: 100%;
			}
		.grid-watchlist .instrument-search td {
				padding-bottom: 2px;
			}
		.grid-watchlist .instrument--listSelectorWrapper {
			position: absolute;
			bottom: 19px;
			top: 31px;
			right: 20px;
			left: 20px;
			height: auto;
			text-align: center;
		}
		.grid-watchlist .instrument--listSelector {
			display: inline-block;
			vertical-align: top;
			min-width: 300px;
			height: 100%;
		}
		.grid-watchlist .instrument-ladder .instrument--quantity {
				color: var(--additional-text-color);
			}
		.grid-watchlist .instrument--emptyMessage {
			color: var(--hint-color);
		}
	.grid-watchlist.grid-future .scrollable-withVerticalScrollbar > .scrollable--wrapper > .scrollable--container {
			padding-right: 0;
		}
	.grid-watchlist thead th:first-of-type .icon {
			display: none;
		}
	.grid-watchlist .grid--body .table--row td:first-of-type .table--cell {
							padding: 3px 0 3px 6px;
						}
	.grid-watchlist .grid--body .table--row td:first-of-type .icon-watchlist-futures-warning {
							display: inline-block;
						}
	.grid-watchlist .grid--body .table--row .icon-watchlist-futures-warning {
						cursor: pointer;
						pointer-events: all;
					}
	.grid-watchlist .table--row.instrument:hover {
				background: var(--table-row-bg-hover-color);
			}
	.grid-watchlist .table--row.instrument:hover .table--cell-bid .button {
						border-color: var(--table_row-button-sell-default-border);
					}
	.grid-watchlist .table--row.instrument:hover .table--cell-ask .button {
						border-color: var(--table_row-button-buy-default-border);
					}
	.grid-watchlist .table--row.instrument:hover .table--cell-orderSize .control-comboBox {
						display: inline-block;
					}
	.grid-watchlist .table--row.instrument:hover .table--cell-orderSize input[type="text"] {
						background-color: var(--selected-input-bg-color);
						border-color: var(--form-control-focused-border-outside-color);
					}
	.grid-watchlist .table--row.instrument:hover .orderSizeValue {
					display: none;
				}
	.grid-watchlist .table--row.instrument:hover .button-priceValue {
					position: absolute;
					right: 0;
					top: 0;
					max-width: none;
				}
	.grid-watchlist .table--row.instrument:hover .priceLabel {
					display: inline;
				}
	.grid-watchlist .table--row.instrument:focus {
				outline: 2px solid;
				outline-offset: -2px;
			}
	.grid-watchlist .table--cell-orderSize .control-comboBox {
				display: none;
			}
	.grid-watchlist .table--cell-orderSize {
				padding-left: 0;
			}
	.grid-watchlist .table--cell-orderSize .control-comboBox {
					width: calc(100% - 7px);
					margin-left: 7px;
				}
	.grid-watchlist .table--cell-orderSize .control-comboBox input[type="text"] {
						height: 19px;
						border: 1px solid var(--input-default-border-outside-color);
					}
	.grid-watchlist .table--cell .button-price {
				display: flex;
				align-items: center;
			}
	.grid-watchlist .table--cell .priceContainer {
				display: flex;
				justify-content: flex-end;
				position: relative;
				height: 100%;
				width: 100%;
			}
	.grid-watchlist .table--cell-price {
				overflow: visible !important;
			}
	.grid-watchlist .table--cell-price .button {
					height: 100%;
					text-align: left;
					max-width: 100%;
					transition: border-color 0.2s;
					vertical-align: top;
					box-shadow: none;
					color: var(--table-text-color);
				}
	.grid-watchlist .table--cell-price .button::before {
						background: none;
						border-top-color: transparent;
						border-bottom-color: transparent;
						border-left-color: transparent;
						border-right-color: transparent;
					}
	.grid-watchlist .table--cell-price .priceValue {
					max-width: 100%;
				}
	.grid-watchlist .table--cell-price .button-priceValue {
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
	.grid-watchlist .table--cell-price .priceLabel {
					display: none;
				}
	.grid-watchlist .table--cell-bid .button {
					border-color: var(--table_row-button-sell-inactive-border);
					background: var(--table_row-button-sell-inactive-bg);
				}
	.grid-watchlist .table--cell-bid .button .priceLabel {
						color: var(--negative-text-color);
					}
	.grid-watchlist .table--cell-bid .button:hover,
					.grid-watchlist .table--cell-bid .button:active {
						background: var(--table_row-button-sell-hovered-bg);
						border-color: var(--table_row-button-sell-default-border);
					}
	.grid-watchlist .table--cell-ask .button {
					background: var(--table_row-button-buy-inactive-bg);
					border-color: var(--table_row-button-buy-inactive-border);
				}
	.grid-watchlist .table--cell-ask .button .priceLabel {
						color: var(--positive-text-color);
					}
	.grid-watchlist .table--cell-ask .button:hover,
					.grid-watchlist .table--cell-ask .button:active {
						background: var(--table_row-button-buy-hovered-bg);
						border-color: var(--table_row-button-buy-default-border);
					}
	.grid-watchlist .table--cell-disabled .button {
					background: var(--button-disabled-bg-color);
					color: var(--table-text-color);
				}
	.grid-watchlist .table--cell-priceUp {
				color: var(--positive-text-color);
			}
	.grid-watchlist .table--cell-priceUp .button {
					color: var(--positive-text-color);
				}
	.grid-watchlist .table--cell-priceDown {
				color: var(--negative-text-color);
			}
	.grid-watchlist .table--cell-priceDown .button {
					color: var(--negative-text-color);
				}
	.grid-watchlist .table--cell-watchlist {
				font-size: var(--table--cell-font-size);
			}
	.grid-watchlist .table--cell .control-comboBox {
				position: relative;
				transform: translateY(-1px);
			}
	.grid-watchlist .table--cell .selectBox--arrow {
				opacity: 1;
			}
	.grid-watchlist .table--cell input[type="text"] {
				padding-left: 5px;
			}
	.grid-watchlist .orderSizeValue {
		display: inline-block;
		padding-left: 12px;
	}

#ruler .table--cell-watchlist {
		font-size: var(--table--cell-font-size);
	}

#ruler .table--cell-watchlist .priceLabel {
			display: none;
		}

#ruler .table--cell-watchlist .control-comboBox {
			display: none;
		}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/grid-watchlist/theme/grid-watchlist-mobile.css ***!
  \****************************************************************************************************************************************************************************************************************************/
.mobile .grid-watchlist .instrument--listSelectorWrapper {
				font-size: 14px;
			}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/input/input.css ***!
  \***************************************************************************************************************************************************************************************************/
input[type="text"],
input[type="password"],
input[type="email"] {
	transition: border-color var(--animation-fast), background-color var(--animation-fast) linear;
}

	input[type="text"].corrected, input[type="password"].corrected, input[type="email"].corrected {
		animation: correction 750ms linear;
	}

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

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

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

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

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-textInput/control-textInput.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.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);
			}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-textInput/control-textInput-mobile.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
.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;
					}
/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/widget-watchlist-header-title/theme/widget-watchlist-header-title.css ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.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);
			}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/instrument/instrument.css ***!
  \*******************************************************************************************************************************************************************************************************/
.instrument {
	position: relative;
	transition: .35s ease-in-out;
}
	
	.instrument .control-textInput {
		width: calc(100% + 1px);
		margin: 2px 0 1px 1px;
	}
	
	.instrument .control-textInput .control--wrap {
			display: block;
		}
	
	.instrument--symbol,
	.instrument--description {
		display: inline-block;
		width: 100%;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 1;
	}
	
	.instrument-empty .button--label {
			display: none;
		}
	
	.instrument--netChange strong {
			font-size: 1.25em;
			line-height: 0;
			font-weight: normal;
		}
	
	.instrument--lotSize {
		position: relative;
	}
	
	.instrument--bid,
	.instrument--ask,
	.instrument--change,
	.instrument--netChange {
		width: 100%;
		display: inline-block;
		vertical-align: middle;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.instrument .icon-watchlist-futures-warning {
		position: relative;
		top: 4px;
		width: 11px;
		height: 11px;
	}
	
	.instrument-future {
		background-color: var(--watchlist-futures-warning-table-row-bg-color);
	}
	
	.instrument--sell,
	.instrument--buy {
		position: relative;
		width: calc(50% - 1px);
		display: inline-block;
		vertical-align: bottom;
	}
	
	.instrument--buy {
		margin-left: 1px;
	}
	
	.instrument--buy .button-price:after {
			left: -1px;
		}
	
	.instrument--sell {
		margin-right: 1px;
	}
	
	.instrument--sell .button-price:after {
			right: -1px;
		}
	
	.instrument--price {
		display: block;
		width: auto;
		text-align: center;
		line-height: 50px;
		font-size: 19px;
		margin-top: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.instrument--price strong {
			font-weight: normal;
			font-size: 1.347em;
		}
	
	.button-price:active:not([disabled]) .instrument--price {
			margin: 3px 0 -3px 0;
		}
	
	.instrument--price-digits8 {
			font-size: 18px;
		}
	
	.instrument--price-digits10 {
			font-size: 15px;
		}
	
	.instrument--spread-dashboard {
			display: inline-block;
			vertical-align: bottom;
			width: 100px;
			min-height: 19px;
			margin: 0;
			line-height: 19px;
			text-align: center;
			position: absolute;
			left: 50%;
			top: 56px;
			box-shadow: none;
			border-bottom: none;
			border-radius: 1px 1px 0 0;
			transform: translateX(-50%);
			z-index: 2;
		}
	
	.instrument--spread-dashboard::before {
				position: absolute;
				content: "";
				bottom: 0;
				left: -1px;
				width: calc(100% + 2px);
				height: calc(100% + 1px);
				z-index: -1;
				border-radius: 1px 1px 0 0;
			}
	
	.instrument--spread-dashboard span {
				display: inline-block;
				width: 100%;
				height: 100%;
				position: relative;
				z-index: 1;
				border-radius: 1px 1px 0 0;
			}
	
	.instrument--close .icon {
			width: 11px;
			height: 11px;
		}
	
	.instrument--settings .icon {
			width: 13px;
			height: 13px;
		}
	
	.instrument--groupTitle {
		padding-left: 11px;
		font-weight: bold;
	}
	
	.instrument-future {
		background-color: var(--watchlist-futures-warning-table-row-bg-color);
	}
	
	.instrument--change-positive, .instrument--netChange-positive, .instrument--spread-positive {
			color: var(--positive-text-color);
		}
	
	.instrument--change-negative, .instrument--netChange-negative, .instrument--spread-negative {
			color: var(--negative-text-color);
		}
	
	.instrument--sell .button-price:after, .instrument--buy .button-price:after {
			border-color: var(--button-disabled-border-outside-color);
		}
	
	.instrument--spread-dashboard::before {
			background-color: var(--dashboard-area-bg-color);
		}
	
	.instrument--spread-dashboard span {
			background-color: var(--dashboard-spread-bg-color);
		}
	
	.instrument--close .icon, .instrument--settings .icon {
			fill: var(--icon-primary-default-color)
		}
	
	.instrument--close:hover .icon, .instrument--settings:hover .icon {
				fill: var(--icon-hovered-color);
			}
	
	.instrument--groupTitle {
		color: var(--common-text-default);
	}
	
	.instrument .button-price:not([disabled]).button-buy,
				.instrument .button-price:not([disabled]).button-sell {
					border-color: var(--neutral-dashboard-button-outside-border-color);
				}
	
	.instrument .button-price:not([disabled]).button-buy:hover::before, .instrument .button-price:not([disabled]).button-sell:hover::before {
						background: var(--button-hovered-overlay-color);
					}
	
	.instrument .icon-watchlist-futures-warning {
		fill: var(--watchlist-futures-warning-icon-color);
	}
	
	.instrument-up .button-price:after {
			background-color: var(--up-dashboard-bg-color);
			border-color: var(--up-dashboard-button-outside-border-color);
		}
	
	.instrument-up .button-price[disabled]:after {
			background-color: var(--disabled-bg-color);
		}
	
	.instrument-up .button-price:not([disabled]).button-buy,
					.instrument-up .button-price:not([disabled]).button-sell {
						background-color: var(--up-dashboard-bg-color);
						border-color: var(--up-dashboard-button-outside-border-color);
					}
	
	.instrument-down .button-price:after {
			background-color: var(--down-dashboard-bg-color);
			border-color: var(--down-dashboard-button-outside-border-color);
		}
	
	.instrument-down .button-price[disabled]:after {
			background-color: var(--disabled-bg-color);
		}
	
	.instrument-down .button-price:not([disabled]).button-buy,
					.instrument-down .button-price:not([disabled]).button-sell {
						background-color: var(--down-dashboard-bg-color);
						border-color: var(--down-dashboard-button-outside-border-color);
					}
	
	.instrument-expanded .order--actions {
			visibility: hidden;
			opacity: 0;
		}
	
	.instrument-disabled.plate .plate--quantity .control-disabled input[type="text"] {
					color: var(--common-text-disabled);
				}
	
	.instrument-disabled.plate .plate--quantity .selectBox--arrow {
					opacity: 0.3;
				}
	
	.instrument-disabled .instrument--spread-dashboard {
				color: var(--no-data-text-color);
			}
	
	.instrument-disabled .instrument--sell::after, .instrument-disabled .instrument--buy::after {
					background-color: var(--disabled-bg-color);
				}
	
	.instrument_scaled {
		transform: scale(0.7); 
	}

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/instrument/instrument-mobile.css ***!
  \**************************************************************************************************************************************************************************************************************/
.mobile .instrument--bid,
		.mobile .instrument--ask,
		.mobile .instrument--change,
		.mobile .instrument--netChange {
			vertical-align: baseline;
		}

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/plate/plate.css ***!
  \*********************************************************************************************************************************************************************************************/
.plate {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 2px 0 4px;
	min-height: 137px;
	min-width: 300px;
	flex-grow: 1;
	z-index: 1;
	border-right: 2px solid transparent;
	border-left: 2px solid transparent;
	transition: .35s ease-in-out;
}

	.plate-empty {
		visibility: hidden;
		min-height: auto;
		height: 1px;
		position: static;
	}

	.plate-selected {
		z-index: 2;
		box-shadow: 0 0 0 1px var(--selected-dashboard-border-color);
	}

	.plate--heading {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: 22px;
		padding: 0 6px;
		line-height: 22px;
		overflow: hidden;
		box-sizing: border-box;
		text-align: center;
		background-color: var(--dashboard-header-bg-color);
		box-shadow: 0 -1px 0 var(--dashboard-widget-item-shadow-color) inset;
	}

	.plate--heading .instrument--symbol {
				color: var(--table-text-color);
				font-weight: 600;
			}

	.plate--heading .instrument--change {
				margin-right: 4px;
			}

	.plate--heading .instrument--change strong {
					font-size: 1.25em;
					line-height: 0;
					font-weight: normal;
				}

	.plate--heading span {
			width: auto;
		}

	.plate--heading .control--wrap,
		.plate--heading .control {
			width: 100%;
			margin: 0;
			height: 21px;
		}

	.plate--heading .control {
			width: calc(100% - 25px);
		}

	.plate--heading input[type=text] {
			height: 100%;
			line-height: normal;
			box-sizing: border-box;
		}

	.plate--heading .button {
			margin-left: 10px;
		}

	.plate--heading .button:not(.button-info) {
				width: 11px;
				height: 11px;
			}

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

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

	.plate--heading .button:first-child {
				margin-left: 0;
			}

	.plate--heading .button-close {
				background-color: transparent;
				box-shadow: none;
			}

	.plate--heading .button-close:hover {
					background-color: transparent;
				}

	.plate--heading .button-close:focus {
					outline: none;
				}

	.plate--heading .button-close::before {
					content: none;
				}

	.plate--heading .button-close .icon {
					margin-top: 0;
				}

	.plate--heading .button-info {
				margin-left: 4px;
			}

	.plate--heading .button .icon {
				fill: var(--icon-secondary-default-color);
			}

	.plate--symbolWrapper,
	.plate--buttonsWrapper,
	.plate--textWrapper {
		display: flex;
		align-items: center;
	}

	.plate--textWrapper {
		justify-content: center;
		width: 100%;
		color: var(--common-text-disabled);
		font-size: 12px;
		line-height: 14px;
	}

	.plate--info,
	.plate--actions {
		background-color: var(--dashboard-area-bg-color);
	}

	.plate--info {
		padding: 4px 4px 4px 6px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.plate--info .price {
			font-size: 12px;
			display: inline-block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			flex-grow: 1;
		}

	.plate--info .instrument--label {
				padding: 0 3px;
			}

	.plate--info .instrument--label:first-child {
					padding-left: 0;
				}

	.plate--info .instrument--low,
			.plate--info .instrument--high {
				vertical-align: middle;
				color: var(--additional-text-color);
			}

	.plate--info .instrument--low {
				text-align: right;
			}

	.plate--info .instrument--high {
				text-align: left;
			}

	.plate--actions {
		display: flex;
		position: relative;
		padding: 0 3px 5px 3px;
		text-align: center;
	}

	.plate--instrument {
		display: inline-block;
		vertical-align: middle;
		width: auto;
		padding-left: 10px;
	}

	.plate--instrument:first-child {
			padding-left: 0;
		}

	.plate--quantity {
		display: inline-block;
		vertical-align: middle;
		margin: 0 10px;
	}

	.plate--quantity .comboBox--inner {
			width: 90px;
		}

	.plate:empty {
		cursor: pointer;
	}

	.plate:empty::after {
			content: '+';
			width: 56px;
			position: absolute;
			top: 50%;
			left: 50%;
			height: 56px;
			margin: -28px 0 0 -28px;
			font-size: 60px;
			line-height: 50px;
			border-radius: 50%;
			text-align: center;
		}

	.plate:empty:active:after {
			margin-top: -27px;
		}

	.plate.instrument-empty .instrument-down .button-price::after, .plate.instrument-empty .instrument-up .button-price::after {
					background-color: var(--disabled-bg-color);
					border-color: var(--button-disabled-border-outside-color);
				}

	.plate.instrument-empty .instrument-down .button-price:not([disabled]).button-buy,
					.plate.instrument-empty .instrument-down .button-price:not([disabled]).button-sell,
					.plate.instrument-empty .instrument-up .button-price:not([disabled]).button-buy,
					.plate.instrument-empty .instrument-up .button-price:not([disabled]).button-sell {
						background-color: var(--disabled-bg-color);
						box-shadow: none;
						border-color: var(--button-disabled-border-outside-color);
					}

	.plate:empty {
		cursor: pointer;
		box-shadow: 0 0 0 1px var(--line-color) inset;
	}

	.plate:empty:hover:after {
			background-color: var(--line-color-2);
		}

	.plate:empty::after,
		.plate:empty:active:after {
			background-color: var(--line-color);
			color: var(--add-dashboard-border-color);
		}

	.plate:empty::after {
			content: '+';
			width: 56px;
			position: absolute;
			top: 50%;
			left: 50%;
			height: 56px;
			margin: -28px 0 0 -28px;
			font-size: 60px;
			line-height: 50px;
			border-radius: 50%;
			text-align: center;
		}

	.plate:empty:active:after {
			margin-top: -27px;
		}

	.plate--quantity .comboBox--inner {
			width: 100px;
		}

	.plate_scaled {
		transform: scale(0.7); 
	}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/plate/components/protection-order-badge/protection-order-badge.css ***!
  \************************************************************************************************************************************************************************************************************************************************/
.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: '';
			}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-alerts/components/popup-creation-alert/theme/popup-creation-alert.global.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.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);
		}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-clearInput/button-clearInput.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.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;
		}

/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/calendar/calendar.css ***!
  \*********************************************************************************************************************************************************************************************************/
.calendar {
	width: calc(25px * 7 +  10px * 7 * 2);
	cursor: default;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

	.calendar .button {
		padding: 0;
		width: 11px;
		height: 16px;
		border: 0;
	}

	.calendar--header {
		padding: 0;
		margin: 5px 0 0;
	}

	.calendar--dates {
		padding-bottom: 3px;
		margin: 0;
	}

	.calendar--dates .calendar--day:hover {
				cursor: pointer;
				background: var(--calendar-selected-day-bg-color);
			}

	.calendar--dates .calendar--day-disabled:hover, .calendar--dates .calendar--day-nextMonth:hover, .calendar--dates .calendar--day-prevMonth:hover {
					cursor: default;
				}

	.calendar--day {
		display: inline-block;
		vertical-align: middle;
		box-sizing: border-box;
		margin: 0 10px 2px;
		padding: 5px;
		width: 25px;
		line-height: 8px;
		text-align: center;
		font-size: 12px;
	}

	.calendar--header .calendar--day {
		font-size: 10px;
		text-transform: uppercase;
		font-weight: bold;
		margin: 0 10px 6px;
		padding: 4px 0 6px;
	}

	.calendar--info {
		position: relative;
		line-height: 1;
		text-align: center;
		text-transform: capitalize;
		font-size: 12px;
		font-weight: bold;
		padding: 8px 0 7px;
		border-bottom: 1px solid;
		margin: 0 5px;
	}

	.calendar--month {
		margin: 0 3px 0 0;
	}

	.calendar--month,
	.calendar--year {
		display: inline-block;
		vertical-align: middle;
	}

	.calendar .calendar--switcher .icon {
			display: block;
			width: 100%;
			height: 100%;
		}

	.calendar .calendar--switcher .icon::before {
				content: "";

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

	.calendar .calendar--switcher-next {
			margin-left: 20px;
		}

	.calendar .calendar--switcher-prev {
			margin-right:20px;
		}



.calendar .button,
		.calendar .button:hover,
		.calendar .button:active {
			background: transparent;
			transition: background 220ms ease-in;
		}



.calendar--header .calendar--day {
			color: var(--common-text-disabled);
		}



.calendar--info {
		border-color: var(--calendar-month-border-line-color);
	}



.calendar--year,
	.calendar--month {
		color: var(--common-text-default);
	}



.calendar--dates .calendar--day-today {
			color: var(--common-text-default);
		}



.calendar--dates .calendar--day-selected,
			.calendar--dates .calendar--day-selected:hover {
				background: var(--calendar-selected-day-bg-color);
				box-shadow: 0 0 0 1px var(--calendar-selected-day-border-color) inset;
				transition: background 220ms ease-in;
			}



.calendar--dates .calendar--day-disabled,
			.calendar--dates .calendar--day-disabled:hover {
				background: transparent;
				color: var(--common-text-disabled);
				box-shadow: none;
				transition: background 220ms ease-in, color 220ms ease-in;
			}



.calendar--dates .calendar--day-nextMonth,
			.calendar--dates .calendar--day-nextMonth:hover,
			.calendar--dates .calendar--day-prevMonth,
			.calendar--dates .calendar--day-prevMonth:hover {
				background: transparent;
				color: var(--common-text-disabled);
				box-shadow: none;
				transition: background 220ms ease-in, color 220ms ease-in;
			}



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



.calendar--switcher .icon {
			fill: var(--link-default-text-color)	;
			transition: fill 220ms ease-out;
		}



.calendar--switcher:hover .icon {
				fill: var(--link-hovered-text-color);
				transition: fill 220ms ease-in;
			}

/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/calendar/calendar-mobile.css ***!
  \****************************************************************************************************************************************************************************************************************/
.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;
		}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/datePicker/datePicker.css ***!
  \*************************************************************************************************************************************************************************************************************/
.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);
			}

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/datePicker/datePicker-mobile.css ***!
  \********************************************************************************************************************************************************************************************************************/
.mobile .datePicker--input input[type="text"] {
				padding-right: 35px;
			}
		.mobile .datePicker .button {
			width: 21px;
		}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-datePicker/control-datePicker.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
.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);
			}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-datePicker/control-datePicker-mobile.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.mobile .control-datePicker {
		width: 135px;
	}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/numericStepper/numericStepper.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.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;
		}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/numericStepper/numericStepper-mobile.css ***!
  \****************************************************************************************************************************************************************************************************************************/
.mobile .numericStepper--control {
			width: 25px;
			height: 25px;
		}
		.mobile .numericStepper--input input[type="text"] {
				min-width: 92px;
				padding-right: 55px;
			}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-numericStepper/control-numericStepper.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.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;
		}

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-numericStepper/control-numericStepper-mobile.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.mobile .control-numericStepper {
		width: 140px;
	}

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/triggerCondition/triggerCondition.module.css ***!
  \********************************************************************************************************************************************************************************************************************************/
.triggerCondition__container_createAlert___W0vLO .triggerCondition__col_comparison___-Xp\+k {
				width: 104px;
			}
			.triggerCondition__container_createAlert___W0vLO .triggerCondition__col_value___atP4d {
				width: 100px;
			}
	.triggerCondition__container___Diuiy .button-disabled.creationAlertForm__deleteLeg {
				opacity: .3;
			}
	.triggerCondition__container___Diuiy .selectBox,
		.triggerCondition__container___Diuiy .control,
		.triggerCondition__container___Diuiy .control--wrap {
			width: 100%;
		}
	.triggerCondition__container___Diuiy input[type="text"],
		.triggerCondition__container___Diuiy input[type="password"],
		.triggerCondition__container___Diuiy input[type="email"] {
			height: 27px;
		}

.triggerCondition__titleWrapper___-XtIU {
	display: flex;
	align-items: center;
	margin-bottom: 6px;
}

.triggerCondition__titleWrapper___-XtIU .selectBox {
			width: 168px;
		}

.triggerCondition__title___Esp\+- {
	font-weight: 500;
	color: var(--label-color);
	margin-right: 10px;
	text-transform: none;
	white-space: nowrap;
}

.triggerCondition__row___7QQax {
	display: flex;
	align-items: center;
	padding: 10px 17px;
	margin: 0 -17px;
	background: var(--alerts-create-alert-on-bg-color);
}

.triggerCondition__row___7QQax:not(:last-of-type) {
		margin-bottom: 1px;
	}

.triggerCondition__col___ZKzGp:not(:last-of-type) {
		margin-right: 12px;
	}

.triggerCondition__col_symbol___9M1Tp {
		width: 139px;
	}

.triggerCondition__col_field___qberv {
		width: 110px;
	}

.triggerCondition__col_side___c-shQ {
		width: 76px;
	}

.triggerCondition__col_comparison___-Xp\+k {
		width: 134px;
	}

.triggerCondition__col_value___atP4d {
		width: 119px;
	}

.triggerCondition__col_trigger___Zzc2l {
		width: 265px;
	}

.triggerCondition__optionsContainer___1-avH {
	display: flex;
	margin-top: 29px;
}

.triggerCondition__buttonDeleteRow___\+Cv\+m {
	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___7QQax:hover .triggerCondition__buttonDeleteRow___\+Cv\+m {
		opacity: 1;
	}

.triggerCondition__buttonDeleteRow___\+Cv\+m:not([disabled]):active {
		top: 1px;
	}

.triggerCondition__buttonDeleteRow___\+Cv\+m:not([disabled]):active .icon {
				top: 0;
			}

.triggerCondition__addContainer___UpjOB {
	margin-top: 9px;
	margin-left: -6px;
}

.triggerCondition__addButton___3jtZ\+ {
	color: var(--link-default-text-color);
	background-color: transparent;
	display: inline-flex;
    align-items: center;
}

.triggerCondition__addButton___3jtZ\+ .icon {
			margin-right: 3px;
			width: 11px;
			height: 11px;
			fill: var(--link-default-text-color);
		}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/triggerCondition/triggerCondition.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.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);
        }
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-alerts/components/creation-alert-form/theme/creation-alert-form.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.creation-alert-form__container___KeS96 {
	font-size: var(--body-font-size);
}

.creation-alert-form__titleWrapper___ScuR9 {
	display: flex;
	align-items: center;
}

.creation-alert-form__title___pOs9w {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.8px;
	color: var(--label-color);
	margin-right: 10px;
	text-transform: uppercase;
}

.creation-alert-form__optionsContainer___OqlF6 {
	display: flex;
	margin-top: 29px;
}

.creation-alert-form__optionsCol___PWMY0:first-child {
		width: 172px;
	}

.creation-alert-form__optionsCol___PWMY0:last-child {
		flex-grow: 1;
	}

.creation-alert-form__optionsCol___PWMY0 .switcher {
			margin-left: 4px;
		}

.creation-alert-form__optionsCol___PWMY0 .switcher:hover .switcher--input:checked + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-on-hovered-bg-color);
							}

.creation-alert-form__optionsCol___PWMY0 .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___PWMY0 .switcher:active .switcher--input:checked + .switcher--label:first-of-type {
								background-color: var(--order-entry-switcher-on-default-bg-color);
							}

.creation-alert-form__optionsCol___PWMY0 .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___PWMY0 .switcher--input:checked + .switcher--label:first-of-type {
							background-color: var(--order-entry-switcher-on-default-bg-color);
						}

.creation-alert-form__optionsCol___PWMY0 .switcher--input:not(:checked) + .switcher--label:first-of-type {
							background-color: var(--order-entry-switcher-off-default-bg-color);
						}

.creation-alert-form__expirationRow___Xe4nA {
	width: 152px;
	margin-top: 8px;
}

.creation-alert-form__expirationRow___Xe4nA .control-datePicker {
			width: auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

.creation-alert-form__expirationRow___Xe4nA .control-datePicker .control--wrap {
				width: 112px;
			}

.creation-alert-form__expirationRow___Xe4nA .control-datePicker .control--wrap input {
					width: 100%;
				}

.creation-alert-form__expirationRow___Xe4nA .control-datePicker .control--label>label {
					color: var(--common-text-default);
				}

.creation-alert-form__notifyRow___D6S1l {
	display: flex;
	margin-top: 10px;
}

.creation-alert-form__notifyRow___D6S1l:first-of-type {
		margin-top: 14px;
	}

.creation-alert-form__notifyRow___D6S1l .control-checkBox {
			margin-right: 8px;
		}

.creation-alert-form__descriptionContainer___aQV1\+ {
	margin-top: 23px;
}

.creation-alert-form__descriptionContainer___aQV1\+ .control--wrap {
			margin-top: 5px;
		}

.creation-alert-form__descriptionContainer___aQV1\+ .creation-alert-form__textarea___CfVT2 {
		width: 100%;
		line-height: 25px;
		overflow: hidden;
	}

.creation-alert-form__expirationTime___od7oB {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.creation-alert-form__expirationLabel___w-hcZ {
	color: var(--common-text-default);
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-alerts/components/creation-alert-form/theme/creation-alert-form.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.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);
	}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/plate/theme/plate-tooltip.module.css ***!
  \******************************************************************************************************************************************************************************************************************/
.plate-tooltip__container___K72t1 {
	box-sizing: border-box;
	padding: 2px 8px;
	margin-top: 0;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-price/button-price.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.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);
			}

/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/dashboard/dashboard.css ***!
  \*****************************************************************************************************************************************************************************************************/
.dashboard {
	height: 100%;
}

	.dashboard .scrollable--content {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/dashboard/dashboard-flexible.css ***!
  \**************************************************************************************************************************************************************************************************************/
.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);
	}
}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/widget-watchlist/theme/widget-watchlist.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.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;
	}
/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/@icmarkets/dxchart5-legacy/dist/css/workset/chart.css ***!
  \**************************************************************************************************************************************************/
.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;
}

/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chart-renderer/theme/chart.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.chartLayout {
	position: relative;
}

.chart {
	overflow: visible;
	height: 100%;
	display: block;
	background: var(--chart-bg-color);
	color: var(--chart-axis-value-text-color);
}

.chart--area-hidden {
		border: 0;
	}

.chart--highlights {
		display: none;
	}

.chart-drawingMode .chartLine {
			pointer-events: none;
		}

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

.chart--canvasWrapper canvas {
			width: 100%;
		}

.chart--linesWrapper {
		z-index: 4;
	}

.chart--lines {
		left: 130px;
	}

.chart .chartStudy--infoBar {
		font-size: 1.1rem;
	}

.chart-watchlist .chart .chartLine:before {
				background-color: var(--line-color);
			}

.chart--cursor {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.chart--cursor .cursor {
			display: none;
			position: absolute;
		}

.chart--cursor .cursor-visible {
				display: inline-block;
				vertical-align: middle;
			}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chart-renderer/theme/chart-high-low-Indicator.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.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;
				}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chart-renderer/theme/chart-hidden-lines-info-box.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.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;
		}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chart-renderer/theme/chart-renderer.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.chart-renderer__chartContainer___1mlrJ {
	display: flex;
	flex-direction: column;
	height: 100%;
}

	.chart-renderer__chartContainer_hidden___A9IE- {
		 visibility: hidden;
	}

.chart-renderer__chart___I3c\+A {
	height: 100%;
}

.chart-renderer__canvasContainer___rHfTq {
	height: 100%;
}
/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-crosstoolTypeSwitcher/control-crosstoolTypeSwitcher.css ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.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;
		}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-crosstoolTypeSwitcher/control-crosstoolTypeSwitcher-mobile.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.mobile .control-crosstoolTypeSwitcher .selectBox--labelIcon {
				top: 7px;
			}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-chartTypeSwitcher/control-chartTypeSwitcher.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.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;
		}

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-chartTypeSwitcher/control-chartTypeSwitcher-mobile.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.mobile .control-chartTypeSwitcher .selectBox--labelIcon {
				top: 7px;
			}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/dropdown-tradingFromChart/dropdown-tradingFromChart.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.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;
				}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-setting/button-setting.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.button-setting .icon {
		width: 12px;
		height: 12px;
		margin-top: 1px;
	}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-setting/button-setting-mobile.css ***!
  \****************************************************************************************************************************************************************************************************************************/
.mobile .button-setting .icon {
			width: 16px;
			height: 16px;
		}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chart-area-toolbar/theme/chart-area-toolbar.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.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);
	}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/chart-plugins/src/styl/chart-lines.css ***!
  \***************************************************************************************************************************************************************************************************************/
.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;
			}

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/chart-plugins/src/styl/chart-multiAssetOrderCreationLines.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.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;
	}

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/chart-plugins/src/styl/chart-highlights.css ***!
  \********************************************************************************************************************************************************************************************************************/
.chart--highlight {
		position: absolute;
		left: 0;
		right: 0;
		box-sizing: border-box;
	}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/chart-plugins/src/styl/chart-quotePicker.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.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;
			}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/chart-plugins/src/styl/chart-bidAskLines.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.chart--axisLabels--quote {
		font-size: 10px;
	}
.chartLine-ask .chartLine--label,
			.chartLine-ask .chartLine--controlGroup,
			.chartLine-bid .chartLine--label,
			.chartLine-bid .chartLine--controlGroup {
				display: none;
			}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/chart-plugins/src/styl/chart-editableLines.css ***!
  \***********************************************************************************************************************************************************************************************************************/
.chartLine-editable .chartLine--close {
			display: none;
			cursor: pointer;
		}
		.chartLine-editable .numericStepper {
			display: none;
		}
		.chartLine-editable .numericStepper--input {
				display: none;
			}
		.chartLine-editable .numericStepper--control {
				cursor: pointer;
			}
		.chartLine-editable .chartLine--trigger,
			.chartLine-editable .chartLine--label {
				cursor: grab;
			}
		.chartLine-editable .chartLine--trigger:active, .chartLine-editable .chartLine--label:active {
					cursor: grabbing;
				}
	.chartLine-editable.chartLine-active .numericStepper,
			.chartLine-editable.chartLine-active .chartLine--close {
				display: inline-block;
			}
	.chartLine-editable.chartLine-active .chartLine--orderGroupTypeContainer {
				display: flex;
			}
	.chartLine-editable.chartLine-active.chartLine-order .chartLine--close, .chartLine-editable.chartLine-active.chartLine-position .chartLine--close {
					width: 15px;
					height: 17px;
					padding: 0;
				}
	.chartLine-editable.chartLine-active.chartLine-order .chartLine--close .icon-cancel, .chartLine-editable.chartLine-active.chartLine-position .chartLine--close .icon-cancel {
						height: 9px;
						width: 9px;
					}
	.chartLine-editable.chartLine-blocked .numericStepper {
				visibility: hidden;
			}
	.chartLine-editable.chartLine-blocked,
			.chartLine-editable.chartLine-blocked .chartLine--label {
				cursor: pointer;
			}
	.chartLine-editable.chartLine-disabled,
			.chartLine-editable.chartLine-disabled .chartLine--label {
				cursor: default;
			}
	.chartLine-editable.chartLine-disabled .chartLine--close,
			.chartLine-editable.chartLine-disabled .numericStepper {
				display: none;
			}
	.chartLine-editable.chartLine-not-modifiable .chartLine--label {
				cursor: default;
			}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/chart-plugins/src/styl/chart-stopLimitLines.css ***!
  \************************************************************************************************************************************************************************************************************************/
.chart-limitLine.chartLine-active .chartLine--controlGroup .button-edit-symbol {
				display: none !important;
			}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chartLine/chartLine.css ***!
  \************************************************************************************************************************************************************************************************************/
.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;
		}

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chart-area/theme/chart-area.css ***!
  \********************************************************************************************************************************************************************************************************************/
.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;
	}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chart-area/theme/chart-area.module.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.chart-area__chartPlaceholder___cpsEX {
	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___YEOP6 {
		opacity: 0.3;
		color: var(--chart-placeholder-text-color);
	}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chart-area/theme/chart-area-mobile.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.mobile .chartArea--graph {
			touch-action: none;
			-webkit-user-select: none;
			   -moz-user-select: none;
			        user-select: none;
		}

		.mobile .chartArea--toolbar .button {
				height: 29px;
			}

		.mobile .chartArea--toolbar .button-filledIcon {
					width: 29px;
				}

		.mobile .chartArea--toolbar .button-atr {
					width: 65px;
				}

		.mobile .chartArea--toolbar .button-atr .icon {
						margin-top: 2px;
					}

		.mobile .chartArea--toolbar .button-setting .icon {
						margin-top: 0;
					}

		.mobile .chartArea--toolbar .control-comboBox input[type="text"] {
					height: 29px;
				}

		.mobile .chartArea .tradingFromChartControl .button, .mobile .chartArea .drawingToolsControl .button {
				height: 100%;
				width: 40px;
			}

		.mobile .chartArea .tradingFromChartControl .control-selectBox, .mobile .chartArea .drawingToolsControl .control-selectBox {
				width: auto;
				height: 100%;
			}

		.mobile .chartArea .tradingFromChartControl .control-selectBox .selectBox::after, .mobile .chartArea .drawingToolsControl .control-selectBox .selectBox::after {
						right: 27px;
					}

		.mobile .chartArea--buttons .button-sell, 
			.mobile .chartArea--buttons .button-buy {
				font-size: 14px;
				min-width: 92px;
			}

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

@media screen and (orientation: landscape) {
		.mobile .chartArea {
			overflow: auto;
		}
			
			.mobile .chartArea--graph {
				min-height: 250px;
				flex-shrink: 0;
				overflow: hidden;
			}
}

@media screen and (max-width: 340px) {
				.mobile .chartArea--buttons .button-sell, 
				.mobile .chartArea--buttons .button-buy {
					min-width: 65px;
				}
					
					.mobile .chartArea--buttons .button-sell .price-label, .mobile .chartArea--buttons .button-buy .price-label {
						display: none;
					}
					.mobile .chartArea--buttons .button-sell .price-bid {
						margin-left: 0;
					}
					.mobile .chartArea--buttons .button-buy .price-ask {
						margin-right: 0;
					}
}

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chart-area/theme/dropdown-chartLineGroup.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
.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);
		}

/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/theme/widget-chart-area.module.css ***!
  \************************************************************************************************************************************************************************************************************/
.widget-chart-area__headerContent___qFgfn .toolbar__item:not(:first-child) {
				margin-left: 12px;
			}

.widget-chart-area__chartControls___2\+0Ik {
	display: flex;
	align-items: center;
}

.widget-chart-area__chartControls___2\+0Ik >:not(:first-child) {
			margin-left: 6px;
		}

.widget-chart-area__chartControls___2\+0Ik .contextMenuButton__container,
		.widget-chart-area__chartControls___2\+0Ik .button {
			vertical-align: bottom;
		}

.widget-chart-area__chartControls___2\+0Ik .control-comboBox {
			width: 90px;
		}

/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/theme/widget-chart-area.css ***!
  \*****************************************************************************************************************************************************************************************************/
.WidgetChartArea__HeaderContent .toolbar__item:not(:first-child) {
				margin-left: 12px;
			}
	.WidgetChartArea__ChartControls {
		display: flex;
		align-items: center;
	}
	.WidgetChartArea__ChartControls >:not(:first-child) {
				margin-left: 6px;
			}
	.WidgetChartArea__ChartControls .contextMenuButton__container,
		.WidgetChartArea__ChartControls .button {
			vertical-align: bottom;
		}
	.WidgetChartArea__ChartControls .control-comboBox {
			width: 100px;
		}

/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/depth/depth.css ***!
  \***************************************************************************************************************************************************************************************************/
: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;
	}

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-depth/widget-depth.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.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;
			}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/aggregationBlock/theme/aggregationBlock.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
.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;
	}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/grid-orders/grid-history/theme/grid-history.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
.grid-history {
		width: 100%;
	}

.grid-history__empty___6xPGh {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.grid-history__empty_text___s4oRm {
		font-size: 20px;
	  	color: var(--additional-text-color);
	}

/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/tooltip/grid-tooltip.module.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.grid-tooltip__container___5zOBh {
	max-width: 301px;
	padding: 4px 8px 3px;
}

/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/grid-orders/grid-orders.columns.css ***!
  \***********************************************************************************************************************************************************************************************************************/
.grid-orders .table--col-instrument, .grid-orders .table--colAdapts-instrument, .grid-orderBook .table--col-instrument, .grid-orderBook .table--colAdapts-instrument, .grid-orderHistory .table--col-instrument, .grid-orderHistory .table--colAdapts-instrument {
				width: 233px;
			}
			.grid-orders .table--col-spread, .grid-orders .table--colAdapts-spread, .grid-orderBook .table--col-spread, .grid-orderBook .table--colAdapts-spread, .grid-orderHistory .table--col-spread, .grid-orderHistory .table--colAdapts-spread {
				width: 128px;
			}
			.grid-orders .table--col-instrumentType, .grid-orders .table--colAdapts-instrumentType, .grid-orderBook .table--col-instrumentType, .grid-orderBook .table--colAdapts-instrumentType, .grid-orderHistory .table--col-instrumentType, .grid-orderHistory .table--colAdapts-instrumentType {
				width: 114px;
			}
			.grid-orders .table--col-orderType, .grid-orders .table--colAdapts-orderType, .grid-orderBook .table--col-orderType, .grid-orderBook .table--colAdapts-orderType, .grid-orderHistory .table--col-orderType, .grid-orderHistory .table--colAdapts-orderType {
				width: 101px;
			}
			.grid-orders .table--col-strike, .grid-orders .table--colAdapts-strike, .grid-orderBook .table--col-strike, .grid-orderBook .table--colAdapts-strike, .grid-orderHistory .table--col-strike, .grid-orderHistory .table--colAdapts-strike {
				width: 66px;
			}
			.grid-orders .table--col-type, .grid-orders .table--colAdapts-type, .grid-orderBook .table--col-type, .grid-orderBook .table--colAdapts-type, .grid-orderHistory .table--col-type, .grid-orderHistory .table--colAdapts-type {
				width: 94px;
			}
			.grid-orders .table--col-daysToExpiration, .grid-orders .table--colAdapts-daysToExpiration, .grid-orderBook .table--col-daysToExpiration, .grid-orderBook .table--colAdapts-daysToExpiration, .grid-orderHistory .table--col-daysToExpiration, .grid-orderHistory .table--colAdapts-daysToExpiration {
				width: 123px;
			}
			.grid-orders .table--col-side, .grid-orders .table--colAdapts-side, .grid-orderBook .table--col-side, .grid-orderBook .table--colAdapts-side, .grid-orderHistory .table--col-side, .grid-orderHistory .table--colAdapts-side {
				width: 104px;
			}
			.grid-orders .table--col-qty,
			.grid-orders .table--col-qtyLeft,
			.grid-orders .table--col-orderId,
			.grid-orders .table--colAdapts-qty,
			.grid-orders .table--colAdapts-qtyLeft,
			.grid-orders .table--colAdapts-orderId,
			.grid-orderBook .table--col-qty,
			.grid-orderBook .table--col-qtyLeft,
			.grid-orderBook .table--col-orderId,
			.grid-orderBook .table--colAdapts-qty,
			.grid-orderBook .table--colAdapts-qtyLeft,
			.grid-orderBook .table--colAdapts-orderId,
			.grid-orderHistory .table--col-qty,
			.grid-orderHistory .table--col-qtyLeft,
			.grid-orderHistory .table--col-orderId,
			.grid-orderHistory .table--colAdapts-qty,
			.grid-orderHistory .table--colAdapts-qtyLeft,
			.grid-orderHistory .table--colAdapts-orderId {
				width: 84px;
			}
			.grid-orders .table--col-filledQty, .grid-orders .table--colAdapts-filledQty, .grid-orderBook .table--col-filledQty, .grid-orderBook .table--colAdapts-filledQty, .grid-orderHistory .table--col-filledQty, .grid-orderHistory .table--colAdapts-filledQty {
				width: 85px;
			}
			.grid-orders .table--col-avgPrice, .grid-orders .table--colAdapts-avgPrice, .grid-orderBook .table--col-avgPrice, .grid-orderBook .table--colAdapts-avgPrice, .grid-orderHistory .table--col-avgPrice, .grid-orderHistory .table--colAdapts-avgPrice {
				width: 104px;
			}
			.grid-orders .table--col-exchange, .grid-orders .table--colAdapts-exchange, .grid-orderBook .table--col-exchange, .grid-orderBook .table--colAdapts-exchange, .grid-orderHistory .table--col-exchange, .grid-orderHistory .table--colAdapts-exchange {
				width: 114px;
			}
			.grid-orders .table--col-triggeredBy, .grid-orders .table--colAdapts-triggeredBy, .grid-orderBook .table--col-triggeredBy, .grid-orderBook .table--colAdapts-triggeredBy, .grid-orderHistory .table--col-triggeredBy, .grid-orderHistory .table--colAdapts-triggeredBy {
				width: 93px;
			}
			.grid-orders .table--col-groupType, .grid-orders .table--colAdapts-groupType, .grid-orderBook .table--col-groupType, .grid-orderBook .table--colAdapts-groupType, .grid-orderHistory .table--col-groupType, .grid-orderHistory .table--colAdapts-groupType {
				width: 150px;
			}
			.grid-orders .table--col-trailingStop, .grid-orders .table--colAdapts-trailingStop, .grid-orderBook .table--col-trailingStop, .grid-orderBook .table--colAdapts-trailingStop, .grid-orderHistory .table--col-trailingStop, .grid-orderHistory .table--colAdapts-trailingStop {
				width: 101px;
			}
			.grid-orders .table--col-route, .grid-orders .table--colAdapts-route, .grid-orderBook .table--col-route, .grid-orderBook .table--colAdapts-route, .grid-orderHistory .table--col-route, .grid-orderHistory .table--colAdapts-route {
				width: 118px;
			}
			.grid-orders .table--col-commission,
			.grid-orders .table--col-commision,
			.grid-orders .table--colAdapts-commission,
			.grid-orders .table--colAdapts-commision,
			.grid-orderBook .table--col-commission,
			.grid-orderBook .table--col-commision,
			.grid-orderBook .table--colAdapts-commission,
			.grid-orderBook .table--colAdapts-commision,
			.grid-orderHistory .table--col-commission,
			.grid-orderHistory .table--col-commision,
			.grid-orderHistory .table--colAdapts-commission,
			.grid-orderHistory .table--colAdapts-commision {
				width: 95px;
			}
			.grid-orders .table--col-actions, .grid-orders .table--colAdapts-actions, .grid-orderBook .table--col-actions, .grid-orderBook .table--colAdapts-actions, .grid-orderHistory .table--col-actions, .grid-orderHistory .table--colAdapts-actions {
				width: 70px;
			}
			.grid-orders .table--col-ocoBracket, .grid-orders .table--colAdapts-ocoBracket, .grid-orderBook .table--col-ocoBracket, .grid-orderBook .table--colAdapts-ocoBracket, .grid-orderHistory .table--col-ocoBracket, .grid-orderHistory .table--colAdapts-ocoBracket {
				width: 98px;
			}
			.grid-orders .table--col-orderId, .grid-orders .table--colAdapts-orderId, .grid-orderBook .table--col-orderId, .grid-orderBook .table--colAdapts-orderId, .grid-orderHistory .table--col-orderId, .grid-orderHistory .table--colAdapts-orderId {
				width: 90px;
			}
			.grid-orders .table--col-maintenanceMargin, .grid-orders .table--colAdapts-maintenanceMargin, .grid-orderBook .table--col-maintenanceMargin, .grid-orderBook .table--colAdapts-maintenanceMargin, .grid-orderHistory .table--col-maintenanceMargin, .grid-orderHistory .table--colAdapts-maintenanceMargin {
				width: 136px;
			}
			.grid-orders .table--col-dayQuantity,  .grid-orders .table--colAdapts-dayQuantity,  .grid-orderBook .table--col-dayQuantity,  .grid-orderBook .table--colAdapts-dayQuantity,  .grid-orderHistory .table--col-dayQuantity,  .grid-orderHistory .table--colAdapts-dayQuantity  {
				width: 93px;
			}
			.grid-orders .table--col-time,
			.grid-orders .table--col-fillCancelTime,
			.grid-orders .table--col-expirationDate,
			.grid-orders .table--colAdapts-time,
			.grid-orders .table--colAdapts-fillCancelTime,
			.grid-orders .table--colAdapts-expirationDate,
			.grid-orderBook .table--col-time,
			.grid-orderBook .table--col-fillCancelTime,
			.grid-orderBook .table--col-expirationDate,
			.grid-orderBook .table--colAdapts-time,
			.grid-orderBook .table--colAdapts-fillCancelTime,
			.grid-orderBook .table--colAdapts-expirationDate,
			.grid-orderHistory .table--col-time,
			.grid-orderHistory .table--col-fillCancelTime,
			.grid-orderHistory .table--col-expirationDate,
			.grid-orderHistory .table--colAdapts-time,
			.grid-orderHistory .table--colAdapts-fillCancelTime,
			.grid-orderHistory .table--colAdapts-expirationDate {
				width: 153px;
			}

.grid-orderBook .table--col-account, .grid-orderBook .table--colAdapts-account, .grid-orderHistory .table--col-account, .grid-orderHistory .table--colAdapts-account {
			width: 105px;
		}

.grid-orderBook .table--col-status, .grid-orderBook .table--colAdapts-status, .grid-orderHistory .table--col-status, .grid-orderHistory .table--colAdapts-status {
			width: 192px;
		}

.grid-orderBook .table--col-limitPrice, .grid-orderBook .table--colAdapts-limitPrice, .grid-orderHistory .table--col-limitPrice, .grid-orderHistory .table--colAdapts-limitPrice {
			width: 93px;
		}

.grid-orderBook .table--col-stopPrice, .grid-orderBook .table--colAdapts-stopPrice, .grid-orderHistory .table--col-stopPrice, .grid-orderHistory .table--colAdapts-stopPrice {
			width: 89px;
		}

.grid-orderBook .table--col-duration, .grid-orderBook .table--colAdapts-duration, .grid-orderHistory .table--col-duration, .grid-orderHistory .table--colAdapts-duration {
			width: 130px;
		}

.grid-orderBook .table--col-activationRule, .grid-orderBook .table--colAdapts-activationRule, .grid-orderHistory .table--col-activationRule, .grid-orderHistory .table--colAdapts-activationRule {
			width: 130px;
		}

.grid-orders .table--col-symbol, .grid-orders .table--colAdapts-symbol, .grid-orderHistory .table--col-symbol, .grid-orderHistory .table--colAdapts-symbol {
				width: 90px;
			}

.grid-orders .table--col-timeDate,
			.grid-orders .table--col-timeDateModified,
			.grid-orders .table--colAdapts-timeDate,
			.grid-orders .table--colAdapts-timeDateModified,
			.grid-orderHistory .table--col-timeDate,
			.grid-orderHistory .table--col-timeDateModified,
			.grid-orderHistory .table--colAdapts-timeDate,
			.grid-orderHistory .table--colAdapts-timeDateModified {
				width: 151px;
			}

.grid-orders .table--col-limitPrice, .grid-orders .table--colAdapts-limitPrice {
				width: 85px;
			}

.grid-orders .table--col-stopPrice, .grid-orders .table--colAdapts-stopPrice {
				width: 81px;
			}

.grid-orders .table--col-duration, .grid-orders .table--colAdapts-duration {
				width: 73px;
			}

.grid-orders .table--col-account, .grid-orders .table--colAdapts-account {
				width: 135px;
			}

.grid-orders .table--col-activationRule, .grid-orders .table--colAdapts-activationRule {
				width: 106px;
			}

.grid-orders .table--col-time,
			.grid-orders .table--col-fillCancelTime,
			.grid-orders .table--colAdapts-time,
			.grid-orders .table--colAdapts-fillCancelTime {
				width: 117px;
			}

.grid-orderBook .table--col-instrument, .grid-orderBook .table--colAdapts-instrument {
				width: 244px;
			}

.grid-orderBook .table--col-symbol, .grid-orderBook .table--colAdapts-symbol {
				width: 137px;
			}

.grid-orderHistory .table--col-symbol, .grid-orderHistory .table--colAdapts-symbol {
				width: 8.4em;
			}

.grid-history .table--col-timeDate, .grid-history .table--colAdapts-timeDate {
				width: 12.4em;
			}

.grid-history .table--col-symbol, .grid-history .table--colAdapts-symbol {
				width: 6.5em;
			}

.grid-history .table--col-instrumentType, .grid-history .table--colAdapts-instrumentType {
				width: 8.6em;
			}

.grid-history .table--col-status, .grid-history .table--colAdapts-status {
				width: 19em;
			}

.grid-history .table--col-side, .grid-history .table--colAdapts-side {
				width: 4.4em;
			}

.grid-history .table--col-size, .grid-history .table--colAdapts-size {
				width: 6em;
			}

.grid-history .table--col-qty, .grid-history .table--colAdapts-qty {
				width: 3.5em;
			}

.grid-history .table--col-orderType, .grid-history .table--colAdapts-orderType {
				width: 10.5em;
			}

.grid-history .table--col-price, .grid-history .table--colAdapts-price {
				width: 6em;
			}

.grid-history .table--col-triggerPrice, .grid-history .table--colAdapts-triggerPrice {
				width: 7em;
			}

.grid-history .table--col-fillPrice, .grid-history .table--colAdapts-fillPrice {
				width: 6.4em;
			}

.grid-history .table--col-expiration, .grid-history .table--colAdapts-expiration {
				width: 6.7em;
			}

.grid-history .table--col-account, .grid-history .table--colAdapts-account {
				width: 7.8em;
			}

.grid-history .table--col-orderId, .grid-history .table--colAdapts-orderId {
				width: 7.8em;
			}

.grid-history .table--col-commission, .grid-history .table--colAdapts-commission {
				width: 6.9em;
			}

.grid-history .table--col-takeProfit, .grid-history .table--colAdapts-takeProfit {
				width: 6.4em;
			}

.grid-history .table--col-stopLoss, .grid-history .table--colAdapts-stopLoss {
				width: 6.4em;
			}

.grid-history .table--col-timeInForce, .grid-history .table--colAdapts-timeInForce {
				width: 7.3em;
			}

.grid-history.grid-aggregation .table--col-timeDate, .grid-history.grid-aggregation .table--colAdapts-timeDate {
					width: 13.8em;
				}


/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/grid-orders/grid-orders.css ***!
  \***************************************************************************************************************************************************************************************************************/
.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);
			}



/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/history/history.css ***!
  \*******************************************************************************************************************************************************************************************************/
.history-heading .history--reject,
		.history-heading .history--symbol,
		.history-heading .history--status {
			width: 100%;
			text-align: left;
		}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/grid-orders/orders.css ***!
  \**********************************************************************************************************************************************************************************************************/
.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;
			}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-cancelAllOrders/button-cancelAllOrders.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.button-cancelAllOrders {
	width: 19px;
}

	.button-cancelAllOrders .icon {
		width: 13px;
		height: 13px;
		margin: auto;
	}

/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-orders/widget-orders.module.css ***!
  \***************************************************************************************************************************************************************************************************/
.widget-orders__contentWrap___PmWc2 {
	display: flex;
	flex: 1 1 auto;
}

	.widget-orders__contentWrap___PmWc2 .button-cancelAllOrders {
				width: 19px;
				height: 19px;
			}

	.widget-orders__contentWrap___PmWc2 .button-cancelAllOrders .icon {
					height: 100%;
				}

	.widget-orders__contentWrap___PmWc2 .control-selectBox {
			margin-top: 1px;
		}

	.widget-orders__contentWrap___PmWc2 .control-selectBox .selectBox {
				height: 19px;
			}

	.widget-orders__contentWrap___PmWc2 .control-selectBox .selectBox .selectBox--label {
					height: 19px;
					line-height: 16px;
				}

.widget-orders__timeRange___L7dpx {
	display: inline-block;
	margin-left: 15px;
}

.widget-orders__timeRange___L7dpx .button {
			font-size: 12px;
			margin-left: 6px;
		}

.widget-orders__timeRangeLabel___MH1Z1 {
	color: var(--form-label-alt-text);
}

/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-orders/widget-orders.css ***!
  \********************************************************************************************************************************************************************************************/
.WidgetOrders__actionsWrap {
        position: relative;  /* TEMPORARY FIX: should be removed after removal of css constant in java files */
    }
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-alerts/components/grid-alerts-book/theme/grid-alerts-book.global.css ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.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);
		}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/react-kit/components/labeled-form-field/theme/labeled-form-field.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.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;
	}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-cash-movements/components/grid-cash-movements/theme/grid-cash-movements.columns.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.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;
		}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-cash-movements/components/grid-cash-movements/theme/grid-cash-movements.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/


.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);
			}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/simAccountDeposit/simAccountDeposit.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.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;
	}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-simAccountDeposit/popup-simAccountDeposit.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
.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;
		}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/confirmationInfo/confirmationInfo.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.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;
}

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/confirmationInfo/confirmationInfo-mobile.css ***!
  \********************************************************************************************************************************************************************************************************************************/
.mobile .confirmationInfo--value {
			display: inline-block;
			vertical-align: middle;
		}

			.mobile .confirmationInfo--value::before {
				content: normal;
			}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-confirmation/popup-confirmation.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
.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;
			}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-closeByConfirmation/popup-closeByConfirmation.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.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;
		}

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-closeByConfirmation/popup-closeByConfirmation-mobile.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.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;
				}

/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/form/form.css ***!
  \*************************************************************************************************************************************************************************************************/
.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);
		}

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/tabPanel/tabPanel.css ***!
  \**********************************************************************************************************************************************************************************************************/
.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;
				}

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/tab/tab.css ***!
  \************************************************************************************************************************************************************************************************/
.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);
		}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/tabs/tabs.css ***!
  \**************************************************************************************************************************************************************************************************/
.tabs {
	display: inline-block;
	vertical-align: bottom;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/tabContent/tabContent.css ***!
  \**************************************************************************************************************************************************************************************************************/
.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);
	}

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/dropdown-colorPicker/dropdown-colorPicker.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
.dropDown-colorPicker {
	margin: 0;
	padding: 8px 4px 4px 0;
	width: 322px;
	margin-top: 1px;
	border-radius: 0;
	box-sizing: border-box;
	overflow: hidden;
}

	.dropDown-colorPicker .dropDown--option {
			backface-visibility: hidden;
			float: left;
			box-sizing: border-box;
			margin: 0 0 4px 4px;
			padding: 0;
			width: 24px;
			height: 24px;
			cursor: pointer;
		}

	.dropDown-colorPicker .dropDown--list,
		.dropDown-colorPicker .dropDown--group ul {
			overflow: hidden;
			padding:0;
			margin:0;
			list-style-type: none;
		}

	.dropDown-colorPicker .dropDown--group {
			margin-bottom: 7px;
			margin-right: 4px;
			margin-left: 4px;
			display: block;
		}

	.dropDown-colorPicker .dropDown--group:last-child {
				margin-bottom: 0;
			}

	.dropDown-colorPicker .dropDown--groupTitle {
			font-size: 10px;
			line-height: 20px;
			padding-left: 4px;
			margin-bottom: 4px;
		}

	.dropDown-colorPicker .dropDown--groupTitle:empty {
				display: none;
			}

	.dropDown-colorPicker.dropDown-hidden {
		animation-duration: 0s;
	}
.dropDown-colorPicker .dropDown--option {
			transition: border-width 100ms;
		}
.dropDown-colorPicker .dropDown--option-selected,
			.dropDown-colorPicker .dropDown--option:hover {
				background-image: none;
				box-shadow: inset 0 0 0 2px var(--color-picker-item-frame);
			}

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/dropdown-colorPicker/dropdown-colorPicker-mobile.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.mobile .dropDown-colorPicker {
		max-width: 280px;
		width: auto;
		box-sizing: content-box;
	}
		
		.mobile .dropDown-colorPicker .dropDown--groupTitle {
				font-size: 13px;
			}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/colorPicker/colorPicker.css ***!
  \***************************************************************************************************************************************************************************************************************/
.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;
					}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/colorPicker/colorPicker-mobile.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.mobile .colorPicker {
		width: 52px;
		height: 29px;
	}
		
		.mobile .colorPicker--value {
			margin: 1px 0 0 3px;
			width: 21px;
			height: 21px;
		}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-colorPicker/control-colorPicker.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
.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;
						}

/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/columns/columns.css ***!
  \*******************************************************************************************************************************************************************************************************/
.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%;
}



/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/dropdown-lineSample/dropdown-lineSample.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
.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);
			}

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-line/control-line.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.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: "";
			}


/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chartSettings/components/period/theme/period.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.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);
				}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chartSettings/components/chartSettingsTimeFrame/theme/chartSettingsTimeFrame.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.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;
}

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/radioButton/radioButton.css ***!
  \***************************************************************************************************************************************************************************************************************/
.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);
		}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-radioButton/control-radioButton.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
.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);
			}

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chartSettings/chartSettings.css ***!
  \********************************************************************************************************************************************************************************************************************/
.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);
	}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chartSettings/chartSettings-mobile.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.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;
		}

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/popup-chartSettings/popup-chartSettings.css ***!
  \********************************************************************************************************************************************************************************************************************************/
.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;
	}

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/popup-chartSettings/popup-chartSettings-mobile.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
.mobile .popup-chartSettings .popup--buttons {
				white-space: nowrap;
			}

				.mobile .popup-chartSettings .popup--buttons button {
					line-height: normal;
				}

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/indicator/indicator.css ***!
  \***********************************************************************************************************************************************************************************************************/
.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;
		}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-addItem/button-addItem.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.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;
	}


/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/indicatorSelector/indicatorSelector.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
.indicatorSelector__container___E2Oox {
	display: flex;
}

.indicatorSelector__column___xsiCA:first-child {
		padding-right: 30px;
		position: relative;
	}

.indicatorSelector__column___xsiCA:first-child::after {
			background: var(--line-color);
			content: "";
			position: absolute;
			right: 0;
			top: -9px;
			bottom: -9px;
			width: 1px;
		}

.indicatorSelector__column___xsiCA:last-child {
		padding-left: 30px;
	}

.indicatorSelector__title___3sfOf {
	margin: 0 0 14px;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0.7px;
	text-transform: uppercase;
}

.indicatorSelector__listWrapper___geCl0 {
	width: 266px;
	margin-bottom: 10px;
	background-color: var(--input-default-bg-color);
	border: 1px solid var(--input-default-border-outside-color);
}

.indicatorSelector__listWrapper___geCl0 .indicatorSelector__indicatorList___GcxN1 {
		height: 375px;
	}

.indicatorSelector__listWrapper___geCl0 .control-textInput {
			width: 100%;
		}

.indicatorSelector__filter___vso\+k {
	display: block;
	margin: 14px 8px;
}

.indicatorSelector__buttonWrapper___VDswq {
	width: 100%;
	text-align: center;
	position: relative;
}

.indicatorSelector__tip___bAkn0 {
	color: var(--input-placeholder-text-color);
	position: absolute;
	left: 0;
	top: 4px;
}

.indicatorSelector__addedHeader___aj07\+ {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

.indicatorSelector__addedButton___shnIo {
		border: none;
		box-shadow: none;
		padding: 0;
		color: var(--link-default-text-color);
	}

.indicatorSelector__addedButton___shnIo,
		.indicatorSelector__addedButton___shnIo:hover,
		.indicatorSelector__addedButton___shnIo:active {
			background-color: transparent;
		}

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

.indicatorSelector__addedContainer___rvTYr {
		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___rvTYr .scrollable--content {
				min-height: 100%;
			}

.indicatorSelector__addedPlaceholder___6wGEw {
		color: var(--input-placeholder-text-color);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.indicatorSelector__settings___\+e57m {
	position: relative;
}

.indicatorSelector__settings___\+e57m::after {
		content: "";
		position: absolute;
		width: 100%;
		left: 0;
		height: 1px;
		top: -20px;
		background-color: var(--line-color);
	}

.indicatorSelector__settings___\+e57m:last-child {
		margin-bottom: 0;
	}

.indicatorSelector__settingsBlock___klF93 {
		margin-bottom: 5px;
	}

.indicatorSelector__settingsTitle___OI\+gP {
		margin-bottom: 10px;
		font-size: 10px;
		font-weight: normal;
		letter-spacing: 0.7px;
		color: var(--form-hint-color);
		text-transform: uppercase;
	}

.indicatorSelector__settingsRow___Q7u8Q {
		display: flex;
		flex-wrap: wrap;
		max-width: 612px;
		margin-right: -35px;
	}

.indicatorSelector__settingsRow___Q7u8Q:last-of-type {
			margin-bottom: 5px;
		}

.indicatorSelector__settingsColorPickerWrap___xXAfV {
		position: relative;
	}

.indicatorSelector__settingsColorPickerWrap_multi___a\+5Aw .control-colorPicker ~ .control-colorPicker {
					padding-top: 0;
				}

.indicatorSelector__settingsControl___n3v0E {
		display: flex;
		align-items: flex-end;
		width: 110px;
		margin-right: 35px;
		margin-bottom: 10px;
	}

.indicatorSelector__settingsControl___n3v0E .selectBox--label {
				max-width: 110px;
			}

.indicatorSelector__settingsControl_postfix___H1QcT {
			justify-content: space-between;
			position: relative;
			align-items: flex-start;
			padding-top: 15px;
		}

.indicatorSelector__settingsControl_postfix___H1QcT .control-numericStepper {
					width: auto;
				}

.indicatorSelector__settingsControl_postfix___H1QcT .control-numericStepper .numericStepper {
						width: 72px;
					}

.indicatorSelector__settingsControl_postfix___H1QcT .control-numericStepper .numericStepper--input input[type="text"] {
								min-width: auto;
							}

.indicatorSelector__settingsControl_postfix___H1QcT .control-numericStepper .control--postfix {
						left: calc(100% + 5px);
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
					}

.indicatorSelector__settingsControl_postfix___H1QcT .control-colorPicker {
					width: 45px;
					margin-bottom: 5px;
					margin-top: 1px;
				}

.indicatorSelector__settingsControl_postfix___H1QcT .control-colorPicker .colorPicker--value {
						width: 17px;
						height: 17px;
						margin-left: 3px;
						top: -1px;
					}

.indicatorSelector__settingsControl_postfix___H1QcT .control-colorPicker .colorPicker--label .button {
						height: 24px;
						width: 45px;
					}

.indicatorSelector__settings___\+e57m .control--label {
				position: absolute;
				left: 0;
				top: 0;
				white-space: nowrap;
			}

.indicatorSelector__settings___\+e57m .control-colorPicker {
				margin-right: 5px;
			}

.indicatorSelector__settings___\+e57m .control-numericStepper {
				width: 100%;
			}

.indicatorSelector__settings___\+e57m .control-numericStepper .numericStepper {
					width: 100%;
				}

.indicatorSelector__settingsScrollableWrapper___Th982 {
	height: 223px;
}

.indicatorSelector__entityLabel___AP-nR {
	position: absolute;
    left: 0;
    top: -3px;
    white-space: nowrap;
	color: var(--label-color);
}

.mobile .indicatorSelector__column___xsiCA:first-child {
			padding-right: 0;
		}

.mobile .indicatorSelector__column___xsiCA:first-child::after {
				display: none;
			}

.mobile .indicatorSelector__column___xsiCA:last-child {
			display: none;
		}

.mobile .indicatorSelector__listWrapper___geCl0 .indicatorSelector__indicatorList___GcxN1 {
			height: 240px;
		}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/indicatorSelector/indicatorSelector.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.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);
	}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/popup-chartEditStudies/popup-chartEditStudies.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.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;
			}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/popup-chartEditStudies/popup-chartEditStudies-mobile.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.mobile .popup-chartEditStudies .popup--content {
				padding: 8px 25px;
				box-sizing: border-box;
			}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/positionInfo/positionInfo.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.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);
			}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/positionInfo/positionInfo-mobile.css ***!
  \************************************************************************************************************************************************************************************************************************/
.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;
				}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/grid-positionsCloseBy/grid-positionsCloseBy.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.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;
		}

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/grid-positionsCloseBy/grid-positionsCloseBy-mobile.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
.mobile .grid-positionsCloseBy {
		height: 140px;
	}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-closeBy/popup-closeBy.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.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;
		}

/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-closeBy/popup-closeBy-mobile.css ***!
  \**************************************************************************************************************************************************************************************************************************/
.mobile .popup-closeBy .popup--content {
				width: 100%;
				box-sizing: border-box;
			}
			.mobile .popup-closeBy .popup--subTitle {
				font-size: 100%;
			}

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/tradeInfo/tradeInfo.css ***!
  \***********************************************************************************************************************************************************************************************************/
.tradeInfo {
	display: inline-block;
	padding: 0 20px 0 7px;
}

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/tradeInfo/tradeInfo-mobile.css ***!
  \******************************************************************************************************************************************************************************************************************/
.mobile .tradeInfo {
		padding-left: 0;
	}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-trade/popup-trade.css ***!
  \***************************************************************************************************************************************************************************************************************/
.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;
							}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/messagePanel/messagePanel.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.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));
	}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-orderSide/control-orderSide.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.control-orderSide {
	width: 120px;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-instrumentStake/control-instrumentStake.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
.control-instrumentStake .control--label {
			margin-right: -.6em;
			color: inherit;
		}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-orderDuration/control-orderDuration.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.control-orderDuration {
	width: 120px;
}
	
	.control-orderDuration .control--buttons {
		white-space: nowrap;
	}
	
	.control-orderDuration .control--buttons .button {
			padding: 0;
		}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/tradeForm/components/trade-form-protected-orders/theme/labeled-form-field.child.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.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;
			animation: blinkingText 750ms linear;
		}

@keyframes blinkingText {
	0% {
		color: var(--error-description-text-color);;
	}

	50% {
		color: var(--modal-window-text-color);
	}

	100% {
		color: var(--error-description-text-color);
	}
}

.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;
			animation: blinkingText 750ms linear;
		}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/tradeForm/components/trade-form-protected-orders/theme/trade-form-protection-orders.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.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;
    }
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/form--fieldset-oco/form--fieldset-oco.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
.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;
				}


/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/closingHint/closingHint.module.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.closingHint__container___aQ7rZ {
	position: relative;
	padding: 9px 0 5px;
	text-align: center;
	color: var(--common-text-default);
}

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/tradeForm/tradeForm.css ***!
  \***********************************************************************************************************************************************************************************************************/
.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);
		}

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/tradeForm/tradeForm-mobile.css ***!
  \******************************************************************************************************************************************************************************************************************/
.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;
		}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/closePosition/closePosition.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.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);
		}

/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/closePosition/closePosition-mobile.css ***!
  \**************************************************************************************************************************************************************************************************************************/
.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;
					}

/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/chart-popupTrade/chart-popupTrade.css ***!
  \**************************************************************************************************************************************************************************************************************************/
.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);
			}

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-chart/components/tradeChart/tradeChart.css ***!
  \**************************************************************************************************************************************************************************************************************/
.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;
		}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-position/popup-position.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.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);
		}


/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-position/popup-position-mobile.css ***!
  \****************************************************************************************************************************************************************************************************************************/
.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;
			}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-rename/popup-rename.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.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;
		}



/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/layoutList/layoutList.css ***!
  \*************************************************************************************************************************************************************************************************************/
.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;
		}

/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/selector/selector.css ***!
  \*********************************************************************************************************************************************************************************************************/
.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);
				}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-security/popup-security.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.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;
		}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-backupCodes/popup-backupCodes.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.popup-backupCodes .popup--footer {
			padding: 0 57px;
		}
		.popup-backupCodes .popup--buttons {
			text-align: right;
		}

/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/securityMessage/securityMessage.css ***!
  \***********************************************************************************************************************************************************************************************************************/
.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;
	}


/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/backupCodes/backupCodes.css ***!
  \***************************************************************************************************************************************************************************************************************/
.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;
	}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-confirmation/popup-confirmation-mobile.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.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;
			}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-drawings/popup-drawings.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.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;
	}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-drawings/popup-drawings-mobile.css ***!
  \****************************************************************************************************************************************************************************************************************************/
.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;
		}

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-controlGroup/button-controlGroup.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
.button-controlGroup {
	min-width: 79px;
	height: 21px;
	font-size: 12px;
	padding: 0 6px;
}

	.button-controlGroup span {
		line-height: 20px;
	}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/drawingProperties/drawingProperties.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.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;
		}

/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/drawingProperties/drawingProperties-mobile.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
.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;
		}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-order/theme/popup-order.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.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;
			}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-order/theme/popup-order-mobile.css ***!
  \****************************************************************************************************************************************************************************************************************************/
.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;
			}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-passwordRequest/popup-passwordRequest.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.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);
			}

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/password-input/src/styl/passwordinput.css ***!
  \******************************************************************************************************************************************************************************************************************/
.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;
			}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/passwordInput/passwordInput.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.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);
		}

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/loginForm/loginForm.css ***!
  \***********************************************************************************************************************************************************************************************************/
.loginForm--row {
		box-sizing: border-box;
	}

		.loginForm--row-actions {
			box-sizing: border-box;
			width: 100%;
			padding: 0;
			margin: 20px 0 0;
		}

		/* border-top-width: 1px;
			border-top-style: solid; */

		.loginForm--row-actions::after {
				content: "";
				display: table;
				clear: both;
			}

		.loginForm--row-actions .loginForm--wrap::after {
					content: '';
					display: table;
					clear: both;
				}
	.loginForm--info {
		box-sizing: border-box;
		width: 100%;
		display: none;
		font-size: 14px;
		text-align: center;
		position: absolute;
		top: calc(100% + 40px);
		left: 0;
	}
	.loginForm--link {
		display: inline-block;
		vertical-align: middle;
		line-height: 26px;
	}
	.loginForm--indicator {
		position: absolute;
		bottom: 13px;
		right: 12px;
	}
	.loginForm--fieldset {
		display: table;
		width: 100%;
	}
	.loginForm--fieldset .loginForm--row .control {
			display: block;
		}
	.loginForm--fieldset .loginForm--row .control.control-textInput {
				width: 100%;
			}
	.loginForm--fieldset .loginForm--row .control input[type="text"], .loginForm--fieldset .loginForm--row .control input[type="password"], .loginForm--fieldset .loginForm--row .control input[type="email"] {
				width: 100%;
				padding: 13px;
				height: auto;
			}
	.loginForm--fieldset .loginForm--row .control--label,
			.loginForm--fieldset .loginForm--row .control--wrap {
				display: block;
				padding-top: 10px;
			}
	.loginForm--fieldset .loginForm--row .control--label {
				box-sizing: border-box;
				padding-left: 0;
				width: 100%;
				padding-top: 16px;
				padding-right: 0;
				white-space: nowrap;
				display: block;
			}
	.loginForm--fieldset .loginForm--row .control--errorMessage {
				display: block;
				line-height: 18px;
				margin-top: 9px;
			}
	.loginForm--hint {
		padding-left: 40px;
		padding-right: 40px;
		line-height: 18px;
		margin-top: 16px;
	}
	.loginForm-main .loginForm--link {
			margin-left: 0;
		}
	.loginForm-pending .loginForm--indicator {
			display: block;
		}
	.loginForm--subtitle {
		margin-left: 40px;
		margin-top: 34px;
	}
	.loginForm--error {
		box-sizing: border-box;
		min-height: 42px;
		padding: 12px;
		font-size: 14px;
		text-align: center;
	}
	.loginForm--errorCode {
		text-align: left;
		font-size: 11px;
		color: var(--additional-text-color);
		line-height: 1.5;
	}
	.loginForm .control-toggleButtons .control--wrap {
			display: inline-flex;
			width: 120px;
		}
	.loginForm .control-toggleButtons .control--buttons {
			width: 100%;
		}
	.loginForm div:nth-last-child(3) .loginForm--row:last-child .control {
				height: 60px;
			}

.loginForm--link,
	.loginForm--link-recoverPass {
		text-decoration: none;
	}

.loginForm--row-actions {
			border-color: var(--line-color);
		}

.loginForm--row-actions button {
				width: 100%;
				font-size: 16px;
    			padding: 10px 0;
				background-color: var(--link-bg-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;
					}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-twoStepAuthSetup/popup-twoStepAuthSetup.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.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);
			}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-guest/popup-guest.global.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.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);
		}

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/button-sort/button-sort.css ***!
  \***************************************************************************************************************************************************************************************************************/
.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;
	}

/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/multiAsset/multiAsset.css ***!
  \*************************************************************************************************************************************************************************************************************/
.multiAsset__container {
		display: flex;
	}
	.multiAsset__column {
		box-sizing: border-box;
		min-width: 216px;
	}
	.multiAsset__column:first-child {
			padding-right: 30px;
			position: relative;
		}
	.multiAsset__column:first-child::after {
				position: absolute;
				content: "";
				top: 0;
				right: 0;
				width: 1px;
				height: 100%;
				background: var(--line-color);
			}
	.multiAsset__column:last-child {
			padding-left: 30px;
		}
	.multiAsset__header {
		margin-bottom: 16px;
		font-size: 10px;
		letter-spacing: 0.7px;
		text-transform: uppercase;
		font-weight: normal;
		color: var(--label-color);
	}
	.multiAsset__availableFields .list .draggable--dragged {
					box-shadow: inset 0 1px 2px 0 var(--overlay-box-shadow-color);
					background: transparent;
					border: 1px solid var(--input-disabled-border-outside-color);
					cursor: grabbing;
				}
	.multiAsset__availableFields .list .draggable--dragged:hover {
						background: transparent;
					}
	.multiAsset__availableFields .list .draggable--dragged .icon {
						display: none;
					}
	.multiAsset__availableFields .list .draggable--dragged .itemName,
					.multiAsset__availableFields .list .draggable--dragged .itemWrap {
						display: none;
					}
	.multiAsset__list {
		width: 216px;
	}
	.multiAsset__list .draggable--dropTarget::after {
					content: "";
					position: absolute;
					width: 100%;
					height: 100%;  top: 0;
					left: 0;
					z-index: 11;
					background: var(--drop-area-highlight-color);
					box-shadow: inset 0 0 40px 0 var(--drop-area-inner-shadow-color);
					background-image: linear-gradient(to right, var(--drop-area-border-color) 50%, transparent 50%),
							linear-gradient(to right, var(--drop-area-border-color) 50%, transparent 50%),
							linear-gradient(to top, var(--drop-area-border-color) 50%, transparent 50%),
							linear-gradient(to top, var(--drop-area-border-color) 50%, transparent 50%);
					background-size: 11px 1px, 11px 1px, 1px 11px, 1px 11px;
					background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
					background-position: 0 0, left bottom, 0 0, right 0;
				}
	.multiAsset__item {
		box-sizing: border-box;
		width: 100%;
		min-height: 25px;
		margin-bottom: 1px;
		border-radius: 1px;
		position: relative;
		cursor: grab;
	}
	.multiAsset__item:last-child {
			margin-bottom: 0;
		}
	.multiAsset__item_isDisabled {
			color: var(--common-text-disabled);
			background: var(--draggable-item-disabled-bg-color);
			cursor: default;
		}
	.multiAsset__item_isDisabled:hover::after {
					width: 0;
				}
	.multiAsset__item_isDisabled .icon-drag {
				fill: var(--icon-disabled);
			}
	.multiAsset__itemName {
			position: relative;
			z-index: 2;
		}
	.multiAsset__itemWrap {
			padding: 5px 8px;
			background: var(--draggable-item-bg-color);
			width: 100%;
			box-sizing: border-box;
			position: relative;
		}
	.multiAsset__itemWrap:hover::after {
					position: absolute;
					content: "";
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: var(--draggable-item-hover-color);
					z-index: 1;
				}
	.multiAsset__itemExpanded {
			padding: 10px 15px;
			background: var(--draggable-item-expanded-bg-color);
			width: 100%;
			box-sizing: border-box;
		}
	.multiAsset__itemExpanded .control-checkBox {
				display: block;
				margin-bottom: 8px;
			}
	.multiAsset__itemExpanded .control-checkBox:first-child {
					position: relative;
					padding-bottom: 8px;
				}
	.multiAsset__itemExpanded .control-checkBox:first-child::after {
						position: absolute;
						content: "";
						width: 100%;
						height: 1px;
						bottom: 0;
						left: 0;
						background: var(--line-color);
					}
	.multiAsset__itemExpanded .control-checkBox:last-child {
					margin-bottom: 0;
				}
	.multiAsset__item .icon-group-closed,
		.multiAsset__item .icon-group-opened,
		.multiAsset__item .icon-drag,
		.multiAsset__item .icon-about-us {
			fill: var(--icon-secondary-default-color);
		}
	.multiAsset__item .icon-group-closed:hover, .multiAsset__item .icon-group-opened:hover, .multiAsset__item .icon-about-us:hover {
				fill: var(--icon-secondary-hovered-color);
			}
	.multiAsset__item .icon-drag {
			width: 2px;
			height: 10px;
			margin-right: 8px;
			z-index: 2;
			position: relative;
			vertical-align: baseline;
		}
	.multiAsset__item .icon-about-us {
			width: 11px;
			height: 11px;
			margin-top: 2px;
		}
	.multiAsset__item .button-sort {
			float: right;
			margin-top: -2px;
			z-index: 2;
		}
	.multiAsset__item .control-foldButton {
			margin: 0 6px 0 -4px;
			vertical-align: baseline;
			z-index: 2;
		}
	.multiAsset .target {
		width: 175px;
		min-height: 25px;
		margin-bottom: 10px;
		border-radius: 1px;
		background: var(--drag-and-drop-area-bg-color);
		position: relative;
		background-image: linear-gradient(to right, var(--drag-and-drop-area-border-color) 50%, transparent 50%),
				linear-gradient(to right, var(--drag-and-drop-area-border-color) 50%, transparent 50%),
				linear-gradient(to top, var(--drag-and-drop-area-border-color) 50%, transparent 50%),
				linear-gradient(to top, var(--drag-and-drop-area-border-color) 50%, transparent 50%);
		background-size: 11px 1px, 11px 1px, 1px 11px, 1px 11px;
		background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
		background-position: 0 0, left bottom, 0 0, right 0;
	}
	.multiAsset .target::before {
			content: "";
			height: 21px;
			width: 13px;
			position: absolute;
			left: -13px;
			top: -10px;
			border-left: 1px solid var(--line-color);
			border-bottom: 1px solid var(--line-color);
		}
	.multiAsset .target:first-child::before {
				height: 0;
				width: 0;
			}
	.multiAsset .target:nth-child(2) {
			margin-left: 20px;
		}
	.multiAsset .target:last-child {
			margin-left: 40px;
			margin-bottom: 0;
		}
	.multiAsset__checkBoxWrap {
		padding-top: 10px;
		margin-top: 20px;
		border-top: 1px solid var(--line-color);
	}
	.multiAsset__iconWrap {
		position: relative;
		float: right;
		z-index: 2;
	}
	.multiAsset__iconWrap:hover .hint {
				display: block;
			}
	.multiAsset__hint {
		display: none;
		width: 224px;
		padding: 2px 4px;
		position: absolute;
		left: 0;
		bottom: -35px;
		background: var(--hint-tooltip-bg-color);
		box-shadow: 0 2px 10px 0 var(--widget-draggable-shadow-color);
		border: solid 1px var(--context-menu-border-color);
		color: var(--common-text-default);
		z-index: 101;
	}

.draggable--dragging.multiAsset__item {
	width: 216px;
	height: 25px;
	margin-bottom: 0;
	background: var(--draggable-item-dragging-bg-color);
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 110;
}

.draggable--dragging.multiAsset__item,
		.draggable--dragging.multiAsset__target {
			cursor: grabbing;
		}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/popup-multiAsset/popup-multiAsset.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.popup-multiAsset .popup--content {
			padding: 24px 30px 20px;
		}
		.popup-multiAsset .popup--footer {
			text-align: right;
		}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/popup-pre-config/theme/popup-pre-config.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.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;
	}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/loginPanelWrapper/loginPanelWrapper.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.loginPanelWrapper{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
	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);
		}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/loginForm-main/loginForm-main.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.loginForm--title {
		padding: 0 10px;
		font-family: DINPro;
		font-size: 15px;
		font-weight: 500;
		color: var(--form-label-text-color);	
	}

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/loginForm-passwordChange/loginForm-passwordChange.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.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: 100%;
            }
            .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);
    }

/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/link/link.css ***!
  \*************************************************************************************************************************************************************************************************/
.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;
		}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/link/link-mobile.css ***!
  \********************************************************************************************************************************************************************************************************/
.mobile .link {
		font-size: 14px;
	}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/loginPanel/loginPanel.css ***!
  \*************************************************************************************************************************************************************************************************************/
.loginPanel {
	/* position: absolute;
	top: 47%;
	left: 50%; */
	width: 353px;
	/* margin: -100.5px 0 0 -176.5px; */
	transform: translateX(0) rotateY(0);
	transform-origin: right center;
	transform-style: preserve-3d;
}

	.loginPanel input {
		caret-color: var(--input-default-text-color);
	}

	.loginPanel input:-webkit-autofill {
			-webkit-box-shadow: inset 0 0 0 1000px var(--input-autofilled-bg-color),
					inset 0 0 0 1000px var(--input-default-bg-color),
					inset 0 1px 0 0 rgba(0, 0, 0, 0.05) !important;
			-webkit-text-fill-color: var(--input-default-text-color) !important;
			border: 1px solid var(--input-autofilled-border-color);
		}

	.loginPanel--side {
		position: absolute;
		top: 0;
		left: 0;
		min-height: 100%;
		width: 100%;
		box-sizing: border-box;
		padding-bottom: 0;
		border-width: 1px;
		border-style: solid;
	}

	.loginPanel--side-custom {
			padding-bottom: 0;
		}

	.loginPanel-main .loginPanel--side-main {
			position: relative;
		}

	.loginPanel-main .loginPanel--side-backup,
		.loginPanel-main .loginPanel--side-pwchange,
		.loginPanel-main .loginPanel--side-security {
			display: none;
		}

	.loginPanel-security .loginPanel--side-security {
			position: relative;
		}

	.loginPanel-security .loginPanel--side-backup,
		.loginPanel-security .loginPanel--side-pwchange {
			display: none;
		}

	.loginPanel-pwchange .loginPanel--side-pwchange {
			position: relative;
			width: 388px;
			left: -25px;
		}

	.loginPanel-pwchange .loginPanel--side-security,
		.loginPanel-pwchange .loginPanel--side-backup {
			display: none;
		}

	.loginPanel-backup .loginPanel--side-main,
		.loginPanel-backup .loginPanel--side-pwchange,
		.loginPanel-backup .loginPanel--side-security {
			display: none;
		}

	.loginPanel-backup .loginPanel--side-backup {
			position: relative;
		}

	.loginPanel--header {
		margin: 0 0 34px 0;
		padding-top: 24px;
		padding-left: 0px;
	}

	.loginPanel--logo {
		display: inline-block;
		margin-right: 28px;
	}

	.loginPanel--logo:only-child {
			margin-left: 67px;
			margin-top: 5px;
		}

	.loginPanel--title {
		display: inline-block;
		font-size: 14px;
		vertical-align: -5px;
		font-weight: bold;
	}



.loginPanel {
	transition: transform 500ms;
}



.loginPanel-security {
		transform: translateX(-100%) rotateY(180deg);
	}



.loginPanel-pwchange {
		transform: translateX(-100%) rotateY(180deg);
	}



.loginPanel-pwchange .control--error {
			margin-top: 3px;
		}



.loginPanel-backup {
		transform: translateX(0) rotateY(0deg);
	}



.loginPanel--side {
		border-color: var(--modal-window-border-color);
		box-shadow: 0 7px 15px var(--modal-window-shadow-color);
		backface-visibility: hidden;
		background-image: linear-gradient(to bottom, var(--modal-window-bg-grad-1), var(--modal-window-bg-grad-2));
	}



.loginPanel--side-main {
			transform: rotateY(0deg);
		}



.loginPanel--side-security {
			transform: rotateY(-180deg);
		}



.loginPanel--side-pwchange {
			transform: rotateY(-180deg);
		}



.loginPanel--side-backup {
			transform: rotateY(0deg);
		}



.loginPanel--title {
		color: var(--common-secondary-text-color);
	}

.loginPanel--header {
		margin-bottom: 20px;
	}

.loginPanel--logo:only-child {
			margin-left: 102px;
		}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widgetNew/theme/tooltipInstrumentDescription.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.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;
		}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/table-account-info/theme/table-account-info.global.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
.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);
			}


/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-accountInfo/contextMenu-accountInfo.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
.contextMenu-accountInfo {
	padding: 7px 7px 5px 7px;
	box-sizing: border-box;
	z-index: 41;
	background-color: var(--context-menu-bg-color);
	box-shadow: 0 2px 10px 0 var(--overlay-box-shadow-color);
	border: solid 1px var(--context-menu-border-color);
}

	.contextMenu-accountInfo .contextMenu--item {
			padding: 0;
		}

	.contextMenu-accountInfo .contextMenu--item + .contextMenu--item {
				margin-top: 6px;
			}

	.contextMenu-accountInfo .contextMenu--item:hover {
				background-color: transparent;
			}

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

	.contextMenu-accountInfo .contextMenu--item:hover .link-pseudo {
					color: var(--link-hovered-text-color);
				}

	.contextMenu-accountInfo .contextMenu--item:active .icon {
					fill: var(--icon-link-pressed-color);
				}

	.contextMenu-accountInfo .contextMenu--item:active .link-pseudo {
					color: var(--icon-link-pressed-color);
				}

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

	.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo:hover {
						color: var(--link-hovered-text-color);
					}

	.contextMenu-accountInfo .contextMenu--item-icon .link-pseudo:active {
						color: var(--icon-link-pressed-color);
					}

	.contextMenu-accountInfo .contextMenu--cell {
			width: 50%;
		}

	.contextMenu-accountInfo .contextMenu--row:last-child .contextMenu--cell {
				padding-right: 10px;
			}

	.contextMenu-accountInfo .contextMenu--row:last-child .contextMenu--cell:last-child {
					padding-right: 0;
					padding-left: 10px;
				}

	.contextMenu-accountInfo .contextMenu--row:last-child .contextMenu--cell:only-child {
					padding-left: 0;
					padding-right: 0;
				}

	.contextMenu-accountInfo .contextMenu--icon {
			margin-right: 4px;
		}

	.contextMenu-accountInfo .contextMenu--icon .icon {
				fill: var(--link-default-text-color);
				transition: color 220ms ease-out;
			}

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

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

	.contextMenu-accountInfo .grid--body {
		position: static;
	}

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-chartTypeToggler/control-chartTypeToggler.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.control-chartTypeToggler {
	width: 100%;
}

	.control-chartTypeToggler .button .icon {
			width: 13px;
			fill: var(--icon-primary-default-color);
			height: 100%;
		}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-chartSettings/contextMenu-chartSettings.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.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;
						}

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-chartSettings/contextMenu-chartSettings-mobile.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.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;
			}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-chartOrder/contextMenu-chartOrder.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.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;
		}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-alert/contextMenu-alert.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.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);
	}

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-axisScaleSettings/contextMenu-axisScaleSettings.css ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.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;
			}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-chartVisualModification/contextMenu-chartVisualModification.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/


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

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-separateActions/contextMenu-separateActions.css ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.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%;
				}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-separateActions/contextMenu-separateActions-mobile.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.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;
				}
}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-positions/contextMenu-positions.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.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;
	}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/widget-watchlist/context-menu-watchlist/theme/context-menu-watchlist.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.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);
				}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-numberFilter/contextMenu-numberFilter.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.contextMenu-numberFilter {
	padding: 7px 0 4px;
}

	.contextMenu-numberFilter .contextMenu--content {
			padding: 0 7px;
		}

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-symbolFilter/contextMenu-symbolFilter.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.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);
	}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-textFilter/contextMenu-textFilter.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.contextMenu-textFilter {
	padding: 9px 8px 6px;
}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-systemActions/theme/labeled-theme-switcher.child.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.labeled-theme-switcher__container {
		flex-grow: 1;
		justify-content: space-between;
	}
	.labeled-theme-switcher__label {
		color: var(--dropdown-list-text-color);
		margin-right: 8px;
	}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/contextMenu-systemActions/theme/broker-price-alerts-switcher.child.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.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);
						}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/multiselect/theme/multiselect.module.css ***!
  \****************************************************************************************************************************************************************************************************************************/
.multiselect__container___-5GlR {
	display: inline-block;
}

	.multiselect__container___-5GlR .control-multiselect {
				vertical-align: top;
			}

	.multiselect__container___-5GlR .control--label {
				margin-right: 5px;
			}

.multiselect__menu_item_row___eXZQF {
	padding-right: 20px;
}

.multiselect__menu_item_row___eXZQF:hover .multiselect__icon___fA-OQ {
			opacity: 0.4;
		}

.multiselect__menu_item_row___eXZQF >.multiselect__text___t1K2S {
		margin-left: 20px;
	}

.multiselect__text___t1K2S {
	margin-left: 7px;
}

.multiselect__icon___fA-OQ {
	opacity: 0;
	display: inline-block;
	position: relative;
	top: 5px;
	left: 9.5px;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	color: var(--tick-icon-color);
}

/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/multiselect/theme/selectbox.h.child.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
.selectbox-h-child__container__anchor___c0Egc {
	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);
}


/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/multiselect/theme/menu-item.h.child.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
.menu-item-h-child__item___6dz2J {
	padding: 0;
	background: var(--dropdown-list-bg-color);
}
	.menu-item-h-child__item___6dz2J:hover {
		background: var(--list-item-hovered-bg-color);
	}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/drawingToolbar/drawingToolbar.css ***!
  \*********************************************************************************************************************************************************************************************************************/


.drawingToolbar {
	display: none;
}

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

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

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

	.drawingToolbar-visible {
		width: 100%;
		display: block;
		text-align: center;
		z-index: 50;
		position: absolute;
		left: 0;
		pointer-events: none;
		top: 50px;
	}

	.drawingToolbar--content {
		display: inline-flex;
		align-items: center;
		white-space: nowrap;
		background: linear-gradient(to right, var(--chart-widget-toolbar-bg-color-1), var(--chart-widget-toolbar-bg-color-2));
		padding: 6px;
		text-align: left;
		pointer-events: auto;
	}

	.drawingToolbar--content .button,
		.drawingToolbar--content .control {
			margin-right: 12px;
		}

	.drawingToolbar--content .button:focus, .drawingToolbar--content .control:focus {
				z-index: 2;
			}

	.drawingToolbar--content .button:last-child, .drawingToolbar--content .control:last-child {
				margin-right: 0;
			}

	.drawingToolbar--content .control + .chartAreaToolbar__divider {
				margin-left: 2px;
			}

	.drawingToolbar--content .control-checkBox label {
					color: var(--common-text-default);
				}

	.drawingToolbar--content .control-line {
			z-index: 1;
		}

	.drawingToolbar--content .chartAreaToolbar__divider {
			display: inline-block;
			vertical-align: top;
			width: 1px;
			height: 25px;
			border-left: 1px solid var(--line-color-4);
			margin: 0 14px 0 2px;
		}

	.drawingToolbar .chartAreaToolbar__divider {
		margin-right: 14px;
	}

	.drawingToolbar .button {
		vertical-align: top;
		height: 25px;
	}

	.drawingToolbar .button-filledIcon {
		width: 25px;
	}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-lineColor/control-lineColor.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.control-lineColor .colorPicker {
		width: 55px;
	}

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

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-fontColor/control-fontColor.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.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;
		}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/control-fontSize/control-fontSize.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.control-fontSize .selectBox--label {
		width: 25px;
		min-width: 25px;
		text-overflow: clip;
	}


/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/message/message.css ***!
  \*******************************************************************************************************************************************************************************************************/
.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);
		}

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/message/message-mobile.css ***!
  \**************************************************************************************************************************************************************************************************************/
.mobile .message--time {
			font-size: 14px;
		}

/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/messages/messages.css ***!
  \*********************************************************************************************************************************************************************************************************/
.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;
	}

/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/messages/messages-mobile.css ***!
  \****************************************************************************************************************************************************************************************************************/
.mobile .messages--groupTitle {
			font-size: 16px;
		}
		.mobile .messages--errorMessage {
			font-size: 14px;
		}

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/fragments/widgets/widgets.demo.module.css ***!
  \******************************************************************************************************************************************************************************************************************/
.widgets-demo__container___O8F1E {
    height: 280px;
}

	.widgets-demo__container___O8F1E .droppable-body__wrapper___third-party-legacy-react-kit-components-layout-components-droppable-body-theme- {
			height: unset;
		}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/guestOverlay/guestOverlay.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.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;
				}
			}

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-time-sales/components/grid-time-sales/theme/gridTimeSales.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.gridTimeSales__container {
		height: 100%;
	}

		.gridTimeSales__container .table--colAdapts-timeDate {
				width: 150px;
			}

		.gridTimeSales__container .table--colAdapts-time {
				width: 85px;
			}

		.gridTimeSales__container .table--colAdapts-pd {
				width: 45px;
			}

		.gridTimeSales__container .table--colAdapts-price,
			.gridTimeSales__container .table--colAdapts-bid,
			.gridTimeSales__container .table--colAdapts-ask {
				width: 115px;
			}

		.gridTimeSales__container .table--colAdapts-size {
				width: 89px;
			}

		.gridTimeSales__container .table--colAdapts-type {
				width: 60px;
			}

		.gridTimeSales__container .table--colAdapts-exchange {
				width: 115px;
			}

		.gridTimeSales__container .table--colAdapts-conditions {
				width: 110px;
			}

		.gridTimeSales__container .table--colAdapts-attributes {
				width: 110px;
			}

		.gridTimeSales__container .table--colAdapts-sequence {
				width: 108px;
			}
	.gridTimeSales__row_priceUp {
			animation: timeSaleBlinkPriceUp 2000ms 0ms ease 1 alternate forwards;
		}
	.gridTimeSales__row_priceDown {
			animation: timeSaleBlinkPriceDown 2000ms 0ms ease 1 alternate forwards;
		}
	.gridTimeSales__row_neutral {
			animation: none;
		}
	.gridTimeSales__row_delimiter td:not(.noneUnderLine) {
				box-shadow: 0 1px rgba(var(--highlight-color-rgb, 0.8));
			}
	.gridTimeSales__row_delimiter td:not(.noneUnderLine):first-child {
					box-shadow: 5px 0 0 var(--table-bg-color) inset, 0 1px rgba(var(--highlight-color-rgb, 0.8));
				}
	.gridTimeSales__row_delimiter td:not(.noneUnderLine):last-child {
					box-shadow: -2px 0 0 var(--table-bg-color) inset, 0 1px rgba(var(--highlight-color-rgb, 0.8));
				}
	.gridTimeSales__price {
		color: var(--table-text-color);
	}
	.gridTimeSales__price_down {
			color: var(--negative-text-color);
		}
	.gridTimeSales__price_up {
			color: var(--positive-text-color);
		}
	.gridTimeSales__price strong {
			font-weight: normal;
			font-size: 16px;
		}
	.gridTimeSales__greyedOut {
		color: var(--additional-text-color-2);
	}

@keyframes timeSaleBlinkPriceUp {
    0% {
        background: rgba(var(--time-and-sales-ask-rgb, 0.5));
    }
    100% {
    }
}
@keyframes timeSaleBlinkPriceDown {
    0% {
        background: rgba(var(--time-and-sales-bid-rgb, 0.5));
    }
    100% {
    }
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-time-sales/components/widget-time-sales/theme/WidgetTimeSales.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.WidgetTimeSales__container_frozen___nSvRm {
		border: 1px solid var(--widget-frozen-border-color);
		transition: border 220ms ease-in;
	}

.WidgetTimeSales__headerContent___BPRDS .control-textInput {
				height: 100%;
				width: 120px;
				margin-right: 10px;
			}

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

.WidgetTimeSales__headerContentWrapper___Xqu-9 {
	display: flex;
	align-items: center;
	width: 100%
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-video/components/button-video/button-video.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.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);
		}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-trades/components/grid-trades/theme/grid-trades-mobile.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.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;
				}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-trades/components/grid-trades/theme/grid-trades.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.grid-trades__container___\+lszQ {
	height: 100%;
}

	.grid-trades__container___\+lszQ thead {
			box-shadow: 0 1px var(--line-color);
		}

	.grid-trades__container___\+lszQ tbody .table--cell {
				height: var(--table--cell-height);
				padding-top: 2px;
			}

	.grid-trades__container___\+lszQ tbody .table--cell-positive {
					color: var(--positive-text-color);
				}

	.grid-trades__container___\+lszQ tbody .table--cell-negative {
					color: var(--negative-text-color);
				}

	.grid-trades__container___\+lszQ tbody .table--cell-commission,
				.grid-trades__container___\+lszQ tbody .table--cell-tradeCost {
					display: flex;
				}

	.grid-trades__container___\+lszQ tbody .table--cell-commission.table--cell-alignRight, .grid-trades__container___\+lszQ tbody .table--cell-tradeCost.table--cell-alignRight {
						justify-content: flex-end;
					}

	.grid-trades__container___\+lszQ tbody .table--cell-commission span:first-child, .grid-trades__container___\+lszQ tbody .table--cell-tradeCost span:first-child {
							margin-right: 5px;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}

	.grid-trades__container___\+lszQ .table {
			width: calc(100% - 1px);
		}

	.grid-trades__container___\+lszQ .table--body tr:hover {
						background: var(--table-row-bg-hover-color);
					}

	.grid-trades__container___\+lszQ .table--col-timeDate, .grid-trades__container___\+lszQ .table--colAdapts-timeDate {
					width: 126px;
				}

	.grid-trades__container___\+lszQ .table--col-symbol, .grid-trades__container___\+lszQ .table--colAdapts-symbol {
					width: 120px;
				}

	.grid-trades__container___\+lszQ .table--col-orderId
				.container .table--col-tradeId, .grid-trades__container___\+lszQ .table--colAdapts-orderId
				.container .table--colAdapts-tradeId {
					width: 84px;
				}

	.grid-trades__container___\+lszQ .table--col-tradeCode, .grid-trades__container___\+lszQ .table--colAdapts-tradeCode {
					width: 107px;
				}

	.grid-trades__container___\+lszQ .table--col-side, .grid-trades__container___\+lszQ .table--colAdapts-side {
					width: 104px;
				}

	.grid-trades__container___\+lszQ .table--col-instrument, .grid-trades__container___\+lszQ .table--colAdapts-instrument {
					width: 115px;
				}

	.grid-trades__container___\+lszQ .table--col-tradeQuantity, .grid-trades__container___\+lszQ .table--colAdapts-tradeQuantity {
					width: 100px;
				}

	.grid-trades__container___\+lszQ .table--col-tradePrice, .grid-trades__container___\+lszQ .table--colAdapts-tradePrice {
					width: 116px;
				}

	.grid-trades__container___\+lszQ .table--col-tradeCost, .grid-trades__container___\+lszQ .table--colAdapts-tradeCost {
					width: 93px;
				}

	.grid-trades__container___\+lszQ .table--col-commission, .grid-trades__container___\+lszQ .table--colAdapts-commission {
					width: 123px;
				}

	.grid-trades__container___\+lszQ .table--col-settledPL, .grid-trades__container___\+lszQ .table--colAdapts-settledPL {
					width: 119px;
				}

	.grid-trades__container___\+lszQ .table--col-positionEffect, .grid-trades__container___\+lszQ .table--colAdapts-positionEffect {
					width: 95px;
				}

	.grid-trades__container___\+lszQ .table--col-buyerOrderId, .grid-trades__container___\+lszQ .table--colAdapts-buyerOrderId {
					width: 263px;
				}

	.grid-trades__container___\+lszQ .table--col-sellerOrderId, .grid-trades__container___\+lszQ .table--colAdapts-sellerOrderId {
					width: 255px;
				}

	.grid-trades__container___\+lszQ .table--col-tradeTime, .grid-trades__container___\+lszQ .table--colAdapts-tradeTime {
					width: 77px;
				}

	.grid-trades__container___\+lszQ .table--col-buyerCode, .grid-trades__container___\+lszQ .table--colAdapts-buyerCode {
					width: 191px;
				}

	.grid-trades__container___\+lszQ .table--col-sellerCode, .grid-trades__container___\+lszQ .table--colAdapts-sellerCode {
					width: 206px;
				}

	.grid-trades__container___\+lszQ .table--col-strategy, .grid-trades__container___\+lszQ .table--colAdapts-strategy {
					width: 63px;
				}

	.grid-trades__container___\+lszQ .table--col-contractDescription, .grid-trades__container___\+lszQ .table--colAdapts-contractDescription {
					width: 445px;
				}

	.grid-trades__container___\+lszQ .table--col-strike, .grid-trades__container___\+lszQ .table--colAdapts-strike {
					width: 105px;
				}

	.grid-trades__container___\+lszQ .table--col-cut, .grid-trades__container___\+lszQ .table--colAdapts-cut {
					width: 69px;
				}

	.grid-trades__container___\+lszQ .table--col-tenor, .grid-trades__container___\+lszQ .table--colAdapts-tenor {
					width: 65px;
				}

	.grid-trades__container___\+lszQ .table--col-expiry, .grid-trades__container___\+lszQ .table--colAdapts-expiry {
					width: 151px;
				}

	.grid-trades__container___\+lszQ .table--col-filledQuantity, .grid-trades__container___\+lszQ .table--colAdapts-filledQuantity {
					width: 92px;
				}

	.grid-trades__container___\+lszQ .table--col-remainingQuantity, .grid-trades__container___\+lszQ .table--colAdapts-remainingQuantity {
					width: 117px;
				}

	.grid-trades__container___\+lszQ .table--col-premium, .grid-trades__container___\+lszQ .table--colAdapts-premium {
					width: 97px;
				}

	.grid-trades__container___\+lszQ .table--col-sellerReceivesNet, .grid-trades__container___\+lszQ .table--colAdapts-sellerReceivesNet {
					width: 109px;
				}

	.grid-trades__container___\+lszQ .table--col-buyerPaysNet, .grid-trades__container___\+lszQ .table--colAdapts-buyerPaysNet {
					width: 100px;
				}

	.grid-trades__container___\+lszQ .grid-trades__unit___lgW4U {
		color: var(--common-secondary-text-color);
	}

	.grid-trades__container___\+lszQ .grid-trades__noTradesMessage___0oYyG  {
		font-size: 22px;
		line-height: 28px;
		color: var(--table-disabled-text-color);
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-trades/components/grid-trades/theme/grid-trades.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.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;
                }
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-multi-currency-account/components/grid-multi-currency-account/theme/grid-multi-currency-account.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.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;
		}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-trading-journal/components/grid-trading-journal/theme/grid-trading-journal.columns.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.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;
		}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-trading-journal/components/grid-trading-journal/theme/grid-trading-journal.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.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;
	}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/pages/widgets/widget-trading-journal.demo.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
.widget-trading-journal-demo__wrapper___bimhP {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.widget-trading-journal-demo__delimiter___xCnwk {
	flex-shrink: 1;
	flex-grow: 1;
}

/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/resizeDivider/resizeDivider.module.css ***!
  \**************************************************************************************************************************************************************************************************************************/
.resizeDivider__container___oB0Rz {
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}

	.resizeDivider__container___oB0Rz:hover::after, .resizeDivider__container___oB0Rz: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___BZN3n {
		height: 4px;
		width: 100%;
		background-color: var(--order-entry-horizontal-divider-color);
	}

	.resizeDivider__container_horizontal___BZN3n:hover,
		.resizeDivider__container_horizontal___BZN3n:active {
			cursor: ns-resize;
		}

	.resizeDivider__container_horizontal___BZN3n:hover::after, .resizeDivider__container_horizontal___BZN3n:active::after {
				height: 2px;
				width: 100%;
			}

	.resizeDivider__container_vertical___psuj4 {
		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___psuj4:hover,
		.resizeDivider__container_vertical___psuj4:active {
			cursor: ew-resize;
		}

	.resizeDivider__container_vertical___psuj4:hover::after, .resizeDivider__container_vertical___psuj4:active::after {
				height: 100%;
				width: 2px;
			}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-order-book/components/order-book/theme/order-book.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.order-book__container___Apzcc {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 370px;
    width: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-order-book/components/order-book/theme/order-book.css ***!
  \************************************************************************************************************************************************************************************************************************************************/
.order-book__container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 370px;
        width: 100%;
    }
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-order-book/components/order-history/theme/order-history.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.order-history__container___2G4GV {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 185px;
	transition: height 0.25s;
}

    .order-history__container_collapsed___FVgt- {
        height: 25px;
    }

.order-history__emptyView___66IP8,
.order-history__emptyMessage___dbCY4 {
	position: relative;
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-order-book/components/order-history/theme/order-history.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.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;
    }

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-order-book/components/order-history/theme/scrollable.child.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.scrollable-child__scrollable___QVNue {
    width: 100%;
    height: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-order-book/theme/widget-order-book.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.widget-order-book__container___26Eom {
    width: 100%;
}

.widget-order-book__headerTitle___RJXKw {
	padding-left: 0;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-economic-calendar/components/grid-economic-calendar/theme/grid-economic-calendar.columns.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.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;
			}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-economic-calendar/components/grid-economic-calendar/theme/grid-economic-calendar.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.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;
	}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/widget-economic-calendar/theme/current-time.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.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);
		}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-alerts/components/button-cancel-alert/theme/button-cancel-alert.global.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.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;
		}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-alerts/components/button-cancel-alert/theme/button-cancel-alert-mobile.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.mobile .button-cancelAlert .icon {
			width: 9px;
			height: 9px;
		}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-alerts/components/grid-alerts/theme/grid-alerts.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.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);
			}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/widgets/widget-alerts/components/grid-alerts/theme/grid-alerts-mobile.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.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;
				}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/fragments/widgets/widget-depth/components/button-details/theme/tooltip-button-details.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.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);
	}


/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/fragments/widgets/widget-depth/components/depth/theme/depth.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
: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%;
	}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/fragments/widgets/widget-depth/components/widget-depth/theme/widget-depth.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.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;
			}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/ui/trading-dashboard/widget-trading-dashboard/stories/theme/widget-trading-dashboard.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.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);
	}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/dropdown-suggest/dropdown-suggest.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.dropDown-suggest {
	border: none;
	min-width: 206px;
	padding-top: 3px;
	padding-bottom: 3px;
}

	.dropDown-suggest .dropDown--container {
		max-height: 200px;
	}

	.dropDown-suggest .table {
		table-layout: auto;
		width: auto;
	}

	.dropDown-suggest .table td {
			padding-left: 0;
			padding-right: 10px;
			padding-top: 0;
			line-height: 20px;
			text-align: left;
			box-shadow: none;
		}

	.dropDown-suggest .table td:first-child {
				padding-left: 5px;
				box-shadow: none;
			}

	.dropDown-suggest .table td:last-child {
				padding-right: 5px;
			}

	.dropDown-suggest .searchResult {
		cursor:pointer;
		white-space: nowrap;
	}

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

	.dropDown-suggest .searchResult.dropDown--option-highlight em {
				color: var(--link-hovered-text-color);
			}

	.dropDown-suggest .searchResult.dropDown--option-highlight .searchResult--name,
				.dropDown-suggest .searchResult.dropDown--option-highlight .searchResult--instrumentTree {
					color: var(--link-default-text-color);
				}

	.dropDown-suggest .searchResult em {
			font-style: normal;
			color: var(--common-text-selected);
		}

	.dropDown-suggest .searchResult--equity {
			font-size: 1rem;
		}

	.dropDown-suggest .searchResult--equity:empty {
				padding: 0;
			}

	.dropDown-suggest .searchResult--name,
		.dropDown-suggest .searchResult--instrumentTree {
			color: var(--description-text-color);
		}

	.dropDown-suggest.dropDown-shown .dropDown--groupTitle, .dropDown-suggest.dropDown-shown .dropDown--option {
				animation: none;
			}

	.dropDown-suggest .dropDown--option:hover > .searchResult--symbol,
			.dropDown-suggest .dropDown--option:hover > .searchResult--name,
			.dropDown-suggest .dropDown--option:hover > .searchResult--instrumentTree {
				color: var(--link-hovered-text-color);
				transition: color 220ms ease-in;
			}

	.dropDown-suggest .dropDown--additional {
		display: block;
		margin: 7px 5px 0;
		padding: 5px 0;
		box-sizing: border-box;
		border-top: 1px solid;
		text-align: center;
		border-top-color: var(--line-color-2);
		color: var(--description-text-color);
	}

	.dropDown-suggest .scrollable-withHorizontalScrollbar > .scrollable--wrapper > .scrollable--container > .scrollable--content {
		padding-bottom: 0;
	}

	.dropDown-suggest .scrollable-withHorizontalScrollbar > .scrollable--wrapper > .scrollbar-horizontal {
		display: none;
	}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./third-party-legacy/components/iconWrapper/iconWrapper.css ***!
  \***************************************************************************************************************************************************************************************************************/
.iconWrapper--hint {
        display: inline-block;
        fill: var(--icon-secondary-default-color);
        height: 10px;
        margin: 12px 0px 0px 10px;
        width: 10px;
    }


/*# sourceMappingURL=icm.common.css.map*/