html {
	-webkit-tap-highlight-color: transparent;
	--ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
}

body {
	margin: 0;
	background-color: var(--body);
}

body, .scePhoneTextBox input, .dijitTextArea, .dijitMenuItem td, .dropzone, button, ul li {
	font-weight: normal;
	color: var(--font);
	font-size: .875rem;
	text-rendering: optimizeLegibility;
}

body.sceModalShow {
	overflow: hidden;
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.dijitTooltip, .dijitTooltip *, .dijitTooltip::after, .dijitTooltip::before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}


.scePage {
	position: relative;
}
.scePageInner {
	min-height: 100vh;
}
.dijitMenuBar,
.sceDropDownMenu {
	outline: none;
}
.sceSceneContainer {
}
.sceViewContainer {
	overflow: hidden;
}
.sceSceneContent {
	display: none;
}
.sceLoaded .sceSceneContent {
	display: block;
}

.sceStartOverlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 950;
    display: block;
    background-color: rgba(0, 0, 0, 0);
    outline: none;
}
.sceLoaded .sceStartOverlay {
	display: none;
}
.sceLoadBox {
	max-width: 200px;
    text-align: center;
	padding: 1rem;
    margin: calc(50vh - 70px) auto 0 auto;
    line-height: normal;
	background: var(--solidpane);
	color: var(--font);
	border: 1px solid var(--font50);
	-moz-border-radius: var(--radiuss);
	border-radius: var(--radiuss);
}
.sceStartOverlay .sceAnimProgress {
	margin-bottom: 6px;
}

.sceMenuOverlay {
	position: fixed;
	transition: background .3s;
	z-index: 1001;
}
.dijitMenuItem {
	padding: 0;
}
.dijitMenuItemDisabled {
    pointer-events: none;
}
.dijitMenuItemDisabled * {
	opacity: 1;
    pointer-events: none;
}
.dijitMenuItemDisabled > * {
	opacity: .5;
}
a {
	color: var(--font);
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.dijitMenuBar .dijitMenuItem.dijitMenuItemActive {
	background-image: none;
}
.scene .dijitMenu .dijitMenuItem td {
	padding: 0;
}
.scene .dijitMenuItem .dijitMenuItemIconCell,
.scene .dijitMenuItem .dijitMenuItemAccelKey {
	display: none
}
.claro .dijitMenuBar .dijitMenuItem {
	display: inline-block;
	padding: 0;
	margin: 0;	
}
.sceNoTouch .claro .dijitMenuBar .dijitMenuItemHover,
.claro .dijitMenuBar .dijitMenuItemSelected {
	padding: 0;	
}
.claro .dijitMenuItemSelected {
	background-color: transparent;
}

.claro .dijitMenuExpand {
	margin: 0 3px 0 0;
}
.sceSideMenu, .sceSideMenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.sceSideMenu a, .dijitMenuBar a, .sceDropDownMenu a {
	text-decoration: none;
}

.dijitToggleButton, .dijitButton, .dijitDropDownButton, .dijitComboButton {margin: 0;}
.claro .dijitButton .dijitButtonContents,
.claro .dijitButtonText,
.claro .dijitButton .dijitIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.claro .dijitToggleButton .dijitButtonContents,
.claro .dijitButton .dijitButtonContents {
	outline: none;
}

.scene .dijitButton .dijitButtonNode,
.scene .dijitDropDownButton .dijitButtonNode,
.scene .dijitComboButton .dijitButtonNode,
.scene .dijitToggleButton .dijitButtonNode,
.claro .sceLabelValue.sceButtonIcon .sceContainer,
.scene a.sceLikeButton {
	display: block;
	padding: .5rem 1rem;
	color: var(--btnfont);
	background-color: var(--button);
	border-color: var(--btnborder);
	-moz-border-radius: var(--radius);
	border-radius: var(--radius);
	-moz-box-shadow: none;
	box-shadow: none;
	background-image: none;
}
.claro .sceLabelValue.sceButtonIcon .sceContainer {
	border: 1px solid var(--btnborder);
}
.claro .sceLabelValue.sceButtonIcon svg {
	display: block;
}
.scene a.sceLikeButton {
	display: flex;
	align-items: center;
	border: 1px solid var(--btnborder);
	text-decoration: none;
}
.dijitButton.sceTransparent .dijitButtonNode,
.dijitDropDownButton.sceTransparent .dijitButtonNode,
.dijitComboButton.sceTransparent .dijitButtonNode,
.dijitToggleButton.sceTransparent .dijitButtonNode {
	color: var(--font);
	background-color: transparent;
}
.dijitButton.sceHideBorder .dijitButtonNode,
.dijitDropDownButton.sceHideBorder .dijitButtonNode,
.dijitComboButton.sceHideBorder .dijitButtonNode,
.dijitToggleButton.sceHideBorder .dijitButtonNode {
	border: none;
}
.dijitButton.sceTheme .dijitButtonNode,
.dijitDropDownButton.sceTheme .dijitButtonNode,
.dijitComboButton.sceTheme .dijitButtonNode,
.dijitToggleButton.sceTheme .dijitButtonNode {
	background-color: var(--theme);
	color: var(--themefont);
}
.dijitButton.sceTheme .dijitButtonNode .sceIconSvg path,
.dijitDropDownButton.sceTheme .dijitButtonNode .sceIconSvg path,
.dijitComboButton.sceTheme .dijitButtonNode .sceIconSvg path,
.dijitToggleButton.sceTheme .dijitButtonNode .sceIconSvg path {
	fill: var(--themefont);
}
.dijitButton.sceTheme .dijitButtonNode .sceIconSvg rect,
.dijitDropDownButton.sceTheme .dijitButtonNode .sceIconSvg rect,
.dijitComboButton.sceTheme .dijitButtonNode .sceIconSvg rect,
.dijitToggleButton.sceTheme .dijitButtonNode .sceIconSvg rect {
	stroke: var(--themefont);
	fill: none;
}
.scene .dijitButton.sceBorderTheme .dijitButtonNode,
.scene .dijitDropDownButton.sceBorderTheme .dijitButtonNode,
.scene .dijitComboButton.sceBorderTheme .dijitButtonNode,
.scene .dijitToggleButton.sceBorderTheme .dijitButtonNode {
	border-color: var(--theme);
}

.dijitButton.sceRound0 .dijitButtonNode,
.dijitDropDownButton.sceRound0 .dijitButtonNode,
.dijitComboButton.sceRound0 .dijitButtonNode,
.dijitToggleButton.sceRound0 .dijitButtonNode {
	-moz-border-radius : 0;
	border-radius: 0;
}
.dijitButton.sceRound50 .dijitButtonNode,
.dijitDropDownButton.sceRound50 .dijitButtonNode,
.dijitComboButton.sceRound50 .dijitButtonNode,
.dijitToggleButton.sceRound50 .dijitButtonNode {
	-moz-border-radius : 50%;
	border-radius: 50%;
}
.claro .dijitDropDownButton .dijitButtonContents {
	display: flex;
	align-items: center;
	height: 100%;
	outline: none;
}
.claro .dijitDropDownButton .dijitButtonText {
	flex-grow: 1;
	justify-content: flex-start;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.claro .dijitDropDownButton .dijitArrowButtonInner {
	background-image: none;
	width: auto;
	height: auto;
	padding: 0 8px;
}
.claro .sceHideArrow .dijitArrowButtonInner {
	display: none;
}
.claro .dijitSelect.sceSceneArrow .dijitArrowButton {
	width: 15px;
}
.claro .sceArrowButtonInner,
.claro .sceArrowButtonInner svg {
	display: block;
	width: 17px;
	height: 17px;
}
.sceIconDropArrowDown path {
	fill: var(--font);
}

.sceButton.sceButtonIcon .dijitButtonContents *,
.dijitDropDownButton.sceButtonIcon .dijitButtonNode *,
.sceToggleButton.sceButtonIcon .dijitButtonNode * {
	display: block;
	margin: auto;
}
.sceButton.sceButtonIcon .dijitButtonText,
.sceToggleButton.sceButtonIcon .dijitButtonText {
	display: none;
}
.sceButtonIconLabel .sceIcon {
	margin-right: 8px;
}
.dijitRtl .sceButtonIconLabel .sceIcon {
	margin-left: 8px;
	margin-right: 0;
}
.sceButtonIconLabel.sceIconRight .dijitIcon {
	order: 2
}
.sceButtonIconLabel.sceIconRight .sceIcon {
	margin-left: 8px;
	margin-right: 0;
}
.dijitRtl .sceButtonIconLabel.sceIconRight .sceIcon {
	margin-left: 0;
	margin-right: 8px;
}
.sceButtonIconLabel .sceLabel {
	font-size: .625rem;
	font-weight: 400;
	text-transform: uppercase;
}

.claro .sceLabelValue.sceButtonIcon .sceContainer,
.claro .sceButton.sceButtonCounter .dijitButtonNode,
.claro .sceButton.sceButtonIcon19 .dijitButtonNode,
.claro .sceButton.sceButtonIconMedium .dijitButtonNode,
.claro .dijitDropDownButton.sceButtonIconMedium.sceHideArrow .dijitButtonNode,
.claro .sceToggleButton.sceButtonIconMedium .dijitButtonNode {
	padding: 6px;
}
.sceButtonIconMedium svg {
	display: block;
	width: 17px;
	height: 17px;
}
.sceButtonIcon19 svg {
	display: block;
	width: 19px;
	height: 19px;
}

.claro .sceButtonCounter .dijitButtonNode svg {
	display: block;
	width: 20px;
	height: 20px;
}
.claro .sceButtonCounter .dijitButtonText {
	position: relative;
	left: -2px;
}
.dijitRtl .sceButtonCounter .dijitButtonText {
	position: relative;
	left: 2px;
}
.claro .sceButtonCounter.sceButtonIconLabel .sceIcon {
	margin-right: 4px;
}
.dijitRtl .sceButtonCounter.sceButtonIconLabel .sceIcon {
	margin-left: 4px;
	margin-right: 0;
}

.claro button.sceLikeAnchor,
.claro .dijitButton.sceLikeAnchor .dijitButtonNode,
.claro .sceDropDownButton.sceLikeAnchor .dijitButtonNode {
	border: none;
	padding: 0;
	background-color: transparent;
	color: var(--font);
	text-align: left;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.claro.sceNoTouch button.sceLikeAnchor:hover,
.claro.sceNoTouch .dijitButton.sceLikeAnchor.dijitButtonHover .dijitButtonNode,
.claro .dijitButton.sceLikeAnchor.dijitButtonActive .dijitButtonNode,
.claro.sceNoTouch .sceDropDownButton.sceLikeAnchor.dijitDropDownButtonHover .dijitButtonNode,
.claro .sceDropDownButton.sceLikeAnchor.dijitDropDownButtonActive .dijitButtonNode {
	text-decoration: underline;
}
.claro .dijitDropDownButton.sceLikeAnchor .dijitArrowButtonInner {
	padding-right: 0;
}
.dijitRtl .dijitDropDownButton.sceLikeAnchor .dijitArrowButtonInner {
	padding-left: 0;
	padding-right: 8px;
}


.dijitMenuItem.sceOpenFullscreen,
.dijitMenuItem.sceCloseFullscreen {
	display: none;
}

.sceSwitch {
	display: inline-block;
	position: relative;
	background-color: var(--font20);
}
.sceDropDownMenu .sceSwitch {
	display: block;
}
.sceSwitch:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	box-shadow: 0 2px 15px rgba(0,0,0,0.2);
}
.sceSwitchSmall .sceSwitch,
.sceSwitch.sceSmall {
	width: 22px;
	min-width: 22px;
	height: 13px;
	border-radius: 7px;
}
.sceSwitchSmall .sceSwitch:after,
.sceSwitch.sceSmall:after {
	width: 13px;
	height: 13px;
	border-radius: 7px;
}
.sceSwitchMedium .sceSwitch,
.sceSwitch.sceMedium {
	width: 44px;
	min-width: 44px;
	height: 24px;
	border-radius: 12px;
}
.sceSwitchMedium .sceSwitch:after,
.sceSwitch.sceMedium:after {
	width: 24px;
	height: 24px;
	border-radius: 12px;
}
.sceSwitch.sceSwitchOn,
.dijitCheckBoxChecked .sceSwitch,
.dijitCheckedMenuItemChecked .sceSwitch {
	background-color: var(--theme);
}
.sceSwitch.sceSwitchOn:after,
.dijitCheckBoxChecked .sceSwitch:after,
.dijitCheckedMenuItemChecked .sceSwitch:after {
	left: auto;
	right: 0;
}

.claro .sceLabel label {
	display: inline-block;
}
.claro .sceLabel .sceLabelTooltip {
	position: absolute;
	cursor: pointer;
	padding: 0 6px;
}
.claro .sceLabel .sceLabelTooltip svg {
	width: 16px;
	height: 16px;
}

.claro .dijitTextBox,
.claro .dijitSelect,
.claro .dijitComboBox,
.claro .sceMultiSelectPopup {
	width: 100%;
	overflow: hidden;
}
.claro .dijitTextBox,
.claro .dijitSelect,
.claro .dijitInputInner,
.claro .dijitInputContainer,
.claro .dijitTextBoxFocused .dijitInputContainer {
	background: var(--ctl);
	color: var(--ctlfont);
}
.claro.sceTouch .dijitTextBox input:disabled {
	-webkit-text-fill-color: var(--font);
	opacity: 1;
}

.claro .dijitSelectLabel,
.claro .dijitTextBox .dijitInputInner,
.claro .dijitValidationTextBox .dijitValidationContainer,
.claro .dijitSelectFocused .dijitArrowButton {
	padding: 0;	
}

.claro .dijitTextArea.dijitTextBoxFocused {
	background-image: none;
}

.claro .dijitSelect {
	outline: none;
	table-layout: fixed;
}
.claro .dijitSelect .dijitButtonText {
	max-width: 100%;
}
.claro .dijitSelect .dijitSelectLabel {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.claro .sceInputContainer {
	display: block;
	float: none !important;
	position: relative;
	overflow: hidden;
}

.claro .sceInnerLabelInput,
.claro .sceInnerRLabelInput {
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	display: block;
	width: auto;
	text-overflow: ellipsis;
	overflow: hidden;
}
.claro .sceInnerLabelInput {
	float: left;
	margin-right: 8px;
}
.claro .sceInnerRLabelInput {
	float: right;
	margin-left: 6px;
}
.claro .dijitSelect .sceInnerLabelInput {
	padding-top: 3px;
	line-height: normal;
}

.claro .dijitCalendarMonthContainer .dijitButtonContents .dijitButtonText {
	display: inline-block;	
}


/* CHECKBOX */
.claro .sceCheckBox {
	width: auto;
	height: auto;
	padding: 0;
}
.claro .dijitCheckBox, .claro .dijitCheckBoxIcon {
	background: none;
	margin: 0;
}
.claro .sceCheckBoxSwitch {
	overflow: visible;
}
.claro .sceCheckBoxSwitch.dijitDisabled .sceSwitch {
	opacity: .5;
}
.claro .sceCheckBoxDefault .sceLabelContent {
	margin-left: 24px;
}
.dijitRtl .sceCheckBoxDefault .sceLabelContent {
	margin-left: 0;
	margin-right: 24px;
}
.claro .sceCheckBoxSwitch label {
	display: flex;
	align-items: center;
}
.claro .sceCheckBoxSwitch .sceLabelInner .sceLabelContent {
	flex-grow: 1;
	margin-right: 24px;
}
.dijitRtl .sceCheckBoxSwitch .sceLabelInner .sceLabelContent {
	margin-left: 24px;
	margin-right: 0;
}
.claro .sceCheckBoxSwitch .sceLabelTop {
	flex-direction: column;
}
.claro .sceCheckBoxSwitch .sceLabelTop .sceLabelContent {
	margin-bottom: 6px;
}
.claro .dijitCheckBox input {
	width: 0;
	height: 0;
	float: left;
}
.claro .sceCheckBox .sceCheckBoxIcon {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--pholder);
	border-radius: 3px;
	width: 17px;
	height: 17px;
}
.claro .sceCheckBox .sceCheckBoxIcon svg {
	display: none;
	width: 14px;
	height: 14px;
}
.claro .sceCheckBox .sceCheckBoxIcon path {
	fill: var(--themefont);
}
.claro .sceCheckBox.dijitChecked .sceCheckBoxIcon {
	background-color: var(--theme);
	border-color: var(--theme);
}
.claro .sceCheckBox.dijitChecked .sceCheckBoxIcon svg {
	display: block;
}
.claro .sceCheckBox.sceDisabled label {
	color: var(--pholder);
}
.claro .sceCheckBox.sceButtonIcon svg {
	display: block;
	margin: 0 auto;
}
.claro .sceCheckBox.sceButtonIcon path {
	fill: var(--font);
}
.claro .sceCheckBox.sceButtonIcon .sceLabelContent {
	text-align: center;
}
.claro .sceCheckBox.sceButtonIcon.dijitChecked {
	background: var(--hover);
	color: var(--hoverfont);
}
.claro .sceCheckBox.sceButtonIcon.dijitChecked path {
	fill: var(--hoverfont);
}


/* RADIOGROUP / RADIOBUTTON */
.sceRadioGroup {
	display: inline-block;
}
.sceRadioGroup .sceFieldsContainer,
.sceRadioGroup.dijitReadOnly .dijitFocusedLabel {
	outline: none;
}
.sceRadioGroup.sceRadioBorder .sceRadioButton {
	border: 1px solid var(--border);
	padding: .75rem;
}
.sceRadioGroup.sceCheckedLGray .sceRadioButton.dijitChecked {
	background: var(--theme);
}

.sceRadioGroup .sceRadioButton {
	width: auto;
	height: auto;
	padding: 0;
	background: none;
}
.sceRadioGroup.sceSimple .sceRadioLabel {
	margin-left: 25px;
	padding: 4px 0;
}
.claro .sceRadioGroup input {
	width: 0;
	height: 0;
}
.sceRadioGroup.sceSimple .sceRadioIcon {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	margin-top: 4px;
}
.sceRadioGroup.sceSimple .sceRadioIcon.sceCheck {
	border: 1px solid var(--font40);
	border-radius: 4px;
}
.sceRadioGroup .sceRadioIcon.sceRadio svg {
	display: block;
	width: 19px;
	height: 19px;
}
.sceRadioGroup .sceRadioIcon.sceCheck svg {
	display: block;
	width: 13px;
	height: 13px;
}
.sceRadioGroup .sceRadioIcon .sceUnchecked {
	display: block;
	color: var(--font20);
}
.sceRadioGroup .sceRadioIcon .sceChecked {
	display: none;
}
.sceRadioGroup .sceRadioIcon.sceCheck .sceChecked {
	background: var(--theme);
}
.sceRadioGroup .sceRadioIcon.sceCheck .sceChecked path {
	fill: var(--themefont);
}
.sceRadioButton.dijitChecked .sceRadioIcon .sceChecked {
	display: block;
	color: var(--theme);
}
.sceRadioButton.dijitChecked .sceRadioIcon.sceCheck {
	border-color: var(--theme);
	background: var(--theme);
}
.sceRadioButton.dijitChecked .sceRadioIcon .sceUnchecked {
	display: none;
}
.sceRadioButton.sceDisabled label {
	color: var(--pholder);
}

.sceRadioGroup.sceSimple .sceRadioButton.dijitInline {
	margin-right: 16px;
}
.sceRadioButton.sceRadioIcon {
	display: block;
	position: relative;
	border: 1px solid var(--border);
	padding: 16px 32px;
	text-align: center;
	cursor: pointer;
}

.sceRadioButton.sceRadioIcon .material-icons-outlined {
	font-size: 44px;
	margin-bottom: 12px;
}

.sceRadioButton.sceRadioIcon .sceRadioLabel {
	font-weight: bold;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.sceRadioButton.sceRadioIcon.dijitChecked {
	background-color: --var(--theme);
	color: var(--themefont);
}

.sceRadioButtonIcon.dijitChecked .material-icons-outlined {
	color: #fff;
}



.sceRadioGroup.sceSegmented {
	width: 100%;
	-moz-border-radius: var(--radius);
  	border-radius: var(--radius);
}

.sceRadioGroup.sceSegmented .sceRadioButton {
	text-align: center;
	background-color: transparent;
	border: none;
	-moz-border-radius: 0;
  	border-radius: 0;
	min-width: 0;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: border, background-color;
	-moz-transition-property: border, background-color;
	transition-property: border, background-color;
}

.dijitReadOnly .sceRadioButton.sceRadioIcon {
	cursor: default;	
}
.sceRadioGroup.sceSegmented .sceRadioButton label {
	cursor: pointer;
}
.sceRadioGroup.sceSegmented .sceRadioButton.dijitChecked label,
.sceRadioGroup.sceSegmented .sceRadioButton.dijitChecked {
	cursor: default;
}
.sceRadioGroup.sceSegmented .sceRadioButton label .sceIcon,
.sceRadioGroup.sceSegmented .sceRadioButton label .sceRadioLabel {
	margin: 0 3px;
}
.sceRadioGroup.sceSegmented.dijitReadOnly .sceRadioButton,
.sceRadioGroup.sceSegmented.dijitReadOnly .sceRadioButton label{
	cursor: default;
}

/* MULTISELECT */
.claro .sceMultiSelect .sceMaxSelected {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	padding: 4px 8px;
	background: var(--theme);
	color: var(--themefont);
	z-index: 1;
}
.claro .sceMultiSelect .sceFieldsContainer {
	outline: none;
}

.claro .sceMultiSelect .sceBoxCheckAll {
	text-align: right;
}
.claro .sceMultiSelect .sceCheckAll {
	z-index: 1;
}
.claro .sceMultiSelect .sceCheckAll .dijitButtonNode {
	padding: 6px 12px;
}
.claro .sceCheckAll .dijitButtonText {
	grid-gap: 4px;
}

.claro .sceMultiSelect .sceGroupTitle {
    grid-column-start: 1;
    grid-column-end: -1;
    font-weight: var(--fsemi);
}

.claro .sceMultiSelect.dijitReadOnly .sceBoxCheckAll,
.claro .sceMultiSelect.dijitDisabled .sceBoxCheckAll,
.claro .scePopupMultiSelectPopup.sceReadOnly  .sceBoxCheckAll {
	display: none;
}

.claro .sceMultiSelect .sceCheckBox.sceDisabled {
	opacity: .5;	
}

.claro .sceMultiSelect.dijitReadOnly .dijitFocusedLabel {
	outline: none;
}

.claro .sceMultiSelect.sceInline .sceFieldsContainer .sceCheckBox {
	display: inline-block;
}

.claro .sceMultiSelect.sceOnlyCheck .sceCheckBox .sceCheckBoxIcon {
	position: static;
}
.claro .sceMultiSelect.sceOnlyCheck .sceCheckBox input {
	display: none;
}

.claro .sceMultiSelect.sceCheckTopMMedium .sceCheckBox .sceCheckBoxIcon {
	margin-top: 4px;
}

.claro .sceMultiSelect.sceCheckLarge .sceCheckBox .sceLabelContent {
	margin-left: 0;
}
.claro .sceMultiSelect.sceCheckLarge .sceCheckBox input {
	position: absolute;
}
.claro .sceMultiSelect.sceCheckLarge .sceCheckBox .sceCheckBoxIcon {
	margin-top: -8px;
	margin-left: -4px;
	background-color: #fff;
	width: 22px;
	height: 22px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
}
.claro .sceMultiSelect.sceCheckLarge .sceCheckBox .sceCheckBoxIcon .material-icons {
	font-size: 22px;
}
.claro .sceMultiSelect.sceCheckLarge .sceCheckBox .sceCheckBoxIcon,
.claro .sceMultiSelect.sceCheckLarge .sceCheckBox .sceCheckBoxIcon .sceUnchecked {
	display: none;
}
.claro .sceMultiSelect.sceCheckLarge .sceCheckBox.dijitChecked .sceCheckBoxIcon {
	display: block;
}

.claro .sceMultiSelect .sceItemCompact {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}
.claro .sceMultiSelect .sceItemCompact .sceItemLabel {
	flex-grow: 1;
}
.claro .sceMultiSelect .sceItemCompact .sceItemRemove {
	padding: 6px;
	cursor: pointer;
}
.claro .sceMultiSelect .sceItemCompact .sceItemRemove svg {
	display: block;
	width: 17px;
	height: 17px;
}
.claro .sceMultiSelect .sceItemCompact .sceItemRemove path {
	fill: var(--font);
}


.claro .sceMultiSelectPopup .sceDropDownButton {
	display: block;
}
.claro .sceMultiSelectPopup .sceDropDownLabel {
	padding-right: 8px;
}
.dijitRtl .sceMultiSelectPopup .sceDropDownLabel {
	padding-left: 8px;
	padding-right: 0;
}

.claro .scePopupMultiSelectPopup {
	border: 1px solid var(--ctlborder);
	background-color: var(--solidpane);
	text-align: right;
	height: 100%;
	overflow: hidden;
}
.claro .scePopupMultiSelectPopup .sceBoxCheckAll {
	position: absolute;
	bottom: 8px;
	right: 16px;
	background-color: var(--solidpane);
	z-index: 1;
}
.claro .scePopupMultiSelectPopup .sceCheckAll .dijitButtonNode,
.claro .sceDialogMultiSelect .sceCheckAll .dijitButtonNode {
	padding: 2px 6px;
}
.claro .scePopupMultiSelectPopup .sceMultiSelectContainer {
	height: 100%;
	overflow-y: auto;
}
.claro .scePopupMultiSelectPopup.sceHasCheckAll .sceMultiSelectContainer {
	padding-bottom: 24px;
}

.claro .scePopupMultiSelectPopup .sceMultiSelect .sceFieldsContainer {
	position: relative;
	padding: 12px;
	text-align: left;
}
.claro .scePopupMultiSelectPopup .sceMultiSelect .sceCheckBox {
	margin-top: 0;
}

.claro .scePopupMultiSelectPopup .sceMultiSelect .sceCheckBox {
	margin-top: 0;
}

.claro .sceMultiSelectPopup .sceButton .dijitButtonText {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.claro .sceDropDownCalendarRange.sceSlaveRadioGroup {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
}
.claro .sceDropDownCalendarRange.sceSlaveRadioGroup .sceDropDownButton .dijitButtonNode {
	display: none;
}

/* DATERANGETEXTBOX */

.claro .sceDateRangeTextBox .sceDropDownButton {
	width: 100%;
}
.claro .sceDateRangeTextBox .sceDropDownButton .dijitButtonNode,
.claro .sceDateRangeTextBox .dijitDropDownButtonHover .dijitButtonNode,
.claro .sceDateRangeTextBox .dijitDropDownButtonActive .dijitButtonNode {
	background-color: var(--ctl);
	color: var(--ctlfont);
	border-color: var(--border);
	padding: 0 10px;
}
.claro .sceDateRangeTextBox.sceDateRangeTouch {
	padding: 0 10px;
} 
.claro .sceDateRangeTextBox .sceBoxText {
	text-align: left;
}
.dijitRtl .sceDateRangeTextBox .sceBoxText {
	text-align: right;
}
.claro .sceDateRangeTextBox.sceDateRangeTouch .sceBoxText {
	text-align: center;
}
.claro .sceDateRangeTextBox .sceDropDownButton .dijitButtonContents {
	outline: none;
}
.claro .sceDateRangeTextBox .sceContainerBox {
	display: flex;
	align-items: center;
	width: 100%;
}
.claro .sceDateRangeTextBox .sceBoxLeft {
	display: flex;
	align-items: center;
}
.claro .sceDateRangeTextBox .sceContainerBox .sceBoxText {
	flex-grow: 1;
}
.claro .sceDateRangeTextBox .sceBoxLeft .iconify {
	width: 18px;
	height: 18px;
}
.claro .sceDateRangeTextBox .sceSeparator {
	width: 1px;
	border-left: 1px solid var(--border);
	margin: 0 8px;
	height: 16px;
}
.claro .sceDateRangeTextBox .dijitArrowButtonInner path {
	fill: var(--panefont);
}

/* IMAGESVG */

.sceImageSvg.sceTheme .sceIconSvg path,
.sceImageSvg.sceTheme.sceFillRect .sceIconSvg rect,
.sceImageSvg.sceTheme.sceFillCircle .sceIconSvg circle {
	fill: var(--theme);
}


.sceTogglerPane .sceBoxTitle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: fit-content;
	grid-gap: 6px;
	cursor: pointer;
}
.sceTogglerPane .sceBoxTitle .sceTitle {
	display: flex;
}
.sceNoTouch .sceTogglerPane .sceBoxTitle:hover .sceTitle {
	text-decoration: underline;
}
.sceTogglerPane .sceBoxArrow svg {
	display: block;
	width: 17px;
	height: 17px;
}
.sceTogglerPane .sceBoxArrow path {
	fill: var(--font);
}
.sceTogglerPane .sceArrow svg {
	transform: rotate(360deg);
	transition: all 470ms;
}
.sceTogglerPane.sceExpanded .sceArrow svg {
	transform: rotate(180deg)!important;
}
.sceTogglerPane.sceFullTitle .sceBoxTitle {
	width: auto;
}


.sceAccordionPane .sceBoxTitle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	grid-gap: 8px;
	height: 32px;
	cursor: pointer;
}
.sceAccordionPane .sceBoxTitle .sceTitle {
	display: flex;
}
.sceAccordionPane .sceBoxArrow svg {
	width: 17px;
	height: 17px;
	margin-top: 2px;
}
.sceAccordionPane .sceBoxArrow path {
	fill: var(--font);
}
.sceAccordionPane .sceArrowDown,
.sceAccordionPane .sceArrowUp {
	display: none;
}
.sceAccordionPane.sceExpanded .sceArrowUp,
.sceAccordionPane.sceCollapsed .sceArrowDown {
	display: block;
}


.sceConnectTooltip {
	margin: 0 8px;
	cursor: pointer;
}
.sceConnectTooltip svg {
	display: block;
	width: 21px;
	height: 21px;
}
.sceConnectTooltip path {
	fill: var(--font);
}


/* MAPCONTROLLER */

.sceMapController {
	position: relative;
}
.sceMapController .sceMapNode {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0; 
}


/* MAPGEOLOCATOR */

.sceMapGeolocator {
	position: relative;
}
.sceMapGeolocator .sceMapNode {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0; 
}
.sceMapGeolocator .sceSearchBox {
	background: var(--solidpane);
	color: var(--font);
	padding: 6px;
	margin: 10px;
	width: calc(100% - 20px);
	max-width: 600px;
	border-radius: 2px;
	box-shadow: rgb(0 0 0 / 30%) 0px 1px 4px -1px;
}
.sceMapGeolocator .sceSearchBox .sceContent {
	display: grid;
	grid-template-columns: 1fr 31px;
	grid-gap: 6px;
}
.sceMapGeolocator .sceLabelNode {
	color: var(--pholder);
}
.sceMapGeolocator .sceResultBox {
	display: none;
	margin-top: 6px;
	max-height: 120px;
	overflow-y: auto;
}
.sceMapGeolocator .sceResultBox.sceEmpty,
.sceMapGeolocator .sceResultBox.sceFilled {
	display: block;
}
.sceMapGeolocator .sceResultBox .sceMapGeoList,
.sceMapGeolocator .sceResultBox .sceResultError {
	display: none;
}
.sceMapGeolocator .sceResultBox.sceFilled .sceMapGeoList {
	display: block;
}
.sceMapGeolocator .sceResultBox.sceEmpty .sceResultError {
	display: flex;
	align-items: center;
}
.sceMapGeolocator .sceResultBox .sceMapGeoListItem {
	align-items: center;
	padding: 4px 4px 4px 0;
	border: 1px solid transparent;
}
.sceMapGeolocator .sceIcon {
	padding: 0 6px;
}
.sceMapGeolocator .sceIconOk svg,
.sceMapGeolocator .sceIconError svg {
	display: none;
	width: 22px;
	height: 22px;
}
.sceMapGeolocator .sceOk .sceIconOk svg,
.sceMapGeolocator .sceError .sceIconError svg {
	display: block;
}
.sceMapGeolocator .sceIconOk svg {
	color: var(--theme);
}
.sceMapGeolocator .sceIconError svg {
	color: var(--error);
}
.sceMapGeolocator .sceMapGeoListItem .sceMessageNode {
	flex-grow: 1;
	padding: 4px 0;
}
.sceMapGeolocator .sceMapGeoListItem .sceButton {
	display: none;
	margin-left: 12px;
	background: var(--solidpane);
	border-radius: var(--radius);
}
.dijitRtl .sceMapGeolocator .sceMapGeoListItem .sceButton {
	margin-left: 0;
	margin-right: 12px;
}
.sceMapGeolocator .sceMapGeoListItem .sceButton .dijitButtonNode {
	padding: 4px 8px;
}
.sceMapGeolocator .sceMapGeoListItem.sceSelected {
	background-color: var(--hover);
	color: var(--hoverfont);
	border-color: var(--border);
}
.sceSelectedGradient .sceMapGeolocator .sceMapGeoListItem.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;
}
.sceMapGeolocator .sceSelected .sceIconOk svg {
	color: var(--hoverfont);
}
.sceMapGeolocator .sceMapGeoListItem.sceSelected .sceButton {
	display: block;
}


/* PHONETEXTBOX*/
.claro .scePhoneTextBox {
	position: relative;
}
.dijitRtl .iti--allow-dropdown .iti__flag-container,
.dijitRtl .iti--separate-dial-code .iti__flag-container {
	right: 0;
	left: auto;
}
.claro .scePhoneTextBox .iti {
	display: flex;
	justify-content: flex-end;
	width: 100%!important;
}
.claro .iti__flag-container {
	position: static;
	padding: 0;
	margin-right: 8px;
}
.dijitRtl .iti__flag-container {
	margin-left: 8px;
	margin-right: 0;
}
.claro .scePhoneTextBox .iti input {
	border: none;
	outline: none;
	width: 100%!important;
	padding-right: 0!important;
	padding-left: 0!important;
}
.dijitRtl .iti__arrow {
	margin-left: 0;
	margin-right: 6px;
}
.scePhoneTextBox.sceHideFlag .iti__flag {
	display: none;
}
.scePhoneTextBox.sceHideFlag .iti__country-list .iti__flag {
	display: inline-block;
}
.scePhoneTextBox.sceHideFlag .iti__selected-flag {
	margin-left: 0;
	padding-left: 0;
}
.scePhoneTextBox.sceHideFlag .iti__selected-dial-code {
	margin-left: 0;
}
.claro .scePhoneTextBox .dijitValidationContainer {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
}
.claro .iti__country-list {
	border: 1px solid var(--ctlborder);
}
.claro .iti__country-list .iti__country {
	display: flex;
}
.dijitRtl .iti__country-list {
	text-align: right;
}
.dijitRtl .iti__country-list .iti__country-name,
.dijitRtl .iti__country-list .iti__flag-box {
	margin-left: 6px;
	margin-right: 0;
}
.claro .scePhoneTextBox.dijitValidationTextBoxError .iti,
.claro .scePhoneTextBox.dijitValidationTextBoxError .intl-tel-input {
	padding-right: 12px;
}

.claro .scePhoneTextBox.dijitValidationTextBoxError .dijitValidationContainer {
	display: block;
}

.claro .scePhoneTextBox.dijitValidationTextBoxError .dijitValidationContainer {
	width: 10px;
	height: 33px;
	right: 2px;
}

/* DATEMULTISELECT */

.sceDateMultiSelect .sceAddContainer {
	margin-top: 8px;
	max-width: 120px;
}
.sceDateMultiSelect .sceDateItem {
	display: flex;
	align-items: center;
}
.sceDateMultiSelect .sceDateItem .sceItemLabel {
	font-weight: var(--fsemi);
}
.sceDateMultiSelect .sceDateItem .sceItemRemove {
	padding: 4px;
	border: 1px solid var(--font11);
	border-radius: 50%;
	margin: 1px 6px;
	cursor: pointer;
	transition: border 470ms;
}
.sceDateMultiSelect .sceDateItem .sceItemRemove:hover {
	border-color: var(--font50);
}
.sceDateMultiSelect .sceDateItem .sceItemRemove svg {
	display: block;
	width: 8px;
	height: 8px;
	fill: var(--font);
}
.sceDateMultiSelect .sceDateItem .sceItemRemove path {
	fill: var(--font);
}
.sceDateMultiSelect.dijitReadOnly .sceDateItem .sceItemRemove,
.sceDateMultiSelect.dijitReadOnly .sceAddContainer {
	display: none;
}

/* LABELVALUE */

.claro .sceLabelValue {
	overflow: hidden;
}
.claro .sceLabelValue.sceInline {
	display: inline;
}

.claro .sceLabelValue.sceInlineM {
	display: inline-block;
	vertical-align: middle;
}
.claro .sceLabelValue.sceLabeLeft .sceLabel {margin-right: 6px;}
.dijitRtl .sceLabelValue.sceLabeLeft .sceLabel {margin-left: 6px; margin-right: 0;}
.claro .sceLabelValue.sceLabeLeft .sceLabel, .claro .sceLabelValue.sceLabeLeft .sceContainer {
	display: inline-block;
	vertical-align: baseline;
}


/* TRANSLATIONTEXT */

.claro .sceTranslationText.sceBordered {border: 1px solid var(--border); padding: .5rem; margin-top: .3rem;}
.claro .sceTranslationText table {border-spacing: 0; border: none; width: 100%; font-size: 12px;}
.claro .sceTranslationText .sceLabelBox {padding-top: 8px; padding-right: 10px; font-weight: 300; background-size: 14px; opacity: 0.8; vertical-align: top;}
.dijitRtl .claro .sceTranslationText .sceLabelBox {padding-left: 10px; padding-right: 0;}

.claro .sceTranslationText.scePaddingSmall table td {padding-bottom: 1px;}
.claro .sceTranslationText.scePaddingMedium table td {padding-bottom: 3px;}
.claro .sceTranslationText table tr:nth-last-child(1) td {padding-bottom: 0;}

.claro .sceTranslationTextBox .sceLabelBox {background-position: left 2px; white-space: nowrap;}
.claro .sceTranslationTextarea .sceLabelBox {background-position: left 2px; white-space: nowrap;}
.claro .sceTranslationText .sceInputBox {width: 100%;}
.claro .sceTranslationText .dijitTextArea {margin-bottom: 0;}

.claro .sceTitle .sceTranslationTextBox {padding: 1rem 0}; 


/* COLORPICKER */

.claro .sceColorPicker .dijitDropDownButton .dijitButtonNode {
	padding: 10px 16px;
	border: 1px solid var(--ctlborder);
	cursor: pointer;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.claro .sceColorPicker .sceSample {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 8px;
	vertical-align: middle;
}
.dijitRtl .sceColorPicker .sceSample {
	margin-left: 0;
	margin-right: 8px;
}

.claro .dojoxColorPicker input {
	line-height: normal;
	box-sizing: content-box;
}

/* SEARCHTEXTBOX */

.claro .sceSearchTextBox {
    display: flex;
    align-items: center;
}
.claro .sceSearchTextBox .sceSearchIcon {
	display: flex;
	justify-content: flex-end;
	width: 32px;
}
.claro .sceSearchTextBox .sceSearchInput {
	width: 300px;
}
.claro .sceSearchTextBox .sceSeparator {
	width: 1px;
	border-left: 1px solid var(--border);
	margin: 0 8px;
	height: 16px;
}
.claro .sceSearchTextBox .dijitInputContainer {
    flex-grow: 1;
}
.claro .sceSearchTextBox.sceNoBorder {
	border: none;
}


/* SLAVE MIXIN */
.claro .sceContainerSlaveHide {display: none;}


/* DROP ZONE */
.claro .dropzone {
	position: relative;
}
.claro .dropzone button {
	-webkit-box-shadow: none;
	box-shadow: none
}
.claro .dropzone.dz-drag-hover {
	background-color: var(--hover);
}
.claro .dropzone.sceWhiteImage, .claro .dropzone.sceWhiteImage .dz-preview {
	background-color: #444444;
}
.claro .dropzone .dz-preview {
	margin: .25rem;
}
.claro .dropzone.sceOneImage .dz-preview {
	width: 100%;
	margin: 0;
}
/*.claro .dropzone.sceOneImage.dz-max-files-reached {padding-bottom: .75rem;}*/
.claro .dropzone.sceOneImage.dz-max-files-reached .dz-message {display: none;}

.claro .dropzone .dz-preview .dz-image {
	-moz-border-radius: 0;
	border-radius: 0;
	width: unset;
	height: unset;
}
.claro .dropzone.sceContainImage .dz-preview .dz-image img {
	object-fit: contain;
}

.claro .dropzone .dz-preview.sceBackground .dz-image {
	background-repeat: no-repeat;
	background-position: center 16px;
	background-size: auto 48px;
}
.claro .dropzone .dz-preview.sceBackground .dz-size {
	position: relative;
	top: 6px;
	left: 12px;
	font-size: .6875rem;
	font-weight: 300;
	text-align: right;
	color: #aaa;
	margin-bottom: 1.5rem;
}
.claro .dropzone .dz-preview.sceBackground .dz-size strong {font-weight: 300;}

.claro .dropzone .dz-file-preview {
	background-image: -moz-linear-gradient(#eef7fd 0px, #fff 30%, #fff 50%, #eef7fd 100%);
	background-image: -webkit-linear-gradient(#eef7fd 0px, #fff 30%, #fff 50%, #eef7fd 100%);
	background-image: -o-linear-gradient(#eef7fd 0px, #fff 30%, #fff 50%, #eef7fd 100%);
	background-image: linear-gradient(#eef7fd 0px, #fff 30%, #fff 50%, #eef7fd 100%);
	-webkit-box-shadow: inset 1px 1px #e9e9e9, inset -1px -1px #e9e9e9;
	box-shadow: inset 1px 1px #e9e9e9, inset -1px -1px #e9e9e9;
}

.claro .dropzone .sceBackground .dz-filename {color: #666; font-weight: 300;}
.claro .dropzone .dz-message {
	position: absolute;
	left: 2px;
	right: 2px;
	top: 2px;
	bottom: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	margin: 0;
	border: 1px dashed var(--headfont);
}
/*.claro .dropzone.sceOneImage .dz-message {position: static; margin: .75rem 0;}*/
.claro .dropzone.dz-started .dz-message {
	display: block;
}
.claro .dropzone .sceButtonRemove {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 4px;
	background-color: var(--pholder);
	border: none;
	border-radius: 4px;
	z-index: 100;
	opacity: .5;
	cursor: pointer;
	transition: all 470ms;
}
.dijitRtl .claro .dropzone .sceButtonRemove {
	left: 5px;
	right: auto;
}
.claro .dropzone .sceButtonRemove * {
	cursor: pointer;
}
.claro .dropzone .sceButtonRemove svg {
	width: 18px;
	height: 18px;
	display: block;
}
.claro .dropzone .sceButtonRemove path {
	fill: #fff;
}
.sceNoTouch .dropzone .sceButtonRemove:hover {
	opacity: 1;
}

.claro .dropzone.sceReadOnly .dz-message,
.claro .dropzone.sceReadOnly .sceButtonRemove {
	display: none;
}


/* BUTTONUPLOAD */

.claro .sceButtonUpload {
	position: relative;
}

.claro .sceButtonUpload *, .claro .sceButtonUpload .dijitUploader * {
	cursor: default;
}

.claro .sceButtonUpload .sceIconBox i.material-icons-outlined {
	position: static;
}

.claro .sceButtonUpload .sceViewButton {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 1;
	padding: .25rem .5rem;
	opacity: 0.7;
	cursor: pointer;
}
.claro .sceButtonUpload .sceViewButton:hover {
	opacity: 1;
}

.claro .sceButtonUpload .sceProgressContainer {
	position: absolute;
	top: 27px;
	left: 6px;
	right: 6px;
	background: var(--inversefont);
	padding: 2px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	z-index: 1;
}

.claro .sceButtonUpload .sceProgressContainer .sceProgressValue {
	background: var(--font80);
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 12px;
}

.claro .sceButtonUpload.sceDocument .dijitUploader .dijitButtonNode {
	padding: .75rem;
	border-style: dashed;
	border-width: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;	
}

.claro .sceButtonUpload.sceDocument .sceIconBox {
	display: inline-block;
	white-space: normal;
	width: 210px;
	height: 130px;
}

.claro .sceButtonUpload.sceDocument img {
	width: 210px;
	height: 130px;
	object-fit: contain;
}

.claro .sceButtonUpload.sceDocument .sceIconBox.sceFlexCenter {
	display: flex;
	align-items: center;	
}

.claro .sceButtonUpload.sceDocument .sceHint {
	font-weight: 400;
	color: #333;
}

.claro .sceButtonUpload.sceDocument .sceSubHint {
	font-size: .6875rem;
	font-weight: 300;
	color: #838383;
	margin-top: .5rem;
}

.claro .sceButtonUpload.sceDocumentS .sceIconBox {
	width: 145px;
}

.claro .sceButtonUpload.sceDocumentS img {
	width: 145px;
}

.claro .sceButtonUpload.sceOnlyButton .sceIconBox {
	display: inline-block;
	white-space: normal;
	width: 200px;
	height: auto;
}

.claro .sceButtonUpload.sceOnlyButton .sceIconBox i.material-icons-outlined	{
	display: none;
}


/* SUBFORM */

.claro .sceSubFormItem {position: relative;}
.claro .sceSubFormItem .sceSubFormOrder {line-height: normal;}

.claro .sceSubForm .sceAddButton {margin-top: 16px;}
.claro .sceSubFormTabsController .sceAddButton {margin: 16px 0 0 8px;}
.claro .sceSubForm .sceAddButton,
.claro .sceSubFormTabsController .sceAddButton {display: flex; align-items: center; padding: 2px 0; color: var(--font); border: none; background: transparent; outline: none; cursor: pointer;}
.claro .sceSubForm .sceDropDownButton.sceAddButton .dijitButtonNode {padding: .5625rem 1rem .375rem 1rem; color: var(--font); outline: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer;}
.claro .sceSubForm .sceDropDownButton.sceAddButton .dijitArrowButtonInner {display: none;}
.claro .sceSubForm.sceTable .sceAddButton {margin-top: 1rem; margin-left: .5rem}
.claro .sceSubFormItem .sceDelButton,
.claro .sceSubFormTabItem .sceDelButton {position: absolute; border: none; background: transparent; padding: 0; -webkit-box-shadow: none; box-shadow: none; outline: none; cursor: pointer;}
.claro .sceSubFormTabItem .sceDelButton {top: .5rem; right: .5rem;}
.claro .sceSubForm.sceTable .sceSubFormItem .sceDelButton {top: .25rem; right: .375rem; padding: .125rem;}
.claro .sceSubForm.sceTable .sceSubFormItem .sceBeforeDel {padding-right: 2.25rem;}
.claro .sceSubForm.sceTable.sceReadOnly .sceSubFormItem .sceBeforeDel {padding-right: .75rem;}
.claro .sceSubFormItem .sceSubFormLabelNew {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	background-color: var(--theme);
	color: var(--themefont);
	text-transform: uppercase;
	padding: 0 20px 1px;
	border-radius: var(--radius) 0 var(--radius) 0;
}

.sceListHorzBar .sceRow {display: flex; align-items: center;}

.sceListHorzBar.sceDefault .sceHorzBar,
.sceHorzBar.sceDefault {
	padding: 0.2em 0.3em 0.2em 0.2em;
	background-color: #f5f5f5;
	border: 1px solid var(--border);
	border-radius: .6em;
	overflow: hidden;
}
.sceListHorzBar.sceDefault .sceHorzBar .sceMask,
.sceHorzBar.sceDefault .sceMask {
	border-radius: .4em;
	height: 18px;
	width: 0%;
	transition: all 1000ms;
}

.sceListHorzBar.sceBackLine .sceHorzBar,
.sceHorzBar.sceBackLine {
	position: relative;
}
.sceListHorzBar.sceBackLine .sceHorzBar:before,
.sceHorzBar.sceBackLine:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 1px;
	margin-top: -1px;
	background-color: var(--border);
}
.sceListHorzBar.sceBackLine .sceHorzBar .sceMask,
.sceHorzBar.sceBackLine .sceMask {
	position: relative;
	border-radius: 7px;
	height: 16px;
	width: 0%;
	transition: all 1000ms;
}

.claro .sceTabsController {
	outline: none;
}
.claro .sceTabsController.sceResponsive {
	display: none;
}
.claro .sceTabsController .sceNavTabs {
	list-style: none;
	padding: 0;
	margin: 0;
}
.claro .sceTabsController .sceNavTabs li {
	cursor: pointer;
}


.claro .dgrid {border: none;}

.claro .dgrid-selected,
.claro .dgrid-footer {
	background-color: transparent;
}

.claro .sceGrid.sceSelected .dgrid-row.dgrid-selected td {
	background-color: var(--hover);
	color: var(--hoverfont);
}
.sceSelectedGradient .sceGrid.sceSelected .dgrid-row.dgrid-selected td {
	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 .sceGrid .sceArrowExpand {
	transition: transform 200ms;
}
.claro .sceGrid .sceArrowExpand svg {
	display: block;
}
.claro .sceGrid .dgrid-selected .sceArrowExpand {
	transform: rotate(-180deg);
}
.dijitRtl .sceGrid .dgrid-selected .sceArrowExpand {
	transform: rotate(180deg);
}

.claro .dgrid-pagination {
	display: flex;
	align-items: center;
	padding: 24px 0 0 0;
	overflow: hidden;
}
.claro .dgrid-pagination .dgrid-navigation {
	margin-right: 32px;
}
.dijitRtl .claro .dgrid-pagination .dgrid-navigation {
	margin-left: 32px;
	margin-right: 0;
}

.scene .dgrid-pagination .dgrid-pagination-links {
	white-space: nowrap;
}

.claro .dgrid-navigation .dgrid-page-input {
	margin-top: 0;
	padding: 6px 0;
	min-width: 32px;
	text-align: center;
	font-weight: var(--fsemi);
	line-height: normal;
	color: var(--themefont);
	background-color: var(--theme);
	border: 1px solid var(--border);
	border-left: none;
	outline-color: var(--theme);
}

.claro .dgrid-navigation .dgrid-page-link {
	display: inline-block;
	font-weight: var(--flight);
	text-align: center;
	line-height: normal;
	background-color: transparent;
	color: var(--font);
	padding: 6px 8px;
	min-width: 32px;
	border: 1px solid var(--border);
	border-left: none;
	word-spacing: -4px;
	outline-color: var(--theme);
}

.claro .dgrid-navigation .dgrid-page-input:first-child,
.claro .dgrid-navigation .dgrid-page-link:first-child {
	border-left: 1px solid var(--border);
}

.claro .dgrid-navigation .dgrid-page-skip {
	display: inline-block;
	padding: 6px 0;
	text-align: center;
	line-height: normal;
	min-width: 32px;
	border: 1px solid var(--border);
	border-left: none;
}

.claro .dgrid-pagination .dgrid-status {
	flex-grow: 1;
	outline: none;
}

.claro .dgrid-pagination .dgrid-page-size {
	font-size: 14px;
	line-height: normal;
	border-color: var(--border);
	margin: 0 6px;
	padding: 5px;
	outline-color: var(--theme);
}

.claro .dgrid-pagination .dgrid-page-size option {
	font-size: 14px;
}


/* STACKPROGRESS / ANIMPROGRESS */

.sceAnimProgress.sceProgressBall .sceContainer,
.sceStackProgress.sceProgressBall .sceContainer {
	text-align: center;
}
.sceAnimProgress.sceProgressBall .sceBall,
.sceStackProgress.sceProgressBall .sceBall {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 4px;
	background-color: var(--font20);
	border-radius: 50%;
	transition: background-color 400ms;
}
.sceAnimProgress.sceProgressBall.sceSteep1 .sceBall1,
.sceAnimProgress.sceProgressBall.sceSteep2 .sceBall2,
.sceAnimProgress.sceProgressBall.sceSteep3 .sceBall3,
.sceAnimProgress.sceProgressBall.sceSteep4 .sceBall4,
.sceAnimProgress.sceProgressBall.sceSteep5 .sceBall5,
.sceStackProgress.sceProgressBall .sceBall.sceOn {
	background-color: var(--theme);
}


/* ANIMBLINK */

.sceAnimBlink.sceAnimOpacity {
	position: relative;
}
.sceAnimBlink.sceAnimOpacity > * {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.sceAnimBlink.sceAnimOpacity > *:first-child {
	position: static;
}


/* FOOTERMENU  FOOTERCONTAINER  */

.sceFooterContainer,
.sceFooterMenu {
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--body);
	color: var(--bodyfont);
}
.sceWeb .sceFooterContainer {
	position: absolute;
}
.sceApp .sceFooterContainer,
.sceFooterMenu {
	position: fixed;
}
.sceFooterMenu .sceContainer {
	display: flex;
}


/* POPUPNOTIFY*/

.claro .scePopupNotify {
	position: fixed;
	width: 260px;
	padding: 16px;
	z-index: 2000;
}
.scePopupNotify .sceClose {
	float: right;
	position: relative;
	top: -6px;
	left: 6px;
	margin-left: 8px;
	padding: 3px;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 4px;
	transition: border-color 470ms;
	cursor: pointer;
}
.dijitRtl .scePopupNotify .sceClose {
	float: left;
	left: -6px;
	margin-left: 0;
	margin-right: 8px;
}
.sceNoTouch .scePopupNotify .sceClose:hover {
	border-color: var(--ctlborder);
}
.scePopupNotify .sceClose svg {
	width: 14px;
	height: 14px;
	display: block;
}
.scePopupNotify .sceClose path {
	stroke: var(--white);
}
.scePopupNotify .sceTitle {
	font-weight: var(--fbold);
	text-transform: uppercase;
	margin-bottom: 12px;
}


/* DIALOG*/

.sceModalOpen.sceDialogScroll.sceDialogFirstNoFixed,
.sceModalOpen.sceDialogDefault {
	overflow: hidden!important;
}
.sceModalOpen.sceDialogScroll .scePage {
	display: none;
}
.sceModalOpen.sceDialogScroll.sceDialogFirstNoFixed .scePage {
	display: block;
}
.claro .dijitDialogUnderlay {
	background-color: transparent;
	transition: background-color 470ms;	
}
.sceDialogScroll .dijitDialogUnderlay {
	display: none;
}
.sceDialogScroll.sceDialogFirstNoFixed .dijitDialogUnderlay,
.sceDialogScroll.sceDialogOtherNoFixed .dijitDialogUnderlay {
	display: block;
}

.dijitDialogTitleBar .sceTitleCreate,
.dijitDialogTitleBar .sceTitleEdit,
.sceFormCreate .dijitDialogTitleBar .sceTitle,
.sceFormEdit .dijitDialogTitleBar .sceTitle {
	display: none;
}
.sceFormCreate .dijitDialogTitleBar .sceTitleCreate,
.sceFormEdit .dijitDialogTitleBar .sceTitleEdit {
	display: inline;
}
.sceFormCreate .sceHideCreate,
.sceFormEdit .sceHideEdit {
	display: none!important;
}

.claro .sceDialog .dijitDialogPaneContent {
	padding: 0;
	border: none;
	background: var(--pane);
	color: var(--panefont);
	overflow: hidden;
}
.claro .sceDialog.sceTheme .dijitDialogTitleBar,
.claro .sceDialog.sceTheme .dijitDialogTitle,
.claro .sceDialog.sceTheme .dijitDialogPaneContent,
.claro .sceDialog.sceTheme .sceDialogFooter {
	background: var(--theme);
	color: var(--themefont);
}
.claro .sceDialogApp.sceTheme .sceBackButton path {
    fill: var(--themefont);
    stroke: var(--themefont);
}
.sceDialog.sceTheme .closeText path {
	stroke: var(--themefont);
}
.sceDialog .sceDialogContent {
	position: relative;
	padding: 24px;
	overflow: auto;
}
.sceDialog .sceDialogFooter {
	padding: 8px 24px 32px 24px;
	background: var(--pane);
	color: var(--panefont);
}
.sceDialog .dijitDialogPaneActionBar {
	text-align: right;
}
.dijitRtl .sceDialog .dijitDialogPaneActionBar {
	text-align: left;
}
.sceDialog .dijitDialogCloseIcon {
	background-image: none;
	height: auto;
	width: auto;
}
.sceDialog .closeText {
	display: block;
	position: unset;
}
.sceDialog .closeText svg {
	display: block;
	width: 18px;
	height: 18px;
}
.sceDialog .closeText path {
	stroke: var(--font);
	transition: stroke 470ms;	
}

.claro .sceDialog.sceDialogFixed {
	border-style: none;
	border-radius: 0;
}
.claro .sceDialog.sceDialogFixedright {
	border-left-style: solid;
}
.dijitRtl .sceDialog.sceDialogFixedright {
	border-left-style: none;
	border-right-style: solid;
}

.claro .sceDialog.sceDialogFixedleft {
	border-right-style: solid;
}
.dijitRtl .sceDialog.sceDialogFixedleft {
	border-right-style: none;
	border-left-style: solid;
}

.claro .dijitDialog .scePromptSaveCaption {
	text-align: center;
	padding: 0 24px 8px 24px;
}
.claro .dijitDialog .scePromptSaveQuestion {
	text-align: center;
	padding: 0 24px 0 24px;
}

.claro .sceSearchDlg .dijitDialogPaneContent .sceDialogContent {
	padding-top: 16px;
	max-width: 500px;
	margin: 0 auto;
}
.claro .sceSearchDlg .sceGrid {
	border-top: 1px solid var(--border);
	min-height: 50vh;
}
.claro .sceSearchDlg .sceGrid .dgrid-content .dgrid-row-table {
	border-bottom: 1px solid var(--border);
}
.claro .sceSearchDlg .dgrid-cell {
	padding: 12px 12px 12px 0;
}
.dijitRtl .sceSearchDlg .dgrid-cell {
	padding-left: 12px;
	padding-right: 0;
}


.claro .sceDialogMessage .sceBtnDetail {
	float: right;
	margin: -22px 0 0 12px;
}
.dijitRtl .sceDialogMessage .sceBtnDetail {
	float: left;
	margin: -22px 12px 0 0;
}
.claro .sceDialogMessage .sceBtnDetail .dijitButtonNode {
	opacity: .5;
}
.claro .sceDialogMessage .sceMessage {
	margin-bottom: 24px;
}
.claro .sceDialogMessage .sceDetail {
	margin: 12px 0;
	font-weight: var(--flight);
	white-space: nowrap;
	line-height: normal;
}
.claro .sceDialogMessage .sceDetail .sceKey {
	font-weight: var(--fsemi);
}
.claro .sceDialogMessage .sceButtonsBox {
	display: flex;
	justify-content: flex-end;
}


.claro .sceDialog.sceErrorDialog {
	border: none;
	border-radius: 0;
	background-color: rgba(0, 0, 0, .8);
}
.claro .sceDialog.sceErrorDialog .dijitDialogTitleBar,
.claro .sceDialog.sceErrorDialog .dijitDialogTitle,
.claro .sceDialog.sceErrorDialog .dijitDialogPaneContent {
	background-color: transparent;
	color: #fff;
	border: none;
}
.claro .sceDialog.sceErrorDialog .dijitDialogTitle {
	padding: 0;
}
.claro .sceDialog.sceErrorDialog .dijitDialogTitleBar,
.claro .sceDialog.sceErrorDialog .sceDialogContent {
	width: 100%;
	max-width: 800px;
	padding: 0 24px;
	margin: 0 auto;
}
.claro .sceErrorDialog .sceDetail {
	font-weight: var(--flight);
	margin-top: 8px;
	white-space: nowrap;
	line-height: normal;
}
.claro .sceErrorDialog .sceDetail .sceKey {
	font-weight: var(--fsemi);
}
.claro .sceErrorDialog .sceButtonsBox {
	display: flex;
	justify-content: flex-end;
	margin-top: 6px;
	margin-bottom: 24px;
}
.claro .sceErrorDialog.sceTwoButtons .sceButtonsBox {
	justify-content: space-between;
	grid-gap: 24px;
}
.claro .sceErrorDialog .sceBtnDetail {
	margin: 8px 0 0 0;
}
.claro .sceErrorDialog .sceBtnDetail .dijitButtonNode,
.claro .sceErrorDialog .sceClose .dijitButtonNode,
.claro .sceErrorDialog .sceTryAgain .dijitButtonNode {
	background-color: transparent;
	color: rgba(255, 255, 255, 0.7);
	border: none;
	padding: 6px 0;
}
.sceErrorDialog .dijitDialogCloseIcon path {
	stroke: rgba(255, 255, 255, 0.7);	
}
.sceNoTouch .sceErrorDialog .sceBtnDetail .dijitButtonNode:hover,
.claro .sceErrorDialog .sceBtnDetail.dijitButtonActive .dijitButtonNode,
.sceNoTouch .sceErrorDialog .sceClose .dijitButtonNode:hover,
.claro .sceErrorDialog .sceClose.dijitButtonActive .dijitButtonNode,
.sceNoTouch .sceErrorDialog .sceTryAgain .dijitButtonNode:hover,
.claro .sceErrorDialog .sceTryAgain.dijitButtonActive .dijitButtonNode {
	color: rgba(255, 255, 255, 1);
}
.sceNoTouch .sceErrorDialog .dijitDialogCloseIcon:hover path {
	stroke: rgba(255, 255, 255, 1);
}
/*.claro .sceErrorDialog .sceClose .dijitButtonNode {
	border: none;
	padding: 6px;
	background: transparent;
	color: rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.claro.sceNoTouch .sceErrorDialog .sceClose.dijitButtonHover .dijitButtonNode {
	color: #fff;
}*/
.claro .sceErrorDialog .sceTitle {
	font-size: 1.5rem;
	font-weight: 300;
}
.claro .sceErrorDialog .sceMessage {
	font-weight: 300;
}


.sceSliderHead {
	position: relative;
}
.sceSliderHead .sceItemsContainer {
	position: relative;
	overflow: hidden;
	display: flex;
}
.sceSliderHead .sceButtonPrev {
	position: absolute;
	left: 16px;
	top: 16px;
	z-index: 100;
}
.sceSliderHead .sceButtonNext {
	position: absolute;
	right: 16px;
	top: 16px;
	z-index: 100;
}
.sceSliderHead .sceItem {
	width: 100%;
	min-width: 100%;
	display: none;
}
.sceSliderHead .sceItem.sceActive {
	display: block;
}
.sceSliderHead .sceItem .sceHead {
	text-align: center;
}

.sceSliderHead .sceItem.sceStartInLeft {
	display: block;
}
.sceSliderHead .sceItem.sceOutLeft {
	transform: translate3d(-100%,0,0);
	transition: all 1000ms;
}
.sceSliderHead .sceItem.sceInLeft {
	transform: translate3d(-100%,0,0);
	transition: all 1000ms;
}

.sceSliderHead .sceItem.sceStartInRight {
	display: block;
	transform: translate3d(-100%,0,0);
}
.sceSliderHead .sceItem.sceStartOutRight {
	transform: translate3d(-100%,0,0);
}
.sceSliderHead .sceItem.sceOutRight {
	transform: translate3d(0,0,0);
	transition: all 1000ms;
}
.sceSliderHead .sceItem.sceInRight {
	transform: translate3d(0,0,0);
	transition: all 1000ms;
}



.sceHorizontalPanes.sceScrollOn > .sceContainer {
	overflow-x: auto;
	white-space: nowrap;
}
.sceHorizontalPanes.sceScrollOn > .sceContainer > div {
	display: inline-block;
	vertical-align: top;
	white-space: normal;
}
.sceHorizontalPanes .sceIndicator {
	display: none;
	padding: 12px 0;
	text-align: center;
}
.sceHorizontalPanes .sceWrapperIndicator {
	display: none;
	height: 40px;
}
.sceHorizontalPanes.sceScrollOn .sceIndicator,
.sceHorizontalPanes.sceScrollOn .sceWrapperIndicator {
	display: block;
}
.sceHorizontalPanes .sceIndicator .sceBall {
	display: inline-block;
	width: 7px;
	height: 7px;
	background: var(--font20);
	border-radius: 50%;
	margin: 0 3px;
}
.sceHorizontalPanes .sceIndicator .sceBall.sceOn {
	background: var(--theme);
}


/* DATERANGENAVIGATOR */

.sceDateRangeNavigator {
	border: 1px solid var(--border);
	border-radius: var(--radius);
}
.sceDateRangeNavigator .sceContainer {
	display: grid;
	grid-template-columns: 32px 1fr 32px;
	height: 100%;
}
.sceDateRangeNavigator.sceHideArrows .sceContainer {
	grid-template-columns: 1fr;
}
.sceDateRangeNavigator.sceHideArrows .sceButtonPrev,
.sceDateRangeNavigator.sceHideArrows .sceButtonNext {
	display: none;
}
.sceDateRangeNavigator.sceDisablePrev .sceButtonPrev,
.sceDateRangeNavigator.sceDisableNext .sceButtonNext {
	opacity: .4;
	cursor: default;
}
.sceDateRangeNavigator .sceValueContainer {
	position: relative;
	overflow: hidden;
}
.sceDateRangeNavigator .sceSizerNode {
	visibility: hidden;
	padding: 0 16px;
	min-width: 72px;
}
.sceDateRangeNavigator .sceValueNode {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	overflow: hidden;
	transition: all 470ms;
}
.sceDateRangeNavigator .sceValueLeft {
	left: 0;
}
.sceDateRangeNavigator .sceValueRight {
	right: 0;
}
.sceDateRangeNavigator .sceValueLeft.sceVisible {
	width: 100%;
}
.sceDateRangeNavigator .sceValueRight.sceVisible {
	width: 100%;
}
.sceDateRangeNavigator .sceValueContainer .sceSeparator {
	padding: 0 6px;
	font-weight: var(--fregular);
}
.sceDateRangeNavigator button {
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
}
.sceDateRangeNavigator button svg {
	width: 17px;
	height: 17px;
}
.sceDateRangeNavigator button path {
	fill: var(--font);
}


/* MOBILE POPUPS */

/* ----------------------------------------------------------- */
/* CALENDAR */
.claro .dijitCalendarDisabledDate {
	text-decoration: none;
}

.claro .dijitCalendarDisabledDate .dijitCalendarDateLabel {
    color: var(--placeholder);
	opacity: 0.7;
}

.claro .dijitCalendarPopup .dijitCalendarSelectedDate.dijitCalendarDisabledDate .dijitCalendarDateLabel {
	color: var(--font);
	opacity: 0.7;
}

.claro .dijitCalendarPopup .dijitCalendarDateTemplate.dijitCalendarCurrentDate .dijitCalendarDateLabel {
	font-weight: var(--fbold);
}

.claro .dijitCalendarPopup .dijitCalendarContainer table {
	width: 100%;
}

.claro .dijitCalendarPopup .dijitCalendarMonthLabel {
	font-size: 0.97em;
	font-weight: var(--fsemi);
}

.claro .dijitCalendarPopup .dijitCalendar {
	padding: 16px 12px 10px 12px;
}

.claro .dijitCalendarPopup .dijitCalendarHover, .claro .dijitCalendarPopup .dijitCalendar:hover,
	.claro .dijitCalendarPopup .dijitCalendarActive {
	background: transparent;
}

.claro .dijitCalendarPopup .dijitCalendarMonthContainer {
	margin-bottom: 12px;
}
.claro .dijitCalendarPopup .dijitCalendarMonthContainer .dijitCalendarDecrementArrow,
.claro .dijitCalendarPopup .dijitCalendarMonthContainer .dijitCalendarIncrementArrow {
	border: 1px solid transparent;
	border-radius: var(--radiuss)
}
.claro .dijitCalendarPopup .dijitCalendarMonthContainer .dijitCalendarDecrementArrow:hover,
.claro .dijitCalendarPopup .dijitCalendarMonthContainer .dijitCalendarIncrementArrow:hover {
	border-color: var(--border);
}
.claro .dijitCalendarPopup .dijitCalendarMonthContainer .dijitDropDownButton .dijitButtonNode {
	justify-content: center;
	min-width: 116px;
	/*padding: 1px 0 2px;*/
	border-color: var(--border);
}
.claro .dijitCalendarPopup .dijitCalendarMonthContainer .dijitDropDownButton .dijitButtonText,
.claro .dijitCalendarPopup .dijitCalendarMonthContainer .dijitDropDownButton .dijitArrowButtonInner {
	padding: 1px 0 2px;
	margin: 0;
}
.claro .dijitCalendarPopup .dijitCalendarMonthContainer .dijitDropDownButton.dijitHover .dijitButtonNode,
.claro .dijitCalendarPopup .dijitCalendarMonthContainer .dijitDropDownButton.dijitActive .dijitButtonNode {
	background-color: var(--font05);
	border: 1px solid var(--border);
}
.claro .dijitCalendarPopup .dijitCalendarYearContainer {
	margin-top: 6px;
	padding: 0 22px;
}
.claro .dijitCalendarPopup .dijitCalendarSelectedYear {
	color: var(--font);
	font-weight: var(--fregular);
	padding: 0 0px;
}
.claro .dijitCalendarPopup .dijitCalendarPreviousYear,
.claro .dijitCalendarPopup .dijitCalendarNextYear {
	font-size: 14px;
	line-height: 16px;
	border: 1px solid transparent;
	border-radius: var(--radiuss);
	padding: 1px 8px;
	margin-top: 3px;
	transition: background-color 470ms;
}
.claro .dijitCalendarPopup .dijitCalendarPreviousYear:hover,
.claro .dijitCalendarPopup .dijitCalendarNextYear:hover {
	background-color: var(--font05);
	border-color: var(--border);
}
.claro .dijitCalendarMonthMenuPopup .dijitCalendarMonthLabel {
	font-size: 14px;
	line-height: 16px;
	padding: 4px 6px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
.claro .dijitCalendarMonthMenuPopup .dijitCalendarMonthLabel:hover {
	background-color: var(--hover);
	color: var(--hoverfont);
	border-color: var(--ctlborder);
}
.sceSelectedGradient .dijitCalendarMonthMenuPopup .dijitCalendarMonthLabel:hover {
	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 .dijitCalendarPopup .dijitCalendarDayLabelTemplate {
	padding-bottom: 6px;
}

.claro .dijitCalendarPopup .dijitCalendarDateTemplate {
	outline-color: var(--font50);
	border: none;
}
.claro .dijitCalendarPopup .dijitCalendarDayLabel {
	color: var(--font50);
	font-weight: var(--flight);
}
.claro .dijitCalendarPopup .engiRangeCalendar .dijitCalendarDateTemplate.dijitCalendarSelectedDate {
	outline-color: transparent;
}
.claro .dijitCalendarPopup .dijitCalendarDateTemplate.dijitCalendarSelectedDate .dijitCalendarDateLabel {
	background-color: var(--theme);
	color: var(--themefont);
	border-color: var(--theme);
    font-weight: var(--fsemi);
    opacity: 1;
}
.claro .dijitCalendarDateTemplate .dijitCalendarDateLabel {
	background-color: transparent;
	border-color: transparent;
	color: var(--font);
	opacity: .8;
}
.claro .dijitCalendarPopup .dijitCalendarPreviousMonth .dijitCalendarDateLabel,
.claro .dijitCalendarPopup .dijitCalendarNextMonth .dijitCalendarDateLabel
{
	background-color: transparent;
	border-color: transparent;
	color: var(--font50);
}

.claro .dijitCalendarPopup .dijitCalendarSelectedDate.dijitCalendarDisabledDate .dijitCalendarDateLabel
	{
	text-decoration: none;
}
.claro .dijitCalendarPopup .sceCalendarPane .dijitCalendarDisabledDate .dijitCalendarDateLabel {
	opacity: .4;
}

.claro .dijitCalendarPopup .dijitCalendarHoveredDate .dijitCalendarDateLabel
	{
	background-color: rgba(71, 101, 143, .15);
	border-color: #666;
}

.claro .dijitCalendarPopup .dijitCalendarDayLabelTemplate, .claro .sceCalendarPane .dijitCalendarDayLabelTemplate {
	border-color: transparent;
}

.claro .dijitCalendarPopup .dijitCalendar tbody tr:nth-last-child(1) td,
	.claro .sceCalendarPane.dijitCalendar tbody tr:nth-last-child(1) td {
	border-bottom: 1px solid #e0e0de;
}

.claro .dijitCalendarPopup .dijitCalendarDateTemplate, .claro .sceCalendarPane .dijitCalendarDateTemplate
	{
	border-color: transparent;
	font-weight: normal;
}

/* ----------------------------------------------------------- */
/* CALENDAR PANE */
.claro .sceCalendarPane.dijitCalendar {
	background: transparent;
	padding: 6px;
	display: inline-table;
	border: none;
}

.claro .sceCalendarPane .dijitCalendarMonthLabel {
	font-size: 0.97em;
	font-weight: 600;
	text-transform: lowercase;
}

.claro .sceCalendarPane.dijitCalendarContainer table {
	width: 100%;
}

.claro .sceCalendarPane .dijitCalendarDateTemplate {
	outline-color: var(--solidpane);
	background-color: transparent;
}

.claro .sceCalendarPane .dijitCalendarDisabledDate .dijitCalendarDateLabel {
	opacity: .5;
	text-decoration: none;
}

.claro .sceCalendarPane .dijitCalendarYearContainer {
	display: none;
}
.claro .sceCalendarPane .dijitCalendarMonthContainer * {
	display: block;
}
.claro .sceCalendarPane .dijitSpacer {
	display: none;
}
.claro .sceCalendarPane .dijitCalendarArrow {
	padding: 2px;
	border: 1px solid transparent;
	border-radius: 4px;
	transition: border 470ms;
	cursor: pointer;
}
.claro .sceCalendarPane .dijitCalendarArrow:hover {
	border-color: var(--border);
}
.claro .sceCalendarPane .dijitCalendarArrow svg {
	width: 15px;
	height: 15px;
}
.claro .sceCalendarPane .dijitCalendarArrow path {
	fill: var(--font);
}

.claro .sceCalendarPane .dijitCalendarPreviousMonth, .claro .sceCalendarPane .dijitCalendarNextMonth {
	background-color: transparent;
}

.claro .sceCalendarPane .dijitCalendarPreviousMonth .dijitCalendarDateLabel,
	.claro .sceCalendarPane .dijitCalendarNextMonth .dijitCalendarDateLabel
	{
	visibility: hidden;
}

.claro .sceCalendarPane .dijitCalendarHover, .claro .sceCalendarPane .dijitCalendar:hover,
	.claro .sceCalendarPane .dijitCalendarActive {
	background-color: transparent;
}

.claro .sceCalendarPane .dijitCalendarDisabledDate.outOfRange {
	background-color: var(--solidpane);
}

.claro .sceCalendarPane .dijitCalendarDisabledDate.engiHideLabel {
	background-color: var(--solidpane);
}

.claro .sceCalendarPane .dijitCalendarDisabledDate.engiHideLabel .dijitCalendarDateLabel
	{
	color: var(--font);
}

.claro .sceCalendarPane .dijitCalendarDateTemplate.engiColoredDate .dijitCalendarDateLabel
	{
	border-color: transparent;
}

.claro .sceCalendarPane .dijitCalendarDateTemplate.dijitCalendarCurrentDate .dijitCalendarDateLabel
	{
	font-weight: bold;
}

.claro .sceCalendarPane .dijitCalendarDateTemplate,
	.dijitCalendarMonthLabel {
	cursor: default;
}

.claro .sceCalendarPane .dijitCalendarNextYear, .claro .sceCalendarPane .dijitCalendarPreviousYear,
	.claro .sceCalendarPane .engiCalendarButton {
	margin: 0;
}

.claro .sceCalendarPane .dijitCalendarDateTemplate.engiDateExclude {
	position: relative;
}

.claro .sceCalendarPane .dijitCalendarSelectedDate .dijitCalendarDateLabel,
.claro .sceCalendarPane .dijitCalendarSelectedDate.engiColoredDate .dijitCalendarDateLabel {
	background-color: var(--theme);
	color: var(--themefont);
	border: solid 1px transparent;
	opacity: 1;
}

.claro .sceCalendarPane .dijitCalendarSelectedDate.dijitCalendarHoveredDate .dijitCalendarDateLabel,
.claro .sceCalendarPane.dijitCalendarLite .dijitCalendarSelectedDate.dijitCalendarEnabledDate:hover .dijitCalendarDateLabel
	{
	background-color: var(--theme);
	color: var(--themefont);
	border: solid 1px transparent;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.claro .sceCalendarPane .dijitCalendarHoveredDate .dijitCalendarDateLabel,
.claro .sceCalendarPane.dijitCalendarLite .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel
	{
	background-color: var(--theme);
	color: var(--themefont);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.claro .sceCalendarPane .engiCalendarPreSelectedDate .dijitCalendarDateLabel,
.claro .sceCalendarPane .engiCalendarPreSelectedDate.engiColoredDate .dijitCalendarDateLabel,
.claro .sceCalendarPane .engiCalendarPreSelectedDate.dijitCalendarHoveredDate .dijitCalendarDateLabel,
.claro .sceCalendarPane.dijitCalendarLite .engiCalendarPreSelectedDate.dijitCalendarEnabledDate:hover .dijitCalendarDateLabel {
	background-color: var(--theme);
	color: var(--themefont);
	border: solid 1px transparent;
}

.claro .sceCalendarPane .engiCalendarPreSelectedDate.dijitCalendarSelectedDate .dijitCalendarDateLabel,
.claro .sceCalendarPane .engiCalendarPreSelectedDate.dijitCalendarSelectedDate.dijitCalendarHoveredDate .dijitCalendarDateLabel,
.claro .sceCalendarPane.dijitCalendarLite .engiCalendarPreSelectedDate.dijitCalendarSelectedDate.dijitCalendarEnabledDate:hover .dijitCalendarDateLabel {
	background-color: var(--theme);
	color: var(--themefont);
	border: solid 1px transparent;
}

.claro .scebc-l2lemon {background-color: #fdf8ea;}

.claro .sceCalendar.sceDashboard {
	margin-left: -1px;
	margin-bottom: -1px;
}

.claro .sceCalendar.sceDashboard .sceCalendarPane.dijitCalendar {
	padding: 0;
}

.claro .sceCalendar.sceDashboard .dijitCalendarMonthContainer {
	background: #bfa640;
	padding-top: .25rem;
	padding-bottom: .375rem;
}

.claro .sceCalendar.sceDashboard .dijitCalendarMonthLabel {
	color: #fff;
	font-weight: 400;
}

.claro .sceCalendar.sceDashboard .sceCalendarPane.dijitCalendarContainer table {
	width: 200px;
	height: 186px;
}

.claro .sceCalendar.sceDashboard .dijitCalendarDayLabelTemplate {
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #fff;
	border-bottom: none;
}

.claro .sceCalendar.sceDashboard .dijitCalendarDayLabel {
	color: #735c02;
	font-weight: 700;
}
.claro .sceCalendar.sceDashboard .dijitCalendarDateTemplate .dijitCalendarDateLabel {
	color: #856d10;
	font-weight: 300;
}

.claro .sceCalendar.sceDashboard .dijitCalendarDateTemplate.sceWeekEndDate .dijitCalendarDateLabel {
	color: #d9c67b;
}

.claro .sceCalendar.sceDashboard .dijitCalendarDateTemplate.dijitCalendarCurrentDate .dijitCalendarDateLabel {
	font-weight: 700;
	color: #ba9a1b;
}

.claro .sceCalendar.sceDashboard .dijitCalendarDateTemplate.sceDateEvent .dijitCalendarDateLabel {
	background-color: #6ab8f7;
	color: #fff;
	font-weight: 500;
}
.claro .sceCalendar.sceDashboard .dijitCalendarDateTemplate.sceDateHoliday .dijitCalendarDateLabel {
	background-color: var(--green);
	color: #bf6c40;
	font-weight: 500;
}


/* CONTROL - CALENDARRANGESELECT */

.claro .sceCalendarRangeSelect .sceContainerCalendar {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 32px;
}
.claro .sceCalendarRangeSelect .dijitCalendarMonthContainer {
	padding-bottom: 4px;
}
.claro .sceCalendarRangeSelect .sceCalendarPane.dijitCalendar {
	padding: 0;
}
.claro .sceCalendarRangeSelect .sceCalendarPane table,
.claro .sceCalendarRangeSelect .sceCalendarPane.dijitCalendar thead th,
.claro .sceCalendarRangeSelect .sceCalendarPane.dijitCalendar thead td,
.claro .sceCalendarRangeSelect .sceCalendarPane.dijitCalendar thead th:nth-child(1),
.claro .sceCalendarRangeSelect .sceCalendarPane.dijitCalendar tbody td:nth-child(1) ,
.claro .sceCalendarRangeSelect .sceCalendarPane.dijitCalendar tbody td:nth-last-child(1),
.claro .sceCalendarRangeSelect .sceCalendarPane .dijitCalendarPreviousMonth,
.claro .sceCalendarRangeSelect .sceCalendarPane .dijitCalendarNextMonth,
.claro .sceCalendarRangeSelect .dijitCalendarDateTemplate {
	border: none;
}
.claro .sceCalendarRangeSelect .dijitCalendarDayLabelTemplate {
	padding: 0 0 4px 0;
}
.claro .sceCalendarRangeSelect th .dijitCalendarDayLabel {
	display: block;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--border);
}
.claro .sceCalendarRangeSelect .sceCalendarPane.dijitCalendar tbody tr:nth-last-child(1) td {
	border-bottom: 1px solid var(--border);
}
.claro .sceCalendarRangeSelect .sceCalendarPane .dijitCalendarDateTemplate .dijitCalendarDateLabel {
	font-weight: var(--fsemi);
	opacity: .75;
}
.claro .sceCalendarRangeSelect .sceCalendarPane .dijitCalendarSelectedDate .dijitCalendarDateLabel {
	opacity: 1;
}
.claro .sceCalendarRangeSelect .sceCalendarPane .dijitCalendarDisabledDate .dijitCalendarDateLabel {
	opacity: .5;
}
.claro .sceCalendarRangeSelect .sceCalendarFooter {
	display: flex;
	justify-content: space-between;
	margin-top: 12px;
}
.claro .sceCalendarRangeSelect .dijitCalendarPreviousYear,
.claro .sceCalendarRangeSelect .dijitCalendarNextYear {
	display: flex;
	align-items: center;
	padding: 2px 8px 2px 2px;
	margin: 0;
	font-size: unset;
	border: 1px solid transparent;
	border-radius: 4px;
	transition: border 470ms;
}
.claro .sceCalendarRangeSelect .dijitCalendarNextYear,
.dijitRtl .sceCalendarRangeSelect .dijitCalendarPreviousYear {
	padding-right: 2px;
	padding-left: 8px;
}
.dijitRtl .sceCalendarRangeSelect .dijitCalendarNextYear {
	padding-right: 8px;
	padding-left: 2px;
}
.claro .sceCalendarRangeSelect .dijitCalendarPreviousYear:hover,
.claro .sceCalendarRangeSelect .dijitCalendarNextYear:hover {
	background-color: transparent;
	border-color: var(--border);
}
.claro .sceCalendarRangeSelect .dijitCalendarIncrementControl,
.claro .sceCalendarRangeSelect .dijitCalendarDecrementControl,
.claro .sceCalendarRangeSelect .dijitCalendarIncrementControl svg,
.claro .sceCalendarRangeSelect .dijitCalendarDecrementControl svg {
	display: block;
	background: none;
	width: 17px;
	height: 17px;
}


/* CONTROL - CALENDARMULTISELECT */

.claro .engiCalendarMultiSelect .engiTitle {
	display: inline-block;
	font-weight: bold;
	padding: 0;
	margin-bottom: 4px;
}

.claro .engiPage .engiCalendarMultiSelect .dijitValidationContainer {
	display: inline-block;
	height: 16px;
	width: 16px;
	padding: 0;
	margin-left: 2px;
	background-position: 3px -1px;
	-moz-border-radius: 8px;
  	border-radius: 8px;
}

.claro .engiCalendarMultiSelect.engiFullView .engiGroupSelection {
	display: inline-block;
}
.claro .engiCalendarMultiSelect.engiSmallView .engiGroupSelection {
	position: relative;
	padding: 1px 20px 1px 0;
	display: block;
	border: 1px solid #d6d6d4;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.claro .engiCalendarMultiSelect .engiGroupSelection.hideInclude .engiIncludeSelection {
	display: none;
}

.claro .engiCalendarMultiSelect .engiCalendarMultiSelRange,
.claro .engiCalendarMultiSelect .engiIncludeSelection {
	border-bottom: 1px dotted #d6d6d4;
	padding: 4px 0;
}
.claro .engiCalendarMultiSelect .engiCalendarMultiSelRangeContent,
.claro .engiCalendarMultiSelect .engiIncludeSelection {
	padding-left: 8px;
	padding-right: 8px;
}

.claro .engiCalendarMultiSelect .engiCalendarMultiSelRangeContent {
	display: inline-block;
}

.claro .engiCalendarMultiSelect .engiCalendarMultiSelRange .engiRemoveButton {
	float: right;
	margin: 2px 0 0 12px;
	width: 15px;
	height: 15px;
	color: #d94547;
	cursor: pointer;
}
.claro .engiCalendarMultiSelect .engiCalendarMultiSelRange .engiRemoveButton i {
	font-size: 15px;
}

.claro .engiCalendarMultiSelect .engiCalendarMultiSelRange .engiArrow {
	margin: 0 5px;
	top: -3px;
	font-size: 11px;
	font-weight: bold;
}

.claro .engiCalendarMultiSelect .engiCalendarMultiSelRange .engiRangeExcludeTitle {
	display: inline-block;
	margin-right: 8px;
	font-size: 0.7em;
	text-transform: uppercase;
}

.claro .engiCalendarMultiSelect .engiCalendarDateSel {
	display: inline-block;
	margin-right: 0.4em;
}

.claro .engiCalendarMultiSelect .engiCalendarDateSel:nth-last-child(1) .engiSeparator {
	display: none;
}

.claro .engiCalendarMultiSelect .engiCalendarSelection .engiDate {
	display: inline-block;
	border: 1px solid #d6d6d4;
	padding: 0px 4px;
	margin: 1px 4px 1px 0;
	-moz-border-radius: 4px;
  	border-radius: 4px;
}

.claro .engiCalendarMultiSelect.engiDesktop .sceContainerActions {
	position: relative;
	padding: 0 24px 0 0;
	border-bottom: 1px solid #e0e0de;
	-moz-border-radius: 4px 4px 0 0;
  	border-radius: 4px 4px 0 0;
  	background-color: #f4f4f1;
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0) 100%);
	_background-image: none;
}

.claro .engiCalendarMultiSelect .engiMainActions {
	padding: 13px 12px 13px 9px;
}

.claro .engiCalendarMultiSelect .engiExpand {
	position: absolute;
	right: 1px;
	top: 0;
	width: 17px;
	height: 100%;
	padding-right: 4px;
}

.claro .engiCalendarMultiSelect .engiExpand i {
	position: relative;
	top: 15px;
}
.claro .engiCalendarMultiSelect .engiCalendarContent {
	text-align: left;
	display: inline-block;
	border: 1px solid #d6d6d4;
	-moz-border-radius: 4px;
  	border-radius: 4px;
	background: #f4f4f1;
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0) 100%);
	_background-image: none;
}

.claro .engiCalendarMultiSelect .engiWeekDaysContent {
	display: inline-block;
	vertical-align: top;
	padding-left: 24px;
	margin-top: 16px;
	text-align: left;
}

.claro .engiCalendarMultiSelect .engiWeekDaysContent.daysBlock {
	display: block;
	padding-left: 0;
	margin-top: 12px;
}

.claro .engiCalendarMultiSelect .engiWeekDaysContent.daysBlock .engiCheckBox {
	display: inline-block;
	margin: 2px 12px 0 0;
	min-width: 100px;
}

.claro .engiCalendarMultiSelect .engiCalendarFooter {
	padding: 0 6px 4px 6px;
	text-align: center;
}

.claro .engiCalendarMultiSelect .engiContainerSelection {
	position: relative;
	background: #fff;
	padding: 16px 12px 12px 12px;
	border-top: 1px solid #d6d6d4;
	-moz-border-radius: 0 0 4px 4px;
  	border-radius: 0 0 4px 4px;
}

.claro .engiCalendarMultiSelect .engiContainerSelection:after, .claro .engiCalendarMultiSelect .engiContainerSelection:before {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.claro .engiCalendarMultiSelect .engiContainerSelection:before {
	top: 0px;
	left: 9px;
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #d6d6d4;
	border-width: 11px;
}
.claro .engiCalendarMultiSelect .engiContainerSelection:after {
	top: -1px;
	left: 9px;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #f4f4f1;
	border-width: 11px;
}

.claro .engiCalendarMultiSelect .engiCalendarFooter .engiAnchorAction {
	padding: 2px 12px;
	font-size: 0.94em;
	outline: none;
}

.claro .engiCalendarMultiSelect .dijitCalendarNextYear,
.claro .engiCalendarMultiSelect .dijitCalendarPreviousYear {
	font-size: 1em;
	margin: 0;
}

.claro .engiCalendarMultiSelect .dijitCalendarNextYear {
	padding: 2px 2px 2px 6px;
}
.claro .engiCalendarMultiSelect .dijitCalendarPreviousYear {
	padding: 2px 6px 2px 2px;
}
.claro .engiCalendarMultiSelect.engiDesktop .dijitCalendarNextYear:hover {
	padding: 1px 1px 1px 5px;
}
.claro .engiCalendarMultiSelect.engiDesktop .dijitCalendarPreviousYear:hover {
	padding: 1px 5px 1px 1px;
}
.claro .engiCalendarMultiSelect.engiDesktop .dijitCalendarNextYear:hover,
.claro .engiCalendarMultiSelect.engiDesktop .dijitCalendarPreviousYear:hover {
	border: solid 1px #d6d6d4;
	background-color: #fafafa;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
}

.claro .engiCalendarMultiSelect.engiDesktop .engiDateExclude .dijitCalendarDateLabel:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "\00D7";
    font-size: 38px; 
    text-align: center;
    color: #555;
    line-height: 26px;
    overflow: hidden;
    opacity: 0.6;
}

.claro .engiPage .engiCalendarMultiSelect .engiCheckBox .fieldContainer {
	padding: 4px 0;
}

/* ----------------------------------------------------------- */

/* MOBILE */
.claro .sceMobilePopup {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 1200;
}

.claro .sceMobilePopup .sceHead {
	border-bottom: 1px solid var(--border);
}
.claro .sceMobilePopup  .sceContainerCaption {
	display: flex;
	align-items: center;
	padding: 0 8px;
}
.claro .sceMobilePopup .sceHead .sceButton .dijitButtonNode {
	padding: 17px 8px;
	width: 96px;
}
.claro .sceMobilePopup .sceHead .sceBack .dijitButtonContents,
.claro .sceMobilePopup .sceHead .sceBack .dijitButtonText {
	justify-content: flex-start;
}
.claro .sceMobilePopup .sceHead .sceBack .dijitButtonText {
	position: relative;
	left: -4px;
}
.dijitRtl .sceMobilePopup .sceHead .sceBack .dijitButtonContents,
.dijitRtl .sceMobilePopup .sceHead .sceBack .dijitButtonText {
	justify-content: flex-end;
}
.dijitRtl .sceMobilePopup .sceHead .sceBack .dijitButtonText {
	left: 4px;
}
.claro .sceMobilePopup .sceHead .sceOk .dijitButtonContents,
.claro .sceMobilePopup .sceHead .sceOk .dijitButtonText {
	justify-content: flex-end;
}
.dijitRtl .sceMobilePopup .sceHead .sceOk .dijitButtonContents,
.dijitRtl .sceMobilePopup .sceHead .sceok .dijitButtonText {
	justify-content: flex-start;
}
.claro .sceMobilePopup .sceHead .sceButton .dijitButtonText {
	color: var(--headfont);
	font-weight: var(--fregular);
}
.claro .sceMobilePopup .sceHead .sceButton svg {
	width: 22px;
	height: 22px;
}
.claro .sceMobilePopup .sceHead .sceButton path {
	fill: var(--headfont);
	stroke: var(--headfont);
}
.claro .sceMobilePopup .sceContainerCaption .sceCaption {
	text-align: center;
	font-weight: var(-fregular);
	flex-grow: 1;
	white-space: nowrap;
	line-height: normal;
	text-overflow: ellipsis;
	overflow: hidden
}
.claro .sceMobilePopup .sceHead .sceContainerActions .sceButton .dijitButtonNode {
	padding: 12px;
	width: auto;
}
.claro .sceMobilePopup .sceHead .sceContainerActions .sceButton .dijitButtonText {
	color: var(--font);
}
.claro .sceMobilePopup .sceHead .sceContainerActions .sceButton path {
	fill: var(--font);
	stroke: var(--font);
}

.claro .sceMobilePopup .sceHead .sceContainerActions .dijitCalendarDecrementControl,
.claro .sceMobilePopup .sceHead .sceContainerActions .dijitCalendarIncrementControl {
	background-image: none;
	padding: 0 4px;
	width: auto;
	height: auto;
}
.claro .sceMobilePopup .sceHead .sceContainerActions .dijitCalendarDecrementControl svg,
.claro .sceMobilePopup .sceHead .sceContainerActions .dijitCalendarIncrementControl svg {
	display: block;
	width: 15px;
	height: 15px;
}

.claro .sceMobilePopup .sceMobilePopupTooltip {
	padding: 0 8px 6px 8px;
	max-height: 45px;
	overflow: auto;
}

.claro .sceMobilePopup .sceContainerSearch {
	display: flex;
	align-items: center;
	border: 4px solid var(--border);
}

.claro .sceMobilePopup .sceContainerSearch svg {
	margin: 0 6px;
}
.claro .sceMobilePopup .sceContainerSearch path {
	fill: var(--font);
}
.claro .sceMobilePopup .sceContainerSearch .dijitTextBox {
	border: none;
	min-height: auto;
}
.claro .sceMobilePopup .sceContainerSearch .dijitTextBox .dijitInputField {
	padding: 8px 0;
}
.claro .sceMobilePopup .sceContainerActions {
	clear: both;
	display: flex;
	justify-content: space-between;
}

.claro .sceMobilePopup .sceBoxCheckAll {
	border-top: 1px solid var(--border);
	text-align: right;
	padding: 0 16px;
}
.claro .sceMobilePopup .sceHead .sceButton.sceCheckAll .dijitButtonNode {
	padding-left: 0;
	padding-right: 0;
	width: auto;
}
.claro .sceMobilePopup .sceMaxSelected {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	padding: 4px 8px;
	background: var(--theme);
	color: var(--themefont);
	z-index: 1;
}

.claro .sceMobilePopup .sceContainerList {
	padding: 0;
	width: 100%;
}
.claro .sceMobilePopup .sceContainerList .dgrid {
	border: none;
	width: 100%;
}
.claro .sceMobilePopup .sceContainerList .dgrid-scroller {
	height: 100%;
	overflow: auto;
}
.claro .sceMobilePopup .dgrid .dgrid-row {
	position: relative;
	padding: 16px 0 0 20px;
}

.claro .sceMobilePopup .dgrid .dgrid-selected {
	background-color: transparent;
}

.claro .sceMobilePopup .dgrid .sceGroup .sceLabel {
	font-weight: var(--fbold);
}
.claro .sceMobilePopup .dgrid .sceItem {
	display: flex;
	align-items: center;
	padding: 0 8px 16px 0;
	border-bottom: 1px solid var(--font20);
	overflow: hidden;
}
.dijitRtl .sceMobilePopup .dgrid .sceItem {
	padding-left: 8px;
	padding-right: 0;
}

.claro .sceMobilePopup .dgrid .dgrid-row.sceRowWithSelect .sceItem {
	padding-right: 36px;
}
.dijitRtl .sceMobilePopup .dgrid .dgrid-row.sceRowWithSelect .sceItem {
	padding-left: 32px;
	padding-right: 0;
}

.claro .sceMobilePopup .dgrid .dgrid-row:focus {
	outline: none;
}

.claro .sceMobilePopup .dgrid .sceSelect {
	position: absolute;
	right: 12px;
	top: 17px;
	display: none;
}

.claro .sceMobilePopup .dgrid .sceSelect svg {
	height: 17px;
	width: 17px;
}
.claro .sceMobilePopup .dgrid .sceSelect path {
	fill: var(--theme);
}

.claro .sceMobilePopup .dgrid .dgrid-selected .sceSelect {
	display: block;
}

.claro .sceMobilePopup .dgrid .dgrid-selected.engiRowWithImage .sceSelect,
	.claro .sceMobilePopup .dgrid .dgrid-selected.engiRowWithIcon .sceSelect
	{
	display: none;
}

.claro .sceMobilePopup .dgrid-row .sceCheckNode {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--pholder);
	border-radius: 3px;
	width: 17px;
	height: 17px;
	margin-right: 8px;
}
.dijitRtl .sceMobilePopup .dgrid-row .sceCheckNode {
	margin-left: 8px;
	margin-right: 0;
}
.claro .sceMobilePopup .dgrid-row .sceCheckNode svg {
	display: none;
	width: 14px;
	height: 14px;
}
.claro .sceMobilePopup .dgrid-row .sceCheckNode path {
	fill: var(--solidpane);
}
.claro .sceMobilePopup .dgrid-selected .sceCheckNode {
	background-color: var(--theme);
	border-color: var(--theme);
}
.claro .sceMobilePopup .dgrid-selected .sceCheckNode svg {
	display: block;
}

.claro .sceMobilePopup .dgrid .dgrid-row.sceRowWithImage {
	padding-top: 4px;
}

.claro .sceMobilePopup .dgrid .sceRowWithImage .sceItem {
	padding-bottom: 4px;
}

/* MOBILE CALENDAR */
.claro .sceMobilePopup .dijitCalendar, .claro .sceMobilePopup .dijitCalendarHover,
	.claro .sceMobilePopup .dijitCalendar:hover, .claro .sceMobilePopup .dijitCalendarActive
	{
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.claro .sceMobilePopup .sceContainerCalendar {
	overflow: auto;
	clear: both;
}

.claro .sceMobilePopup .sceCalendarPane.dijitCalendarContainer .dijitCalendarDateLabel {
	padding-top: 12px;
	padding-bottom: 12px;
	-moz-border-radius: 32px;
	border-radius: 32px;
}
.claro .sceMobilePopup .sceSingleRange .sceCalendarPane.dijitCalendarContainer .dijitCalendarDateLabel {
	-moz-border-radius: 0;
	border-radius: 0;
}

.claro .sceMobilePopup .sceCalendarPane .dijitCalendarHoveredDate .dijitCalendarDateLabel,
	.claro .sceMobilePopup .sceCalendarPane.dijitCalendarLite .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel
	{
	border: none;
}

.claro .sceMobilePopup .sceCalendarPane .dijitCalendarSelectedDate.dijitCalendarHoveredDate .dijitCalendarDateLabel,
.claro .sceMobilePopup .sceCalendarPane.dijitCalendarLite .dijitCalendarSelectedDate.dijitCalendarEnabledDate:hover .dijitCalendarDateLabel {
	border: 1px solid var(--theme);
}

.claro .sceMobilePopup .sceCalendarPane {
	padding: 12px;
	-moz-border-radius: 0;
	border-radius: 0;
}

.claro .sceMobilePopup .sceCalendarPane .dijitCalendarMonthLabel {
	text-transform: uppercase;
	font-weight: var(--flight);
	color: var(--font);
}

.claro .sceMobilePopup .sceCalendarPane.dijitCalendar tbody td:nth-child(1)
	{
	border-left: none;
}

.claro .sceMobilePopup .sceCalendarPane.dijitCalendar tbody td:nth-last-child(1)
	{
	border-right: none;
}

.claro .sceMobilePopup .sceCalendarPane.dijitCalendar tbody tr:nth-last-child(1) td
	{
	border-bottom: none;
}

/*

.claro .engiPopupCalendar .engiCalendarPane .dijitCalendarDisabledDate .dijitCalendarDateLabel {
  text-decoration: line-through;
}
.claro .engiPopupCalendar .engiCalendarPane .dijitCalendarSelectedDate.dijitCalendarDisabledDate .dijitCalendarDateLabel {
	text-decoration: none;
}

.claro .engiPopupCalendar .dijitCalendarPopup .dijitCalendarSelectedDate.dijitCalendarDisabledDate .dijitCalendarDateLabel {
	text-decoration: none;
}

.claro .engiMobilePopup .engiCalendarPane .engiDateExclude .dijitCalendarDateLabel:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "\00D7";
    font-size: 44px; 
    text-align: center;
    color: var(--text);
    line-height: 44px;
    opacity: 0.6;
}

.claro .engiMobilePopup .dijitCalendarYearContainer {
	margin: 0;
	border-top: 1px solid #e0e0de;
}

.claro .engiMobilePopup .dijitCalendarNextYear,
.claro .engiMobilePopup .dijitCalendarPreviousYear,
.claro .engiMobilePopup .dijitCalendarNextYear:hover,
.claro .engiMobilePopup .dijitCalendarPreviousYear:hover{
	color: #617cb8;
	background: transparent;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0;
	border: none;
}

.claro .engiMobilePopup .dijitCalendarNextYear {
	padding-right: 4px;
}

.claro .engiMobilePopup .dijitCalendarPreviousYear {
	padding-left: 4px;
}
	
.claro .engiMobilePopup .dijitCalendarSelectedYear {
	padding-top: 5px;
	padding-bottom: 5px;
}
	
.claro .engiMobilePopup .dijitCalendarDateTemplate .dijitCalendarDateLabel {
	-webkit-transition-duration: unset;
	transition-duration: unset;
}

.claro .engiMobilePopup .dijitCalendarPopup .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel {
	background-color: #fff;
	border-color: #fff;
	color: var(--text);
	text-decoration: none;
}

.claro .engiMobilePopup.engiPopupCalendar .engiToday {
	position: absolute;
	left: 0;
	font-size: 14px;
	padding: 9px 12px;
}
*/


/* FLAG-ICON */

.flag-icon.sceMarginR {
	margin-right: 8px;
}
.dijitRtl .flag-icon.sceMarginR {
	margin-left: 8px;
	margin-right: 0;
}



/* LOAD OVERLAY */

#sceLoadOverlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 3000;
    display: block;
    background-color: rgba(0, 0, 0, 0);
    outline: none;
}
#sceLoadOverlay .sceLoadBoxMessage {
	max-width: 200px;
    text-align: center;
	padding: 1rem;
    margin: calc(50vh - 70px) auto 0 auto;
    line-height: normal;
	background: var(--solidpane);
	color: var(--font);
	border: 1px solid var(--font50);
	-moz-border-radius: var(--radiuss);
	border-radius: var(--radiuss);
}

.sceBlinkTheme {
  animation: sceblinkertheme 2s linear infinite;
}
@keyframes sceblinkertheme {
  0% {
    color: var(--font);
  }
  40% {
    color: var(--theme);
  }
  60% {
    color: var(--theme);
  }
  100% {
    color: var(--font);
  }
}

.sceRelative {position: relative;}
.sceCursorPointer {cursor: pointer;}
.sceMinHeightFullScene {min-height: calc(100vh - var(--hheader) - 48px);}
.sceBlockLeft {text-align: left; width: fit-content; margin-left: auto; margin-right: auto;}
.dijitRtl .sceBlockLeft {text-align: right;}

.scefc-theme {color: var(--theme);}
.scefc-themefont {color: var(--themefont);}
.scefc-menu {color: var(--menufont);}
.scefc-placeholder {color: var(--pholder);}
.scefc-error {color: var(--error);}

.scebc-theme {background-color: var(--theme);}
.scebc-menu {background-color: var(--menu);}
.scebc-body {background-color: var(--body);}


.scefw-l {font-weight: var(--flight)!important;}
.scefw-n {font-weight: var(--fregular)!important;}
.scefw-sb {font-weight: var(--fsemi)!important;}
.scefw-b {font-weight: var(--fbold)!important;}

.sceta-l {text-align: left;}
.sceta-r {text-align: right;}
.sceta-c {text-align: center;}
.sceta-j {text-align: justify;}
.dijitRtl .sceta-l {text-align: right;}
.dijitRtl .sceta-r {text-align: left;}

.sceov-h {overflow: hidden;}

.sceto-e, .sceto-e .sceLabelTop {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sceto-e .sceLabelTop {display: block;}

.scett-u {text-transform: uppercase;}
.scett-n {text-transform: none;}

.scews-no {white-space: nowrap;}

.scepa-4 {padding: 4px;}
.scepa-6 {padding: 6px;}
.scepa-8 {padding: 8px;}
.scepa-12 {padding: 12px;}
.scepa-16 {padding: 16px;}
.scepa-24 {padding: 24px;}
.scepa-32 {padding: 32px;}

.scepl-12 {padding-left: 12px;}
.dijitRtl .scepl-12 {padding-left: 0; padding-right: 12px;}
.scepl-24 {padding-left: 24px;}
.dijitRtl .scepl-24 {padding-left: 0; padding-right: 24px;}

.scepr-12 {padding-right: 12px;}
.dijitRtl .scepr-12 {padding-left: 12px; padding-right: 0;}
.scepr-24 {padding-right: 24px;}
.dijitRtl .scepr-24 {padding-left: 24px; padding-right: 0;}

.scemb-4 {margin-bottom: 4px;}
.scemb-6 {margin-bottom: 6px;}
.scemb-8 {margin-bottom: 8px;}
.scemb-12 {margin-bottom: 12px;}
.scemb-16 {margin-bottom: 16px;}
.scemb-24 {margin-bottom: 24px;}
.scemb-32 {margin-bottom: 32px;}
.scemb-40 {margin-bottom: 40px;}
.scemb-48 {margin-bottom: 48px;}
.scema-auto {margin: 0 auto;}
.sceml-auto {margin-left: auto;}

.sceg-1 {display: grid; grid-template-columns: 1fr;}
.sceg-2 {display: grid; grid-template-columns: 1fr 1fr;}
.sceg-3 {display: grid; grid-template-columns: repeat(3,1fr);}
.sceg-4 {display: grid; grid-template-columns: repeat(4,1fr);}
.sceg-5 {display: grid; grid-template-columns: repeat(5,1fr);}
.sceg-6 {display: grid; grid-template-columns: repeat(6,1fr);}
.sceg-7 {display: grid; grid-template-columns: repeat(7,1fr);}
.sceg-8 {display: grid; grid-template-columns: repeat(8,1fr);}
.sceg-card120 {display: grid; grid-template-columns: repeat(auto-fill,minmax(120px, 1fr));}
.sceg-card150 {display: grid; grid-template-columns: repeat(auto-fill,minmax(150px, 1fr));}
.sceg-card200 {display: grid; grid-template-columns: repeat(auto-fill,minmax(200px, 1fr));}
.sceg-card250 {display: grid; grid-template-columns: repeat(auto-fill,minmax(250px, 1fr));}
.sceg-card300 {display: grid; grid-template-columns: repeat(auto-fill,minmax(300px, 1fr));}
.sceg-card380 {display: grid; grid-template-columns: repeat(auto-fill,minmax(380px, 1fr));}

.scegg-4 {grid-gap: 4px;}
.scegg-6 {grid-gap: 6px;}
.scegg-8 {grid-gap: 8px;}
.scegg-12 {grid-gap: 12px;}
.scegg-16 {grid-gap: 16px;}
.scegg-24 {grid-gap: 24px;}
.scegg-32 {grid-gap: 32px;}
.scegg-48 {grid-gap: 48px;}
.scegg-64 {grid-gap: 64px;}

.scegg-6x12 {	grid-gap: 6px 12px;}
.scegg-8x16 {	grid-gap: 8px 16px;}
.scegg-12x24 {	grid-gap: 12px 24px;}
.scegg-16x32 {	grid-gap: 16px 32px;}
.scegg-24x48 {	grid-gap: 24px 48px;}

.sceApp .scegg-16app, .sceTouch .scegg-16app {grid-gap: 16px;}

.sceg-strict > * {
	min-width: 0;
}

.scedi-f {display: flex;}
.scedi-fw {display: flex; flex-wrap: wrap;}
.scedi-b {display: block;}
.scedi-ib {display: inline-block;}
.scedi-n {display: none!important;}

.scevi-h {visibility: hidden;}

.sceop-0 {opacity: 0;};

.sceai-s {align-items: flex-start;}
.sceai-c {align-items: center;}
.sceai-e {align-items: flex-end;}
.sceai-b {align-items: baseline;}
.sceac-s {align-content: flex-start;}
.sceac-c {align-content: center;}
.sceac-e {align-content: flex-end;}
.sceac-b {align-content: baseline;}
.scejc-c {justify-content: center;}
.scejc-s {justify-content: flex-start;}
.scejc-e {justify-content: flex-end;}
.scejc-b {justify-content: space-between;}

.scefg-1 {flex-grow: 1;}

.scefl-l {float: left;}
.scefl-r {float: right;}
.dijitRtl .scefl-l {float: right;}
.dijitRtl .scefl-r {float: left;}

.sceh-100 {height: 100%!important;}
.scew-100 {width: 100%!important;}
.scew-min0 {min-width: 0;}
.scew-fc {width: fit-content;}
.scew-minc {width: min-content;}
.scew-maxc {width: max-content;}

.scew-65 {width: 65%;}

.claro .dijitSelect .dijitInputField.dijitPlaceHolder,
.claro .dijitTextBox .dijitInputField.dijitPlaceHolder,
.claro .sceTranslationText .dijitInputField.dijitPlaceHolder,
.claro .dijitPlaceHolder {
	font-weight: normal;
	font-style: normal;
	color: var(--pholder);
	-webkit-text-fill-color: var(--pholder);
}
.claro .dijitCurrencyTextBox .dijitPlaceHolder,
.claro .sceta-r .dijitPlaceHolder,
.claro .sceta-c .dijitPlaceHolder {
	width: 100%;
	font-weight: normal;
	color: var(--pholder);
	-webkit-text-fill-color: var(--pholder);
}
.claro input::-webkit-input-placeholder,
.claro .scePhoneTextBox input::-webkit-input-placeholder,
.claro  textarea.dijitTextArea::-webkit-input-placeholder, /* WebKit browsers */

.claro input:-moz-placeholder,
.claro .scePhoneTextBox input:-moz-placeholder,
.claro textarea.dijitTextArea:-moz-placeholder, /* Mozilla Firefox 4 to 18 */

.claro input::-moz-placeholder,
.claro .scePhoneTextBox input::-moz-placeholder,
.claro textarea.dijitTextArea::-moz-placeholder, /* Mozilla Firefox 19+ */

.claro input::-ms-input-placeholder,
.claro .scePhoneTextBox input:-ms-input-placeholder,
.claro textarea.dijitTextArea:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-weight: normal;
	opacity:  1;
	color: var(--pholder);
	-webkit-text-fill-color: var(--pholder);
}

.claro .sceWebkitAutofill .dijitPlaceHolder {
	display: none;
}

.claro input::placeholder,
.claro .scePhoneTextBox input::placeholder,
.claro textarea::placeholder {
	font-weight: normal;
	opacity:  1;
	color: var(--pholder);
	-webkit-text-fill-color: var(--pholder);
}

.claro .sceSearchTextBox .dijitInputField.dijitPlaceHolder,
.claro .sceSearchTextBox .dijitPlaceHolder {
	color: var(--font);
	-webkit-text-fill-color: var(--font);
}

.claro .sceSearchTextBox.dijitTextBoxFocused .dijitInputField.dijitPlaceHolder,
.claro .sceSearchTextBox.dijitTextBoxFocused .dijitPlaceHolder {
	color: var(--pholder);
	-webkit-text-fill-color: var(--pholder);
}



.claro .sceBoxLangFlag {position: relative; top: 1px; display: inline-block; width: 16px; height: 11px; margin-right: 6px; background-repeat: no-repeat;}
.claro .sceTranslationText .sceLangFlag {padding-left: 22px; font-weight: 400; background-repeat: no-repeat; background-position: left 2px;}
.claro .sceDropDownButton .dijitButtonText.sceLangFlag {vertical-align: top; padding: .125rem .25rem 0 .25rem;}
.claro .sceLangFlag_es {background-image: url("./img/lang-flags/es.png");}
.claro .sceLangFlag_en {background-image: url("./img/lang-flags/en.png");}
.claro .sceLangFlag_ca {background-image: url("./img/lang-flags/ca.png");}
.claro .sceLangFlag_fr {background-image: url("./img/lang-flags/fr.png");}

.claro .sceTranslationText.sceHideFlag .sceLangFlag {padding-left: 0; background-image: none;}



	.dijitMenuItem.sceOpenFullscreen {display: table-row;}

	html:-webkit-full-screen .dijitMenuItem.sceOpenFullscreen {display: none;}
	html:-moz-full-screen .dijitMenuItem.sceOpenFullscreen {display: none;}
	html:-ms-fullscreen .dijitMenuItem.sceOpenFullscreen {display: none;}
	html:fullscreen .dijitMenuItem.sceOpenFullscreen {display: none;}
	
	html:-webkit-full-screen .dijitMenuItem.sceCloseFullscreen {display: table-row;}
	html:-moz-full-screen .dijitMenuItem.sceCloseFullscreen {display: table-row;}
	html:-ms-fullscreen .dijitMenuItem.sceCloseFullscreen {display: table-row;}
	html:fullscreen .dijitMenuItem.sceCloseFullscreen {display: table-row;}


/*.dimensions {
	position: fixed;
	left: var(--wside);
	padding-left: 24px;
	top: 0;
	right: 24px;
	bottom: 0;
	display: grid;
	grid-template-columns: repeat(12,1fr);
	grid-gap: 24px;
	z-index: 3000;
}
.dimensions div {
	background-color: rgba(0,0,0,.04);
}*/


@media ( min-width : 576px) {
	.scemb-s0 {margin-bottom: 0;}
	.scemb-s4 {margin-bottom: 4px;}
	.scemb-s6 {margin-bottom: 6px;}
	.scemb-s8 {margin-bottom: 8px;}
	.scemb-s12 {margin-bottom: 12px;}
	.scemb-s16 {margin-bottom: 16px;}
	.scemb-s24 {margin-bottom: 24px;}
	.scemb-s32 {margin-bottom: 32px;}
	.scemb-s40 {margin-bottom: 40px;}
	.scemb-s48 {margin-bottom: 48px;}
	.scemb-s64 {margin-bottom: 64px;}

	.sceg-s1 {display: grid; grid-template-columns: 1fr;}
	.sceg-s2 {display: grid; grid-template-columns: 1fr 1fr;}
	.sceg-s3 {display: grid; grid-template-columns: repeat(3,1fr);}
	.sceg-s4 {display: grid; grid-template-columns: repeat(4,1fr);}
	.sceg-s5 {display: grid; grid-template-columns: repeat(5,1fr);}
	.sceg-s6 {display: grid; grid-template-columns: repeat(6,1fr);}
	.sceg-s7 {display: grid; grid-template-columns: repeat(7,1fr);}
	.sceg-s8 {display: grid; grid-template-columns: repeat(8,1fr);}
	.scegg-s4 {grid-gap: 4px;}
	.scegg-s6 {grid-gap: 6px;}
	.scegg-s8 {grid-gap: 8px;}
	.scegg-s12 {grid-gap: 12px;}
	.scegg-s16 {grid-gap: 16px;}
	.scegg-s24 {grid-gap: 24px;}
	.scegg-s32 {grid-gap: 32px;}
	.scegg-s48 {grid-gap: 48px;}
	.scegg-s64 {grid-gap: 64px;}
	
	.scehide-s {display: none!important;}
}
@media ( max-width : 575px) {
	.sceshow-s {display: none!important;}
}
	
@media ( min-width : 768px) {
	.scemb-m0 {margin-bottom: 0;}
	.scemb-m4 {margin-bottom: 4px;}
	.scemb-m6 {margin-bottom: 6px;}
	.scemb-m8 {margin-bottom: 8px;}
	.scemb-m12 {margin-bottom: 12px;}
	.scemb-m16 {margin-bottom: 16px;}
	.scemb-m24 {margin-bottom: 24px;}
	.scemb-m32 {margin-bottom: 32px;}
	.scemb-m40 {margin-bottom: 40px;}
	.scemb-m48 {margin-bottom: 48px;}
	.scemb-m64 {margin-bottom: 64px;}

	.sceg-m1 {display: grid; grid-template-columns: 1fr;}
	.sceg-m2 {display: grid; grid-template-columns: 1fr 1fr;}
	.sceg-m3 {display: grid; grid-template-columns: repeat(3,1fr);}
	.sceg-m4 {display: grid; grid-template-columns: repeat(4,1fr);}
	.sceg-m5 {display: grid; grid-template-columns: repeat(5,1fr);}
	.sceg-m6 {display: grid; grid-template-columns: repeat(6,1fr);}
	.sceg-m7 {display: grid; grid-template-columns: repeat(7,1fr);}
	.sceg-m8 {display: grid; grid-template-columns: repeat(8,1fr);}
	.scegg-m4 {grid-gap: 4px;}
	.scegg-m6 {grid-gap: 6px;}
	.scegg-m8 {grid-gap: 8px;}
	.scegg-m12 {grid-gap: 12px;}
	.scegg-m16 {grid-gap: 16px;}
	.scegg-m24 {grid-gap: 24px;}
	.scegg-m32 {grid-gap: 32px;}
	.scegg-m48 {grid-gap: 48px;}
	.scegg-m64 {grid-gap: 64px;}
	.claro .sceMobilePopup.sceMobileDefaultColumns .dgrid-content {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.claro .sceMobilePopup.sceMobileDefaultColumns .dgrid-content .sceGroup {
		grid-column-start: 1;
		grid-column-end: -1;
	}
}

@media ( min-width : 992px) {
	.scemb-l0 {margin-bottom: 0;}
	.scemb-l4 {margin-bottom: 4px;}
	.scemb-l6 {margin-bottom: 6px;}
	.scemb-l8 {margin-bottom: 8px;}
	.scemb-l12 {margin-bottom: 12px;}
	.scemb-l16 {margin-bottom: 16px;}
	.scemb-l24 {margin-bottom: 24px;}
	.scemb-l32 {margin-bottom: 32px;}
	.scemb-l40 {margin-bottom: 40px;}
	.scemb-l48 {margin-bottom: 48px;}
	.scemb-l64 {margin-bottom: 64px;}

	.sceg-l1 {display: grid; grid-template-columns: 1fr;}
	.sceg-l2 {display: grid; grid-template-columns: 1fr 1fr;}
	.sceg-l3 {display: grid; grid-template-columns: repeat(3,1fr);}
	.sceg-l4 {display: grid; grid-template-columns: repeat(4,1fr);}
	.sceg-l5 {display: grid; grid-template-columns: repeat(5,1fr);}
	.sceg-l6 {display: grid; grid-template-columns: repeat(6,1fr);}
	.sceg-l7 {display: grid; grid-template-columns: repeat(7,1fr);}
	.sceg-l8 {display: grid; grid-template-columns: repeat(8,1fr);}
	.scegg-l4 {grid-gap: 4px;}
	.scegg-l6 {grid-gap: 6px;}
	.scegg-l8 {grid-gap: 8px;}
	.scegg-l12 {grid-gap: 12px;}
	.scegg-l16 {grid-gap: 16px;}
	.scegg-l24 {grid-gap: 24px;}
	.scegg-l32 {grid-gap: 32px;}
	.scegg-l48 {grid-gap: 48px;}
	.scegg-l64 {grid-gap: 64px;}
	.claro .sceMobilePopup.sceMobileDefaultColumns .dgrid-content {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media ( min-width : 1399px) {
	.scemb-x0 {margin-bottom: 0;}
	.scemb-x4 {margin-bottom: 4px;}
	.scemb-x6 {margin-bottom: 6px;}
	.scemb-x8 {margin-bottom: 8px;}
	.scemb-x12 {margin-bottom: 12px;}
	.scemb-x16 {margin-bottom: 16px;}
	.scemb-x24 {margin-bottom: 24px;}
	.scemb-x32 {margin-bottom: 32px;}
	.scemb-x40 {margin-bottom: 40px;}
	.scemb-x48 {margin-bottom: 48px;}
	.scemb-x64 {margin-bottom: 64px;}

	.sceg-x1 {display: grid; grid-template-columns: 1fr;}
	.sceg-x2 {display: grid; grid-template-columns: 1fr 1fr;}
	.sceg-x3 {display: grid; grid-template-columns: repeat(3,1fr);}
	.sceg-x4 {display: grid; grid-template-columns: repeat(4,1fr);}
	.sceg-x5 {display: grid; grid-template-columns: repeat(5,1fr);}
	.sceg-x6 {display: grid; grid-template-columns: repeat(6,1fr);}
	.sceg-x7 {display: grid; grid-template-columns: repeat(7,1fr);}
	.sceg-x8 {display: grid; grid-template-columns: repeat(8,1fr);}
	.scegg-x4 {grid-gap: 4px;}
	.scegg-x6 {grid-gap: 6px;}
	.scegg-x8 {grid-gap: 8px;}
	.scegg-x12 {grid-gap: 12px;}
	.scegg-x16 {grid-gap: 16px;}
	.scegg-x24 {grid-gap: 24px;}
	.scegg-x32 {grid-gap: 32px;}
	.scegg-x48 {grid-gap: 48px;}
	.scegg-x64 {grid-gap: 64px;}
}

@media ( min-width : 1800px) {
	.scemb-xx0 {margin-bottom: 0;}
	.scemb-xx4 {margin-bottom: 4px;}
	.scemb-xx6 {margin-bottom: 6px;}
	.scemb-xx8 {margin-bottom: 8px;}
	.scemb-xx12 {margin-bottom: 12px;}
	.scemb-xx16 {margin-bottom: 16px;}
	.scemb-xx24 {margin-bottom: 24px;}
	.scemb-xx32 {margin-bottom: 32px;}
	.scemb-xx40 {margin-bottom: 40px;}
	.scemb-xx48 {margin-bottom: 48px;}
	.scemb-xx64 {margin-bottom: 64px;}

	.sceg-xx1 {display: grid; grid-template-columns: 1fr;}
	.sceg-xx2 {display: grid; grid-template-columns: 1fr 1fr;}
	.sceg-xx3 {display: grid; grid-template-columns: repeat(3,1fr);}
	.sceg-xx4 {display: grid; grid-template-columns: repeat(4,1fr);}
	.sceg-xx5 {display: grid; grid-template-columns: repeat(5,1fr);}
	.sceg-xx6 {display: grid; grid-template-columns: repeat(6,1fr);}
	.sceg-xx7 {display: grid; grid-template-columns: repeat(7,1fr);}
	.sceg-xx8 {display: grid; grid-template-columns: repeat(8,1fr);}
	.scegg-xx4 {grid-gap: 4px;}
	.scegg-xx6 {grid-gap: 6px;}
	.scegg-xx8 {grid-gap: 8px;}
	.scegg-xx12 {grid-gap: 12px;}
	.scegg-xx16 {grid-gap: 16px;}
	.scegg-xx24 {grid-gap: 24px;}
	.scegg-xx32 {grid-gap: 32px;}
	.scegg-xx48 {grid-gap: 48px;}
	.scegg-xx64 {grid-gap: 64px;}
}