@import 'https://fonts.googleapis.com/css?family=Public+Sans:400,500,600';
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700';
@import 'https://fonts.googleapis.com/icon?family=Material+Icons';
@import 'https://fonts.googleapis.com/icon?family=Material+Icons+Outlined';

body.sceDark,
.claro.sceDark .wbePane.wbeMaximizePane,
.claro.sceDark .sceDialog,
.claro.sceDark .sceMobilePopup {
	background-color: var(--bodystart);
	background-image: -moz-linear-gradient(var(--bodystart) var(--hheader), var(--bodyend) calc(100vh - 56px));
	background-image: -webkit-linear-gradient(var(--bodystart) var(--hheader), var(--bodyend) calc(100vh - 56px));
	background-image: -o-linear-gradient(var(--bodystart) var(--hheader), var(--bodyend) calc(100vh - 56px));
	background-image: linear-gradient(var(--bodystart) var(--hheader), var(--bodyend) calc(100vh - 56px));
	_background-image: none;
	background-attachment: fixed;
}
.claro.sceDark .sceDialog.sceDialogNoFixed,
.claro.sceApp .sceDialog.sceDialogNoFixed {
	background: var(--bodyend);
}

body, .dijitMenuItem td, .dropzone, button, ul li, a,
.scene .dijitSelect *,
.scene .dijitTextBox *,
.scene .dijitComboBox *,
.scene .dijitSelect .dijitInputField.dijitPlaceHolder,
.scene .dijitTextBox .dijitInputField.dijitPlaceHolder,
.scene .dijitPlaceHolder,
.scene .dijitCurrencyTextBox .dijitPlaceHolder,
.scene .dgrid-pagination input,
.scene .dijitCalendarDateTemplate,
.sceMapGeolocator .sceSearchBox,
.sceWeb .sceMapController .sceSpaceRow {
	font-family: "Open Sans",open-sans,sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: var(--fregular);
}
.scene .dijitButton *,
.scene .dijitDropDownButton *,
.scene .dijitComboButton *,
.scene .dijitToggleButton * {
	font-size: 14px;
	line-height: 16px;
}
.sceWeb .dijitButton *,
.sceWeb .dijitDropDownButton *,
.sceWeb .dijitComboButton *,
.sceWeb .dijitToggleButton * {
	font-weight: var(--fsemi);
}
.sceWeb .scefw-n .dijitButton *,
.sceWeb .scefw-n .dijitDropDownButton *,
.sceWeb .scefw-n .dijitComboButton *,
.sceWeb .scefw-n .dijitToggleButton * {
	font-weight: var(--fregular);
}
.scene .dijitButton.scefs-12 *,
.scene .dijitDropDownButton.scefs-12 *,
.scene .dijitComboButton.scefs-12 *,
.scene .dijitToggleButton.scefs-12 * {
	font-size: 12px;
	line-height: 14px;
}
.sceff-alt,
.claro .scePhoneTextBox input,
.scePhoneTextBox .iti__flag-container,
.sceForm .dijitSelect *,
.sceForm .dijitTextBox *,
.sceForm .dijitComboBox *,
.claro .dijitTextArea,
.claro .sceInputTime,
.sceWeb .sceMultiSelect.sceEditorselect *,
.sceMapGeolocator .sceSearchBox .dijitTextBox *,
.claro .sceForm .sceDateRangeTextBox .sceDropDownButton *,
.claro .sceForm .sceMultiSelectPopup .sceDropDownButton *,
.sceForm .dijitSelect .dijitInputField.dijitPlaceHolder,
.sceForm .dijitTextBox .dijitInputField.dijitPlaceHolder,
.sceForm .dijitPlaceHolder,
.sceForm .dijitCurrencyTextBox .dijitPlaceHolder,
.sceForm .sceSearchTextBox .dijitInputField.dijitPlaceHolder,
.sceForm .sceSearchTextBox .dijitPlaceHolder
.scene .intl-tel-input input::placeholder,
.scene textarea::placeholder {
	font-family: "Public Sans",open-sans,sans-serif;
	font-size: 16px;
	line-height: normal;
	font-weight: 500;
}
.scene  .sceSearchTextBox *,
.scene  .sceSearchTextBox .dijitInputField.dijitPlaceHolder,
.scene  .sceSearchTextBox .dijitPlaceHolder,
.claro .wbeToolbar .dijitSelect.wbeFilterBig * {
	font-family: "Public Sans",open-sans,sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: 500;
}
.scene .sceLabelValue .sceTextLabel sub {
	font-size: 10px;
	line-height: 12px;
}
.claro input:-webkit-autofill::first-line {
	font-family: "Public Sans",open-sans,sans-serif;
	font-size: 16px;
	font-weight: 500;
}
.claro input:-webkit-autofill,
.claro input:-webkit-autofill:hover, 
.claro input:-webkit-autofill:focus, 
.claro input:-internal-autofill-selected {
	-webkit-text-fill-color: var(--font)!important;
    background-color: transparent !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
}

body.wbeMaximizePane {
	overflow: hidden!important;
}

.wbeMainGreeting,
.wbeSpacesEmpty .sceViewContainer {
	display: none;
}
.wbeSpacesEmpty .wbeMainGreeting {
	display: block;
}
.sceApp .wbeMainGreeting {
	max-width: 576px;
	margin: 12px auto 40px auto;
}
.sceWeb .wbeMainGreeting .sceContainer {
	max-width: 750px;
}

.wbeHideSpaceButton .wbeBoxSpace {visibility: hidden;}

.wbeShowDevicesOn, .wbeShowDevicesOff, .wbeShowSpacesOn, .wbeShowSpacesOff, .wbeShowIfSpace, .wbeShowIfGroup {
	display: none;
}
.wbeDevicesOn .wbeShowDevicesOn,
.wbeDevicesOff .wbeShowDevicesOff,
.wbeSpacesOn .wbeShowSpacesOn,
.wbeSpacesOff .wbeShowSpacesOff,
.wbeActiveSKSpace .wbeShowIfSpace,
.wbeActiveSKGroup .wbeShowIfGroup {
	display: block;
}
.sceWeb .wbeShowDevicesOff .sceButton {
	margin-left: 60px;
}
.sceApp .wbeShowDevicesOff {
	margin-top: 16px;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
}
.dijitRtl .sceWeb .wbeShowDevicesOff .sceButton {
	margin-left: 0;
	margin-right: 60px;
}
.sceApp .wbeMainGreeting .sceButton,
.sceApp .wbeSpaceGreeting .sceButton,
.sceApp .wbeShowDevicesOff .sceButton {
	display: block;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

.sceWeb .wbeMainGreeting .sceContainer,
.sceWeb .wbeSpaceGreeting .sceContainer {
	padding: 32px;
}
.sceApp .wbeMainGreeting .sceContainer {
	padding: 0 12px 16px 12px;
}
.sceApp .wbeSpaceGreeting .sceContainer {
	padding: 0 16px 16px 16px;
}

.sceApp .wbeNeedSpaceSelected {
	margin-top: 16px;
}


/* Button */

.scene .dijitButton .dijitButtonNode,
.scene .dijitDropDownButton .dijitButtonNode,
.scene .dijitComboButton .dijitButtonNode,
.scene .dijitToggleButton .dijitButtonNode,
.claro .sceLabelValue.sceButtonIcon .sceContainer,
.scene a.sceLikeButton,
.scene a.sceLikeButton path,
.scene .dijitButtonNode .sceIconSvg path,
.scene .dijitButtonNode .sceRightControl path {
	transition: all 470ms;
}
.sceIconSvg path {
	fill: var(--font);
	stroke: none;
	opacity: 1;
}
.scene .dijitButton .dijitButtonNode,
.scene .dijitComboButton .dijitButtonNode,
.scene .dijitToggleButton .dijitButtonNode,
.scene a.sceLikeButton {
	padding: 0 20px;
}
.scene .dijitDropDownButton .dijitButtonNode {
	padding: 0 0 0 12px;
}
.dijitRtl .dijitDropDownButton .dijitButtonNode {
	padding-left: 0;
	padding-right: 12px;
}
.scene .dijitDropDownButton.sceHideArrow .dijitButtonNode {
	padding: 0 12px;
}
.sceApp.sceButtonsTransparent .sceButtonApp .dijitButtonNode {
	opacity: .5;
	border: none;
	background: transparent;
}
.scene .dijitButton.dijitDisabled,
.scene .dijitDropDownButton.dijitDisabled,
.scene .dijitComboButton.dijitDisabled,
.scene .dijitToggleButton.dijitDisabled {
	opacity: .5;
}
.claro .dijitSelectDisabled,
.claro .dijitTextBoxDisabled,
.claro .dijitTextBoxDisabled .dijitInputContainer {
	background-color: var(--ctl);
}
.scene .dijitButton.sceMini * {
	font-size: 12px;
	line-height: 14px;
}
.scene .dijitButton.sceMini .dijitButtonNode {
	padding-left: 12px;
	padding-right: 12px;
}
.scene .dijitButton.sceFlat .dijitButtonNode {
	border-color: transparent;
	background: transparent;
}
.scene .dijitButton.sceTheme .dijitButtonNode {
	border-color: var(--btnborder);
	background-color: var(--theme);
	color: var(--themefont);
}

.scene .dijitButton.sceMini .dijitButtonContents {
	height: 26px;
}
.scene .dijitButton.sceSmall .dijitButtonContents,
.scene .dijitDropDownButton.sceSmall .dijitButtonContents,
.scene .dijitComboButton.sceSmall .dijitButtonText,
.scene .dijitToggleButton.sceSmall .dijitButtonText {
	height: 30px;
}
.scene a.sceLikeButton.sceSmall {
	height: 32px;
}
.scene .dijitButton.sceMedium .dijitButtonContents,
.scene .dijitDropDownButton.sceMedium .dijitButtonContents,
.scene .dijitComboButton.sceMedium .dijitButtonText,
.scene .dijitToggleButton.sceMedium .dijitButtonText {
	height: 38px;
}
.scene a.sceLikeButton.sceMedium {
	height: 40px;
}
.scene .dijitButton.sceBig .dijitButtonContents,
.scene .dijitDropDownButton.sceBig .dijitButtonContents,
.scene .dijitComboButton.sceBig .dijitButtonText,
.scene .dijitToggleButton.sceBig .dijitButtonText,
.scene .sceButtonUpload.sceBig .dijitButtonText {
	height: 46px;
}
.scene a.sceLikeButton.sceBig {
	height: 48px;
}
.scene .dijitButton.sceButtonIcon.sceSmall .dijitButtonNode,
.scene .dijitButton.sceButtonIcon.sceMedium .dijitButtonNode,
.scene .dijitButton.sceButtonIcon.sceBig .dijitButtonNode {
	padding: 0;
}
.scene .sceButtonIcon.sceSmall .dijitButtonContents {
	width: 30px;
	min-width: 30px;
}
.scene .sceButtonIcon.sceMedium .dijitButtonContents {
	width: 38px;
	min-width: 38px;
}
.scene .sceButtonIcon.sceBig .dijitButtonContents {
	width: 46px;
	min-width: 46px;
}
.scene .dijitButton.sceMediumW .dijitButtonNode,
.scene .dijitDropDownButton.sceMediumW .dijitButtonNode,
.scene .dijitComboButton.sceMediumW .dijitButtonNode,
.scene .dijitToggleButton.sceMediumW .dijitButtonNode {
	padding-left: 40px;
	padding-right: 40px;
}
.claro .dijitDropDownButton .dijitArrowButtonInner svg {
	display: block;
	width: 17px;
	height: 17px;
}
.claro .dijitDropDownButton.sceLikeAnchor .dijitArrowButtonInner svg {
	width: 16px;
	height: 16px;
}
.claro .dijitDropDownButton .dijitArrowButtonInner path {
	fill: var(--font);
}
.sceNoTouch .dijitButtonHover .dijitButtonNode,
.sceNoTouch .dijitButtonHover.sceFlat .dijitButtonNode,
.sceNoTouch .dijitButtonHover.sceTheme .dijitButtonNode,
.sceNoTouch .dijitDropDownButtonHover .dijitButtonNode,
.sceNoTouch .dijitComboButtonHover .dijitButtonNode,
.sceNoTouch .dijitToggleButtonHover .dijitButtonNode,
.sceNoTouch .wbeButtonPaneChart.sceButtonIcon.dijitToggleButtonHover .dijitButtonNode,
.sceNoTouch .sceLabelValue.sceButtonIcon:hover .sceContainer,
.sceNoTouch a.sceLikeButton:hover {
	color: var(--btnhoverfont);
	background-color: var(--btnhover);
	border-color: var(--btnhoverborder);
}
.sceNoTouch .dijitButtonHover .sceIconSvg path,
.sceNoTouch .sceTheme.dijitButtonHover .sceIconSvg path,
.sceNoTouch .dijitDropDownButtonHover .dijitArrowButtonInner path {
	fill: var(--btnhoverfont);
}
.scene .dijitButtonActive .dijitButtonNode,
.sceApp.sceButtonsTransparent .sceButtonApp.dijitButtonActive .dijitButtonNode,
.scene .dijitButtonActive.sceFlat .dijitButtonNode,
.scene .dijitButtonActive.sceTheme .dijitButtonNode,
.scene .dijitDropDownButtonActive .dijitButtonNode,
.scene .dijitComboButtonActive .dijitButtonNode,
.scene .dijitToggleButtonActive .dijitButtonNode,
.scene .dijitToggleButtonChecked .dijitButtonNode,
.scene .sceLabelValue.sceButtonIcon:active .sceContainer,
.scene a.sceLikeButton:active {
	color: var(--btnactivefont);
	background-color: var(--btnactive);
	border-color: var(--btnactiveborder);
	box-shadow: 0 0 2px var(--btnactiveborder);
	transition: none;
}
.scene .dijitButton.dijitButtonActive .sceIconSvg path,
.sceApp.sceButtonsTransparent .sceButtonApp.dijitButtonActive .sceIconSvg path,
.scene.sceNoTouch .dijitDropDownButtonActive .dijitArrowButtonInner path {
	fill: var(--btnactivefont);
}
.sceNoTouch .dijitDropDownButtonHover.sceLikeAnchor .dijitArrowButtonInner path,
.sceNoTouch .dijitDropDownButtonActive.sceLikeAnchor .dijitArrowButtonInner path {
	fill: var(--font);
}
.sceApp.sceButtonsTransparent .sceButtonApp.dijitButtonActive .dijitButtonNode,
.sceApp .sceSpaceRow .sceBoxButton .sceButton.dijitButtonActive svg {
	opacity: 1;
}
.sceApp .sceSpaceRow .sceBoxButton .sceButton.dijitButtonActive path {
	stroke: var(--headfont);
}
.claro.scene .sceDateRangeTextBox .dijitDropDownButtonHover .dijitButtonNode,
.claro.scene .sceDateRangeTextBox .dijitDropDownButtonActive .dijitButtonNode {
	background-color: var(--ctl);
	color: var(--ctlfont);
	border-color: var(--border);
}
.claro.scene .sceDateRangeTextBox .dijitDropDownButtonHover .dijitArrowButtonInner path,
.claro.scene .sceDateRangeTextBox .dijitDropDownButtonActive .dijitArrowButtonInner path {
	fill: var(--ctlfont);
}

.scene .dijitButton.sceSecondary .dijitButtonNode,
.scene .dijitDropDownButton.sceSecondary .dijitButtonNode,
.scene .dijitComboButton.sceSecondary .dijitButtonNode,
.scene .dijitToggleButton.sceSecondary .dijitButtonNode,
.scene a.sceLikeButton.sceSecondary {
	background-color: var(--secondary);
	color: var(--secondaryfont);
	border-color: var(--secondaryborder);
}
.scene a.sceLikeButton.sceSecondary {
	justify-content: center;
}
.scene .dijitButton.sceSecondary .sceIconSvg path,
.scene a.sceLikeButton.sceSecondary .sceIconSvg path {
	fill: var(--secondaryfont);
}
.sceNoTouch .dijitButtonHover.sceSecondary .dijitButtonNode,
.sceNoTouch .dijitDropDownButtonHover.sceSecondary .dijitButtonNode,
.sceNoTouch .dijitComboButtonHover.sceSecondary .dijitButtonNode,
.sceNoTouch .dijitToggleButtonHover.sceSecondary .dijitButtonNode,
.sceNoTouch a.sceLikeButton.sceSecondary:hover {
	border-color: var(--secondaryhoverborder);
	background-color: var(--secondaryhover);
	color: var(--secondaryhoverfont);
}
.sceNoTouch .dijitButtonHover.sceSecondary .sceIconSvg path {
	fill: var(--secondaryhoverfont);
}
.scene .dijitButtonActive.sceSecondary .dijitButtonNode,
.scene .dijitDropDownButtonActive.sceSecondary .dijitButtonNode,
.scene .dijitComboButtonActive.sceSecondary .dijitButtonNode,
.scene .dijitToggleButtonActive.sceSecondary .dijitButtonNode,
.scene a.sceLikeButton.sceSecondary:active {
	border-color: var(--secondaryactiveborder);
	background-color: var(--secondaryactive);
	color: var(--secondaryactivefont);
	box-shadow: 0 0 2px var(--secondaryactiveborder);
	transition: none;
}
.sceWeb .dijitButtonActive.sceSecondary .sceIconSvg path {
	fill: var(--secondaryactivefont);
}

.claro .dijitButton.sceLikeAnchor .dijitButtonNode {
	opacity: .75;
}
.claro .dijitButton.sceLikeAnchor.sceOpacity1 .dijitButtonNode {
	opacity: 1;
}
.claro.sceNoTouch .dijitButton.sceLikeAnchor.dijitButtonHover .dijitButtonNode,
.claro .dijitButton.sceLikeAnchor.dijitButtonActive .dijitButtonNode {
	background: transparent;
	color: var(--font);
	text-decoration: underline;
	opacity: 1;
}


.claro .sceButtonIconSmall .dijitButtonNode {
	padding: 0;
}
.claro .sceButtonIconSmall .dijitButtonContents {
	display: flex;
	height: 28px;
	width: 28px;
}


/* Header ButtonIcon */

.sceNoTouch .scePageHeader .dijitButtonHover.sceButtonIcon .dijitButtonNode,
.sceNoTouch .scePageHeader .dijitDropDownButtonHover.sceButtonIcon .dijitButtonNode,
.sceNoTouch .scePageHeader .dijitComboButtonHover.sceButtonIcon .dijitButtonNode,
.sceNoTouch .scePageHeader .dijitToggleButtonHover.sceButtonIcon .dijitButtonNode {
	background-color: rgba(0,0,0,.1);
	color: var(--headfont);
}
.scene .scePageHeader .dijitButtonActive.sceButtonIcon .dijitButtonNode,
.scene .scePageHeader .dijitDropDownButtonActive.sceButtonIcon .dijitButtonNode,
.scene .scePageHeader .dijitDropDownButtonOpened.sceButtonIcon .dijitButtonNode,
.scene .scePageHeader .dijitComboButtonActive.sceButtonIcon .dijitButtonNode,
.scene .scePageHeader .dijitToggleButtonActive.sceButtonIcon .dijitButtonNode,
.scene .scePageHeader .dijitToggleButtonChecked.sceButtonIcon .dijitButtonNode {
	background-color: var(--headfont);
	color: var(--headinversefont);
	border-color: var(--headfont);
}

/* BUTTONUPLOAD */

.claro .sceButtonUpload,
.claro .sceButtonUpload .dijitUploader {
	display: block;
}

/* PageHeader */

.scePageHeader {
	padding: 0 16px;
}
.sceWeb.sceHeadGradient5B .scePageHeader,
.sceWeb.sceHeadGradient5B .wbeDialogTheme .dijitDialogTitleBar {
	background-image: linear-gradient(0.25turn, var(--head), var(--head2) 76px, var(--head) calc(var(--wside) + 40px), var(--head) 33%, var(--head2) 50%, var(--head2) 68%, var(--head) 92%);
}
.wbeSampleHead.sceHeadGradient5B {
	background-image: linear-gradient(0.25turn, var(--head), var(--head2) 76px, var(--head) 230px, var(--head) 50%, var(--head2) 72%, var(--head2) 83%, var(--head) 95%);
}
.scene.sceHeadGradient5B .wbe-header,
.sceApp.sceHeadGradient5B .scePageHeader,
.sceApp.sceHeadGradient5B .sceDialogApp .dijitDialogTitleBar,
.sceApp.sceHeadGradient5B .sceMobilePopup .sceContainerCaption,
.wbeSampleHead.sceAppGradient5B {
	background-image: linear-gradient(0.25turn, var(--head), var(--head2) 45%, var(--head) 120%);
}
.scene .wbe-header {
	background-color: var(--head);
	color: var(--headfont);
}
.scePageHeader .sceBoxLeft {
	width: auto;
	margin-right: 44px;
}
.dijitRtl .scePageHeader .sceBoxLeft {
	margin-left: 36px;
	margin-right: 0;
}
.scePageHeader .sceBoxLeft img {
	max-width: 122px;
	max-height: 50px;
	object-fit: contain;
}
.scePageHeader .sceContainer {
	flex-grow: 1;
	overflow: hidden;
}
.scePageHeader .sceContent {
	display: flex;
}
.scePageHeader .sceBoxCenter {
	height: 100%;
}
.scePageHeader .sceBoxRight {
	justify-content: flex-end;
}
.scene .sceMobileMenuButton .dijitButtonNode {
	padding: 4px;
}
.scePageHeader .wbeBoxSpace {
	display: flex;
	flex-grow: 1;
	position: relative;
	justify-content: center;
	overflow: hidden;
}
.scePageHeader .sceBoxUserButton {
	width: auto;
	margin-left: 8px;
}
.dijitRtl .scePageHeader .sceBoxUserButton {
	margin-left: 0;
	margin-right: 8px;
}
.scePageHeader .dijitButton .dijitButtonNode,
.scePageHeader .dijitDropDownButton .dijitButtonNode {
	color: var(--headfont);
	border-color: var(--headfont);
}
.sceNoTouch .scePageHeader .dijitDropDownButtonHover .dijitButtonNode {
	color: var(--headfont);
	border-color: var(--headfont);
}
.sceWeb .scePageHeader .dijitDropDownButtonActive .dijitButtonNode,
.sceWeb .scePageHeader .dijitDropDownButtonOpened .dijitButtonNode {
	background-color: var(--headfont);
	color: var(--headinversefont);
	border-color: var(--headfont);
}
.sceApp .scePageHeader .dijitDropDownButton .dijitButtonNode,
.scePageHeader .sceMobileMenuButton .dijitButtonNode {
	border-color: transparent;
}

.wbeActiveSpace,
.wbeActiveSpace .dijitButtonNode,
.wbeActiveSpace .dijitButtonContents {
	height: inherit;
	display: block;
	overflow: hidden;
}
.wbeActiveSpace {
	height: 100%;
}
.scePageHeader .wbeActiveSpace .dijitButtonNode {
	padding: 0 12px;
}
.scePageHeader .wbeActiveSpace .dijitButtonContents {
	display: flex;
	align-items: center;
}
.scePageHeader .wbeActiveSpace .dijitButtonText {
	text-align: center;
	overflow: hidden;
}
.scePageHeader .wbeActiveSpace .sceIconDropArrowDown {
	margin-left: 6px;
}
.dijitRtl .scePageHeader .wbeActiveSpace .sceIconDropArrowDown {
	margin-left: 0;
	margin-right: 6px;
}
.scePageHeader .wbeActiveSpace .sceIcon {
	display: none;
	width: 48px;
	margin: 0 15px 0 2px;
}
.scePageHeader .wbeActiveSpace.wbeSpaceUUpdatedOn .sceIcon {
	height: 54px;
}
.dijitRtl .scePageHeader .wbeActiveSpace .sceIcon {
	margin-left: 15px;
	margin-right: 2px;
}
.wbeActiveSpace .sceIcon path,
.wbeActiveSpace .sceRightControl path {
	fill: var(--headfont);
}
.sceApp .wbeActiveSpace .sceRightControl path {
	stroke: var(--headfont);
}
.scePageHeader .wbeNameContainer {
	overflow: hidden;
}
.scePageHeader .wbeSpaceName {
	font-size: 15px;
	line-height: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sceWeb .scePageHeader .wbeSpaceName {
	font-weight: var(--fbold);
}
.sceApp .scePageHeader .wbeSpaceName {
	font-weight: var(--fregular);
}
.sceWeb .scePageHeader .wbeSpaceOwner {
	position: relative;
	top: -2px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sceWeb .scePageHeader .wbeSpaceOwner span {
	text-transform: uppercase;
	font-weight: var(--fbold);
}
.sceWeb .scePageHeader .wbeSpaceOwner .iconify {
	width: 14px;
	height: 14px;
	margin-right: 4px;
}
.dijitRtl.sceWeb .scePageHeader .wbeSpaceOwner .iconify {
	margin-left: 4px;
	margin-right: 0;
}
.scePageHeader .wbeSpaceUpdate {
	display: none;
	overflow: hidden;
	text-overflow: ellipsis;
}
.scePageHeader .wbeActiveSpace .sceRightControl svg {
	width: 17px;
	height: 17px;
}
.sceWeb.sceNoTouch .wbeActiveSpace.dijitHover .dijitButtonNode,
.sceWeb .wbeActiveSpace.sceButtonDefault.dijitActive .dijitButtonNode {
	background-color: var(--btnhover);
	color: var(--btnhoverfont);
}
.sceWeb.sceNoTouch .wbeActiveSpace.dijitHover .dijitButtonNode .sceIcon path,
.sceWeb.sceNoTouch .wbeActiveSpace.dijitHover .dijitButtonNode .sceRightControl path,
.sceWeb .wbeActiveSpace.sceButtonDefault.dijitActive .dijitButtonNode .sceIcon path,
.sceWeb .wbeActiveSpace.sceButtonDefault.dijitActive .dijitButtonNode .sceRightControl path,
.sceWeb.sceNoTouch .wbeActiveSpace.sceButtonDefault.dijitActive .dijitButtonNode .sceIcon path,
.sceWeb.sceNoTouch .wbeActiveSpace.sceButtonDefault.dijitActive .dijitButtonNode .sceRightControl path {
	fill: var(--btnhoverfont);
	stroke: var(--btnhoverfont);
}
.sceWeb .wbeActiveSpace.sceButtonCustom.dijitActive .dijitButtonNode {
	background-color: var(--btnactive);
	color: var(--btnactivefont);
}
.sceWeb .wbeActiveSpace.sceButtonCustom.dijitActive .dijitButtonNode .sceIcon path,
.sceWeb .wbeActiveSpace.sceButtonCustom.dijitActive .dijitButtonNode .sceRightControl path,
.sceWeb.sceNoTouch .wbeActiveSpace.sceButtonCustom.dijitActive .dijitButtonNode .sceIcon path,
.sceWeb.sceNoTouch .wbeActiveSpace.sceButtonCustom.dijitActive .dijitButtonNode .sceRightControl path {
	fill: var(--btnactivefont);
	stroke: var(--btnactivefont);
}
.sceApp .wbeActiveSpace.dijitButtonActive .dijitButtonNode {
	background-color: var(--font10);
	color: var(--headfont);
}
.sceApp .wbeActiveSpace.dijitActive .dijitButtonNode .sceIcon path,
.sceApp .wbeActiveSpace.dijitActive .dijitButtonNode .sceRightControl path {
	fill: var(--headfont);
	stroke: var(--headfont);
}
.scePageHeader .wbeSpaceSeparator {
	width: 1px;
	height: inherit;
	border-left: 1px solid var(--headfont);
	opacity: .4;
	display: none;
}

.scene .scePageHeader .sceMobileAlertButton .dijitButtonNode,
.scene .scePageHeader .sceBoxRight .dijitButtonNode {
	padding: 4px;
}
.scene .scePageHeader .sceMobileAlertButton .iconify,
.scePageHeader .sceBoxRight .dijitButtonNode .iconify {
	border-radius: 50%;
	width: 26px;
	height: 26px;
}


/* SideMenu */

.sceWeb .sceSideMenu {
	margin-top: 24px;
}
.scePageMenu .sceBoxLogo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--wside);
	height: var(--hheader);
	background: var(--head)
}
.scePageMenu .sceBoxLogo img {
	max-width: 122px;
	max-height: 50px;
	object-fit: contain;
}

.sceSideMenu .sceItemNode {
	padding: 0 16px 0 24px;
	height: 42px;
	font-weight: 300;
	transition: none;
}
.dijitRtl .sceSideMenu .sceItemNode {
	padding-left: 16px;
	padding-right: 24px;
}
.sceSideMenu .sceBoxLeft {
	width: 40px;
	min-width: 40px;
}
.sceSideMenu .sceBoxRight {
	width: 0;
	min-width: 0;
	padding: 0;
}
.sceSideMenu .sceBoxLeft, .sceSideMenu .sceText {
	transition: none;
}
.sceSideMenu .sceText {
	opacity: .8;
}
.sceSideMenu .sceIcon {
	width: auto;
	height: auto;
	transition: none;
}
.sceSideMenu .sceIcon svg {
	width: 32px;
	height: 32px;
}
.sceSideMenu .sceSecondary .sceIcon svg {
	width: 24px;
	height: 24px;
	margin: 0 4px;
}
.sceSideMenu .sceIcon path {
	fill: var(--menufont);
	stroke: unset;
}
.sceSideMenu  .sceItemNode .sceBoxLeft svg {
	display: block;
}
.sceSideMenu  .sceItemNode .sceBoxLeft svg:last-child {
	display: none;
}
.sceSideMenu .sceSelected .sceBoxLeft svg:last-child {
	display: block;
}
.sceSideMenu .sceSelected .sceBoxLeft svg:first-child {
	display: none;
}
.sceSideMenu .sceSelected > .sceItemNode {
	background-color: rgba(255,255,255,.12);
	border-left: 6px solid var(--menusel);
	padding-left: 18px;
}
.dijitRtl .sceSideMenu .sceSelected > .sceItemNode {
	border-left: none;
	border-right: 6px solid var(--menusel);
	padding-left: 0;
	padding-right: 18px;
}
.sceSideMenu .sceSelected > .sceItemNode .sceBoxLeft path {
	fill: var(--menusel);
	opacity: 1;
}
.sceSideMenu .sceSeparator {
	height: 300px;
	border-bottom: 1px solid rgba(255,255,255,.2);
	margin-bottom: 12px;
}

.sceApp .sceMobileMenuOn .sceMenuOverlay {
	background: rgba(0,0,0,.2);
}
.sceApp .scePageMenu {
	top: auto;
	min-height: auto;
	width: 100%;
	height: 0;
	background: var(--solidpane)
}
.sceApp.sceMobileMenuOn .scePageMenu {
	height: auto;
}
.sceApp .scePageMenu .sceMenuContainer {
	height: auto;
	padding: 12px 24px;
}
.sceApp .scePageMenu .sceBoxLogo {
	display: none;
}
.sceApp .sceSideMenu .sceBoxLeft {
	display: none;
}
.sceApp .sceSideMenu .sceItemNode {
	text-transform: uppercase;
	font-weight: var(--fsemi);
	color: var(--font);
	border-bottom: 1px solid var(--font20);
	padding: 0;
	height: 48px;
}
.sceApp .sceSideMenu .sceMenuItem:nth-last-child(1) .sceItemNode {
	border-bottom: none
}
.sceApp .sceSideMenu .sceSelected > .sceItemNode {
	border-left: none;
	background: transparent;
}
.sceApp .sceSideMenu .sceItemNode .sceSwitch {
	position: relative;
	top: 2px;
	float: right;
}
.sceApp.dijitRtl .sceSideMenu .sceItemNode .sceSwitch {
	float: left;
}
.scene .sceDropDownMenu {
	border-color: rgba(0,0,0,.15);
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	border-radius: 8px;
}

.scene .dijitMenu.sceDropDownMenuUser {
	padding: 0;
}
.sceDropDownMenuUser,
.sceDropDownMenuUser tr,
.sceDropDownMenuUser td {
	display: block;
}
.sceDropDownMenuUser td {
	height: 100%;
}
.sceDropDownMenuUser tbody {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.sceDropDownMenuUser.sceTwoItems tbody {
	grid-template-columns: 1fr 1fr;
}
.scene .sceDropDownMenuUser .dijitMenuItem.wbeUserName {
	border-bottom: 1px solid var(--border);
	cursor: default;
	grid-column: span 3;
	min-width: unset;
	max-width: unset;
}
.scene .sceDropDownMenuUser.sceTwoItems .dijitMenuItem.wbeUserName {
	grid-column: span 2;
}
.scene .sceDropDownMenuUser .dijitMenuItem.wbeUserName td {
	padding: 14px 12px;
}
.scene .sceDropDownMenuUser .dijitMenuItem.wbeUserName .sceItemNode,
.scene .sceDropDownMenuUser .dijitMenuItem.wbeUserName .sceText {
	padding: 0;
	margin: 0;
}
.scene .sceDropDownMenuUser .dijitMenuItem.wbeUserName.dijitMenuItemActive,
.scene .sceDropDownMenuUser .dijitMenuItem.wbeUserName.dijitMenuItemSelected,
.sceNoTouch .sceDropDownMenuUser .dijitMenuItem.wbeUserName.dijitMenuItemHover {
	border-bottom: 1px solid var(--border);
}
.scene .sceDropDownMenuUser .dijitMenuItem {
	border: none;
	min-width: 110px;
	max-width: 130px;
}
.scene .sceDropDownMenuUser .dijitMenuItem .sceItemNode {
	display: block;
	text-align: center;
	line-height: 1.1;
	padding: 24px 3px 20px 3px;
}
.scene .sceDropDownMenuUser .dijitMenuItem td {
	border: none;
}
.sceDropDownMenuUser .dijitMenuItemLabel {
	display: flex;
	justify-content: center;
}
.scene .sceDropDownMenuUser .dijitMenuItem .dijitMenuArrowCell {
	display: none;
}
.scene .sceDropDownMenuUser .dijitMenuItem .sceBoxLeft {
	width: unset;
}
.scene .sceDropDownMenuUser .dijitMenuItem .iconify {
	width: 32px;
	height: 32px;
	color: var(--theme);
	margin: 0 auto;
}
.sceDropDownMenu .sceText {
	display: block;
	white-space: normal;
	margin-top: 10px;
}
.scene .sceDropDownMenuUser .dijitMenuItem .sceSwitch {
	position: absolute;
	top: 20px;
	left: 16px;
}
.scene .sceDropDownMenuUser .dijitMenuItem.dijitMenuItemActive,
.scene .sceDropDownMenuUser .dijitMenuItem.dijitMenuItemSelected,
.sceNoTouch .sceDropDownMenuUser .dijitMenuItem.dijitMenuItemHover,
.scene .sceDropDownMenuUser .dijitMenuItem.dijitMenuItemActive td,
.scene .sceDropDownMenuUser .dijitMenuItem.dijitMenuItemSelected td,
.sceNoTouch .sceDropDownMenuUser .dijitMenuItem.dijitMenuItemHover td {
	background-color: transparent;
	border-color: transparent;
	background-image: none;
}
.sceNoTouch .sceDropDownMenuUser .dijitMenuItem.dijitMenuItemHover .sceText,
.sceNoTouch .sceDropDownMenuUser .dijitMenuItem.dijitMenuItemHover a {
	text-decoration: underline;
}
.sceNoTouch .sceDropDownMenuUser .dijitMenuItem.wbeUserName.dijitMenuItemHover .sceText {
	text-decoration: none;
}

.dijitMenuBar .sceCustomBadge,
.sceDropDownMenu .sceCustomBadge,
.sceSideMenu .sceCustomBadge {
	font-size: .6875rem;
	background-color: #004c99;
	border-radius: 4px;
}
.dijitMenuBar .sceCustomBadge,
.sceDropDownMenu .sceCustomBadge {
	padding-bottom: 1px;
}
.sceSideMenu .sceCustomBadge {
	padding-bottom: 0;
}


.claro .dijitSelect .dijitInputField,
.claro .dijitComboBox .dijitInputField,
.claro .dijitTextBox .dijitInputField,
.claro .scePhoneTextBox,
.claro .sceLabelValue.sceBorder .sceTextLabel {
	padding: 6px 6px 3px 0;
}
.dijitRtl .dijitSelect .dijitInputField,
.dijitRtl .dijitComboBox .dijitInputField,
.dijitRtl .dijitTextBox .dijitInputField,
.dijitRtl .scePhoneTextBox,
.dijitRtl .sceLabelValue.sceBorder .sceTextLabel {
	padding-left: 6px;
	padding-right: 0;
}
.claro .dijitSelect,
.claro .dijitTextBox,
.claro .dijitComboBox,
.claro .sceForm .sceDateRangeTextBox .sceDropDownButton .dijitButtonNode,
.claro .sceForm .sceMultiSelectPopup .sceDropDownButton .dijitButtonNode {
	border-top: none;
	border-left: none;
	border-right: none;
	transition: border 470ms;
	-moz-border-radius: 0;
	border-radius: 0;
	min-height: 30px;
}
.claro .sceForm .sceMultiSelectPopup .sceDropDownButton .dijitButtonNode {
	background-color: transparent;
	color: var(--font);
	padding: 0;
	transition: all 470ms;
}
.claro .sceForm .sceMultiSelectPopup .sceDropDownButton .dijitArrowButtonInner {
	padding-right: 0;
}
.claro .sceForm .sceDateRangeTextBox .sceDropDownButton .dijitButtonNode {
	border-color: var(--ctlborder);
	padding: 0;
}
.claro .sceForm .sceMultiSelectPopup .sceDropDownButton .dijitButtonContents {
	min-height: 30px;
}
.claro .sceForm .sceDateRangeTextBox .sceDropDownButton .sceContainerBox {
	min-height: 20px;
}
.claro .sceForm .sceMultiSelectPopup .sceDropDownButton .dijitButtonText,
.claro .sceForm .sceDateRangeTextBox .sceDropDownButton .dijitButtonText {
	text-align: left;
	padding: 6px 0 4px 0;
}
.claro .sceForm .sceDropDownButton .dijitArrowButtonInner path {
	fill: var(--font);
}
.claro .scePopupMultiSelectPopup .sceLabelContent {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.sceWeb .sceMultiSelectPopup.sceItemBorderSmall .sceDropDownButton .sceItem {
	border: 1px solid var(--border);
	border-radius: 6px;
	padding: 2px 8px;
}

.claro .sceForm .sceMultiSelectPopup-sceSoftOpened .sceDropDownButton.dijitDropDownButtonOpened .dijitButtonNode {
	background-image: -moz-linear-gradient(transparent 10%, var(--font10) 100%);
	background-image: -webkit-linear-gradient(transparent 10%, var(--font10) 100%);
	background-image: -o-linear-gradient(transparent 10%, var(--font10) 100%);
	background-image: linear-gradient(transparent 10%, var(--font10) 100%);
	_background-image: none;
}

.claro.sceWeb .dijitSelect,
.claro.sceWeb .dijitTextBox,
.claro.sceWeb .dijitComboBox,
.sceWeb .sceForm .sceDateRangeTextBox .sceDropDownButton .dijitButtonNode,
.sceWeb .sceForm .sceMultiSelectPopup .sceDropDownButton .dijitButtonNode {
	border-color: var(--ctlborder);
}
.claro.sceDark .dijitSelect,
.claro.sceDark .dijitTextBox,
.claro.sceDark .dijitComboBox,
.sceDark .sceForm .sceDateRangeTextBox .sceDropDownButton .dijitButtonNode,
.sceDark .sceForm .sceMultiSelectPopup .sceDropDownButton .dijitButtonNode {
	border-color: var(--font20);
}
.claro.sceApp .dijitSelect,
.claro.sceApp .dijitTextBox,
.claro.sceApp .dijitComboBox,
.sceApp .sceForm .sceDateRangeTextBox .sceDropDownButton .dijitButtonNode,
.sceApp .sceForm .sceMultiSelectPopup .sceDropDownButton .dijitButtonNode {
	border-color: transparent;
}
.claro .dijitTextArea {
	padding: 6px 0 4px 0;
	transition: border 470ms;
	-moz-border-radius: 0;
	border-radius: 0;
}
.sceWeb .scePhoneTextBox {
	border-bottom: 1px solid var(--ctlborder);
}
.sceDark .scePhoneTextBox {
	border-bottom: 1px solid var(--font20);
}
.sceApp .scePhoneTextBox {
	border-bottom: 1px solid transparent;
}
.claro .dijitSelectHover,
.claro .dijitTextBoxHover {
	background-image: none;
	background-color: var(--ctl);
}
.claro .dijitSelect .dijitButtonContents {
	border-style: none;
}
.claro .dijitSelect .dijitArrowButton,
.claro .dijitComboBox .dijitArrowButton {
	background: transparent;
	border: none;
	padding: 6px 0;
}
.claro .dijitMenuPopup .dijitMenuItem td {
	padding: .5rem .5rem;
	color: var(--font);
}
.scene .dijitComboBoxMenu,
.scene .dijitSelectMenu,
.scene .dijitMenu {
	background-color: var(--solidpane);
	padding-top: 6px;
	padding-bottom: 6px;
}
.sceWeb .dijitMenu {
	border-color: var(--ctlborder);
}
.sceApp .dijitMenu {
	border-color: var(--font50);
}
.sceDark .dijitMenu .dijitMenuItem td,
.sceDark .dijitComboBoxMenu .dijitMenuItem,
.sceApp .dijitMenu .dijitMenuItem td {
	border-color: transparent;
	color: var(--font);
}
.scene .dijitComboBoxMenu .dijitMenuItem,
.scene .dijitSelectMenu .dijitMenuItem td {
	font-size: 14px;
	line-height: 16px;
	padding: .5rem .5rem;
}
.scene .dijitComboBoxMenu.sceSmall .dijitMenuItem,
.scene .dijitSelectMenu.sceSmall .dijitMenuItem td {
	font-size: 12px;
	line-height: 14px;
	padding: .25rem .5rem .25rem .5rem;
}
.scene .dijitComboBoxMenu .dijitMenuItemHover,
.scene .dijitComboBoxMenu .dijitMenuItemSelected,
.scene .dijitSelectMenu .dijitMenuItemActive td,
.scene .dijitSelectMenu .dijitMenuItemSelected td,
.scene .dijitMenu .dijitMenuItemSelected td {
	background-color: var(--hover);
	color: var(--hoverfont);
	border-color: var(--border); 
}
.sceSelectedSolid .dijitComboBoxMenu .dijitMenuItemHover,
.sceSelectedSolid .dijitComboBoxMenu .dijitMenuItemSelected,
.sceSelectedSolid .dijitSelectMenu .dijitMenuItemActive td,
.sceSelectedSolid .dijitSelectMenu .dijitMenuItemSelected td,
.sceSelectedSolid .dijitMenu .dijitMenuItemSelected td,
.sceSelectedSolid .sceCheckBox.sceButtonIcon.dijitChecked {
	background-image: none;
	background-image: none;
	background-image: none;
	background-image: none;
	_background-image: none;
}
.sceSelectedGradient .dijitComboBoxMenu .dijitMenuItemHover,
.sceSelectedGradient .dijitComboBoxMenu .dijitMenuItemSelected,
.sceSelectedGradient .dijitSelectMenu .dijitMenuItemActive td,
.sceSelectedGradient .dijitSelectMenu .dijitMenuItemSelected td,
.sceSelectedGradient .dijitMenu .dijitMenuItemSelected td,
.sceSelectedGradient .sceCheckBox.sceButtonIcon.dijitChecked {
	background-image: -moz-linear-gradient(var(--hovergrad) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-linear-gradient(var(--hovergrad) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(var(--hovergrad) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(var(--hovergrad) 0%, rgba(255, 255, 255, 0) 100%);
	_background-image: none;
}
.claro .dijitMenuSeparatorTop {
	border-color: var(--font20);
	margin-top: 6px;
}
.claro .dijitMenuSeparatorBottom {
	margin-bottom: 6px;
}
.dijitNumberTextBox input.dijitInputInner,
.dijitCurrencyTextBox input.dijitInputInner,
.dijitSpinner input.dijitInputInner {
	text-align: inherit;
}
.claro .sceSearchTextBox .sceSeparator {
	border-color: var(--font40);
}
.claro .sceSearchTextBox .dijitInputField {
	padding: 9.5px 0 9.5px 0;
}
.claro .sceSearchTextBox .sceSearchIcon path {
	fill: var(--font);
}
.claro .sceSearchTextBox .dijitInputField.dijitPlaceHolder,
.claro .sceSearchTextBox .dijitPlaceHolder {
	color: var(--pholder);
	-webkit-text-fill-color: var(--pholder);
}
.sceApp .sceSearchTextBox .sceSearchIcon {
	width: auto;
}

.sceItemImage {
	position: relative;
}
.sceItemImage .iconify {
	position: absolute;
	top: 1px;
	width: 16px;
	height: 16px;
}
.sceItemImage span {
	margin-left: 26px;
}
.dijitRtl .sceItemImage span {
	margin-left: 0;
	margin-right: 26px;
}

.claro .sceLabelTop {
	color: var(--pholder);
	font-size: 13.5px;
	line-height: 16px;
}
.claro .sceLabel.sceFieldEmpty {
	visibility: hidden;
}
.sceWeb.sceLight .dijitTextBox.sceFieldEmpty {
	border-color: var(--pholder);
}
.sceWeb.sceDark .dijitTextBox.sceFieldEmpty {
	border-color: var(--font20);
}
.claro .scePhoneTextBox.dijitValidationTextBoxError,
.claro .dijitTextBox.dijitValidationTextBoxError {
	border-color: var(--error);
}
.claro .dijitSelectFocused,
.claro .dijitTextBox.dijitFocused,
.scePhoneTextBox.dijitFocused,
.claro .dijitTextArea.dijitFocused {
	border-color: var(--theme);
}
.claro .sceFieldEmpty .dijitArrowButton {
	opacity: .5;
}
.claro .scePhoneTextBox.dijitValidationTextBoxError .dijitValidationContainer,
.claro .dijitValidationTextBoxError .dijitValidationContainer {
	display: none;
}


/* DATERANGETEXTBOX */

.sceTouch .sceDateRangeTextBox .sceContainerBox,
.sceApp .sceDateRangeTextBox .sceContainerBox {
	justify-content: center;
}
.sceTouch .sceForm .sceDateRangeTextBox .sceContainerBox,
.sceApp .sceForm .sceDateRangeTextBox .sceContainerBox {
	justify-content: flex-start;
}
.sceApp .sceDateRangeTextBox .sceContainerBox .sceBoxText {
	flex-grow: 0;
}


/* CALENDAR */

.sceWeb .dijitCalendar {
	background-color: var(--solidpane);
	border-color: var(--ctlborder);
	color: var(--font);
}
.sceApp .dijitCalendar {
	background-color: transparent!important;
	border-color: var(--ctlborder);
	color: var(--font);
}
.claro .dijitCalendarPopup .dijitCalendarHover,
.claro .dijitCalendarPopup .dijitCalendar:hover,
.claro .dijitCalendarPopup .dijitCalendarActive {
	background-color: var(--solidpane);
	border-color: var(--ctlborder);
}
.claro .dijitCalendarPopup .dijitCalendarDayLabel {
	color: var(--font);
	font-weight: var(--fsemi);
}
.sceWeb .dijitCalendarPopup .dijitCalendarPreviousMonth,
.sceWeb .dijitCalendarPopup .dijitCalendarNextMonth,
.sceWeb .dijitCalendarPopup .dijitCalendarPreviousMonth .dijitCalendarDateLabel,
.sceWeb .dijitCalendarPopup .dijitCalendarNextMonth .dijitCalendarDateLabel {
	background-color: var(--solidpane);
	color: var(--font50);
}
.sceApp .dijitCalendarPopup .dijitCalendarPreviousMonth,
.sceApp .dijitCalendarPopup .dijitCalendarNextMonth,
.sceApp .dijitCalendarPopup .dijitCalendarPreviousMonth .dijitCalendarDateLabel,
.sceApp .dijitCalendarPopup .dijitCalendarNextMonth .dijitCalendarDateLabel {
	background-color: transparent;
	color: var(--font50);
}


/* CALENDARRANGESELECT */

.claro .dijitTooltipDialogPopup .sceCalendarContent {
	padding-top: 4px;
}
.claro .sceCalendarRangeSelect .dijitCalendarMonthLabel {
	font-weight: var(--fregular);
}
.claro .sceCalendarRangeSelect .dijitCalendarMonthLabel,
.claro .sceCalendarRangeSelect .dijitCalendarDayLabel {
	color: var(--white);
}
.claro .sceCalendarRangeSelect .dijitCalendarArrow {
	border-radius: 6px;
}
.claro .sceCalendarRangeSelect .dijitCalendarArrow:hover {
	border-color: #ffffffb3;
}
.claro .sceCalendarRangeSelect .dijitCalendarArrow path {
	fill: var(--white);
}
.claro .sceCalendarRangeSelect .sceCalendarPane .dijitCalendarPreviousMonth,
.claro .sceCalendarRangeSelect .sceCalendarPane .dijitCalendarNextMonth,
.claro .sceCalendarRangeSelect .dijitCalendarDateTemplate {
	background-color: var(--black);
	color: var(--white);
}
.claro .sceCalendarRangeSelect .dijitCalendarDateTemplate .dijitCalendarDateLabel {
	color: var(--white);
	border-color: transparent;
}
.claro .sceCalendarRangeSelect .dijitCalendarDateTemplate.dijitCalendarSelectedDate .dijitCalendarDateLabel {
	color: var(--themefont);
}
.claro .sceCalendarRangeSelect .sceCalendarPane .dijitCalendarDisabledDate .dijitCalendarDateLabel {
	color: var(--white);
}
.claro .sceCalendarRangeSelect th .dijitCalendarDayLabel,
.claro .sceCalendarRangeSelect .sceCalendarPane.dijitCalendar tbody tr:nth-last-child(1) td {
	border-bottom-color: #ffffff4c;
}
.claro .sceCalendarRangeSelect .dijitCalendarPreviousYear,
.claro .sceCalendarRangeSelect .dijitCalendarNextYear {
	font-size: 13px;
	line-height: 15px;
}
.claro .sceCalendarRangeSelect .dijitCalendarPreviousYear:hover,
.claro .sceCalendarRangeSelect .dijitCalendarNextYear:hover {
	color: var(--white);
	border-color: #ffffffb3;
}
.claro .sceCalendarRangeSelect  .dijitCalendarIncrementControl path,
.claro .sceCalendarRangeSelect  .dijitCalendarDecrementControl path {
	fill: var(--white);
}

.claro .sceMobilePopupCalendar .sceGoToday {
	display: none;
}

/* POPUPNOTIFY */

.claro .scePopupNotify {
	background: var(--black);
	color: var(--white);
	border: 1px solid var(--white);
	border-radius: 8px;
	-webkit-box-shadow: 0 2px 8px 0 rgba(11,14,35,0.36);
	box-shadow: 0 2px 8px 0 rgba(11,14,35,0.36);
}
.sceNoTouch .scePopupNotify .sceClose:hover {
	border-color: var(--white);
}


/* SUBFORM */

.claro .sceSubForm .sceAddButton {margin-top: 32px;}
.claro .sceSubFormItem .sceDelButton {top: 3px; right: -3px; padding: 2px; opacity: .5; transition: opacity 470ms;}
.dijitRtl .claro .sceSubFormItem .sceDelButton {left: -3px; right: auto;}
.claro .sceContainerAddButton .sceAddButton svg,
.claro .sceSubForm .sceAddButton svg {margin-right: 6px;}
.dijitRtl .sceContainerAddButton .sceAddButton svg,
.dijitRtl .sceSubForm .sceAddButton svg {margin-left: 6px; margin-right: 0;}
.claro .sceSubForm .sceAddButton svg,
.claro .sceContainerAddButton .sceAddButton svg,
.claro .sceSubFormItem .sceDelButton svg {display: block; width: 20px; height: 20px;}
.claro .sceSubForm .sceAddButton path,
.claro .sceContainerAddButton .sceAddButton path,
.claro .sceSubFormItem .sceDelButton path {fill: var(--font);}
.sceNoTouch .sceSubForm .sceAddButton:hover,
.sceNoTouch .sceContainerAddButton .sceAddButton:hover {text-decoration: underline;}
.claro .sceSubFormItem .sceDelButton:hover {opacity: 1;}

.claro .sceSubForm .sceDropDownButton.sceAddButton .dijitButtonNode,
.claro .sceContainerAddButton .sceDropDownButton.sceAddButton .dijitButtonNode,
.claro .sceSubFormTabsController .sceDropDownButton.sceAddButton .dijitButtonNode {
	border: none;
	background-color: transparent;
	text-transform: none;
}
.sceNoTouch .sceSubForm .sceDropDownButton.sceAddButton.dijitHover .dijitButtonNode,
.sceNoTouch  .sceContainerAddButton .sceDropDownButton.sceAddButton.dijitHover .dijitButtonNode,
.sceNoTouch  .sceSubFormTabsController .sceDropDownButton.sceAddButton.dijitHover .dijitButtonNode,
.claro .sceSubForm .sceDropDownButton.sceAddButton.dijitActive .dijitButtonNode,
.claro  .sceContainerAddButton .sceDropDownButton.sceAddButton.dijitActive .dijitButtonNode,
.claro  .sceSubFormTabsController .sceDropDownButton.sceAddButton.dijitActive .dijitButtonNode {
	box-shadow: unset;
	color: var(--font);
}
.claro .sceSubForm .sceDropDownButton.sceAddButton .dijitButtonText,
.claro .sceContainerAddButton .sceDropDownButton.sceAddButton .dijitButtonText,
.claro .sceSubFormTabsController .sceDropDownButton.sceAddButton .dijitButtonText {
	display: flex;
	align-items: center;
}

.claro .sceSubFormItem .sceSubFormLabelNew {
	font-size: 10px;
	line-height: 12px;
	font-weight: var(--fsemi);
}

.claro .sceSubForm.sceBorderItem .sceSubFormItem {
	overflow: hidden;
}
.sceWeb .sceSubForm.sceBorderItem .sceSubFormItem {
	margin-bottom: 32px;
	border: 1px solid var(--pholder);
	border-radius: var(--radius);
}
.sceApp .sceSubForm.sceBorderItem .sceSubFormItem {
	margin-bottom: 24px;
	border-bottom: 1px solid var(--font20);
}
.sceWeb .sceSubForm.sceBorderItem .sceSubFormContainer {
	padding: 24px;
}
.sceApp .sceSubForm.sceBorderItem .sceSubFormContainer {
	padding-bottom: 24px;
}


/* COLORPICKER */

.claro .sceColorPicker .dijitDropDownButton {
	display: block;
}
.claro .sceColorPicker .dijitDropDownButton .dijitButtonNode {
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--ctlborder);
}
.claro .dojoxColorPicker {
	padding: 0;
	background-color: transparent;
	border: none;
}

/* FOOTERCONTAINER (APP) */

.sceFooterContainer {
	padding: 24px;
}
.sceLight .sceFooterContainer {
	background-color: var(--body);
}
.sceDark .sceFooterContainer {
	background-color: var(--bodyend);
}

/* FOOTERMENU (APP) */

.sceFooterMenu {
	background-color: var(--bodyend);
}
.sceFooterMenu .sceContainer {
	height: 56px;
	max-width: 500px;
	margin: 0 auto;
}
.sceFooterMenu .sceMenuItem {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	font-size: 13px;
	line-height: 15px;
	font-weight: var(--fregular);
	width: 20%;
	height: 100%;
}
.sceFooterMenu .sceItemNode {
	display: flex;
	align-items: center;
}
.sceFooterMenu .sceMenuItem.sceSelected {
	width: 40%;
}
.sceFooterMenu.sceNoSelection .sceMenuItem {
	width: 25%;
}
.sceFooterMenu .sceMenuItem.sceSelected .sceItemNode {
	background-color: var(--font15);
	padding: 2px 16px 2px 4px;
	border-radius: 16px;
}
.dijitRtl .sceFooterMenu .sceMenuItem.sceSelected .sceItemNode {
	padding-left: 16px;
	padding-right: 4px;
}
.sceFooterMenu .sceItemNode .sceText {
	display: none;
	margin-left: 8px;
}
.sceFooterMenu .sceMenuItem.sceSelected .sceText {
	display: block;
}
.sceFooterMenu .sceIcon svg {
	width: 32px;
	height: 32px;
}
.sceFooterMenu .sceIcon path {
	fill: var(--font);
}
.sceFooterMenu  .sceItemNode .sceBoxLeft svg {
	display: block;
}
.sceFooterMenu  .sceItemNode .sceBoxLeft svg:last-child {
	display: none;
}
.sceFooterMenu .sceSelected .sceBoxLeft svg:last-child {
	display: block;
}
.sceFooterMenu .sceSelected .sceBoxLeft svg:first-child {
	display: none;
}
.sceFooterMenu .sceSelected > .sceItemNode .sceBoxLeft path {
	fill: var(--theme);
}



.sceDisableModuleTariff .sceShowModuleTariff {
	display: none;
}
.sceWeb.sceDisableModuleTariff .wbeApplianceRow .sceBoxRight .sceConsumption {
	font-size: 20px;
    line-height: 24px;
    font-weight: var(--fsemi);
}
.sceApp.sceDisableModuleTariff .wbeApplianceRow .sceBoxRight .sceConsumption {
    font-size: 17px;
    line-height: 21px;
    opacity: 1;
}
.sceDisableModuleTariff .wbeApplianceRow .sceAmount {
	display: none;
}
.sceDisableModuleTariff .sceFooterMenu .sceContainer {
	max-width: 375px;
}
.sceDisableModuleTariff .sceFooterMenu .sceMenuItem {
	width: 25%;
}
.sceDisableModuleTariff .sceFooterMenu .sceMenuItem.sceSelected {
	width: 50%;
}
.sceDisableModuleTariff .sceFooterMenu.sceNoSelection .sceMenuItem {
	width: 33.333%;
}
	

.sceScene {padding: 16px;}
.sceApp.sceLayoutDefault.sceHeadTransparent .sceScene {padding-top: 0;}
.sceLayoutOnlyScene .sceSceneContent {min-height: 100vh;}
.sceLayoutOnlyScene .scePageHeader, .sceLayoutOnlyScene .sceWrapperHeader, .sceLayoutOnlyScene .scePageMenu {display: none;}
.sceShowMenuFooter .sceSceneContent {margin-bottom: 56px;}

.wbemt-9 {margin-top: 9px;}
.wbemt-25 {margin-top: 25px;}
.scemb-9 {margin-bottom: 9px;}
.scemb-52 {margin-bottom: 52px;}
.wbemr-24 {margin-right: 24px;}
.dijitRtl .wbemr-24 {margin-left: 24px; margin-right: 0;}
.wbeml-6 {margin-left: 6px;}
.dijitRtl .wbeml-6 {margin-left: 0; margin-right: 6px;}
.wbeml-12 {margin-left: 12px;}
.dijitRtl .wbeml-12 {margin-left: 0; margin-right: 12px;}
.wbeml-24 {margin-left: 24px;}
.dijitRtl .wbeml-24 {margin-left: 0; margin-right: 24px;}
.wbefw-nowrap {flex-wrap: nowrap;}

.sceWeb.sceDark .wbeOpacityApp,
.sceApp .wbeOpacityApp {
	opacity: .5;
}

.scene .sceLoadingNode {
	color: var(--pholder);
}

.wbeIconRoundBig {
	width: 36px;
	min-width: 36px;
	height: 36px;
	padding: 6px;
	border: 1px solid var(--font);
	border-radius: 50%;
}

.wbeSection {
	padding: 0 24px;
}

.wbePane,
.wbePaneGray,
.wbePaneBorder,
.wbePaneTariff,
.sceWeb .wbeNotifGrid .sceGridContainer,
.sceMapGeolocator .sceSearchBox,
.sceRadioGroup.sceSegmented .sceRadioButton.dijitRadioChecked {
	position: relative;
	overflow: hidden;
}
.sceWeb .wbePane,
.sceWeb .wbePaneGray,
.sceWeb .wbePaneBorder,
.sceWeb .wbeNotifGrid .sceGridContainer,
.sceWeb .sceMapGeolocator .sceSearchBox,
.sceWeb .sceRadioGroup.sceSegmented .sceRadioButton.dijitRadioChecked {
	border: 1px solid var(--paneborder);
	-moz-border-radius: var(--radius);
	border-radius: var(--radius);
}
.sceApp .sceMapGeolocator .sceSearchBox {
	border: 1px solid var(--paneborder);
}
.sceWeb.sceLight .wbePane,
.sceWeb.sceLight .wbePaneGray,
.sceWeb.sceLight .wbeNotifGrid .sceGridContainer,
.sceWeb.sceLight .wbeToolbar .sceButton,
.sceWeb.sceLight .sceMapGeolocator .sceSearchBox {
	-webkit-box-shadow: 0 2px 4px 0 var(--font20);
	box-shadow: 0 2px 4px 0 var(--font20);
}
.sceWeb.sceLight .sceDropDownSegmented .dijitButtonNode,
.sceWeb.sceLight .sceRadioGroup.sceSegmented .sceRadioButton.dijitRadioChecked {
	-webkit-box-shadow: 0 2px 4px 0 rgba(11,14,35,0.26);
	box-shadow: 0 2px 4px 0 rgba(11,14,35,0.26);
}
.wbePane,
.wbePaneTariff,
.sceWeb .wbeNotifGrid .sceGridContainer {
	position: relative;
	background-color: var(--pane);
	color: var(--panefont);
}
.sceDark .sceGridCard .wbePane {
	background: var(--font10);
}
.sceWeb.sceDark .wbeToolbar .wbePane,
.sceWeb.sceDark .sceGridCard .wbePane,
.sceApp.sceLight .sceGridCard .wbePane {
	border: 1px solid var(--ctlborder);
}
.sceWeb.sceDark.sceLayoutOnlyScene .wbePane {
	border: 1px solid var(--font20);
}
.wbePaneGray {
	background-color: var(--font20);
}
.wbePaneBorder {
	position: relative;
}
.sceWeb .wbePaneBorder {
	border-color: var(--pholder);	
}
.scene .wbePane.wbeMaximizePane {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	min-width: 100%;
	border: none;
	border-radius: 0;
	z-index: 901;
	overflow: auto;
}
.sceApp .wbePane.wbeMaximizePane {
	padding: 0 12px 12px 12px;
}

.wbeTitleBar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/*background: var(--pane);
	color: var(--panefont);*/
	text-transform: uppercase;
	height: 52px!important;
}
.sceWeb .wbeTitleBar {
	font-size: 14px;
	line-height: 16px;
	font-weight: var(--fbold);
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 1px solid var(--border);
}
.sceApp .wbeTitleBar {
	font-size: 13px;
	line-height: 15px;
	font-weight: var(--fsemi);
}
.sceApp .wbeTitleBar.wbeAppCenter {
	justify-content: center;
}
.wbeTitleBar .wbeButtonsChartBox {
	white-space: nowrap;
}
.sceWeb .wbePaneTariff .wbeTitleBar {
	padding: 0;
	border-bottom: none;
}
.claro.sceWeb .wbeTitleBar .sceSearchTextBox {
	border: none;
}
.sceWeb .wbePaneContainer {
	padding: 24px;
}

.sceWeb .wbeFormContainer {
	padding: 31px 24px 32px 24px;
}
.wbeButtons {
	padding-top: 40px;
}

.claro .sceForm .sceCheckBox {
	margin-top: 22px;
}
.claro .sceForm .sceCheckBox.sceMarginOff {
	margin-top: 0;
}
.claro .sceMultiSelect .sceCheckBox {
	margin-top: 11px;
}
.claro .sceCheckBox .sceCheckBoxIcon {
	margin-top: -2px;
	border-color: var(--font);
	width: 22px;
	height: 22px;
}
.claro .sceCheckBox .sceCheckBoxIcon path {
	fill: var(--inversefont);
}
.scene .sceCheckBox.dijitChecked .sceCheckBoxIcon {
	border-color: var(--font);
	background-color: var(--font);
}
.claro .sceCheckBox .sceCheckBoxIcon svg {
	display: none;
	width: 17px;
	height: 17px;
}
.claro .sceCheckBoxDefault .sceLabelContent {
	margin-left: 32px;
}
.dijitRtl .sceCheckBoxDefault .sceLabelContent {
	margin-left: 0;
	margin-right: 32px;
}

.claro .sceCheckBox.wbeGridLocked {
	display: block;
	position: relative;
	top: 2px;
	overflow: visible;
	cursor: pointer;
}
.claro .sceCheckBox.wbeGridLocked .sceCheckBoxIcon {
	position: static;
	margin: 0 auto;
	width: 16px;
	height: 16px;
}
.claro .sceCheckBox.wbeGridLocked .sceCheckBoxIcon svg {
	width: 12px;
	height: 12px;
}

.claro .sceCheckBox.wbeGridLocked .wbeSendMessage,
.claro .wbeGridRefreshValue .wbeSendMessage {
	position: absolute;
	left: -10px;
	right: -10px;
	background: rgba(255,255,255,.7);
	font-size: 10px;
	line-height: 12px;
	font-weight: var(--fbold);
	text-align: center;
	text-transform: uppercase;
	padding: 6px 0;
}
.claro .sceCheckBox.wbeGridLocked .wbeSendMessage {
	top: -4px;
}
.claro .wbeGridRefreshValue .wbeSendMessage {
	top: -2px;
}
.claro .wbeGridRefreshValue,
.claro .wbeGridRemove {
	position: relative;
}
.claro .wbeGridRefreshValue .sceButton,
.claro .wbeGridRemove .sceButton {
	position: absolute;
	top: -2px;
}
.claro .wbeGridRefreshValue .sceButton .dijitButtonNode,
.claro .wbeGridRemove .sceButton .dijitButtonNode {
	border-radius: 4px;
}
.claro .wbeGridRefreshValue .sceButton .dijitButtonNode {
	padding: 2px;
}
.claro .wbeGridRemove .sceButton .dijitButtonNode {
	padding: 3px;
}
.claro .wbeGridRefreshValue .sceButton svg {
	width: 18px;;
	height: 18px;
}
.claro .wbeGridRemove .sceButton svg {
	width: 16px;;
	height: 16px;
}
.claro .wbeGridRefreshValue .sceValue {
	text-align: right;
}
.dijitRtl .wbeGridRefreshValue .sceValue {
	text-align: left;
}

.claro .wbeGridRemove .sceButton {
	left: calc(50% - 12px);	
}


.claro .wbeRadioGroupTheme .sceRadioButton,
.claro .wbeMultiSelectTheme .sceCheckBox.sceButtonIcon {
	position: relative;
	padding: 20px 12px 16px 12px;
	margin: 0;
	cursor: pointer;
}
.claro .wbeMultiSelectItemBorder .sceCheckBox.sceButtonIcon {
	border: 1px solid var(--border);
	border-radius: var(--radiuss);
}
.sceDark .wbeRadioGroupTheme .sceRadioButton,
.sceDark .wbeMultiSelectTheme .sceCheckBox.sceButtonIcon {
	opacity: .5;
}
.claro .wbeRadioGroupTheme .sceRadioButton *,
.claro .wbeMultiSelectTheme .sceCheckBox.sceButtonIcon * {
	cursor: pointer;
}
.claro .wbeRadioGroupTheme .sceRadioButton label svg,
.claro .wbeMultiSelectTheme .sceCheckBox.sceButtonIcon svg {
	width: 32px;
	height: 32px;
	margin-bottom: 8px;
}
.claro .wbeRadioGroupTheme .sceRadioButton label svg {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.claro .wbeRadioGroupTheme .sceRadioButton label path,
.claro .wbeMultiSelectTheme .sceCheckBox.sceButtonIcon path {
	fill: var(--theme);
}
.claro .wbeRadioGroupTheme .sceRadioButton label rect,
.claro .wbeMultiSelectTheme .sceCheckBox.sceButtonIcon rect {
	fill: none;
	stroke: var(--theme);
}
.claro .wbeRadioGroupTheme .sceRadioButton label .sceRadioLabel,
.claro .wbeMultiSelectTheme .sceCheckBox.sceButtonIcon .sceLabelContent {
	font-size: 12px;
	line-height: 14px;
}
.claro .wbeMultiSelectTheme .sceCheckBox.sceButtonIcon .sceInfoLabelContent {
	position: absolute;
	top: 12px;
	left: calc(50% + 20px);
	font-size: 12px;
	line-height: 14px;
	padding: 1px 2px 0 2px;
	text-align: center;
	min-width: 17px;
	border: 1px solid var(--font50);
	border-radius: 9px;
}
.claro .wbeRadioGroupTheme .sceRadioButton label .sceRadioLabel {
	text-align: center;
}
.claro .wbeRadioGroupTheme .sceRadioButton.dijitChecked label,
.claro .wbeMultiSelectTheme .sceCheckBox.sceButtonIcon.dijitChecked {
	opacity: 1;
	border-radius: var(--radiuss);
}
.claro .wbeMultiSelectItemBorder .sceCheckBox.sceButtonIcon.dijitChecked {
	border-color: var(--theme);
}
.claro .wbeRadioGroupTheme .sceRadioButton.dijitChecked label path,
.claro .wbeMultiSelectTheme .sceCheckBox.sceButtonIcon.dijitChecked path {
	fill: var(--themefont);
}
.claro .wbeRadioGroupTheme .sceRadioButton.dijitChecked label rect,
.claro .wbeMultiSelectTheme .sceCheckBox.sceButtonIcon.dijitChecked rect {
	stroke: var(--themefont);
}


.sceWeb .sceDropDownSegmented {
	padding: 4px;
	background-color: var(--font11);
	border-radius: var(--radius);
}
.scene .sceDropDownSegmented .dijitButtonNode {
	padding: 0 12px;
}
.sceWeb .sceDropDownSegmented .dijitButtonNode {
	border: 1px solid var(--font05);
	background-color: var(--ctl);
	color: var(--ctlfont);
	text-transform: uppercase;
}
.sceApp .sceDropDownSegmented .dijitButtonNode {
	color: var(--font);
	background-color: var(--font15);
	border: 1px solid var(--font15);
	border-radius: var(--radiuss);
}
.scene .sceDropDownSegmented .dijitButtonContents {
	height: 30px;
}
.sceWeb .sceDropDownSegmented.sceSmallH .dijitButtonContents {
	height: 22px;
}
.sceApp .sceDropDownSegmented.sceSmallH .dijitButtonContents {
	height: 28px;
	outline: none;
}
.scene .sceDropDownSegmented .dijitButtonText {
	font-size: 12px;
	line-height: 14px;
	font-weight: var(--fsemi);
}
.claro .sceDropDownSegmented .dijitArrowButtonInner {
	position: relative;
	left: 6px;
}
.dijitRtl .sceDropDownSegmented .dijitArrowButtonInner {
	left: -6px;
}
.claro .sceDropDownSegmented.sceSmallH .dijitArrowButtonInner svg {
	width: 13px;
	height: 13px;
}
.scene .sceDropDownSegmented .dijitArrowButtonInner path {
	fill: var(--font);
}

.sceApp .sceRadioGroup.sceSimple .sceRadioButton .sceRadioLabel {
	opacity: .5;
}
.sceApp .sceRadioGroup.sceSimple .sceRadioButton.dijitChecked .sceRadioLabel {
	opacity: 1;
}

.sceWeb .sceTabsController.sceSegmented {
	padding: 4px;
	background-color: var(--font11);
}
.sceApp .sceTabsController.sceSegmented {
	border: 1px solid var(--font15);
}
.sceTabsController.sceSegmented li {
	border: 1px solid transparent;
	position: relative;
	overflow: visible;
}
.sceTabsController.sceSegmented li {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	line-height: 14px;
	font-weight: var(--fsemi);
	padding: 0 8px;
	height: 30px;
	opacity: .5;
}
.claro .sceTabsController li.sceSelected {
	background-color: var(--hover);
	color: var(--hoverfont);
}
.sceWeb .sceTabsController.sceSegmented.sceSmallH li {
	height: 22px;
}
.sceApp .sceTabsController.sceSegmented.sceSmallH li {
	height: 28px;
}

.sceWeb .sceRadioGroup.sceSegmented {
	padding: 4px;
	background-color: var(--font11);
}
.sceApp .sceRadioGroup.sceSegmented {
	border: 1px solid var(--font15);
}
.sceApp .sceRadioGroup.sceFixedFooter {
	text-align: center;
	border: none;
}
.sceApp .sceRadioGroup.sceFixedFooter .sceFieldsContainer {
	display: inline-block;
}
.sceRadioGroup.sceSegmented .sceRadioButton {
	border: 1px solid transparent;
	position: relative;
	overflow: visible;
}
.sceWeb .sceRadioGroup.sceSegmented .sceRadioButton:after {
	content: '';
	position: absolute;
	top: 50%;
	height: 16px;
	width: 1px;
	right: -3px;
	margin-top: -8px;
	border: 1px solid var(--border);
}
.dijitRtl .sceWeb .sceRadioGroup.sceSegmented .sceRadioButton:after {
	left: -3px;
	right: auto;
}	
.sceWeb .sceRadioGroup.sceSegmented .sceRadioButton:last-child:after {
	display: none;
}
.sceRadioGroup.sceSegmented .sceRadioButton label {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	line-height: 14px;
	font-weight: var(--fsemi);
	padding: 0 8px;
	height: 30px;
	opacity: .5;
}
.sceWeb .sceRadioGroup.sceSegmented.sceSmallH .sceRadioButton label {
	height: 22px;
}
.sceApp .sceRadioGroup.sceSegmented.sceSmallH .sceRadioButton label {
	height: 28px;
}
.sceRadioGroup.sceSegmented .sceRadioButton label svg {
	display: block;
	height: 24px;
	width: 24px;
}
.sceApp .sceRadioGroup.sceSegmented .sceRadioButton label .sceIcon {
	opacity: .5;
}
.sceApp .sceRadioGroup.sceSegmented .sceRadioButton label  path {
	fill: var(--font);
}
.sceRadioGroup.sceSegmented.sceBig .sceRadioButton label {
	padding-top: 24px;
	padding-bottom: 24px;
}
.sceRadioGroup.sceSegmented.sceBig .sceRadioButton label svg {
	height: 38px;
	width: 38px;
}
.sceRadioGroup.sceSegmented.sceBig .sceRadioButton label .sceIcon,
.sceRadioGroup.sceSegmented.sceBig .sceRadioButton label .sceRadioLabel {
	margin: 0 2px;
}
.sceRadioGroup.sceSegmented.sceIconMedium .sceRadioButton label {
	height: 26px;
	padding: 0 6px;
	min-width: unset;
}
.sceRadioGroup.sceSegmented.sceIconMedium .sceRadioButton label .sceIcon,
.sceRadioGroup.sceSegmented.sceIconMedium .sceRadioButton label .sceRadioLabel {
	margin: 0
}

.sceWeb .sceRadioGroup.sceSegmented .sceRadioButton label {
	text-transform: uppercase;
}
.sceRadioGroup.sceSegmented.wbeDark .sceRadioButton label {
	min-width: 108px;
}
.sceApp .sceRadioGroup .sceRadioButton {
	border-radius: var(--radiuss);
}
.sceApp .sceRadioGroup.sceFixedFooter .sceRadioButton .sceRadioLabel {
	padding: 11px 16px;
	border-radius: 16px;
	min-width: 90px;
}
.sceWeb.sceLight .sceRadioGroup.sceSegmented .sceRadioButton.dijitRadioChecked {
	background-color: var(--ctl);
	color: var(--ctlfont);
}
.sceWeb.sceDark .sceRadioGroup.sceSegmented .sceRadioButton.dijitRadioChecked {
	background-color: var(--inversefont);
	border-color: var(--font50);
	color: var(--font);
}
.sceApp .sceRadioGroup.sceSegmented .sceRadioButton.dijitRadioChecked,
.sceApp .sceRadioGroup.sceFixedFooter .sceRadioButton.dijitRadioChecked .sceRadioLabel {
	background-color: var(--font15);
}
.sceLight .dijitTooltipContainer .sceRadioGroup.sceSegmented .sceRadioButton.dijitRadioChecked {
	background-color: #ffffff66;
}
.sceApp .sceRadioGroup.sceFixedFooter .sceRadioButton.dijitRadioChecked {
	background-color: transparent;
}
.sceRadioGroup.sceSegmented .sceRadioButton.dijitRadioChecked label {
	opacity: 1;
}

.sceWeb .sceRadioGroup.sceSegmented.wbeDark {
	background-color: var(--headfont20);
}
.sceWeb .sceRadioGroup.sceSegmented.wbeDark .sceRadioButton label {
	opacity: 1;
}

.scene .sceRadioGroup.wbeCircuitDirection .sceRadioButton {
	margin-bottom: 24px;
	border-radius: 0;
}
.scene .sceRadioGroup.wbeCircuitDirection .sceRadioButton:last-child {
	margin-bottom: 0;
}
.scene .sceRadioGroup.wbeCircuitDirection label {
	display: flex;
	align-items: center;
}
.scene .sceRadioGroup.wbeCircuitDirection .iconify {
	min-width: 28px;
	width: 28px;
	height: 28px;
}
.scene .sceRadioGroup.wbeCircuitDirection .sceRadioLabel {
	flex-grow: 1;
	margin: 0 24px;
}
.scene .sceRadioGroup.wbeCircuitDirection input {
	min-width: 16px;
	width: 16px;
	height: 16px;
	margin: 0 8px;
	opacity: 1;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    outline: none;
}

.wbeButtonCircuit {
	margin: 0 0px 0px 8px;
	cursor: pointer;
}

.sceTogglerPane.sceBorderBottom .sceBoxTitle {
	height: auto;
	min-height: 48px;
	padding: 14px 0 12px 0;
	border-bottom: 1px solid var(--ctlborder);
}

.sceAccordionPane .sceBoxTitle {
	height: 48px;
	padding-top: 2px;
	font-weight: var(--fbold);
	border-bottom: 1px solid var(--ctlborder)
}
.sceAccordionPane .sceBoxTitle {
	text-transform: uppercase;
}

.sceListHorzBar.sceBackLine .sceHorzBar:before,
.sceHorzBar.sceBackLine:before {
	border-color: rgba(11,14,35,0.25);
}

.claro .dgrid-header, .claro .dgrid-header-row, .claro .dgrid-footer {
	background: transparent;
}
.claro .dgrid th {
	font-size: 13px;
	line-height: 15px;
}
.sceLight .dgrid th {
	font-weight: var(--fbold);
}
.sceDark .dgrid th {
	font-weight: var(--fsemi);
}
.claro .dgrid-cell {
	border: none;
	padding: 8px 12px;
}
.claro .sceGrid.sceBorderTop {
	border-top: 1px solid var(--border);
}
.claro .sceGrid.sceSolid .dgrid-row-table,
.claro .sceGrid.sceSolid .dgrid-no-data {
	background-color: var(--pane);
}
.sceLight .sceGrid.sceSolid .dgrid-header th {
	background-color: var(--font03);
}
.sceDark .sceGrid.sceSolid .dgrid-header th {
	background-color: var(--font10);
}
.claro .sceGrid.sceBorder .dgrid-header {
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}
.claro .sceGrid.sceBorder .dgrid-content .dgrid-row-table,
.claro .sceGrid.sceSolid .dgrid-no-data {
	border-bottom: 1px solid var(--border);
}
.claro .sceGrid.sceBorder .dgrid-cell {
	line-height: normal;
}
.claro .sceGrid.sceBorder .dgrid-cell,
.claro .sceGrid.sceSolid .dgrid-no-data {
	border-left: 1px solid var(--border);
	border-right: 1px solid var(--border);
}
.claro .sceGrid .dgrid-no-data {
	padding: 24px 12px;
	color: var(--font50);
}
.claro .sceGrid.sceEvenOdd .dgrid-row-odd td {
	background-color: var(--theme05);
}

.claro .dgrid-pagination .dgrid-navigation {
	border-radius: 8px;
	border: 1px solid var(--font20);
}
.claro .dgrid-navigation .dgrid-page-input {
	border: none;
}
.claro .dgrid-navigation .dgrid-page-link {
	background-color: var(--font05);
	border: none;
}
.claro .dgrid-navigation .dgrid-page-input:first-child,
.claro .dgrid-navigation .dgrid-page-link:first-child {
	border-left: none;
	border-radius: 8px 0 0 8px;
}
.claro .dgrid-navigation .dgrid-page-input:last-child,
.claro .dgrid-navigation .dgrid-page-link:last-child {
	border-radius: 0 8px 8px 0;
}
.claro .dgrid-navigation .dgrid-page-skip {
	border: none;
	background-color: var(--font05);
	min-width: 12px;
}
.claro .dgrid-pagination .dgrid-status {
	flex-grow: 1;
	outline: none;
}
.sceWeb.sceDark .dgrid-pagination,
.sceApp .dgrid-pagination {
	color: var(--pholder);
}

.sceApp .dgrid-pagination .dgrid-navigation {
	margin-right: 16px;
}
.sceApp.dijitRtl .dgrid-pagination .dgrid-navigation {
	margin-left: 16px;
	margin-right: 0;
}
.sceApp .dgrid-navigation .dgrid-page-link {
	font-weight: var(--fregular);
}
.sceApp .dgrid-page-size,
.sceApp .scePageSizeLabel {
	display: none;
}

.sceg-card300,
.sceg-card380 {
	padding-bottom: 6px;
}



.claro .dropzone {
	min-height: auto;
	padding: 0;
}
.sceNoTouch .dropzone .sceButtonRemove:hover {
	background-color: var(--black);
}


.sceApp .sceFixedFooter {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 56px;
	padding: 0;
	background: var(--bodyend);
	border-radius: 0;
	z-index: 1;
}
.sceWeb .sceWrapperFixedFooter {
	display: none;
}
.sceApp .sceWrapperFixedFooter {
	height: 56px;
}
.sceApp .sceRadioGroup.sceFixedFooter .sceRadioButton label {
	height: 56px;
	padding: 0 4px;
}

.claro .sceInputTime {
	width: 100%;
	padding: 10px 0 2px 0; 
	background: transparent;
	color: var(--font);
	border-top: none;
	border-left: none;
	border-right: none;
	border-width: 1px;
	border-color: transparent;
	transition: border 470ms;
	-moz-border-radius: 0;
	border-radius: 0;
	outline: none;
}
.sceWeb .sceInputTime {
	border-color: var(--ctlborder);
}
.sceDark .sceInputTime::-webkit-calendar-picker-indicator{
  filter: invert(100%);
}
.claro .sceInputTime:focus {
	border-color: var(--theme);
}


.claro .wbeToolbar .dijitSelect * {
	font-size: 12px;
	line-height: 14px;
}
.claro .wbeToolbar .dijitSelect .dijitInputField,
.claro .wbeToolbar .dijitComboBox .dijitInputField,
.claro .wbeToolbar .dijitTextBox .dijitInputField {
	padding: 12px 0 12px 19px;
}
.dijitRtl .wbeToolbar .dijitSelect .dijitInputField,
.dijitRtl .wbeToolbar .dijitComboBox .dijitInputField {
	padding-left: 0;
	padding-right: 19px;
}
.claro .wbeToolbar .sceSearchTextBox .dijitInputField {
	padding: 11px 6px 11px 0;
}
.claro .wbeToolbar.wbeToolbarNoBorder .dijitSelect .dijitInputField,
.claro .wbeToolbar.wbeToolbarNoBorder .dijitComboBox .dijitInputField {
	padding-left: 0;
	padding-right: 0;
}
.claro .wbeToolbar .dijitSelect,
.claro .wbeToolbar .dijitTextBox,
.claro .wbeToolbar .dijitComboBox {
	border: none;
}
.claro .wbeToolbar .dijitSelect .dijitArrowButton,
.claro .wbeToolbar .dijitComboBox .dijitArrowButton {
	width: 28px;
}
.sceWeb .wbeToolbar.wbeToolbarNoBorder .dijitSelect .dijitArrowButton {
	padding-left: 8px;
}
.dijitRtl .sceWeb .wbeToolbar.wbeToolbarNoBorder .dijitSelect .dijitArrowButton {
	padding-left: 0;
	padding-right: 8px;
}
.claro .wbeToolbar .dijitSelect.wbeFilterBig .dijitInputField {
	padding: 11px 12px;
}

.wbeToolbar .sceRadioGroup .sceFieldsContainer {
	height: 100%;
}
.wbeToolbar .sceDateRangeTextBox .sceDropDownButton .dijitButtonNode {
	border: none;
}
.wbeToolbar .sceDateRangeTextBox .sceDropDownButton .sceContainerBox,
.sceDateRangeTextBox.sceDateRangeTouch .sceContainerBox {
	height: 38px;
}
.wbeToolbar .sceButtonIcon .dijitButtonNode {
	padding: 0;
	border-color: var(--font05);
}
.wbeToolbar .sceButton .dijitIcon {
	margin: 0;
}
.wbeToolbar .sceButton .dijitButtonContents {
	display: flex;
	height: 38px;
}
.wbeToolbar .sceButtonIcon .dijitButtonContents {
	width: 38px;
}
.wbeToolbar .sceButtonIcon .iconify {
	width: 18px;
	height: 18px;
}

.sceApp .sceDateRangeNavigator {
	border: transparent;
	border-radius: var(--radiuss);
}
.sceApp .sceDateRangeNavigator .sceContainer {
	grid-template-columns: 40px 1fr 40px;
}
.sceApp .sceDateRangeNavigator.sceHideArrows .sceContainer {
	grid-template-columns: 1fr;
}
.sceApp .sceDateRangeNavigator .sceSizerNode {
	padding: 0 0px;
	min-width: 50px;
}

.sceWeb .sceSpaceRow {
	padding: 20px;
	margin-bottom: 24px;
}
.sceWeb .sceMapController .sceSpaceRow {
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: 24px;
	background-color: var(--solidpane);
}
.sceMapController .sceSpaceRow .sceBoxThumbOrder {
	display: none;
}
.sceApp .sceSpaceRow .sceItemContainer {
	padding-left: 12px;
}
.dijitRtl .sceApp .sceSpaceRow .sceItemContainer {
	padding-left: 0;
	padding-right: 12px;
}
.sceWeb .sceSpaceRow > .sceItemContainer {
	display: grid;
	grid-template-columns: 1fr 150px;
	padding: 10px 0;
}
.sceWeb .sceSpaceRow .sceSpaceChild .sceItemContainer {
	display: grid;
	grid-template-columns: 1fr 130px;
}
.sceApp .sceSpaceRow > .sceItemContainer {
	display: grid;
	grid-template-columns: 1fr 92px;
}
.sceApp .sceSpaceRow .sceSpaceChild .sceItemContainer {
	display: grid;
	grid-template-columns: 1fr 49px;
}
.sceSpaceRow .wbePaneBorder {
	overflow: visible
}
.sceSpaceRow .sceBoxLeft,
.sceSpaceRow .sceBoxRight {
	display: flex;
	align-items: center;
}
.sceWeb .sceSpaceRow .sceBoxLeft {
	flex-wrap: wrap;
}
.sceApp .sceSpaceRow .sceBoxLeft {
	flex-wrap: nowrap;
	padding: 20px 0;
}
.sceNoTouch .sceSpaceRow .sceBoxLeft {
	cursor: pointer;	
}
.sceSpaceRow .sceItemContainer .sceBoxIcon {
	position: relative;
}
.sceWeb .sceSpaceRow .sceItemContainer .sceBoxIcon {
	width: 80px;
}
.sceApp .sceSpaceRow .sceItemContainer .sceBoxIcon {
	width: 54px;
}
.sceApp .sceSpaceRow .sceItemContainer .sceActiveIcon,
.sceApp .sceSpaceRow .sceItemContainer .sceBoxIcon .sceIcon {
	display: block;
	border: 1px solid var(--font80);
	padding: 4px;
	margin: 0 2px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
}
.sceWeb .sceSpaceRow .sceItemContainer .sceBoxIcon svg {
	display: block;
	width: 56px;
	height: 56px;
	border-radius: 50%;
}
.sceWeb .sceSpaceRow .sceItemContainer .sceIconDevice svg {
	padding: 5px
}
.sceApp .sceSpaceRow .sceItemContainer .sceBoxIcon svg {
	display: block;
	width: 26px;
	height: 26px;
}
.sceSpaceRow .sceItemContainer .sceBoxIcon .sceIcon path {
	fill: var(--font);
}
.sceApp .sceSpaceRow .sceItemContainer .sceActiveIcon {
	display: none;
	padding: 7px;
	background: var(--theme);
	color: var(--themefont);
	border-radius: 50%;
	border-color: var(--theme);
}
.sceApp .sceSpaceRow .sceItemContainer .sceActiveIcon .iconify {
	display: block;
	width: 20px;
	height: 20px;
}
.sceWeb .sceSpaceRow.sceActive > .sceItemContainer .sceBoxIcon svg,
.sceWeb .sceSpaceChild.sceActive > .sceItemContainer .sceBoxIcon svg {
	background: var(--theme);
}
.sceWeb .sceSpaceRow.sceActive > .sceItemContainer .sceBoxIcon path,
.sceWeb .sceSpaceChild.sceActive > .sceItemContainer .sceBoxIcon path {
	fill: var(--themefont);
}
.sceApp .sceSpaceRow.sceActive > .sceItemContainer .sceBoxIcon .sceIcon,
.sceApp .sceSpaceChild.sceActive > .sceItemContainer .sceBoxIcon .sceIcon {
	display: none;
}
.sceApp .sceSpaceRow.sceActive > .sceItemContainer .sceActiveIcon,
.sceApp .sceSpaceChild.sceActive > .sceItemContainer .sceActiveIcon {
	display: block;
}
.sceSpaceRow .sceItemContainer .sceBoxIcon .sceBadge {
	position: absolute;
	display: none;
	text-align: center;
	font-size: 10px;
	line-height: 15px;
	font-weight: var(--fbold);
	background: var(--theme);
	color: var(--themefont);
	padding: 0 2px;
	min-width: 15px;
	height: 15px;
	border-radius: 8px;
}
.sceSpaceRow .sceItemContainer .sceBoxIcon .sceBadge.sceOn {
	display: block;
}
.sceWeb .sceSpaceRow .sceItemContainer .sceBoxIcon .sceBadge {
	left: 41px;
	top: 3px;
}
.sceApp .sceSpaceRow .sceItemContainer .sceBoxIcon .sceBadge {
	left: -2px;
	top: -2px;
}
.scene .sceSpaceRow.sceActive > .sceItemContainer .sceBoxIcon .sceBadge,
.scene .sceSpaceChild.sceActive > .sceItemContainer .sceBoxIcon .sceBadge {
	background: var(--font);
	color: var(--solidpane);
}
.sceSpaceRow .sceItemContainer .sceBoxTitle {
	flex-grow: 1;
}
.sceWeb .sceSpaceRow .sceItemContainer .sceTitle {
	font-size: 22px;
	line-height: 26px;
	font-weight: var(--fsemi);
}
.sceSpaceRow .sceItemContainer .sceTitleUpdate {
	margin-top: 4px;
	font-size: 12px;
	line-height: 14px;
	font-weight: var(--fsemi);
}
.sceApp .sceSpaceRow > .sceItemContainer .sceSpaceName {
	font-size: 15px;
	line-height: 17px;
}
.sceSpaceRow .sceItemContainer .sceNumDevices {
	padding-left: 8px;
	opacity: .5;
}
.dijitRtl .sceSpaceRow .sceItemContainer .sceNumDevices {
	padding-left: 0;
	padding-right: 8px;
}
.sceSpaceRow .sceItemContainer .sceDeviceDescription {
	font-weight: var(--fbold);
}
.sceSpaceRow .sceItemContainer .sceBoxMetrics {
	padding: 0;
	width: 100%;
}
.sceSpaceRow .sceBoxMetrics .sceBoxData {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 8px;
	margin-bottom: 9px;
}
.sceSpaceRow .sceSpaceChild .sceBoxData {
	display: flex;
	align-items: flex-end;
	grid-gap: 0;
}
.sceSpaceRow .sceSpaceChild .sceMetricsActiveBox {
	flex-grow: 1;
	display: flex;
	justify-content: flex-end;
}
.sceSpaceRow .sceSpaceChild .sceMetricsActiveBox .sceMetricsActiveTop span {
	position: relative;
	top: -2px;
}
.sceSpaceRow .sceSpaceChild .sceMetricsActiveBox .sceMetricsTextActive {
	margin-right: 12px;
}
.dijitRtl .sceSpaceRow .sceSpaceChild .sceMetricsActiveBox .sceMetricsTextActive {
	margin-left: 12px;
	margin-right: 0;
}
.sceSpaceRow .sceSpaceChild .sceMetricsActiveBox .sceSwitch {
	margin-left: 16px;
}
.dijitRtl .sceSpaceRow .sceSpaceChild .sceMetricsActiveBox .sceSwitch {
	margin-left: 0;
	margin-right: 16px;
}
.sceSpaceRow .sceBoxMetrics .sceBoxData .iconify {
	position: relative;
	top: -1px;
	width: 13px;
	height: 13px;
	color: var(--theme);
	margin-right: 4px;
}
.dijitRtl .sceSpaceRow .sceBoxMetrics .sceBoxData .iconify {
	margin-left: 4px;
	margin-right: 0;
}
.sceSpaceRow .sceBoxMetrics .sceBoxData .sceValue {
	font-size: 25px;
	line-height: 30px;
}
.sceSpaceRow .sceBoxMetrics .sceBoxData .sceValueMain {
	font-weight: var(--fsemi);
}
.sceSpaceRow .sceBoxMetrics .sceBoxData .sceUnit {
	font-size: 14px;
	line-height: 16px;
}
.sceSpaceRow .sceBoxMetrics .sceBoxData .sceUnit sub {
	font-size: 10px;
	line-height: 12px;
}
.sceSpaceRow .sceBoxMetrics .sceBoxData .sceSeparator {
	display: inline-block;
	width: 10px;
	height: 14px;
	border-top: 1px solid var(--pholder);
	margin: 0 10px;
}
.sceWeb .sceSpaceRow .sceItemContainer .sceBoxButton {
	padding: 0 12px;
}
.sceApp .sceSpaceRow .sceItemContainer .sceBoxButton {
	width: 100%;
}
.sceWeb .sceSpaceRow .sceBoxButton .sceButton .dijitButtonNode {
	min-width: 87px;
}
.sceApp .sceSpaceRow .sceBoxButton .sceButton {
	display: block;
}
.sceApp .sceSpaceRow .sceBoxButton .sceButton .dijitButtonNode {
	padding: 0;
}
.sceApp .sceSpaceRow .sceBoxButton .sceButton svg {
	display: block;
	width: 17px;
	height: 17px;
	opacity: .5;
}
.sceApp .sceSpaceRow .sceBoxButton .sceButton path {
	stroke: var(--font);
}
.sceSpaceRow .sceItemContainer .sceBoxArrow {
	padding: 0 12px;
}
.sceApp .sceSpaceRow .sceItemContainer .sceBoxArrow {
	opacity: .5;
}
.sceSpaceRow .sceItemContainer .sceArrowDown,
.sceSpaceRow .sceItemContainer .sceArrowUp {
	display: none;
	padding: 12px 0;
	cursor: pointer;
}
.sceSpaceRow .sceItemContainer .sceArrowDown svg,
.sceSpaceRow .sceItemContainer .sceArrowUp svg {
	width: 17px;
	height: 17px;
}
.sceSpaceRow .sceItemContainer .sceArrowDown path,
.sceSpaceRow .sceItemContainer .sceArrowUp path {
	fill: var(--font);
	stroke: var(--font);
}
.sceSpaceRow.sceExpanded .sceItemContainer .sceArrowUp,
.sceSpaceRow.sceCollapsed .sceItemContainer .sceArrowDown {
	display: block;
}
.sceWeb .sceSpaceRow .sceContainer {
	margin-top: 20px;
}
.sceWeb .sceSpaceRow .sceContainer .sceSpaceChild {
	padding: 30px 20px;
	border-bottom: 1px solid var(--pholder);
}
.sceSpaceRow .sceAddButton {
	width: 100%;
}
.sceApp .sceSpaceRow .sceAddButton {
	margin: 13px 0;
}
.sceWeb .sceSpaceRow .sceAddButton .dijitButtonNode {
	padding: 0 0 0 34px;
	border-radius: 0 0 var(--radius) var(--radius);
}
.dijitRtl .sceWeb .sceSpaceRow .sceAddButton .dijitButtonNode {
	padding-left: 0;
	padding-right: 34px;
}
.sceApp .sceSpaceRow .sceAddButton .dijitButtonNode {
	padding: 0 0 0 60px;
}
.dijitRtl .sceApp .sceSpaceRow .sceAddButton .dijitButtonNode {
	padding-left: 0;
	padding-right: 60px;
}
.sceSpaceRow .sceAddButton .dijitButtonContents {
	justify-content: flex-start;
	height: 56px;
}

.sceSpaceRow .sceLoadingNode {
	display: none;
	width: 100%;
}
.sceSpaceRow.sceLoading .sceItemContainer .sceBoxMetrics {
	display: none;
}
.sceSpaceRow.sceLoading .sceLoadingNode {
	display: block
}

.sceMapGeolocator .sceSearchBox {
	background: var(--solidpane);
	color: var(--font);
}
.sceMapGeolocator .sceLabelNode {
	font-size: 13.5px;
	line-height: 16px;
}
.sceMapGeolocator .sceMapGeoListItem .sceButton .dijitButtonText {
	font-size: 12px;
	line-height: 14px;
}


.wbeApplianceRow {
	padding: 14px 14px 14px 12px;
	margin-bottom: 12px;
}
.sceApp.sceLight .wbeApplianceRow {
	background-color: var(--font05);
}
.sceDark .wbeApplianceRow {
	background-color: var(--font10);
}
.wbeApplianceRow .sceItemHeader {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 12px;
	margin-bottom: 12px;
}
.wbeApplianceRow .sceBoxLeft {
	display: flex;
	align-items: flex-start;
}
.wbeApplianceRow .sceBoxRight {
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
}
.sceWeb .wbeApplianceRow .sceBoxLeft {
	font-size: 20px;
	line-height: 24px;
	font-weight: var(--flight);
}
.sceApp .wbeApplianceRow .sceBoxLeft {
	font-size: 17px;
	line-height: 21px;
	font-weight: var(--fregular);
}
.sceWeb .wbeApplianceRow .sceBoxRight {
	font-weight: var(--flight);
}
.sceApp .wbeApplianceRow .sceBoxRight {
	font-weight: var(--fregular);
}
.wbeApplianceRow .sceBoxLeft .sceIcon {
	margin-left: -4px;
	margin-right: 8px;
}
.dijitRtl .wbeApplianceRow .sceBoxLeft .sceIcon {
	margin-left: 8px;
	margin-right: -4px;
}
.wbeApplianceRow .sceBoxLeft svg {
	display: block;
	width: 24px;
	height: 24px;
}
.wbeApplianceRow .sceBoxLeft path {
	fill: var(--theme);
}
.sceApp .wbeApplianceRow .sceBoxRight .sceConsumption {
	opacity: .5;
}
.wbeApplianceRow .sceBoxRight .sceAmount {
	margin-left: 12px;
}
.dijitRtl .wbeApplianceRow .sceBoxRight .sceAmount {
	margin-left: 0;
	margin-right: 12px;
}
.sceWeb .wbeApplianceRow .sceBoxRight .sceAmount {
	font-size: 20px;
	line-height: 24px;
	font-weight: var(--fsemi);
}
.sceApp .wbeApplianceRow .sceBoxRight .sceAmount {
	font-size: 17px;
	line-height: 21px;
}

.scene .wbeQuestionRow {
	padding: 16px 0;
	cursor: pointer;
}
.sceApp .wbeQuestionRow {
	border-bottom: 1px solid var(--border);
}
.sceWeb .wbeQuestionRow {
	border-bottom: 1px solid var(--theme);
}
.sceApp .wbeQuestionRow:first-child {
	border-top: 1px solid var(--border);
}
.sceWeb .wbeQuestionRow:first-child {
	border-top: 1px solid var(--theme);
}
.scene .wbeQuestionRow .sceItemContainer {
	display: flex;
	align-items: center;;
}
.sceWeb .wbeQuestionRow .sceBoxLeft,
.sceWeb .wbeQuestionRow .sceBoxRight,
.sceApp .wbeQuestionRow .sceBoxQuestion {
	padding: 0 16px;
}
.scene .wbeQuestionRow .sceOrder {
	display: block;
	min-width: 20px;
	text-align: center;
}
.scene .wbeQuestionRow .sceBoxQuestion {
	flex-grow: 1;
	text-align: center;
}
.scene .wbeQuestionRow .sceResponse {
	font-weight: var(--fsemi);
}
.scene .wbeQuestionRow .iconify {
	width: 18px;
	height: 18px;
}

.scene .wbeTrainingRow {
	padding: 16px 0;
	cursor: pointer;
}
.sceApp .wbeTrainingRow {
	border-bottom: 1px solid var(--border);
}
.sceWeb .wbeTrainingRow {
	border-bottom: 1px solid var(--theme);
}
.sceApp .wbeTrainingRow:first-child {
	border-top: 1px solid var(--border);
}
.sceWeb .wbeTrainingRow:first-child {
	border-top: 1px solid var(--theme);
}
.scene .wbeTrainingRow .sceItemContainer {
	display: flex;
	align-items: center;;
}
.sceWeb .wbeTrainingRow .sceBoxLeft,
.sceWeb .wbeTrainingRow .sceBoxRight,
.sceApp .wbeTrainingRow .sceBoxQuestion {
	padding: 0 16px;
}
.scene .wbeTrainingRow .sceOrder {
	display: block;
	min-width: 20px;
	text-align: center;
}
.scene .wbeTrainingRow .sceBoxTraining {
	flex-grow: 1;
	text-align: center;
}
.scene .wbeTrainingRow .sceResponse {
	font-weight: var(--fsemi);
}
.scene .wbeTrainingRow .iconify {
	width: 18px;
	height: 18px;
}

.wbeTrainingHistoryGrid {
	border-spacing: 0;
	line-height: 17px;
	width: 100%;
	max-width: 100%;
	margin-top: 24px;
	overflow: hidden;
}
.wbeTrainingHistoryRow.sceOdd {
	background-color: var(--theme05);
}
.scene .wbeTrainingHistoryRow.wbeHead td {
	padding-bottom: 8px;
}
.scene .wbeTrainingHistoryRow .sceBoxOrder {
	width: 10%;
	padding: 0 14px;
	display: none;
}
.scene .wbeTrainingHistoryRow .sceBoxDateTime {
	width: 15%;
	white-space: nowrap;
	padding-left: 8px;
}
.dijitRtl .wbeTrainingHistoryRow .sceBoxDateTime {
	padding-left: 0;
	padding-right: 8px;
}
.scene .wbeTrainingHistoryRow .sceDateMedium {
	display: none;
}
.scene .wbeTrainingHistoryRow .iconify {
	display: block;
	width: 14px;
	height: 14px;
	margin: 2px 0 1px 0;
}
.scene .wbeTrainingHistoryRow .sceBoxDuration {
	width: 10%;
	padding: 0 14px;
}
.scene .wbeTrainingHistoryRow.wbeHead .sceBoxDuration div {
	max-width: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.scene .wbeTrainingHistoryRow .sceBoxPower {
	width: 10%;
	padding-right: 14px;
}
.dijitRtl .wbeTrainingHistoryRow .sceBoxPower {
	padding-left: 14px;
	padding-right: 0;
}
.scene .wbeTrainingHistoryRow .sceBoxRight {
	width: 50%;
	padding: 15px 0 17px 0;
}
.scene .wbeTrainingHistoryRow .wbeTrainingHistoryChart {
	height: 38px;
}
.scene .wbeTrainingHistoryRow .sceBoxRemove {
	width: 42px;
}
.scene .wbeTrainingHistoryRow .wbeRemoveButton .dijitButtonNode {
	border-radius: 4px;
	padding: 3px;
}
.claro .wbeTrainingHistoryRow .wbeRemoveButton svg {
	width: 16px;;
	height: 16px;
}

.sceWeb .wbePowerPeaksGrid {
	padding: 8px 4px 12px 4px;
}
.sceApp .wbePowerPeaksGrid {
	padding-top: 8px;
}
.wbePowerPeaksGrid .sceGridContainer {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 24px;
}
.wbePowerPeaksRow {
	display: grid;
	grid-template-columns: 36px 1fr;
}
.wbePowerPeaksRow .sceIndexNode {
	background: var(--theme);
	color: var(--themefont);
	font-size: 12px;
	line-height: 14px;
	font-weight: var(--fsemi);
	text-align: center;
	padding-top: 5px;
	width: 22px;
	height: 22px;
	margin-top: 4px;
	border-radius: 50%;
}
.sceWeb .wbePowerPeaksRow .sceValue {
	font-size: 25px;
	line-height: 30px;
	font-weight: var(--fsemi);
	margin-top: 3px;
}
.sceApp .wbePowerPeaksRow .sceValue {
	font-size: 21px;
	line-height: 25px;
	margin-top: 3px;
}


.wbeOptimizationChart .sceChartContainer {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.wbeOptimizationBubble .sceBoxBubble {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 150px;
	height: 150px;
}
.wbeOptimizationBubble .sceBoxBubble .sceBubbleNode {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.wbeOptimizationBubble .sceBoxBubble .iconify {
	display: block;
	margin-bottom: 3px;
	width: 28px;
	height: 28px;
}
.wbeOptimizationBubble .sceBoxBubble .sceValue {
	font-size: 16px;
	line-height: 19px;
}
.sceWeb .wbeOptimizationBubble .sceBoxBubble .sceValue {
	font-weight: var(--fsemi);
}
.wbeOptimizationBubble .sceBoxName {
	text-align: center;
	padding-top: 16px;
}

.wbeMetersList {
	overflow: hidden;
	margin-bottom: 20px;
}
.wbeMetersList > .sceContainer {
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
}
.wbeMetersList .sceIndicator {
	display: none;
	text-align: center;
}
.wbeMetersList.sceMultiDevice .sceIndicator {
	display: block;
}
.wbeMetersList .sceIndicator .sceBall {
	display: inline-block;
	width: 7px;
	height: 7px;
	background: var(--font20);
	border-radius: 50%;
	margin: 0 3px;
}
.wbeMetersList .sceIndicator .sceBall.sceOn {
	background: var(--theme);
}
.wbeMetersListItem {
	display: inline-block;
	vertical-align: top;
}
.sceWeb .wbeMetersListItem {
	margin-bottom: 4px;
	margin-right: 24px;
}
.dijitRtl .sceWeb .wbeMetersListItem {
	margin-left: 24px;
	margin-right: 0;
}
.sceWeb .wbeMetersListItem:last-child {
	margin-right: 0;
}
.dijitRtl .sceWeb .wbeMetersListItem:last-child {
	margin-left: 0;
}
.sceApp .wbeMetersListItem {
	min-width: calc(100vw - 32px);
}
.scene .wbePurposeMeters.sceHasChannels .wbeMetersListItem {
	height: 370px;
}
.sceWeb.sceLight .wbePurposeMeters.sceHasChannels .wbeMetersListItem {
	height: 404px;
}
.scene .wbePurposeConsumption.sceHasChannels .wbeMetersListItem {
	height: 451px;
}
.sceWeb.sceLight .wbePurposeConsumption.sceHasChannels .wbeMetersListItem {
	height: 471px;
}
.sceWeb .sceMultiDevice .wbeMetersListItem.sceSelected {
	border: 1px solid var(--font);
}
.sceOneDevice .wbeMetersListItem .sceCheckBoxDefault .sceCheckBoxIcon {
	display: none;
}
.sceOneDevice .wbeMetersListItem .sceCheckBoxDefault .sceLabelContent {
	margin: 0;
}
.scene .wbeMetersListItem .sceCheckBoxDefault {
	max-width: calc(100vw - 32px);
}
.scene .wbeMetersListItem.sceCanEnable .sceCheckBoxDefault {
	max-width: calc(100vw - 150px);
}
.sceWeb .wbeMetersListItem .sceCheckBoxDefault {
	flex-grow: 1;
}
.sceApp .wbeMetersListItem .sceCheckBoxDefault {
	opacity: .5;
}
.sceApp .wbeMetersListItem .sceCheckBoxDefault .sceLabelContent {
	overflow: hidden;
	text-overflow: ellipsis;
}
.sceApp .sceMultiDevice .wbeMetersListItem.sceSelected .sceCheckBoxDefault {
	opacity: 1;
}
.wbeMetersListItem .sceHead {
	display: flex;
	align-items: center;
	grid-gap: 16px;
	padding: 0 24px;
	min-height: 52px;
}
.sceWeb .wbeMetersListItem .sceHead {
	border-bottom: 1px solid var(--border);
}
.sceWeb.sceDark .wbeMetersListItem .sceHead {
	padding: 0;
	margin: 0 24px;
}
.sceWeb.sceDark .wbeMetersListItem.sceSelected .sceHead {
	padding: 0 24px;
	margin: 0;
}
.sceApp .wbeMetersListItem .sceHead {
	justify-content: center;
	padding: 0;
	z-index: 2;
}
.wbeMetersMainChart {
	width: 280px;
	height: 154px;
	margin: 0 auto;
}
.sceApp .wbeMetersMainChart {
	position: relative;
	top: -20px;
}
.wbeMetersMainChart .sceLabelValue {
	font-size: 20px;
	line-height: 24px;
}
.wbeMetersMainChart .sceLabelUnit {
	font-size: 10px;
	line-height: 12px;
}
.sceHasChannels .wbeMetersListItem.sceNoChannels .sceHead {
	margin-bottom: 48px;
}
.sceWeb .wbeMetersListItem .sceHead .sceCheckBoxDefault .sceLabelContent {
	text-transform: uppercase;
	font-weight: var(--fbold);
}
.sceApp .wbeMetersListItem .sceHead .sceCheckBoxDefault .sceLabelContent {
	text-transform: uppercase;
	font-weight: var(--fregular);
}
.claro .wbeMetersListItem .sceCheckBoxSwitch .sceLabelInner .sceLabelContent {
	margin: 0;
}
.sceWeb.sceLight .wbeMetersListItem .sceContainer {
	padding: 0 24px 24px 24px;
	border-bottom: 1px solid var(--border);
}
.sceWeb .wbeMetersListItem .sceDeviceChart {
	cursor: pointer;
}
.sceWeb .wbeMetersListItem.sceInactiveOnSpace .sceDeviceChart {
	cursor: default;
}
.sceApp .wbeMetersListItem .sceDeviceChart {
	overflow: hidden;
}
.wbeMetersListItem .sceDeviceAmpsVolts,
.wbeMetersListItem .sceChannelAmpsVolts {
	display: flex;
	justify-content: space-between;
	font-weight: var(--fsemi);
}
.wbeMetersListItem .sceDeviceAmpsVolts {
	max-width: 180px;
	margin: 0 auto;
}
.sceWeb .wbeMetersListItem .sceDeviceAmpsVolts {
	padding-top: 9px /*20px*/;
}
.wbeMetersListItem .sceChannelAmpsVolts {
	font-size: 13px;
	line-height: 15px;
	margin: 0 auto;
}
.sceWeb .wbeMetersListItem .sceChannelAmpsVolts {
	padding: 4px 24px 12px 24px;
	max-width: 140px;
}
.sceApp .wbeMetersListItem .sceChannelAmpsVolts {
	padding: 0 12px 0 12px;
	max-width: 120px;
}
.sceWeb .wbeMetersListItem .sceDeviceAmpsVolts span,
.sceWeb .wbeMetersListItem .sceChannelAmpsVolts span {
	font-weight: var(--flight);
}
.sceApp .wbeMetersListItem .sceDeviceAmpsVolts span,
.sceApp .wbeMetersListItem .sceChannelAmpsVolts span {
	font-weight: var(--fregular);
}
.wbeMetersListItem.sceNoChannels .sceDeviceChart {
	border-bottom: none;
	margin-bottom: 16px;
}
.wbeMetersListItem.sceNoChannels .sceChanelContainer {
	display: none;
}
.wbeMetersChannel {
	display: inline-block;
	vertical-align: top;
}
.sceWeb .wbeMetersChannel {
	cursor: pointer;
	min-width: 120px;
}
.sceWeb.sceLight .wbeMetersChannel {
	padding: 24px 0;
	border-left: 1px solid var(--border);
}
.sceWeb .wbeMetersListItem.sceInactiveOnSpace .wbeMetersChannel {
	cursor: default;
}
.sceWeb .wbeMetersChannel:first-child {
	border-left: none;
}
.sceWeb.sceDark .wbeMetersChannel,
.sceApp .wbeMetersChannel {
	padding: 12px 0;
	min-width: 90px;
}
.sceWeb .wbeMetersChannel .sceTitleBox {
	position: relative;
	padding: 0 16px;
	font-size: 13px;
	line-height: 15px;
	text-align: center;
	margin-bottom: 12px;
}
.sceApp .wbeMetersChannel .sceTitleBox {
	position: relative;
	margin-bottom: 6px;
	text-align: center;
}
.wbeMetersChannel .sceTitleBox .sceTitle {
	text-transform: uppercase;
	margin-bottom: 4px;
	overflow: hidden;
}
.sceWeb .wbeMetersChannel .sceTitleBox .sceTitle {
	font-weight: var(--fsemi);
}
.sceApp .wbeMetersChannel .sceTitleBox .sceTitle {
	font-size: 11px;
	line-height: 13px;
}
.wbeMetersChannel .sceTitleBox .sceDescription {
	white-space: nowrap;
	overflow: hidden;
}
.sceWeb .wbeMetersChannel .sceTitleBox .sceDescription {
	font-weight: var(--flight);
}

.scene .wbeTitleBoxMain {
	position: relative;
	text-align: center;
}
.sceWeb .wbeTitleBoxMain {
	padding: 16px 16px 0px 16px;
	margin-bottom: -20px;
	font-size: 13px;
	line-height: 15px;
}
.sceApp .wbeTitleBoxMain {
	padding: 0 12px;
}
.wbeTitleBoxMain .sceTitle{
	text-transform: uppercase;
	overflow: hidden;
	white-space: nowrap;
}
.sceWeb .wbeTitleBoxMain .sceTitle {
	font-weight: var(--fsemi);
}
.sceApp .wbeTitleBoxMain .sceTitle {
	font-size: 11px;
	line-height: 13px;
}
.scene .wbeMetersListItem .sceIconLive {
	position: absolute;
	top: 0;
	right: 0;
}
.scene.dijitRtl .wbeMetersListItem .sceIconLive {
	left: 0;
	right: auto;
}
.sceWeb.sceLight .wbeMetersListItem .wbeTitleBoxMain .sceIconLive {
	top: 14px;
	right: -8px;
}
.sceWeb.dijitRtl.sceLight .wbeMetersListItem .wbeTitleBoxMain .sceIconLive {
	left: -8px;
	right: auto;
}
.sceWeb.sceDark .wbeMetersListItem .wbeTitleBoxMain .sceIconLive {
	top: 14px;
	right: 20px;
}
.sceWeb.dijitRtl.sceDark .wbeMetersListItem .wbeTitleBoxMain .sceIconLive {
	left: 20px;
	right: auto;
}
.sceWeb.sceLight .wbeMetersListItem .wbeMetersChannel .sceIconLive {
	right: 16px;
}
.sceWeb.dijitRtl.sceLight .wbeMetersListItem .wbeMetersChannel .sceIconLive {
	left: 16px;
	right: auto;
}
.claro .wbeMetersListItem .sceIconLive svg {
	width: 18px;
	height: 18px;
}

.wbeMetersChanelChartContainer {
	width: 86px;
	margin: 0 auto;
}
.wbeMetersChannelChart {
	width: 130px;
	height: 90px;
}
.dijitRtl .wbeMetersChannelChart {
	position: relative;
	left: 46px;
}
.wbeMetersLiveChanelChartContainer {
	width: 120px;
	margin: 0 auto 24px auto;
}
.wbeMetersLiveChannelChart {
	width: 190px;
	height: 110px;
}

.wbeTitleImportExport {
	text-align: center;
}

.wbeTitleImportExport .sceDescription {
	white-space: nowrap;
	overflow: hidden;
}
.sceWeb .wbeTitleImportExport .sceDescription {
	font-weight: var(--flight);
}

.highcharts-tooltip {
	filter: none !important;
}

.highcharts-data-table {
 	max-height: 363px;
	border: 1px solid var(--border);
	overflow: auto;
	margin: 16px auto 12px auto;
	width: fit-content;
	max-width: 100%;
 }
.highcharts-data-table table {
	background-color: var(--pane);
	border-collapse: collapse;
}
.highcharts-data-table caption {
	display: none;
}
.highcharts-data-table thead th {
	position: sticky;
	top: 0;
	box-shadow: inset 0px -1px var(--border);
	font-weight: var(--fbold);
	text-align: left;
	z-index: 1;
}
.sceLight .highcharts-data-table thead th {
	background-color: var(--font05);
}
.sceDark .highcharts-data-table thead th {
	background-color: var(--font10);
}
.dijitRtl .highcharts-data-table thead th {
	text-align: right;
}
.highcharts-data-table tr:nth-child(even) {
	background-color: var(--theme05);
}
.highcharts-data-table td, .highcharts-data-table th {
	border: 1px solid var(--border);
	border-top: none;
	padding: 8px 12px;
	text-align: right;
}
.dijitRtl .highcharts-data-table td, .dijitRtl .highcharts-data-table th {
	text-align: left;
}
.highcharts-data-table tbody td, .highcharts-data-table tbody th {
	white-space: nowrap;
}
.highcharts-data-table tr:last-child th,
.highcharts-data-table tr:last-child td {
	border-bottom: none;
}
:not(.dijitRtl) .highcharts-data-table th:first-child {
	border-left: none;
}
.dijitRtl .highcharts-data-table th:first-child {
	border-right: none;
}
.highcharts-data-table th:last-child,
.highcharts-data-table td:last-child {
	border-left: none;
	border-right: none;
}

.tariffContainerChartMaxPower .highcharts-data-table {
 	max-height: 429px;
}
.tariffContainerChartMaxPower .highcharts-data-table th {
	text-align: left;
}
.dijitRtl .tariffContainerChartMaxPower .highcharts-data-table th {
	text-align: right;
}

.sceGaugeRangeBar {
	display: flex;
}
.sceGaugeRangeBar table {
	width: 100%;
	table-layout: fixed;
	border-spacing: 4px
}
.sceGaugeRangeBar td .sceAxis {
	font-size: 12px;
	line-height: 14px;
	padding: 0 8px 3px 8px;
}
.sceGaugeRangeBar td .sceItem {
	padding: 6px 12px;
	border-radius: var(--radius);
	white-space: nowrap;
	overflow: hidden;
}
.sceGaugeRangeBar td .iconify {
	width: 22px;
	height: 22px;
	margin-right: 12px;
	vertical-align: text-bottom;
}
.dijitRtl .sceGaugeRangeBar td .iconify {
	margin-left: 12px;
	margin-right: 0;
}
.sceGaugeRangeBar td .sceValue {
	font-size: 20px;
	line-height: 24px;
}
.sceWeb .sceGaugeRangeBar td .sceValue {
	font-weight: var(--fsemi);
}
.sceGaugeRangeBar td .scePercent {
	font-size: 14px;
	line-height: 16px;
}


.wbeTooltipMarker {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
}
.dijitRtl .wbeTooltipMarker {
	margin-left: 6px;
	margin-right: 0;
}

.wbeCustomLegendGroup {
	min-width: 0;
}
.wbeCustomLegendGroup .wbeGroupHead {
	font-size: 12px;
	line-height: 14px;
	font-weight: var(--fbold);
	margin-bottom: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.wbeCustomLegend.sceDefaultIteWidth .wbeCustomLegendItem {
	width: 150px;
	min-width: 150px;
}
.wbeCustomLegend.sceDefaultIteWidth .wbeCustomLegendItem.sceJoined {
	width: fit-content;
	max-width: 300px;
}
.wbeCustomLegend.sceDefaultIteWidth .wbeCustomLegendItem.sceJoined .sceBoxBottom {
	grid-gap: 16px;
}
.wbeCustomLegendItem {
	padding: 7px 9px;
	border: 1px solid var(--border);
	border-radius: var(--radiuss);
	min-width: 0;
	cursor: default;
}
.sceNoGroup .wbeCustomLegendItem {
	margin-bottom: 8px;
}
.wbeCustomLegendItem .sceBoxTop {
	display: flex;
	grid-gap: 4px;
}
.wbeCustomLegendItem .sceBoxBottom {
	display: grid;
	grid-template-columns: 1fr 10px;
	grid-gap: 8px;
	align-items: end;
}
.wbeCustomLegendItem .sceSerieName {
	padding-bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-grow: 1;
}
.wbeCustomLegendItem .sceBoxCheckBox {
	position: relative;
	top: -1px;
	left: 4px;
}
.dijitRtl .wbeCustomLegendItem .sceBoxCheckBox {
	left: -4px;
}
.wbeCustomLegendItem .sceUncheckedNode,
.wbeCustomLegendItem .sceCheckedNode {
	width: 22px;
	height: 22px;
	border-radius: 3px;
}
.wbeCustomLegendItem .sceUncheckedNode {
	border: 1px solid var(--font);
}
.wbeCustomLegendItem .sceCheckedNode,
.wbeCustomLegendItem.dijitChecked .sceUncheckedNode {
	display: none;
}
.wbeCustomLegendItem.dijitChecked .sceCheckedNode {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--font);
}
.wbeCustomLegendItem .sceCheckedNode svg {
	display: block;
	width: 17px;
	height: 17px;
}
.wbeCustomLegendItem .sceCheckedNode path {
	fill: var(--inversefont);
}
.wbeCustomLegendItem.sceShowTotal .sceSymbolBox {
	position: relative;
	top: -4px;
}
.wbeCustomLegendItem .sceSerieName,
.wbeCustomLegendItem .sceTotalUnit {
	font-size: 12px;
	line-height: 14px;
}
.wbeCustomLegendItem .sceBoxTotal {
	display: none;
}
.wbeCustomLegendItem.sceShowTotal .sceBoxTotal {
	display: block;
}
.wbeCustomLegendItem .sceTotal {
	font-size: 20px;
	line-height: 24px;
	font-weight: var(--fsemi)
}
.sceApp.sceLight .wbeCustomLegendItem .sceSerieName,
.sceApp.sceLight .wbeCustomLegendItem .sceTotalUnit,
.sceDark .wbeCustomLegendItem .sceSerieName,
.sceDark .wbeCustomLegendItem .sceTotalUnit {
	opacity: .5;
}
.wbeCustomLegendItem .sceSymbol {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.wbeCustomLegendResponsive .sceContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	grid-gap: 16px 32px;
}
.wbeCustomLegendResponsive .wbeCustomLegendItem {
	border: none;
	padding: 0;
}
.wbeCustomLegendResponsive .wbeCustomLegendItem .sceBoxTop {
	grid-gap: 8px;
}
.wbeCustomLegendResponsive .wbeCustomLegendItem .sceSerieName {
	padding: 2px 0;
	margin: 0;
	min-height: unset;
	white-space: normal;
}
.wbeCustomLegendResponsive .wbeCustomLegendItem .sceUncheckedNode,
.wbeCustomLegendResponsive .wbeCustomLegendItem .sceCheckedNode {
	width: 16px;
	height: 16px;
}
.wbeCustomLegendResponsive .wbeCustomLegendItem .sceCheckedNode svg {
	width: 12px;
	height: 12px;
}
.wbeCustomLegendResponsive .wbeCustomLegendItem .sceBoxCheckBox {
	position: static;
	order: -1;
}
.wbeCustomLegendResponsive .wbeCustomLegendItem .sceBoxBottom {
	display: block;
	padding-left: 24px;
}
.dijitRtl .wbeCustomLegendResponsive .wbeCustomLegendItem .sceBoxBottom {
	padding-left: 0;
	padding-right: 30px;
}
.sceWeb .wbeCustomLegendResponsive .wbeCustomLegendItem .sceTotal {
	font-size: 21px;
	line-height: 25px;
}
.sceApp .wbeCustomLegendResponsive .wbeCustomLegendItem .sceTotal {
	font-size: 17px;
	line-height: 20px;
}
.wbeCustomLegendResponsive .wbeCustomLegendItem .sceSymbolBox {
	display: none;
}


.sceHorizontalPanes .sceIndicator {
	position: fixed;
	left: 0;
	right: 0;
	background-color: var(--bodyend);
}
.sceWeb .sceHorizontalPanes .sceIndicator {
	bottom: 0;
}
.sceApp .sceHorizontalPanes .sceIndicator {
	bottom: 56px;
}


.wbeNotifGrid {
	margin-bottom: 40px;
}
.wbeNotifGrid > .sceTitle {
	font-weight: var(--fsemi);
	margin-bottom: 24px;
	text-transform: uppercase;
}
.sceWeb .wbeNotifGrid > .sceTitle {
	font-size: 16px;
	line-height: 19px;
}
.sceApp .wbeNotifGrid > .sceTitle {
	font-size: 12px;
	line-height: 14px;
}
.wbeNotifGridRow {
	display: flex;
	align-items: center;
	grid-gap: 16px;
}
.sceWeb .wbeNotifGridRow {
	padding: 24px 20px;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--border);
}
.sceApp .wbeNotifGridRow {
	padding: 24px 0;
}
.sceApp .wbeNotifGridRow .sceBoxTitle .sceDate,
.sceApp .wbeNotifGridRow.sceRowMessage .sceBoxRight {
	opacity: .5;
}
.sceWeb .wbeNotifGridRow .sceBoxIcon .iconify {
	display: block;
	width: 42px;
	height: 42px;
}
.sceApp .wbeNotifGridRow .sceIconNode {
	background-color: var(--theme);
	color: var(--themefont);
	padding: 4px;
	border-radius: 50%;
}
.sceApp .wbeNotifGridRow .sceBoxIcon .iconify {
	display: block;
	width: 18px;
	height: 18px;
}
.wbeNotifGridRow .sceBoxTitle {
	flex-grow: 1;
}
.wbeNotifGridRow .sceBoxTitle .sceDate {
	font-size: 12px;
	line-height: 14px;
}
.sceWeb .wbeNotifGridRow .sceBoxTitle .sceDate {
	margin-bottom: 4px;
}
.sceApp .wbeNotifGridRow .sceBoxTitle .sceTitle {
	margin-bottom: 6px;
}
.wbeNotifGridRow .sceBoxTitle .sceTitle {
	font-size: 16px;
	line-height: 19px;
}
.sceWeb .wbeNotifGridRow .sceBoxTitle .sceTitle {
	font-weight: var(--fsemi);
}
.scene .wbeNotifGridRow.sceRowDownload .sceBoxRight {
	display: flex;
	grid-gap: 12px;
}
.sceWeb .wbeNotifGridRow.sceRowMessage .sceBoxRight {
	margin-top: 8px;
	width: 100%;
}
.sceApp .wbeNotifGridRow.sceRowMessage .sceBoxRight {
	display: none;
}
.sceApp .wbeNotifGridRow.sceRowMessage .sceBoxRightApp {
	opacity: 1;
	font-size: 10.5px;
	margin-top: 8px;
}
.wbeNotifGridRow .sceBoxRight a.sceLikeButton .iconify {
	display: block;
	width: 22px;
	height: 22px;
}
.sceWeb .wbeNotifGridRow a.sceLikeButton {
	padding: 0 8px;
}
.wbeNotifGridRow .sceBoxRight .sceLikeButton .sceLabelNode {
	display: none;
}

.wbeTariffSubForm {
	padding-bottom: 8px;
}
.claro .wbeTariffSubForm .sceSubFormLabelNew {
	top: 36px;
	font-size: 8px;
	line-height: 10px;
	padding: 0 10px;
	border-radius: 0 0 8px 8px;
}
.wbeTariffGroup > .sceTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
	height: 32px;
    font-weight: var(--fsemi);
    text-transform: uppercase;
    border-bottom: 1px solid var(--ctlborder);
	margin-bottom: 8px;
}
.wbeTariffGroup > .sceContainer {
	margin-bottom: 24px;	
}
.wbeTariffGroup .sceAddButton,
.wbeTariffGroup .sceRemoveButton {
	display: flex;
}
.sceApp .wbeTariffGroup .sceAddButton {
	opacity: .5;
}
.wbeTariffGroup .dijitButton.sceRemoveButton .dijitButtonNode {
	padding-left: 6px;
	padding-right: 6px;
}
.wbeTariffGroup .sceAddButton svg {
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
}
.dijitRtl .wbeTariffGroup .sceAddButton svg {
	margin-left: 4px;
	margin-right: 0;
}
.wbeTariffGroup .sceAddButton path {
	fill: var(--font);
}
.wbeTariffPrice {
	margin-bottom: 8px;
    overflow: hidden;
	transition: border-color 470ms;
    border-radius: var(--radiuss);
}
.wbeTariffPrice .sceHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: var(--font05);
    padding: 0 8px;
    height: 30px;
	transition: all 470ms;
}
.sceApp .wbeTariffPrice .sceHeader {
	background-color: var(--font10);
	opacity: .5;
}
.wbeTariffPrice.sceExpanded .sceHeader,
.sceApp .wbeTariffPrice.sceExpanded .sceHeader {
	color: var(--inversefont);
	background-color: var(--font);
}
.sceWeb .wbeTariffPrice.sceExpanded .sceHeader {
    opacity: 1;
}
.sceApp .wbeTariffPrice.sceExpanded .sceHeader {
    opacity: .8;
}
.wbeTariffPrice .sceHeader .sceBoxActions {
	display: flex;
	align-items: center;
}
.wbeTariffPrice .sceHeader .sceArrow path {
	fill: var(--font);
}
.wbeTariffPrice.sceExpanded .sceHeader .sceArrow path {
	fill: var(--inversefont);
}
.wbeTariffPrice .sceHeader .sceBoxTitle {
	display: grid;
	grid-template-columns: 32px 1fr;
}
.wbeTariffPrice .sceHeader .sceOrder {
	text-align: center;
	font-weight: var(--fsemi);
}
.wbeTariffPrice .sceHeader .sceDescription {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.wbeTariffPrice .sceHeader .sceBoxMove {
	display: flex;
}
.wbeTariffPrice .sceHeader .sceMoveNode {
	padding: 2px;
	border-radius: var(--radius);
	margin: 0 4px;
}
.sceWeb .wbeTariffPrice .sceHeader .sceMoveNode {
	opacity: .5;
}
.wbeTariffPrice .sceHeader .sceMoveNode svg {
	display: block;
}
.sceWeb .wbeTariffPrice .sceHeader .sceMoveNode:hover,
.sceWeb .wbeTariffPrice.sceExpanded .sceHeader .sceMoveNode {
	opacity: 1;
}
.wbeTariffPrice .sceHeader .sceArrowUp,
.wbeTariffPrice .sceHeader .sceArrowDown {
	margin: 0 6px;
}
.wbeTariffPrice .sceHeader .sceArrowUp svg,
.wbeTariffPrice .sceHeader .sceArrowDown svg {
	width: 16px;
	height: 16px;
}
.wbeTariffPrice.sceCollapsed .sceHeader .sceArrowUp {
	display: none;
}
.wbeTariffPrice.sceExpanded .sceHeader .sceArrowDown {
	display: none;
}
.wbeTariffPrice .sceContents {
	position: relative;
	padding: 40px 0 24px 0;
	border-bottom: 3px solid var(--font);
	border-radius: var(--radiuss);
	margin-bottom: 24px;
}
.sceApp .wbeTariffPrice .sceContents {
	border-color: var(--font80);
}
.wbeTariffPrice .sceRemoveButton {
	position: absolute;
	top: 12px;
	right: 0;
}
.dijitRtl .wbeTariffPrice .sceRemoveButton {
	left: 0;
	right: auto;
}
.sceApp .wbeTariffPrice .sceRemoveButton {
	opacity: .5;
}
.wbeTariffPrice .sceRemoveButton svg {
	display: block;
	width: 18px;
	height: 18px;
}
.wbeTariffPrice .sceBoxGroupDesc,
.wbeTariffPrice .sceBoxGroupDescPercent,
.wbeTariffPrice .sceBoxDescPrice,
.wbeTariffPrice .sceBoxGroupDescPrice,
.wbeTariffPrice .sceBoxHPower {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 24px;
	margin-bottom: 32px;
}
.wbeTariffPrice .sceRangeContainer {
	margin-top: 12px;
}
.sceApp .wbeTariffPrice .sceCheckBox label,
.sceApp .wbeTariffPrice .sceCheckBox.dijitChecked.dijitDisabled label {
	color: var(--pholder);
}
.sceApp .wbeTariffPrice .sceCheckBox.dijitChecked label {
	color: var(--font);
}
.wbeTariffPrice .sceRangeDatesContainer,
.wbeTariffPrice .sceRangeTimeContainer,
.wbeTariffPrice .sceMultiSelect.sceWeekDays {
	max-width: 280px;
}
.wbeTariffPrice .sceRangeTimeContainer {
	margin-top: 8px;
}
.wbeTariffPrice .sceRangesBox {
	margin-right: 32px;
}
.dijitRtl .wbeTariffPrice .sceRangesBox {
	margin-left: 32px;
	margin-right: 0;
}
.wbeTariffPrice .sceRanges3Box {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 24px;
	grid-row-gap: 8px;
}
.wbeTariffPrice .sceRanges3Labels {
	border-bottom: 1px solid var(--font20);
}
.wbeTariffPrice .sceRanges3Labels,
.wbeTariffPriceStretch .sceSubFormItem {
	max-width: 800px;
}
.wbeTariffPrice .sceRanges3Labels .sceRanges3Box {
	grid-row-gap: 4px;
	padding-bottom: 8px;
}
.wbeTariffPrice .sceRanges3Box .sceRangeDescription {
	grid-column-start: 1;
	grid-column-end: 3;
}
.wbeTariffPrice .sceLabelSwitchContainer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 282px;
}
.wbeTariffPrice .sceLabelSwitchContainer .sceLabelNode {
	padding-top: 3px;
}
.wbeTariffPriceStretch .sceSubFormItem {
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--font20);
}
.sceWeb .wbeTariffPriceStretch .sceSubFormItem {
	padding-bottom: 16px;
}
.sceWeb .wbeTariffPriceStretch .sceSubFormItem .sceDelButton {
	top: 34px;
}
.sceApp .wbeTariffPriceStretch .sceSubFormItem .sceDelButton {
	top: 28px;
}
.wbeTariffPrice .sceRanges2Labels,
.wbeTariffPriceAccumulated .sceSubFormItem {
	max-width: 500px;
}
.wbeTariffPriceAccumulated .sceSubFormItem {
	padding-top: 6px;
	padding-bottom: 6px;
}
.wbeTariffPriceAccumulated .sceSubFormItem .sceDelButton {
	top: 9px;
}
	
.wbeTariffSubForm.sceReadOnly .wbeTariffGroup .sceAddButton,
.wbeTariffSubForm.sceReadOnly .wbeTariffPrice .sceRemoveButton,
.wbeTariffSubForm.sceReadOnly .wbeTariffPrice .sceBoxMove {
	display: none
}

.sceImageSvg.sceOnlyStroke .sceIconSvg path {
	stroke: var(--font);
	fill: none;
	stroke-width: 1px;
}
.sceImageSvg.sceThemeStroke .sceIconSvg path {
	stroke: var(--theme);
	fill: none;
	stroke-width: .65px;
}
.sceImageSvg.sceSolarPaneIcon .sceIconSvg path {
	stroke: var(--solidpane);
	stroke-width: 7px;
}

.sceBatteryIcon path {
	stroke-miterlimit:10;
	stroke-width:.5px;
	stroke: var(--font);	
}
.sceBatteryIcon.sceTheme .sceIconSvg path {
	stroke: var(--theme);	
}
.sceBatteryLevel0 .sceBatteryIcon.sceTheme .sceIconSvg path {
	stroke: var(--redlight);	
	fill: var(--redlight);	
}
.sceBatteryIcon rect {
	fill:none;
	stroke: var(--font10);	
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-width:3px;
}
.sceBatteryLevel0 .sceBatteryIcon .sceLevel1 {
	stroke: var(--redlight);	
}
.sceBatteryLevel1 .sceBatteryIcon .sceLevel1 {
	stroke: var(--redlight);	
	fill: var(--redlight);
}
.sceBatteryLevel2 .sceBatteryIcon .sceLevel1,
.sceBatteryLevel2 .sceBatteryIcon .sceLevel2 {
	stroke: var(--orange);	
	fill: var(--orange);
}
.sceBatteryLevel3 .sceBatteryIcon .sceLevel1,
.sceBatteryLevel3 .sceBatteryIcon .sceLevel2,
.sceBatteryLevel3 .sceBatteryIcon .sceLevel3 {
	stroke: var(--lime);	
	fill: var(--lime);
}
.sceBatteryLevel4 .sceBatteryIcon .sceLevel1,
.sceBatteryLevel4 .sceBatteryIcon .sceLevel2,
.sceBatteryLevel4 .sceBatteryIcon .sceLevel3,
.sceBatteryLevel4 .sceBatteryIcon .sceLevel4 {
	stroke: var(--green);	
	fill: var(--green);
}


.sceMultiSelect.sceWeekDays .sceFieldsContainer {
	border-radius: var(--radius);
	background-color: var(--font11);
	padding: 4px;
	overflow: hidden;
}
.claro .sceMultiSelect.sceWeekDays .sceCheckBox {
	margin: 0;
	overflow: visible;
}
.sceMultiSelect.sceWeekDays .sceCheckBox .sceLabelInner {
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight: var(--fsemi);
	color: var(--font50);
	padding: 4px 8px;
	border: 1px solid transparent;
	border-left: 1px solid var(--border);
	transition: all 470ms;
}
.sceMultiSelect.sceWeekDays .sceCheckBox:first-child .sceLabelInner {
	border-left: none;
}
.sceMultiSelect.sceWeekDays .sceCheckBoxDefault .sceLabelContent {
	text-align: center;
	margin: 0;
}
.sceMultiSelect.sceWeekDays .sceCheckBox .sceCheckBoxIcon {
	display: none;
}
.sceMultiSelect.sceWeekDays .sceCheckBox.dijitChecked .sceLabelInner {
	border-color: var(--font05);
	border-radius: var(--radius);
	margin: 0 .5px;
	-webkit-box-shadow: 0 2px 4px 0 var(--font20);
	box-shadow: 0 2px 4px 0 var(--font20);
}
.sceLight .sceMultiSelect.sceWeekDays .sceCheckBox.dijitChecked .sceLabelInner {
	background-color: var(--solidpane);
	color: var(--font);
}
.sceDark .sceMultiSelect.sceWeekDays .sceCheckBox.dijitChecked .sceLabelInner {
	background-color: var(--theme);
	color: var(--themefont);
}

.claro .sceMultiSelect .sceGroupTitle {
	font-size: 15px;
	line-height: 17px;
	padding: 16px 0 6px 0;
}
.claro .sceMultiSelect .sceGroupTitle:first-child {
	padding-top: 0;
}

.scene .sceMultiSelect .sceItemCompact {
	border-radius: var(--radiuss);
	margin-bottom: 8px;
}
.sceWeb .sceMultiSelect .sceItemCompact {
	border: 1px solid var(--font20);
}
.sceApp .sceMultiSelect .sceItemCompact {
	border: 1px solid var(--font11);
}
.scene .sceMultiSelect.sceItemText .sceItemCompact {
	padding: 12px 10px 12px 12px;
}
.dijitRtl .sceMultiSelect.sceItemText .sceItemCompact {
	padding-left: 10px;
	padding-right: 12px;
}
.scene .sceMultiSelect.sceItemSvgText .sceItemCompact {
	padding: 12px 10px 12px 0;
}
.dijitRtl .sceMultiSelect.sceItemSvgText .sceItemCompact {
	padding-left: 10px;
	padding-right: 0;
}
.scene .sceMultiSelect.sceItemSmall .sceItemCompact {
	padding: 8px 6px 8px 12px;
	margin-bottom: 0;
}
.dijitRtl .sceMultiSelect.sceItemSmall .sceItemCompact {
	padding-left: 6px;
	padding-right: 12px;
}
.sceApp .sceMultiSelect .sceItemCompact .sceItemRemove {
	opacity: .5;
}

.claro .sceMultiSelect.sceEditorselect .sceFieldsContainer {
	margin-bottom: 16px;
}
.sceWeb .sceMultiSelect.sceEditorselect .dijitDropDownButton {
	width: 100%;
}
.sceApp .sceMultiSelect.sceEditorselect .sceButtonContainer {
	display: flex;
	justify-content: center;
}
.claro .sceMultiSelect.sceEditorselect .dijitDropDownButton .dijitButtonNode {
	background: transparent;
	color: var(--pholder);
	padding: 5px 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.sceWeb .sceMultiSelect.sceEditorselect .dijitDropDownButton .dijitButtonNode {
	border-bottom: 1px solid var(--pholder);
}
.sceApp.sceLight .sceMultiSelect.sceEditorselect .dijitDropDownButton .dijitButtonNode {
	color: var(--font);
}
.claro .sceMultiSelect.sceEditorselect .dijitButtonText {
	text-align: left;
}
.dijitRtl .sceMultiSelect.sceEditorselect .dijitButtonText {
	text-align: right;
}
.sceApp .sceMultiSelect.sceEditorselect .dijitDropDownButton .dijitArrowButtonInner {
	display: none;
}

.claro .scePopupMultiSelectPopup .sceLabelContent {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.claro .userDevicesNode {
	display: flex;
	align-items: center;
}
.claro .userDevicesNode .sceIcon {
	min-width: 56px;
}
.claro .userDevicesNode svg {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
}
.claro .userDevicesNode path {
	fill: var(--font);
	stroke: none;
	opacity: 1;
}
.scene .dijitMenuItemSelected .userDevicesNode path,
.scene .dijitMenuItemHover .userDevicesNode path {
	fill: var(--hoverfont)
}
.scene .dijitMenuItem .userDevicesNode {
	padding: 4px 0;
}


.wbeContainerS {
	max-width: 576px;
	margin: 0 auto;
}
.wbeContainerM {
	max-width: 768px;
	margin: 0 auto;
}
.wbeContainerL {
	max-width: 992px;
	margin: 0 auto;
}
.wbeContainerX {
	max-width: 1399px;
	margin: 0 auto;
}

.wbeButtonMinW {
	min-width: 140px;
}
.sceDialogApp .wbeContainerS,
.sceDialogApp .sceFooterContainer .wbeContainerS {
	padding: 0;
}

.wbeInstallRadio .sceRadioButton {
	padding: 8px 16px 8px 8px;
	margin: 0;
}
.sceLight .wbeInstallRadio .sceRadioButton {
	background-color: var(--font05);
}
.sceDark .wbeInstallRadio .sceRadioButton {
	background-color: var(--font10);
}
.dijitRtl .wbeInstallRadio .sceRadioButton {
	padding-left: 16px;
	padding-right: 8px;
}
.wbeInstallRadio .sceRadioButton label {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}
.wbeInstallRadio .sceRadioLabel {
	font-size: 22px;
	line-height: 26px;
	font-weight: var(--fsemi);
	flex-grow: 1;
}
.wbeInstallRadio .sceIcon {
	margin-right: 24px;
}
.wbeInstallRadio .sceIcon svg {
	width: 100px;
	height: 100px;
}
.wbeInstallColor path,
.wbeInstallRadio .sceRightControl path {
	fill: var(--font);
}
.wbeInstallRadio .sceRightControl path {
	stroke: var(--font);
}
.wbeInstallRadio .sceRightControl svg {
	display: block;
	height: 17px;
	width: 17px;
	opacity: .5;
}

.claro .sceTabsController.sceButton .sceNavTabs {
	display: flex;
	grid-gap: 8px;
}
.claro .sceTabsController.sceButton .sceNavTabs li {
	padding: 12px 16px;
	font-weight: var(--fbold);
	text-transform: uppercase;
	background-color: var(--button);
	border: 1px solid var(--ctlborder);
	border-radius: var(--radius);
	opacity: .7;
	transition: all 470ms;
}
.claro .sceTabsController.sceButton .sceNavTabs li:hover {
	background-color: var(--font10);
	opacity: 1;
}
.claro .sceTabsController.sceButton .sceNavTabs li.sceSelected {
	background-color: var(--hover);
	color: var(--hoverfont);
	opacity: 1;
}
.sceSelectedGradient .sceTabsController.sceButton .sceNavTabs li.sceSelected {
	background-image: -moz-linear-gradient(var(--hovergrad) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-linear-gradient(var(--hovergrad) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(var(--hovergrad) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(var(--hovergrad) 0%, rgba(255, 255, 255, 0) 100%);
	_background-image: none;
}


.claro .sceTabsController.sceMedium .sceNavTabs li {
	padding: 8px 24px;
}
.claro .sceTabsController.sceLarge .sceNavTabs li {
	padding: 12px 48px;
}
.claro .sceTabsController.scefw-sb .sceNavTabs li {
	font-weight: var(--fsemi);
}
.claro .sceTabsController.scett-n .sceNavTabs li {
	text-transform: none;
}

.claro .wbeTitleBar .sceTabsController .sceNavTabs {
	display: flex;
	grid-gap: 8px;
}
.claro .wbeTitleBar .sceTabsController {
	margin: 0 4px;
	display: flex;
	align-items: flex-end;
	height: 100%
}
.claro .wbeTitleBar .sceTabsController .sceNavTabs li {
	font-weight: var(--fbold);
	background-color: var(--font05);
	border: 1px solid var(--border);
	border-bottom: none;
	border-radius: var(--radius) var(--radius) 0 0;
	opacity: .7;
	transition: all 470ms;
}
.claro .wbeTitleBar .sceTabsController.scefw-sb .sceNavTabs li {
	font-weight: var(--fsemi);
}
.claro .wbeTitleBar .sceTabsController.scett-n .sceNavTabs li {
	text-transform: none;
}
.sceSelectedGradient .wbeTitleBar .sceTabsController .sceNavTabs li {
	background-image: -moz-linear-gradient(var(--hovergrad) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-linear-gradient(var(--hovergrad) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(var(--hovergrad) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(var(--hovergrad) 0%, rgba(255, 255, 255, 0) 100%);
	_background-image: none;
}
.claro .wbeTitleBar .sceTabsController .sceNavTabs li:hover {
	background-color: var(--font10);
	opacity: 1;
}
.claro .wbeTitleBar .sceTabsController .sceNavTabs li.sceSelected {
	background-color: var(--hover);
	color: var(--hoverfont);
	opacity: 1;
}


.sceTabsController.sceSegmented {
	border-radius: var(--radius);
	overflow: hidden;
}
.sceWeb .sceTabsController.sceSegmented {
	padding: 4px;
	background-color: var(--font11);
}
.sceApp .sceTabsController.sceSegmented {
	border: 1px solid var(--font15);
}
.sceTabsController.sceSegmented .sceNavTabs {
	display: flex;
}
.sceTabsController.sceSegmented li {
	border: 1px solid transparent;
	position: relative;
	overflow: visible;
}
.sceTabsController.sceSegmented li {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	line-height: 14px;
	font-weight: var(--fsemi);
	padding: 0 12px;
	height: 30px;
	opacity: .5;
}
.claro .sceTabsController li.sceSelected {
	background-color: var(--hover);
	color: var(--hoverfont);
	opacity: 1;
}
.sceWeb .sceTabsController.sceSegmented.sceSmallH li {
	height: 22px;
}
.sceApp .sceTabsController.sceSegmented.sceSmallH li {
	height: 28px;
}


.claro .dijitTooltipBelow,
.claro .dijitTooltipAbove {
	padding-left: 0;
	padding-right: 0;
}
.claro .dijitTooltipContainer {
	padding: 12px;
	background-color: var(--black);
	background-image: none;
	color: var(--white);
	border-color: var(--font);
	border-radius: 8px;
}
.claro .dijitTooltipConnector {
	width: 25px;
	height: 25px;
}
.sceLight .dijitTooltipConnector {
	background-image: url(img/custom_tooltip.png);
}
.sceDark .dijitTooltipConnector {
	background-image: url(img/custom_tooltip_white.png);
}
.claro .dijitTooltipBelow .dijitTooltipConnector {
	background-position: -50px -12px;
	width: 25px;
	height: 14px;
}
.claro .dijitTooltipAbove .dijitTooltipConnector {
	background-position: -25px 1px;
	width: 25px;
	height: 14px;
}
.claro .dijitTooltipLeft .dijitTooltipConnector {
	width: 14px;
	height: 25px;
}
.claro .dijitTooltip.undefined .dijitTooltipConnector,
.claro .dijitTooltipRight .dijitTooltipConnector {
	background-position: -86px 0;
	width: 14px;
	height: 25px;
}

.dijitTooltipDialog.sceDefault .dijitTooltipContainer {
	background-color: var(--solidpane);
	color: var(--font);
	padding: 0;
}
.dijitTooltipDialog.sceDefault .dijitTooltipFocusNode {
	padding: 0;
}
.dijitTooltipDialog.sceDefault .wbeTitleBar {
	padding: 16px;
	height: auto!important;
	background-color: var(--font);
	color: var(--inversefont);
	border: none;
	border-radius: var(--radius) var(--radius) 0 0;
	overflow: hidden;
}


.sceLight.sceShowUnderlay .dijitDialogUnderlay {
	background-color: rgba(0,0,0,0.2);
	opacity: 1;
}
.sceDark.sceShowUnderlay .dijitDialogUnderlay {
	background-color: rgba(0,0,0,0.3);
	opacity: 1;
}

.claro .sceDialog {
	border-color: var(--font05);
	border-radius: var(--radiuss);
}
.sceWeb.sceLight .sceDialog {
	box-shadow: 0 4px 11px rgba(0,0,0,.28);
}
.sceWeb.sceDark .sceDialog {
	box-shadow: 0 4px 24px rgb(0,0,0,.5);
}
.sceWeb.sceDark .sceDialog {
	border-color: var(--font);
}
.sceApp .sceDialog {
	box-shadow: none;
}
.claro .sceDialog .dijitDialogTitleBar {
	display: flex;
	align-items: center;
	border: none;
	background: var(--pane);
	background-image: none;
	overflow: hidden;
}
.sceWeb .sceDialog .dijitDialogTitleBar {
	padding: 0 16px 0 24px;
	height: 52px;
}
.dijitRtl.sceWeb .sceDialog .dijitDialogTitleBar {
	padding-left: 16px;
	padding-right: 24px;
}
.sceWeb.sceLight .sceDialog .dijitDialogTitleBar {
	background-color: var(--pane);
	color: var(--panefont);
	border-bottom: 1px solid var(--border);
}
.sceWeb.sceDark .sceDialog .dijitDialogTitleBar {
	border-bottom: 1px solid var(--font20);
}
.sceApp .sceDialog .dijitDialogTitleBar {
	padding: 0 16px;
	height: var(--hheader);
}
.sceDialog.sceScrollMode.sceCovered {
	max-height: 0;
}
.sceDialog.sceScrollMode .dijitDialogTitleBar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background-color: var(--solidpane);
}

.sceWeb .sceDialog.sceScrollMode .sceDialogContent {
	margin-top: 52px;
}
.sceApp .sceDialog.sceScrollMode .sceDialogContent {
	margin-top: var(--hheader);
}
.sceWeb .wbeDialogBig.sceScrollMode .sceDialogContent {
	margin-top: 90px;
}
.claro .sceDialog .dijitDialogTitle {
	display: flex;
	align-items: center;
	padding: 0;
	font-weight: var(--fbold);
	color: var(--font);
	flex-grow: 1;
	overflow: hidden;
}
.claro.sceWeb .sceDialog .dijitDialogTitle {
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
}
.claro .sceDialogApp .dijitDialogTitle {
	font-size: 15px;
	line-height: normal;
	font-weight: var(--regular);
	justify-content: center;
}
.claro .sceDialog .dijitDialogTitle .sceTextTitle {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sceApp .sceDialog .dijitDialogTitle .sceTextTitle {
	text-align: center;
}
.claro .sceDialogApp .dijitDialogTitle svg {
	display: none;
}
.claro .sceDialogApp .sceBackButton,
.claro .sceDialogApp .sceSaveBoxButton {
	width: 80px;
}
.claro .sceDialogApp .sceSaveBoxButton {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.claro .sceDialogApp .sceBackButton {
	position: relative;
	display: flex;
	align-items: center;
	padding: 8px 0;
}
.claro .sceDialogApp .sceBackButton.sceArrow {
	left: -6px;
}
/*.dijitRtl .claro .sceDialogApp .sceBackButton.sceArrow {
	left: 6px;
}*/
.claro .sceDialogApp .sceSaveButton {
	display: inline-block;
}
.claro .sceDialogApp .sceBackButton svg {
	display: block;
	width: 22px;
	height: 22px;
	padding: 0;
	margin: 0;
	border: none;
}
.claro .sceDialogApp .dijitDialogTitle .sceBackButton .closeText {
	margin-right: 8px;
}
.dijitRtl .sceDialogApp .dijitDialogTitle .sceBackButton .closeText {
	margin-left: 8px;
	margin-right: 0;
}
.claro .sceDialogApp .dijitDialogTitle .sceBackButton svg {
	width: 17px;
	min-width: 17px;
	height: 17px;
}
.claro .sceDialogApp .sceBackButton path {
	fill: var(--font);
	stroke: var(--font);
}
.claro .sceDialogApp .sceSaveButton .dijitButtonNode {
	padding: 8px 0;
	border: none;
	background: transparent;
}
.claro .sceDialogApp .sceSaveButton .dijitButtonContents {
	height: auto;
}

.sceDialog .dijitDialogCloseIcon {
	padding: 6px;
	position: unset;
	border: 1px solid transparent;
	border-radius: 8px;
	transition: border-color 470ms;
}
.sceDialog .dijitDialogCloseIcon:hover {
	border-color: var(--font);
}
.sceWeb.sceHeadGradient5B .sceDialog.wbeDialogTheme .dijitDialogCloseIcon:hover {
	border-color: var(--headfont);
}
.sceDialog .closeText {
	display: block;
	position: unset;
}
.sceWeb .sceDialog .sceDialogContent {
	padding: 31px 24px 32px 24px;
}
.sceApp .sceDialog .sceDialogContent {
	padding: 24px 20px 32px 20px;
}
.sceApp .sceDialogNoFixed .sceDialogContent {
	text-align: center;
}
.scene .sceErrorDialog .sceDialogContent {
	text-align: left;
}
.dijitRtl .sceErrorDialog .sceDialogContent {
	text-align: right;
}
.sceApp .sceDialogNoFixed .sceDialogContent {
	padding: 24px 20px 32px 20px;
}
.sceApp .sceDialog .sceDialogContent.sceSmallTop {
	padding-top: 16px;
}
.sceApp .sceDialog .sceDialogContent.sceSmallW {
	padding: 16px;
}
.sceDialog .sceDialogContent.sceFullContent,
.sceApp .sceDialog.sceAppFullContent .sceDialogContent {
	padding: 0;
}
.sceApp .sceErrorDialog .sceClose .dijitButtonNode,
.sceApp .sceErrorDialog .sceTryAgain .dijitButtonNode {
	padding: 12px 0 0 0;
}

.claro.sceWeb .wbeDialogTheme .dijitDialogTitleBar,
.sceApp.sceHeadSolid .sceDialogApp .dijitDialogTitleBar,
.sceApp.sceHeadGradient5B .sceDialogApp .dijitDialogTitleBar {
	background-color: var(--head);
	color: var(--headfont);
	border-bottom: none;
}
.sceApp.sceHeadSolid .sceDialogApp .dijitDialogTitle,
.sceApp.sceHeadGradient5B .sceDialogApp .dijitDialogTitle,
.sceApp.sceHeadSolid .sceDialogApp .dijitDialogTitle .dijitButtonNode,
.sceApp.sceHeadGradient5B .sceDialogApp .dijitDialogTitle .dijitButtonNode,
.sceWeb .wbeDialogTheme .sceRadioGroup.sceSegmented {
	color: var(--headfont);
	opacity: 1;
}
.sceApp.sceHeadSolid .sceDialogApp .sceBackButton path,
.sceApp.sceHeadGradient5B .sceDialogApp .sceBackButton path {
	fill: var(--headfont);
	stroke: var(--headfont);
}
.sceWeb.sceDark .wbeDialogTheme .sceRadioGroup.sceSegmented .sceRadioButton.dijitRadioChecked {
	border-color: transparent;
}
.sceApp .sceDialogFooter {
	display: none;
}
.claro.sceWeb .wbeDialogTheme .closeText path {
	stroke: var(--headfont);
}
.sceWeb.sceDark .wbeDialogTheme .dijitDialogCloseIcon:hover {
	border-color: var(--headfont);
}


/* SOLARFLOW */

.wbeSolarFlow {
	max-width: 380px;
	margin: 24px auto;
}
.wbeSolarFlow .sceRowTop {
	display: flex;
	justify-content: space-between;
}
.wbeSolarFlow .sceRowLines {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 0 56px;
}
.wbeSolarFlow .sceRowHome {
	display: flex;
	justify-content: center;
	margin: -48px 0 16px 0;
}
.wbeSolarFlow .sceRowBottom {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.wbeSolarFlow .sceImageSvg svg {
	width: 80px;
	height: 80px;
}
.wbeSolarFlow .sceItemHome .sceImageSvg svg {
	width: 104px;
	height: 104px;
}
.wbeSolarFlow .sceLabelValue {
	font-size: 21px;
	line-height: 24px;
	font-weight: var(--fsemi);
	margin-bottom: 4px;
	vertical-align: text-bottom;
}

.wbeSolarFlow .sceRowTop .sceLabel {
	margin-bottom: 4px;
}
.wbeSolarFlow .sceRowTop .sceLabelValue {
	margin-bottom: 8px;
}
.wbeSolarFlow .sceIndependenceContainer {
	text-align: center;
}
.wbeSolarFlow .sceIndependenceBox {
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
}
.wbeSolarFlow .sceIndependenceBox .sceLabel {
	width: min-content;
	white-space: break-spaces;
	margin: 0 auto 4px auto;
}
.wbeSolarFlow .sceIndependenceBox .iconify {
	color: var(--theme);
	margin: 0 8px 0 0;
}
.dijitRtl .wbeSolarFlow .sceIndependenceBox .iconify {
	margin-left: 8px;
	margin-right: 0;
}
.wbeSolarFlow .sceIndependenceBox .sceLabelValue {
	margin-bottom: 0;
}

.wbeSolarFlow .sceItemBox {
	min-width: 120px;
	text-align: center;
}
.wbeSolarFlow .sceItemHome {
	position: relative;
	text-align: center;
}
.wbeSolarFlow .sceItemExport {
	padding-top: 48px;
}
.wbeSolarFlow .sceItemBatteryActivity {
	height: 48px;
}
.wbeSolarFlow .sceLineBox {
	position: relative;
	width: 64px;
	min-width: 64px;
	padding-bottom: 4px;
	overflow: hidden;
}
.wbeSolarFlow .sceItemHome .sceLabelValue {
	margin-top: -4px;
}
.wbeSolarFlow .sceRowBottomLinesBox {
	position: absolute;
	left: 0;
	right: 0;
}
.wbeSolarFlow .sceRowBottomLinesContainer {
	display: flex;
	justify-content: space-between;
	width: 42%;
	min-width: 128px;
	max-width: 172px;
	margin: 0 auto;
}
.wbeSolarFlow .sceSolarLineBox,
.dijitRtl .wbeSolarFlow .sceTowerLineBox,
.wbeSolarFlow .sceExportLineBox,
.dijitRtl .wbeSolarFlow .sceBatteryLineBox {
	text-align: right;
}
.dijitRtl .wbeSolarFlow .sceSolarLineBox,
.dijitRtl .wbeSolarFlow .sceExportLineBox {
	text-align: left;
}
.wbeSolarFlow .sceTowerLine,
.wbeSolarFlow .sceSolarLine,
.wbeSolarFlow .sceExportLine,
.wbeSolarFlow .sceBatteryLine {
	height: 100px;
	border-bottom: 2px solid var(--font40);
	margin-top: -12px;
}
.wbeSolarFlow .sceTowerLine,
.dijitRtl .wbeSolarFlow .sceSolarLine,
.dijitRtl .wbeSolarFlow .sceExportLine,
.wbeSolarFlow .sceBatteryLine {
	margin-left: 4px;
	margin-right: 0;
	border-left: 2px solid var(--font40);
	border-right: none;
}
.wbeSolarFlow .sceSolarLine,
.wbeSolarFlow .sceExportLine,
.dijitRtl .wbeSolarFlow .sceTowerLine,
.dijitRtl .wbeSolarFlow .sceBatteryLine {
	margin-left: 0;
	margin-right: 4px;
	border-left: none;
	border-right: 2px solid var(--font40);
}

.wbeSolarFlow .sceItemBatteryLevel {
	text-align: center;
}
.wbeSolarFlow .sceItemBatteryCharge,
.wbeSolarFlow .sceItemBatteryConsumption {
	display: none;
}
.wbeSolarFlow .sceItemBatteryActivity .sceLabel {
	margin-bottom: 4px;
}
.wbeSolarFlow.sceBatteryImport .sceItemBatteryCharge,
.wbeSolarFlow.sceBatteryExport .sceItemBatteryConsumption {
	display: block;
}
.wbeSolarFlow.sceBatteryOff .sceBatteryLineBox,
.wbeSolarFlow.sceBatteryOff .sceItemBatteryLevel,
.wbeSolarFlow.sceBatteryOff .sceItemBatteryLevel .sceLabelValue {
	visibility: hidden;
}

.wbeSolarFlow .sceSolarBall,
.wbeSolarFlow .sceTowerBall,
.wbeSolarFlow .sceExportBall,
.wbeSolarFlow .sceBatteryBall {
	display: inline-block;
	visibility: hidden;
	border-radius: 50%;
	height: 10px;
	width: 10px;
	min-height: 10px;
	min-width: 10px;
	z-index: 1;
}

.wbeSolarFlow.sceSolarOn .sceSolarBall {
	visibility: visible;
	background: var(--green);
	animation: ballRightImport 1.8s infinite linear;
}
.dijitRtl .wbeSolarFlow.sceSolarOn .sceSolarBall {
	animation: ballLeftImport 1.8s infinite linear;
}

.wbeSolarFlow.sceTowerImport .sceTowerBall {
	visibility: visible;
	background: var(--font);
	animation: ballLeftImport 1.8s infinite linear;
}
.dijitRtl .wbeSolarFlow.sceTowerImport .sceTowerBall {
	animation: ballRightImport 1.8s infinite linear;
}
.wbeSolarFlow.sceTowerExport .sceExportBall {
	visibility: visible;
	background: var(--green);
	animation: ballRightImport 1.8s infinite linear;
}
.dijitRtl .wbeSolarFlow.sceTowerExport .sceExportBall {
	animation: ballLeftImport 1.8s infinite linear;
}
.wbeSolarFlow .sceBatteryBall {
	background: var(--green);
}
.wbeSolarFlow.sceBatteryImport .sceBatteryBall {
	visibility: visible;
	animation: ballLeftImport 1.8s infinite linear;
}
.dijitRtl .wbeSolarFlow.sceBatteryImport .sceBatteryBall {
	visibility: visible;
	animation: ballRightImport 1.8s infinite linear;
}
.wbeSolarFlow.sceBatteryExport .sceBatteryBall {
	visibility: visible;
	animation: ballLeftExport 1.8s infinite linear;
}
.dijitRtl .wbeSolarFlow.sceBatteryExport .sceBatteryBall {
	visibility: visible;
	animation: ballRightExport 1.8s infinite linear;
}

@keyframes ballLeftImport {
  0% {transform: translate(0, -12px);}
  58% {transform: translate(0, 95px);}
  100% {transform: translate(70px, 95px);}
}
@keyframes ballLeftExport {
  0% {transform: translate(70px, 95px);}
  42% {transform: translate(0, 95px);}
  100% {transform: translate(0, -12px);}
}

@keyframes ballRightImport {
  0% {transform: translate(0, -12px);}
  58% {transform: translate(0, 95px);}
  100% {transform: translate(-78px, 95px);}
}
@keyframes ballRightExport {
  0% {transform: translate(-78px, 95px);}
  42% {transform: translate(0, 95px);}
  100% {transform: translate(0, -12px);}
}

.wbeManagerViewLocation .sceNoSpacesNode {
	color: var(--pholder);
}
.wbeManagerViewLocation > .sceLoadingNode {
	padding: 0 24px;
}
.wbeManagerViewLocation .sceNoSpacesNode {
	padding-left: 48px;
}
.dijitRtl .wbeManagerViewLocation .sceNoSpacesNode {
	padding-left: 0;
	padding-right: 48px;
}

.claro .wbeManagerViewLocation .sceLocationHead {
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
}
.claro .wbeDialogSpaces .wbeManagerViewLocation .sceLocationHead {
	justify-content: flex-end;
	margin-bottom: 16px;
}
.claro .wbeManagerViewLocation .sceLocationHead .sceDropDownButton {
	vertical-align: baseline;
}
.claro .wbeManagerViewLocation .sceLocationHead .sceDropDownButton * {
	font-weight: var(--fregular);
}

.sceWeb .wbeManagerViewLocation .sceInnerContainer {
	padding-left: 16px;
}
.sceWeb.dijitRtl .wbeManagerViewLocation .sceInnerContainer {
	padding-left: 0;
	padding-right: 16px;
}
.sceWeb .wbeManagerViewLocation .sceBoxTitleSpaces {
	background-color: var(--font05);
	padding: 8px 16px;
}
.sceWeb .wbeManagerViewLocation .sceTitleSpaces {
	font-weight: var(--fbold);
}
.claro .wbeManagerViewLocation .sceSpacesContainer {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 48px;
}
.claro .wbeManagerViewLocation .sceSpacesGenerators,
.claro .wbeManagerViewLocation .sceSpacesConsumers {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(300px, 1fr));
	grid-gap: 32px;
}
.scene .wbeManagerViewLocation .wbeSpaceConsumer {
	padding-left: 48px;
}
.scene.dijitRtl .wbeManagerViewLocation .wbeSpaceConsumer {
	padding-left: 0;
	padding-right: 48px;
}

.scene .wbeManagerViewLocation .wbeSpaceGenerator .sceName,
.scene .wbeManagerViewLocation .wbeSpaceConsumer .sceName {
	font-weight: var(--fsemi);
}
.scene .wbeManagerViewLocation .wbeSpaceConsumer .sceCountOwners {
	min-width: 30px;
	text-align: left;
}
.dijitRtl .wbeManagerViewLocation .wbeSpaceConsumer .sceCountOwners {
	text-align: right;
}
.claro .wbeMultiSelectGenerators .sceCheckBox.sceButtonIcon {
	padding: 12px;
}
.claro .sceMultiSelect .sceCheckBox .wbeSpaceGeneratorBoxIcon {
	justify-content: center;
}
.claro .wbeSpaceGeneratorIcon {
	display: flex;
	background-color: var(--solidpane);
	background-image: linear-gradient(var(--theme05) 0%, var(--theme05) 100%);
	border: 1px solid var(--theme50);
	border-radius: var(--radius);
	padding: 3px 6px;
}
.claro .wbeSpaceGeneratorIcon .iconify,
.claro .sceMultiSelect .sceCheckBox .wbeSpaceGeneratorIcon .iconify {
	color: var(--theme);
	width: 17px;
	height: 17px;
	position: relative;
	left: -2px;
	display: inline;
	margin-bottom: 0;
}
.claro .sceMultiSelect .sceCheckBox.dijitChecked .wbeSpaceGeneratorIcon {
	border-color: var(--hoverfont20);
	background: transparent;
}
.claro .sceMultiSelect .sceCheckBox.dijitChecked .wbeSpaceGeneratorIcon .iconify {
	color: var(--hoverfont);
}
.claro .wbeSpaceGeneratorIcon .sceIndex {
	font-size: 15px;
	font-weight: var(--fsemi);
	line-height: 17px;
}

.claro .wbeSpaceGenerator .sceBoxDeviceIcon {
	width: 34px;
	height: 34px;
	opacity: .75;
}

.claro .wbeSpaceGenerator .sceLoadingNode,
.claro .wbeSpaceGenerator .sceNoDeviceNode {
	position: absolute;
}
.claro .wbeSpaceGenerator .sceBoxMetrics {
	cursor: pointer;
}
.sceNoTouch .wbeSpaceGenerator .sceBoxMetrics:hover .sceIconRefresh {
	color: var(--theme);
}
.claro .wbeSpaceGenerator .sceDeviceMetrics .sceIconMetrics {
	color: var(--theme);
	width: 12px;
	height: 12px;
	display: inline-block;
}
.claro .wbeSpaceGenerator .sceDeviceMetrics .sceValue {
	font-size: 16px;
	line-height: 19px;
	font-weight: var(--fbold);
	padding-left: 4px;
}
.dijitRtl .wbeSpaceGenerator .sceDeviceMetrics .sceValue {
	padding-left: 0;
	padding-right: 4px;
}
.claro .wbeSpaceGenerator .sceDeviceMetrics .sceUnit {
	font-size: 13px;
	line-height: 15px;
}
.claro .wbeSpaceGenerator .sceParticipationNode {
	position: absolute;
	right: 0;
	top: -13px;
}
.sceApp .wbeSpaceGenerator .sceParticipationNode {
	opacity: .5;
}


.claro .wbeButtonsSpaces,
.claro .wbeButtonsSpacesSmall {
	display: flex;
}
.sceWeb .wbeButtonsSpaces,
.sceWeb .wbeButtonsSpacesSmall {
	justify-content: flex-end;
	margin-bottom: 24px;
}
.sceApp .wbeButtonsSpaces {
	justify-content: center;
	margin: 80px 0 16px 0;
}
.sceApp .wbeButtonsSpacesSmall {
	justify-content: center;
	margin: 36px 0 16px 0;
}

.claro .wbeDialogSpaces .dijitDialogTitle {
	margin: 0 auto;
}
.sceWeb .wbeDialogSpaces .dijitDialogTitle {
	max-width: 1260px;
}
.sceApp .wbeDialogSpaces .dijitDialogTitle {
	max-width: 576px;
	justify-content: space-between;
}
.sceApp.sceGroupsSelected .wbeDialogSpaces  .dijitDialogTitle {
	justify-content: center;
}
.sceWeb .wbeDialogSpaces .dijitDialogTitle .wbeIconOwner {
	margin: 0 0 0 48px;
	padding: 0;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 0;
}
.dijitRtl.sceWeb .wbeDialogSpaces .dijitDialogTitle .wbeIconOwner {
	margin: 0 48px 0 0;
	padding: 0;
}
.sceApp .wbeDialogSpaces .wbeIconOwner {
	width: 18px;
	height: 18px;
}
.sceWeb .wbeDialogSpaces .spaceBoxOwnerName {
	font-size: 18px;
	line-height: 21px;
	font-weight: var(--fsemi);
	color: var(--headfont);
}
.sceApp .wbeDialogSpaces .spaceBoxOwnerName {
	position: relative;
	top: -2px;
	justify-content: center;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 6px;
}
.sceWeb .wbeDialogSpaces .wbeSpaceManagerUserButton .dijitButtonNode {
	padding: 4px;
}
.sceWeb .wbeDialogSpaces .wbeSpaceManagerUserButton .dijitButtonNode svg {
	width: 26px;
	height: 26px;
	border-radius: 50%;
}
.sceApp .wbeDialogSpaces .wbeSpaceManagerUserButton {
	position: absolute;
	left: 16px;
}
.sceApp .wbeDialogSpaces .dijitDialogTitle .wbeSpaceManagerUserButton svg {
	display: inline-block;
	border: none;
}
.sceWeb .wbeDialogSpaces .dijitDropDownButton.sceTransparent .dijitButtonNode {
	color: var(--headfont);
	border-color: var(--headfont);
}
.sceNoTouch .wbeDialogSpaces .dijitDropDownButtonHover.sceTransparent .dijitButtonNode {
	color: var(--headfont);
	background-color: rgba(0,0,0,.1);
	border-color: var(--headfont);
}
.sceWeb .wbeDialogSpaces .dijitDropDownButtonActive.sceTransparent .dijitButtonNode {
	color: var(--headinversefont);
	background-color: var(--headfont);
	border-color: var(--headinversefont);
	box-shadow: 0 0 2px var(--headinversefont);
}
.claro.sceLight .wbeDialogSpaces .sceDialogContent {
	background-color: var(--body);
}
.sceWeb .wbeDialogSpaces .sceDialogContent {
	padding-top: 24px;
}
.sceApp .wbeDialogSpaces .sceDialogContent {
	padding-top: 12px;
	padding-left: 12px;
	padding-right: 12px;
}
.claro .wbeDialogSpaces .spacesContainer {
	margin: 0 auto;
}
.sceWeb .wbeDialogSpaces .spacesContainer {
	max-width: 1296px;
}
.sceApp .wbeDialogSpaces .spacesContainer {
	max-width: 576px;
}
.sceApp.sceManagerSelected .wbeDialogSpaces .spacesContainer {
	max-width: unset;
}
.claro.sceRolManager .wbeDialogSpaces .wbeBoxButtonOrder,
.claro.sceRolManager .wbeDialogSpaces .wbeBoxButtonsOrder {
	visibility: hidden;
}
.claro .wbeDialogSpaces .wbeBoxButtonOrder {
	flex-grow: 1;
}
.claro .wbeDialogSpaces .sceOrderSpacing {
	display: flex;
	justify-content: flex-end;
	width: 60px;
	min-width: 60px;
}
.claro .wbeDialogSpaces .sceOrderSave,
.claro .wbeDialogSpaces .wbeBoxOrderTitle,
.claro .wbeDialogSpaces .sceSpaceRow .sceBoxThumbOrder {
	display: none;
}
.claro .wbeDialogSpaces .sceSpaceRow .sceBoxThumbOrder .iconify {
	width: 25px;
	height: 25px;
}
.sceWeb .wbeDialogSpaces.sceOrderRows .dijitDialogTitle,
.claro .wbeDialogSpaces.sceOrderRows .dijitDialogCloseIcon {
	visibility: hidden;
}
.sceApp .wbeDialogSpaces.sceOrderRows .wbeBoxButtonsOrder {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-grow: 1;
}
.claro .wbeDialogSpaces.sceOrderRows .sceSpaceRow .sceBoxRight {
	justify-content: flex-end;
}
.sceGroupsSelected .wbeDialogSpaces .sceGroupsHide,
.sceApp .wbeDialogSpaces.sceOrderRows .wbeButtonsSpaces,
.claro .wbeDialogSpaces.sceOrderRows .sceOrderHide,
.claro .wbeDialogSpaces.sceOrderRows .sceSpaceRow .sceBoxButton,
.claro .wbeDialogSpaces.sceOrderRows .sceSpaceRow .sceBoxArrow,
.sceApp .wbeDialogSpaces.sceOrderRows .sceBackButton,
.sceApp .wbeDialogSpaces.sceOrderRows .sceRadioGroup.sceFixedFooter {
	display: none;
}
.claro .wbeDialogSpaces.sceOrderRows .wbeBoxOrderTitle,
.claro .wbeDialogSpaces.sceOrderRows .sceSpaceRow .sceBoxThumbOrder,
.claro .wbeDialogSpaces.sceOrderRows .sceOrderSave {
	display: block;
}

.scene .sceSideMenu .sceShowOnManagerScene,
.sceManagerSelected.sceModalOpen .sceHideOnManagerScene,
.scene .wbeDialogSpaces .wbeSpaceHideDisabledTitle,
.sceApp.sceManagerSelected .wbeDialogSpaces.wbeDisableHideSpaces .wbeSpaceHideDisabledTitle,
.scene .wbeDialogSpaces .wbeManagerOwnersTitle,
.sceManagerSelected .wbeDialogSpaces .sceBackButton,
.scene .wbeDialogSpaces.wbeDisableHideSpaces .sceBackButton,
.sceManagerSelected .wbeDialogSpaces .dijitDialogCloseIcon,
.scene .wbeDialogSpaces .wbeSpaceManagerUserButton {
	display: none;
}
.sceManagerSelected.sceModalOpen .sceSideMenu .sceShowOnManagerScene {
	display: list-item;
}
.sceApp .wbeDialogSpaces.wbeDisableHideSpaces .wbeSpaceHideDisabledTitle,
.sceManagerSelected .wbeDialogSpaces .wbeManagerOwnersTitle,
.sceManagerSelected .wbeDialogSpaces .wbeSpaceManagerUserButton {
	display: block;
}


.claro .wbeDialogSpaces .wbeManagerOwnerMainPane {
	min-height: calc(100vh - var(--hheaderfull) - 56px);
}
.sceApp .wbeDialogSpaces .wbeManagerOwnerMainPane {
	margin: 0 -12px 0 4px;
}
.sceApp.dijitRtl .wbeDialogSpaces .wbeManagerOwnerMainPane {
	margin: 0 4px 0 -12px;
}
.sceApp .wbeDialogSpaces .wbeManagerOwnerSearchBox {
	position: fixed;
	left: 0;
	right: 0;
	top: var(--hheader);
	display: flex;
	justify-content: space-between;
	grid-gap: 12px;
	background-color: var(--bodystart);
	padding: 8px 16px;
	z-index: 1;
}
.claro .wbeDialogSpaces .wbeManagerOwnerSearchContainer {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	grid-gap: 6px 12px;
	align-items: center;
}
.sceWeb .wbeDialogSpaces .wbeManagerOwnerSearchContainer {
	min-width: 350px;
	max-width: 900px;
}
.sceApp .wbeDialogSpaces .wbeManagerOwnerSearchContainer {
	flex-wrap: nowrap;
	flex-grow: 1;
	background: var(--font05);
	border-radius: var(--radius);
	max-width: 480px;
}
.scene .wbeDialogSpaces .wbeManagerLocationSearchContainer {
	flex-wrap: nowrap;
}
.sceApp .wbeDialogSpaces .wbeManagerLocationSearchContainer {
	grid-gap: 0;
	padding-left: 12px;
}
.dijitRtl.sceApp .wbeDialogSpaces .wbeManagerLocationSearchContainer {
	padding-left: 4px;
	padding-right: 12px;
}
.sceApp .wbeDialogSpaces .wbeManagerOwnerSearchBox .dijitInputField {
	padding-top: 7px;
}
.sceApp .wbeDialogSpaces .wbeManagerOwnerSearchBox .dijitTextBox,
.sceApp .wbeDialogSpaces .wbeManagerOwnerSearchBox .dijitInputContainer {
	background: transparent;
}
.sceApp .wbeDialogSpaces .wbeManagerOwnersGrid,
.sceApp .wbeDialogSpaces .wbeManagerLocationsGrid {
	margin-top: 42px;
}
.sceApp .wbeDialogSpaces .wbeManagerDefaultGrid .dgrid-row:first-child {
	border-top: 1px solid var(--border);
}
.sceApp .wbeDialogSpaces .wbeManagerDefaultGrid .dgrid-row-table {
	border-bottom: 1px solid var(--border);
}
.sceApp .wbeDialogSpaces .wbeManagerDefaultGrid .dgrid-cell {
	padding: 16px 16px 16px 0;
	line-height: normal;
}
.sceApp.dijitRtl .wbeDialogSpaces .wbeManagerDefaultGrid .dgrid-cell {
	padding: 16px 0 16px 16px;
}
.claro .wbeDialogSpaces .wbeManagerDefaultGrid .dgrid-selected .dgrid-row-table {
	border-bottom: none;
}
.sceDark .wbeDialogSpaces .wbeManagerOwnersGrid .sceAddress,
.sceDark .wbeDialogSpaces .wbeManagerLocationsGrid .sceAddress {
	opacity: .5;
}
.sceDark .wbeDialogSpaces .wbeManagerOwnersGrid .dgrid-selected .sceAddress,
.sceDark .wbeDialogSpaces .wbeManagerLocationsGrid .dgrid-selected .sceAddress {
	opacity: 1;
}

.sceWeb .wbeDialogSpaces .wbeSpaceWiewOwnerBox,
.sceWeb .wbeManagersViewLocationBox {
	border: 1px solid var(--font20);
	border-top: none;
	padding: 12px 12px 48px 12px;
}
.sceApp .wbeDialogSpaces .wbeSpaceWiewOwnerBox,
.sceApp .wbeManagersViewLocationBox {
	border-bottom: 1px solid var(--border);
	padding: 0 16px 48px 0;
}
.sceApp.dijitRtl .wbeDialogSpaces .wbeSpaceWiewOwnerBox,
.sceApp.dijitRtl .wbeManagersViewLocationBox {
	padding-left: 16px;
	padding-right: 0;
}

.sceManagerSelected .wbeDialogSpaces .spaceBoxOwnerName,
.sceManagerSelected .wbeDialogSpaces .wbeBoxButtonsOrder .sceButton {
	display: none;
}
.claro .wbeDialogSpaces .spaceViewOwnerUnselected .wbeSpaceWiewOwnerBox {
	display: none;
}

.claro .wbeSpaceOwnerGrid {
	max-width: 400px;
	margin: 0 auto;
}
.claro .wbeSpaceOwnerGrid > .sceItemHead {
	display: flex;
	justify-content: space-between;
	grid-gap: 24px;
	margin-bottom: 24px;
}
.sceWeb .wbeSpaceOwnerGrid > .sceItemHead {
	align-items: center;
}
.claro .wbeSpaceOwnerGrid > .sceItemHead .wbeButtonRefresh .dijitButtonText {
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
}

.claro .wbeSpaceOwnerGrid .sceSpacesContainer {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 32px;
	line-height: 1.25;
}
.claro .wbeSpaceOwnerGrid .sceButton {
	position: static;
	margin: 0;
}

.claro .wbeSpaceOwnerGrid .sceOwnerLabel {
	padding-right: 12px;
}
.dijitRtl .wbeSpaceOwnerGrid .sceOwnerLabel {
	padding-left: 12px;
	padding-right: 0;
}


.claro .wbeSpaceOwnerSpace .sceItemHead {
	display: flex;
	grid-gap: 12px;
	margin-bottom: 12px;
	line-height: normal;
}
.claro .wbeDialogSpaces .wbeSpaceOwnerSpace .sceItemHead {
	cursor: pointer;
}
.sceNoTouch .wbeSpaceOwnerSpace .sceItemHead .iconify path {
	transition: color 470ms;
}
.sceNoTouch .wbeSpaceOwnerSpace .sceItemHead:hover .iconify {
	color: var(--theme);
}
.claro .wbeSpaceOwnerSpace .wbeSpaceIcon svg {
	width: 36px;
	height: 36px;
	display: block;
	padding: 4px;
	border: 1px solid var(--font);
	border-radius: 50%;
	opacity: .75;
}
.claro .wbeSpaceOwnerSpace .wbeSharedSolarIcon {
	position: absolute;
	margin-top: -10px;
	margin-left: 15px;
	background-color: var(--solidpane);
	border: 3px solid var(--solidpane);
	border-radius: 4px;
}
.claro .wbeSpaceOwnerSpace .wbeSharedSolarIcon svg {
	display: block;
	width: 17px;
	height: 17px;
	opacity: .75;
}
.claro .wbeSpaceOwnerSpace .wbeSharedSolarIcon path {
	fill: var(--font);
	stroke: var(--font);
	stroke-width: 2;
}
.scene .wbeSpaceOwnerSpace .wbeSpaceName {
	font-weight: var(--fsemi);
}
.scene .wbeSpaceOwnerDevice .sceBoxIcon {
	grid-gap: 12px;
}
.scene .wbeSpaceOwnerDevice .sceBoxIcon.sceNoStatus {
	padding-left: 48px;
}
.dijitRtl .wbeSpaceOwnerDevice .sceBoxIcon.sceNoStatus {
	padding-left: 0;
	padding-right: 48px;
}
.scene .wbeSpaceOwnerDevice .sceBoxStatus {
	padding-left: 18px;
}
.dijitRtl .wbeSpaceOwnerDevice .sceBoxStatus {
	padding-left: 0;
	padding-right: 18px;
}
.claro .wbeSpaceOwnerDevice .sceIconSvg svg {
	width: 34px;
	height: 34px;
	min-width: 34px;
	min-height: 34px;
	display: block;
	opacity: .75;
}
.claro .wbeSpaceOwnerDevice .sceStatusLoading,
.claro .wbeSpaceOwnerDevice .iconify {
	width: 18px;
	height: 18px;
	display: block;
}
.claro .wbeSpaceOwnerDevice .sceCheck {
	color: #52BB00;
	display: none;
}
.claro .wbeSpaceOwnerDevice .sceWarning {
	color: #F30839;
	display: none;
}
.claro .wbeSpaceOwnerDevice .sceStatusLoading {
	background-color: var(--font20);
	border-radius: 50%;
	border: 2px solid var(--solidpane);
}
.claro .wbeSpaceOwnerDevice.sceActive .sceStatusLoading,
.claro .wbeSpaceOwnerDevice.sceInactive .sceStatusLoading {
	display: none;
}
.claro .wbeSpaceOwnerDevice.sceActive .sceCheck,
.claro .wbeSpaceOwnerDevice.sceInactive .sceWarning {
	display: block;
}

.claro .wbeSpaceOwnerDevice .sceBoxTitle {
	flex-grow: 1;
}
.sceWeb .wbeSpaceOwnerDevice .sceDeviceMac {
	font-weight: var(--flight);
}
.claro .wbeSpaceOwnerDevice .sceBoxMetrics,
.claro .wbeSpaceOwnerDevice .sceLoadingNode {
	width: 92px;
	min-width: 92px;
}
.sceApp .wbeSpaceOwnerDevice .sceBoxMetrics {
	text-align: right;
}
.claro .wbeSpaceOwnerDevice .sceLoadingNode {
	text-align: center;
}
.claro .sceDeviceMetrics .iconify {
	color: var(--theme);
	width: 12px;
	height: 12px;
	display: inline-block;
}
.claro .sceDeviceMetrics .sceValue {
	font-size: 16px;
	line-height: 19px;
	font-weight: var(--fbold);
	padding-left: 4px;
}
.dijitRtl .sceDeviceMetrics .sceValue {
	padding-left: 0;
	padding-right: 4px;
}
.claro .sceDeviceMetrics .sceUnit {
	font-size: 13px;
	line-height: 15px;
}

.sceRadioGroup.sceManagerSearchOwner {
	width: max-content;
}
.claro .sceManagerSearchOwner .wbeIconDevice svg {
	width: 24px;
	height: 24px;
}
.sceRadioGroup.sceManagerSearchOwner .sceIconSvg path {
	fill-opacity: .7;
}
.scene .sceRadioGroup.sceManagerSearchOwner .sceIconSvg path.sceOnlyStroke {
	fill: none;
	stroke: var(--font);
	stroke-width: 1.6;
}


.sceWeb .wbeDialogBig .dijitDialogTitleBar {
	height: 90px;
}
.sceWeb .wbeDialogBig .dijitDialogTitle {
	font-size: 17px;
	line-height: 20px;
}
.wbeDialogBig .dijitDialogTitle svg {
	width: 36px;
	height: 36px;
	padding: 5px;
	margin-left: 6px;
	margin-right: 15px;
	border: 1px solid var(--font);
	border-radius: 50%;
}
.dijitRtl .wbeDialogBig .dijitDialogTitle svg {
	margin-left: 15px;
	margin-right: 6px;
}
.claro .wbeDialogBig .dijitDialogCloseIcon {
	margin: 0;
}
.wbeDialogBig .closeText svg {
	width: 22px;
	height: 22px;
}
.wbeDialogBig .sceAccordionPane .sceContainer {
	padding-top: 31px;
}
.wbeDialogBig .wbePassword {
	margin-top: 5px;	
}

.sceApp .sceDialog.sceDialogNoFixed {
	border-color: var(--font);
}
.scene.sceWeb .sceDialog.sceErrorDialog,
.scene.sceApp .sceDialog.sceErrorDialog {
	background-color: var(--black);
	color: var(--white)
}
.scene.sceDark .sceDialog.sceErrorDialog {
	border-top: 1px solid var(--white);
	border-bottom: 1px solid var(--white);
}
.scene .sceDialogPopup .dijitDialogTitleBar {
	border: none;
}
.sceWeb.sceLight .sceDialogPopup .dijitDialogTitleBar {
	background-color: var(--black);
}
.sceWeb.sceLight .sceErrorDialog .dijitDialogTitleBar {
	background-color: transparent;
}
.sceWeb .sceDialogPopup .dijitDialogTitle {
	color: var(--white);
	font-weight: var(--fbold);
}
.sceApp .sceDialogPopup.sceDialogNoFixed .dijitDialogTitle {
	font-weight: var(--fbold);
	text-transform: uppercase;
	justify-content: center;
}
.claro .sceDialog.sceErrorDialog .dijitDialogTitle {
	text-transform: uppercase;
}
.claro .sceDialogMessage .sceBtnDetail .dijitButtonNode {
	opacity: .5;
}
.claro .sceDialogMessage .sceBtnDetail * {
	font-size: 12px;
	line-height: 14px;
}
.sceApp .sceDialogMessage .sceButtonsBox,
.sceApp .sceErrorDialog .sceButtonsBox,
.sceApp .sceErrorDialog.sceTwoButtons .sceButtonsBox {
	justify-content: center;
}
.sceApp .sceErrorDialog.sceTwoButtons .sceMessage {
	text-align: center;
}

.claro .dijitDialogPaneActionBar,
.claro .dijitDialogRtl .dijitDialogPaneActionBar {
	border: none;
	padding: 12px 24px 24px 24px;
}
.scene .dijitDialogPaneActionBar {
	background-color: transparent;
}
.sceWeb.sceLight .dijitDialogPaneActionBar {
	background-color: var(--solidpane);
}
.sceApp .dijitDialogPaneActionBar {
	background-color: transparent;
}
.sceWeb .sceConfirmDialog .dijitDialogPaneActionBar {
	justify-content: flex-end;
}
.sceApp .sceConfirmDialog .dijitDialogPaneActionBar {
	justify-content: center;
}
.claro .sceConfirmDialog .dijitDialogPaneActionBar .sceCancelButton {
	margin: 0 8px;
}
.claro .sceDialogPromptSave .dijitDialogPaneActionBar .sceButton {
	display: block;
}
.claro .sceDialogPromptSave .dijitDialogPaneActionBar .sceCancelButton,
.claro .sceDialogPromptSave .dijitDialogPaneActionBar .sceDiscardButton {
	margin-bottom: 8px;
}
.sceApp .sceDialogPromptSave .sceButton .dijitButtonContents {
	height: 42px;
}


.sceApp.sceHeadSolid .sceMobilePopup .sceContainerCaption,
.sceApp.sceHeadGradient5B .sceMobilePopup .sceContainerCaption {
	color: var(--headfont);
	background-color: var(--head);
	height: var(--hheader);
}

.claro .sceMobilePopup .sceContainerCaption .sceCaption {
	font-size: 15px;
	line-height: 17px;
}

.sceWeb .sceMobilePopup .dgrid-row .sceCheckNode {
	border-color: var(--border);
}
.sceApp .sceMobilePopup .dgrid-row .sceCheckNode {
	border-color: var(--font50);
}
.sceWeb .sceMobilePopup .dgrid-selected .sceCheckNode {
	background-color: var(--ctlborder);
	border-color: var(--ctlborder);
}
.sceApp .sceMobilePopup .dgrid-selected .sceCheckNode {
	background-color: var(--font);
	border-color: var(--font);
}
.claro .sceMobilePopup .dgrid .sceGroup {
    background-color: var(--font05);
    text-transform: uppercase;
}

.sceWeb #spaceMapController,
.sceWeb #managerOwnersMapController {
	height: 80vh;
}
.sceWeb #spaceGeolocationMap {
	height: 600px;
}
.sceApp #spaceGeolocationMap,
.sceApp #managerOwnersMapController {
	height: calc(100vh - var(--hheader));
}
.scene.sceWeb .sceGMapsZoom,
.scene.sceApp .sceGMapsZoom {
	background: var(--solidpane);
	padding: 0;
}
.scene .sceGMapsZoom10 {
	margin: 10px;
}
.scene .sceGMapsZoom24 {
	margin: 24px;
}
.scene .sceGMapsZoom24H {
	margin-left: 24px;
	margin-right: 24px;
}
.scene .sceGMapsZoomButton {
	padding: 10px;
	color: var(--font);
	cursor: pointer;
}
.scene .sceGMapsZoomButton.sceBorder {
	border-bottom: 1px solid var(--border);
}
.scene .sceGMapsZoomButton .iconify {
	display: block;
	width: 20px;
	height: 20px;
}

/*   GOOGLE MAPS - POPUP BUBBLE   */
/* The popup bubble styling. */
.sceGMSimplePopupBubble {
	/* Position the bubble centred-above its parent. */
	position: absolute;
	top: 30px;
	left: 0;
	transform: translate(-50%, -100%);
	/* Style the bubble. */
	background-color: white;
	color: black;
	padding: 1px 5px;
	border-radius: 5px;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.4);
}
.sceGMSimplePopupBubble.sce2Lines {
	top: 44px;
	text-align: center;
}
/* The parent of the bubble. A zero-height div at the top of the tip. */
.sceGMSimplePBAnchor {
	/* Position the div a fixed distance above the tip. */
	position: absolute;
	width: 100%;
	bottom: 8px;
	left: 0;
}
/* This element draws the tip. */
.sceGMSimplePBAnchor::after {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	/* Center the tip horizontally. */
	transform: translate(-50%, 0);
	/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
	width: 0;
	height: 0;
	/* The tip is 8px high, and 12px wide. */
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid white;
}
/* JavaScript will position this div at the bottom of the popup tip. */
.sceGMSimplePBContainer {
	cursor: auto;
	height: 0;
	position: absolute;
	/* The max width of the info window. */
	width: 180px;
}


.h2 {
	display: flex;
	align-items: center;
	font-weight: var(--fbold);
	padding: 0 24px;
	height: 54px;
	border-bottom: 1px solid var(--border);
	margin-bottom: 12px;
}
.h2 .iconify {
	vertical-align: top;
	margin-left: .125rem;
	margin-right: .125rem;
}

.sceBulletList > div {
	display: grid;
	grid-template-columns: 20px 1fr;
	margin-bottom: 6px;
}
.sceBulletList .sceBullet {
	background-color: var(--theme);
	width: 7px;
	height: 7px;
	border-radius: 50%;
	margin-top: 5px;
}


.sceClampGrid {
	display: grid;
}

.sceLight .sceHideLight,
.sceDark .sceHideDark {
	display: none;
}

.sceLight .scebc-softpane {
	background-color: var(--font05);
}
.sceDark .scebc-softpane {
	background-color: var(--font10);
}

.scefs-10 {font-size: 10px!important; line-height: 12px!important;}
.scefs-12 {font-size: 12px!important; line-height: 14px!important;}
.scefs-14 {font-size: 14px!important; line-height: 16px!important;}
.scefs-16 {font-size: 16px!important; line-height: 19px!important;}
.scefs-17 {font-size: 17px!important; line-height: 20px!important;}
.scefs-18 {font-size: 18px!important; line-height: 21px!important;}
.scefs-19 {font-size: 19px!important; line-height: 23px!important;}
.scefs-20 {font-size: 20px!important; line-height: 24px!important;}
.scefs-21 {font-size: 21px!important; line-height: 25px!important;}
.scefs-22 {font-size: 22px!important; line-height: 26px!important;}
.scefs-25 {font-size: 25px!important; line-height: 30px!important;}
.scefs-32 {font-size: 32px!important; line-height: 38px!important;}
.scefs-40 {font-size: 40px!important; line-height: 48px!important;}

.scelh-n {line-height: normal!important;}

.sceWeb .web-scefw-sb {
	font-weight: var(--fsemi)!important;
}
.sceWeb .web-scett-u {
	text-transform: uppercase;
}

@media ( min-width : 375px) {
	.sceApp .wbePowerPeaksGrid .sceGridContainer {
		grid-template-columns: repeat(2,1fr);
	}
	.scene .wbeTrainingHistoryRow .sceBoxOrder {
		display: table-cell;
	}
	.scene .wbeTrainingHistoryRow .sceBoxDateTime,
	.dijitRtl .wbeTrainingHistoryRow .sceBoxDateTime {
		padding-left: 0;
		padding-right: 0;
	}
}
@media ( min-width : 426px) {
	.scene .wbeTrainingHistoryRow.wbeHead .sceBoxDuration div {
		max-width: 64px;
	}
	.scene .wbeTrainingHistoryRow .sceDateShort {
		display: none;
	}
	.scene .wbeTrainingHistoryRow .sceDateMedium {
		display: block;
	}
	.sceApp .wbeMetersListItem {
		min-width: unset;
	}
	.sceApp .wbeMetersListItem {
		margin-right: 24px;
	}
	.dijitRtl .sceApp .wbeMetersListItem {
		margin-left: 24px;
		margin-right: 0;
	}
	.sceApp .wbeMetersListItem:last-child {
		margin-right: 0;
	}
	.dijitRtl .sceApp .wbeMetersListItem:last-child {
		margin-left: 0;
	}
	.sceWeb .wbeMetersChannel {
		min-width: 140px;
	}
	.sceApp .wbeMetersChannel {
		min-width: 120px;
	}
	.sceWeb.sceDark .wbeMetersListItem .sceChanelContainer,
	.sceApp .wbeMetersListItem .sceChanelContainer {
		margin: 0 auto;
		width: fit-content;
	}
	.wbeMetersList.sceMultiDevice .sceIndicator {
		display: none;
	}
	.sceWeb .wbePowerPeaksGrid .sceGridContainer {
		grid-template-columns: repeat(2,1fr);
	}
}
@media ( min-width : 450px) {
	.scene .wbeTrainingHistoryRow.wbeHead .sceBoxDuration div {
		max-width: auto;
		overflow: inherit;
		text-overflow: inherit;
	}
}
@media ( min-width : 576px) {
	.wbeTariffPrice .sceBoxGroupDesc {
		grid-template-columns: 35% 1fr;
	}
	.wbeTariffPrice .sceBoxGroupDescPercent {
		grid-template-columns: 1fr 1fr;
	}
	.wbeTariffPrice .sceBoxDescPrice {
		grid-template-columns: 1fr 33%;
	}
	.wbeTariffPrice .sceBoxGroupDescPrice {
		grid-template-columns: 25% 1fr 33%;
	}
	.wbeTariffPrice .sceBoxHPower {
		grid-template-columns: 1fr 1fr;
	}
	.wbeTariffPrice .sceDatesCell {
		grid-column-start: 1;
		grid-column-end: 3;
	}
	.wbeTariffPrice .sceMultiSelect.sceWeekDays {
		padding-top: 12px;
	}
	.wbeTariffPrice .sceRanges3Labels {
		border-bottom: none;
	}
	.wbeTariffPrice .sceRanges3Box {
		grid-template-columns: 36% 1fr 32%;
	}
	.wbeTariffPrice .sceRanges3Box .sceRangeDescription {
		grid-column-start: unset;
		grid-column-end: unset;
	}
	.wbeTariffPriceStretch .sceSubFormItem {
		border-bottom: none;
	}
	.sceWeb .wbeTariffPriceStretch .sceSubFormItem {
		padding-bottom: 6px;
	}
	.sceWeb .wbeTariffPriceStretch .sceSubFormItem .sceDelButton,
	.sceApp .wbeTariffPriceStretch .sceSubFormItem .sceDelButton {
		top: 9px;
	}
	.sceWeb .wbeMetersChannel {
		min-width: 150px;
	}
	.sceWeb .wbeMetersChannel .sceTitleBox {
		padding: 0 24px;
	}
}
@media ( min-width : 600px) {
	.sceSpaceRow .sceBoxMetrics .sceBoxData {
		grid-template-columns: 1fr 1fr;
	}
	.claro .sceDialogPromptSave .dijitDialogPaneActionBar .sceButton {
		display: inline-block;
	}
	.claro .sceDialogPromptSave .dijitDialogPaneActionBar .sceCancelButton {
		float: left;
		margin: 0;
	}
	.claro .sceDialogPromptSave .dijitDialogPaneActionBar .sceDiscardButton {
		margin: 0 8px 0 auto;
	}
	.dijitRtl .sceDialogPromptSave .dijitDialogPaneActionBar .sceDiscardButton {
		margin-left: 8px;
		margin-right: auto;
	}
}
@media ( min-width : 768px) {
	.sceWeb .scePageHeader .wbeSpaceName {
		font-size: 18px;
		line-height: 21px;
	}
	.sceWeb .scePageHeader .wbeSpaceUUpdatedOn .wbeSpaceName {
		margin-bottom: 2px;
	}
	.scePageHeader .wbeSpaceUpdate {
		display: block;
	}
	.sceScene {padding: 24px;}
	.sceApp.sceLayoutDefault.sceHeadTransparent .sceScene {padding-top: 24px;}
	.claro .wbeDialogBig .dijitDialogTitleBar {
		padding-left: 24px;
		padding-right: 24px;
	}
	.sceApp .wbeShowDevicesOff,
	.sceApp .wbeNeedSpaceSelected {
		margin-top: 0;
	}
	.sceApp .wbeMainGreeting {
		margin-top: 0;
	}
	.sceApp .wbeMainGreeting .sceContainer {
		padding: 4px 16px 16px 16px;
	}
	.sceApp .wbeSpaceGreeting .sceContainer {
		padding-top: 16px;
	}
	.sceApp .wbeDialogSpaces .wbeManagerOwnerMainPane {
		margin-left: 12px;
	}
	.dijitRtl.sceApp .wbeDialogSpaces .wbeManagerOwnerMainPane {
		margin-left: -12px;
		margin-right: 12px;
	}
	.sceApp .wbeDialogSpaces .wbeSpaceWiewOwnerBox,
	.sceApp .wbeManagersViewLocationBox {
		padding-right: 24px;
	}
	.dijitRtl.sceApp .wbeDialogSpaces .wbeSpaceWiewOwnerBox,
	.dijitRtl.sceApp .wbeManagersViewLocationBox {
		padding-left: 24px;
		padding-right: 0;
	}
	.sceApp .wbeDialogSpaces .wbeManagerOwnerSearchBox {
		padding-left: 24px;
	}
	.dijitRtl.sceApp .wbeDialogSpaces .wbeManagerOwnerSearchBox {
		padding-left: 16px;
		padding-right: 24px;
	}
	.claro .wbeSpaceOwnerGrid {
		max-width: 750px;
	}
	.claro .wbeSpaceOwnerGrid .sceSpacesContainer {
		grid-template-columns: 1fr 1fr;
		grid-gap: 32px 48px;
	}
	.sceApp .wbeDialogSpaces .wbeSpaceOwnerDevice .sceBoxMetrics {
		text-align: inherit;
	}

	/*.sceApp .wbePane,
	.sceApp .wbePaneGray {
		padding: 0 24px;
	}*/
	.sceSpaceRow .sceBoxMetrics .sceBoxData {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.sceWeb .sceMultiSelect.sceEditorselect .dijitDropDownButton {
		width: calc(50% - 12px);
	}
	.sceWeb .wbeNotifGridRow {
		flex-wrap: nowrap;
	}
	.wbeNotifGridRow.sceRowMessage .sceBoxTitle {
		flex-grow: 0;
		width: 45%;
		min-width: 300px;
		max-width: 450px;
	}
	.wbeNotifGridRow.sceRowMessage .sceBoxRight {
		flex-grow: 1;
		margin-top: 0;
		width: unset;
	}
	.sceApp .wbeNotifGridRow.sceRowMessage .sceBoxRight {
		display: block;
	}
	.sceWeb .wbeNotifGridRow a.sceLikeButton {
		padding: 0 12px;
	}
	.wbeNotifGridRow .sceBoxRight .sceLikeButton .iconify {
		margin-right: 6px;
	}
	.dijitRtl .wbeNotifGridRow .sceBoxRight .sceLikeButton .iconify {
		margin-left: 6px;
		margin-right: 0;
	}
	.wbeNotifGridRow .sceBoxRight .sceLikeButton .sceLabelNode {
		display: inline;
	}
	.sceRadioGroup.sceSegmented .sceRadioButton label {
		padding: 0 12px;
		min-width: 90px;
	}

	.sceWeb .wbePowerPeaksGrid .sceGridContainer,
	.sceApp .wbePowerPeaksGrid .sceGridContainer {
		grid-template-columns: repeat(4,1fr);
	}
	.wbeTariffPrice .sceBoxGroupDesc {
		grid-template-columns: 25% 1fr;
	}
	.wbeTariffPrice .sceBoxGroupDescPercent {
		grid-template-columns: 25% 1fr 25%;
	}
	.wbeTariffPrice .sceBoxDescPrice {
		grid-template-columns: 1fr 25%;
	}
	.wbeTariffPrice .sceBoxGroupDescPrice {
		grid-template-columns: 20% 1fr 25%;
	}
	.wbeTariffPrice .sceBoxHPower {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.wbeTariffPrice .sceDatesCell {
		grid-column-start: unset;
		grid-column-end: unset;
	}
	.wbeTariffPrice .sceLabelSwitchContainer {
		display: block;
		max-width: unset;
	}
	.wbeTariffPrice .sceLabelSwitchContainer .sceLabelNode {
		padding-top: 0;
		margin-bottom: 9px;
	}
	.wbeTariffPrice .sceRangeContainer {
		margin-top: 16px;
	}
	.wbeTariffPrice .sceMultiSelect.sceWeekDays {
		padding-top: 19px;
	}
	.wbeTariffPrice .sceRangeTimeContainer {
		margin-top: 21px;
	}
	.wbeTariffPrice .sceRanges3Box {
		grid-template-columns: 45% 1fr 1fr;
	}
}

@media ( min-width : 992px) {
	.sceApp #spaceGeolocationMap {
		height: calc(100vh - var(--hheader) - 32px);
	}
	.sceWeb .wbeTariffPrice {
	    border: 1px solid var(--border);
	}
	.sceWeb .wbeTariffPrice.sceExpanded {
		border-color: var(--font50);
	}
	.sceWeb .wbeTariffPrice .sceContents {
		padding: 24px 40px 24px 24px;
		border-bottom: none;
		margin-bottom: 0;
	}
	.dijitRtl .sceWeb .wbeTariffPrice .sceContents {
		padding-left: 40px;
		padding-right: 24px;
	}
	.sceApp .wbeTariffPrice .sceContents {
		padding-left: 16px;
	}
	.dijitRtl .sceApp .wbeTariffPrice .sceContents {
		padding-left: 0px;
		padding-right: 16px;
	}
	.sceWeb .wbeTariffPrice .sceRemoveButton {
		right: 6px;
	}
	.dijitRtl .sceWeb .wbeTariffPrice .sceRemoveButton {
		left: 6px;
		right: auto;
	}
	.claro .wbeManagerViewLocation .sceSpacesContainer {
		grid-template-columns: 1fr 1fr;
		max-width: 1500px;
		margin: 0 auto;
	}
	.sceApp .wbeManagerViewLocation .sceTitleSpaces,
	.sceApp.dijitRtl .wbeManagerViewLocation .sceTitleSpaces {
		padding-left: 0;
		padding-right: 0;
	}
	.wbeManagerViewLocation > .sceLoadingNode {
		padding: 0;
		max-width: 1500px;
		margin: 0 auto;
	}
	.wbeManagerViewLocation .sceNoSpacesNode,
	.dijitRtl .wbeManagerViewLocation .sceNoSpacesNode,
	.scene .wbeManagerViewLocation .wbeSpaceConsumer,
	.scene.dijitRtl .wbeManagerViewLocation .wbeSpaceConsumer {
		padding-left: 0;
		padding-right: 0;
	}
}

@media ( min-width : 1200px) {
	.sceApp.sceManagerSelected .wbeDialogSpaces .spacesContainer {
		padding: 0 16px;
	}
	.sceWeb .sceSpaceRow > .sceItemContainer {
		grid-template-columns: 1fr 198px;
	}
	.sceWeb .sceSpaceRow .sceSpaceChild .sceItemContainer {
		grid-template-columns: 1fr 178px;
	}
	.sceWeb .sceSpaceRow .sceBoxLeft {
		flex-wrap: nowrap;
	}
	.sceSpaceRow .sceLoadingNode,
	.sceSpaceRow .sceItemContainer .sceBoxMetrics {
		padding: 0 40px;
		width: 62%;
	}
	.sceSpaceRow .sceSpaceChild .sceLoadingNode,
	.sceSpaceRow .sceSpaceChild .sceBoxMetrics {
		width: calc(62% + 13px);
	}
	.sceWeb .sceSpaceRow .sceItemContainer .sceBoxButton {
		padding: 0 24px;
	}
	.sceWeb .sceSpaceRow .sceItemContainer .sceBoxArrow {
		padding: 0 24px;
	}

	.sceApp .wbeDialogSpaces .wbeManagerOwnerSearchBox {
		margin-left: 0;
		margin-right: 0;
	}
}

@media ( max-width : 1399px) {
	.scePageHeader .sceBoxLeft img {
		display: none;
	}
}
@media ( min-width : 1399px) {
	.sceWeb .scePageHeader {padding: 0;}
	.sceApp .scePageHeader {padding: 24px;}
	.scePageHeader .sceBoxLeft {
		padding: 0 24px;
	}
	.sceWeb .scePageHeader .sceBoxLeft {
		width: var(--wside);
		margin: 0;
	}
	.scePageMenu .sceBoxLogo {
		display: none;
	}
	.sceWeb.sceHeadSolid .scePageHeader .sceContainer,
	.wbeSampleWebBox .sceHeadSolid .wbeSampleHeadContent {
		background-image: linear-gradient(rgba(255,255,255,.25), rgba(255,255,255,.25));
	}
	.sceWeb.sceHeadGradient5B .scePageHeader .sceContainer {
		background-image: linear-gradient(0.25turn, var(--head), transparent 30%)
	}
	.sceWeb .scePageHeader .sceContainer {
		padding: 0 24px;
	}
	.sceWeb .scePageHeader .sceContent {
		display: grid;
		grid-template-columns: calc(33.33333% + 9px) 1fr;
	}
	.sceWeb .scePageHeader .wbeBoxSpace {
		flex-grow: unset;
		justify-content: flex-end;
		overflow: visible;
	}
	.sceWeb .scePageHeader .wbeActiveSpace {
		position: absolute;
		left: -24px;
		right: 0;
	}
	.dijitRtl .sceWeb  .scePageHeader .wbeActiveSpace {
		left: 0;
		right: -24px;
	}
	.sceWeb .scene .scePageHeader .wbeActiveSpace .dijitButtonNode {
		padding: 0 20px;
	}
	.scePageHeader .wbeActiveSpace .sceIcon {
		display: block;
	}
	.scePageHeader .wbeActiveSpace .dijitButtonText {
		display: flex;
		flex-grow: 1;
		justify-content: flex-start;
		text-align: left;
	}
	.dijitRtl .scePageHeader .wbeActiveSpace .dijitButtonText {
		text-align: right;
	}
	.sceWeb .scePageHeader .wbeSpaceUUpdatedOn .wbeSpaceName {
		margin-bottom: 4px;
	}
	.sceWeb .scePageHeader .wbeSpaceOwner {
		top: -4px;
	}
	.scePageHeader .wbeSpaceSeparator {
		display: block;
	}
	.scePageHeader .sceBoxRight {
		padding: 0 6px;
	}
	.scePageHeader .sceBoxRight .sceBoxUserButton {
		margin-left: 12px;
	}
	.dijitRtl .scePageHeader .sceBoxRight .sceBoxUserButton {
		margin-left: 0;
		margin-right: 12px;
	}
	
	.sceApp.sceManagerSelected .wbeDialogSpaces .spacesContainer {
		max-width: 1399px;
	}
	.sceApp.sceManagerSelected .wbeDialogSpaces .spacesContainer {
		padding: 0;
	}
	.claro .wbeSpaceOwnerGrid {
		max-width: 1150px;
	}
	.claro .wbeSpaceOwnerGrid .sceSpacesContainer {
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.wbeCustomLegendItem .sceSerieName {
		white-space: normal;
		padding-bottom: 8px;
		min-height: 36px;
	}
	.sceWeb .wbePaneTariff {
		border: 1px solid var(--font05);
		-moz-border-radius: var(--radius);
		border-radius: var(--radius);
		-webkit-box-shadow: 0 2px 4px 0 var(--font20);
		box-shadow: 0 2px 4px 0 var(--font20);
	}
	.sceWeb .wbePaneTariff .wbeTitleBar {
		padding: 0 20px;
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}
	.sceWeb .wbeSectionTariff {
		padding: 0 24px;
	}

	.scene .wbeQuestionsGrid {
		min-height: 200px;
		overflow-y: auto;
	}
	.sceWeb .wbeQuestionsGrid {
		max-height: calc(100vh - 430px);
	}
	.sceApp .wbeQuestionsGrid {
		max-height: calc(100vh - 380px);
	}

	.scene .wbeTrainingsGrid {
		min-height: 200px;
		overflow-y: auto;
	}
	.sceWeb .wbeTrainingsGrid {
		max-height: calc(100vh - 430px);
	}
	.sceApp .wbeTrainingsGrid {
		max-height: calc(100vh - 380px);
	}

	.scene .wbePurposeMeters.sceHasChannels .wbeMetersListItem {
		height: 474px;
	}
	.sceWeb.sceLight .wbePurposeMeters.sceHasChannels .wbeMetersListItem {
		height: 508px;
	}
	.wbePurposeMeters.sceHasChannels .wbeMetersListItem.sceNoChannels .sceHead {
		margin-bottom: 64px;
	}
	.wbePurposeMeters .wbeMetersChannel {
		min-width: 184px;
	}
	.wbePurposeMeters .wbeMetersMainChart {
		width: 400px;
		height: 224px;
	}
	.wbePurposeMeters .wbeMetersMainChart .sceLabelValue {
		font-size: 40px;
		line-height: 48px;
	}
	.wbePurposeMeters .wbeMetersMainChart .sceLabelUnit {
		font-size: 19px;
		line-height: 23px;
	}
	.wbePurposeMeters .wbeMetersChanelChartContainer {
		width: 120px;
	}
	.wbePurposeMeters .wbeMetersChannelChart {
		width: 190px;
		height: 110px;
	}
	.dijitRtl .wbePurposeMeters .wbeMetersChannelChart {
		left: 70px;
	}
	.sceWeb .wbePurposeMeters .wbeMetersChannel {
		min-width: 180px;
	}
}
@media ( min-width : 1700px) {
	.sceApp .sceg-xx3 {display: grid; grid-template-columns: repeat(3,1fr);}
	.claro .wbeSpaceOwnerGrid {
		max-width: 1500px;
	}
	.claro .wbeSpaceOwnerGrid .sceSpacesContainer {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	
}
@media ( min-width : 1900px) {
	.sceg-xx3 {display: grid; grid-template-columns: repeat(3,1fr);}
}

.wbeLoader {
	animation: spin 1s infinite linear;
	border: solid 6px transparent;
	border-radius: 50%;
	border-right-color: var(--theme);
	border-top-color: var(--theme);
	border-left-color: var(--font10);
	border-bottom-color: var(--font10);
	height: 36px;
	width: 36px;
	margin: 0 auto 12px auto;
}

.wbeLoader24 {
	animation: spin 1s infinite linear;
	border: solid 4px transparent;
	border-radius: 50%;
	border-right-color: var(--theme);
	border-top-color: var(--theme);
	border-left-color: var(--font10);
	border-bottom-color: var(--font10);
	height: 24px;
	width: 24px;
}

@keyframes spin {
  100% {
	transform: rotate(360deg);
  }
}


.sceLineGeneration {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}

.sceOneLineGeneration {
    position: absolute;
    width: 1px;
    height: 100px;
    background-color: var(--font40);
}

.sceBallGeneration {
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--green);
    animation: ballDownGeneration 1.8s infinite linear;
}

@keyframes ballDownGeneration {
    0% { top: 0; }
    100% { top: 100%; }
}