@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700';
@import 'https://fonts.googleapis.com/css?family=Saira+Semi+Condensed:500,700';
@import 'https://fonts.googleapis.com/css?family=Montserrat:300,500';
@import 'https://fonts.googleapis.com/icon?family=Material+Icons';
@import 'https://fonts.googleapis.com/icon?family=Material+Icons+Outlined';

:root{--theme:#F8D748; --themelight:#fef7da; --yellow:#FFB744; --green:#81E481; --red:#FF7474; --blue:#0000ff; --lgray:#ededeb; --gray10:#f8fafb; --gray20:#f2f4f5; --body:#fff; --text:#333; --border: #d9d9d9; --wborder: #d9d9d9; --border-dark1: #d0d0d0;}

html {
	-webkit-tap-highlight-color: transparent;
}

body {
	margin: 0;
	display: block;
	background-color: var(--body);
	/*-webkit-text-size-adjust: none;*/
}
body.sceModalShow {
	overflow: hidden;
}

.claro, .scePhoneTextBox input, .dijitTextArea, .dijitMenuItem td, .claro .sceButton .sceBadgeNode, .dropzone, button, select, option, input {
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
	font-weight: 300;
	line-height: 1.47;
	color: var(--text);
	font-size: .875rem;
	text-rendering: optimizeLegibility;
}

.claro .sceff-header,
.claro .sceSceneTitle,
.claro .sceBox .sceTitle,
.claro .sceBoxBorder .sceTitle,
.claro .sceDialogPopup .dijitDialogTitleBar {
	font-family: "Saira Semi Condensed", "Helvetica Neue", Helvetica, Arial;
	font-weight: 700;
}
.claro .sceff-header-db,
.claro .sceLeftbar .sceUser .sceUserName,
#topNavMenu .sceHeader .sceBoxUserName .sceUserName,
#topNavMenu .dijitMenuItem.sceExit td,
.claro .sceLeftbar .sceGroupItemLabel,
.claro .sceLabel,
.claro .sceButton,
.claro .dgrid-header .dgrid-cell,
.claro .dijitDialog .scePromptSaveCaption {
	font-family: "Saira Semi Condensed", "Helvetica Neue", Helvetica, Arial;
	font-weight: 500;
}
.claro .sceff-percent,
.claro .sceLabeledHorzBar .sceRightLabel,
.sceMapLegend {
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial;
	
}

.claro .dijitTextBox, .claro .dijitInputInner,
.claro .dijitInputInner input, a {
	color: var(--text);
}
.claro.sceTouch .dijitTextBox input:disabled {
	-webkit-text-fill-color: var(--text);;
	opacity: 1;
}

a {
	text-decoration: none;
}
.sceNoTouch a.sceAnchor:hover {text-decoration: underline;}

b {
	font-weight: 500;
}


/* LOAD OVERLAY */

#sceLoadOverlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 800;
    display: block;
    background-color: rgba(0, 0, 0, 0);
    outline: none;
}
#sceLoadOverlay .sceLoadBoxMessage {
	max-width: 180px;
    text-align: center;
	padding: 1rem 2rem;
    margin: 46vh auto 0 auto;
    line-height: normal;
	background: #fff;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#sceLoadOverlay .sceLoadBoxMessage span {
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto 10px auto;
	background-image: url("img/loader24.gif");
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: bottom;
}


/* BUTTON */

#gridSilosButtons {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

#accionsTopBilling {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.claro button {
	vertical-align: middle;
}

.claro .dijitButton {
	margin: 0;
}

.claro a.sceLikeButton,
.claro button,
.claro .dijitButton .dijitButtonNode {
	padding: .5rem 1.125rem;
	color: var(--text);
	background: #fff;
	border: 1px solid var(--border);
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: border-color, color, background-color;
	-moz-transition-property: border-color, color, background-color;
	transition-property: border-color, color, background-color;
}

.claro .dijitButton .dijitButtonNode,
.claro .dijitDropDownButton .dijitButtonNode {
	display: block;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.claro .dijitButton * {
	cursor: pointer;
}

.claro .dijitButtonText {
	padding: 0;
}

.claro .dijitButtonContents {
	outline: none;
}

.claro .dijitButton.scew100 {
	width: 100%;
}

.claro a.sceLikeButton.sceSmall,
.claro .sceBoxButton.sceSmall,
.claro .dijitButton.sceSmall .dijitButtonNode {
	padding: .25rem 1rem;
}
.claro a.sceLikeButton.sceMedium,
.claro .dijitButton.sceMedium .dijitButtonNode {
	padding: .5rem .6125rem;
}
.claro a.sceLikeButton.sceLarge,
.claro .dijitButton.scelarge .dijitButtonNode {
	padding: .75rem 1.25rem;
}

.claro a.sceLikeButton.sceExtraLarge,
.claro .sceBoxButton.sceExtraLarge,
.claro .dijitButton.sceExtraLarge .dijitButtonNode {
    padding: 1rem 1.5rem;
}

.claro a.sceLikeButton.sceExtraLarge.buttonSelected,
.claro .sceBoxButton.sceExtraLarge.buttonSelected,
.claro .dijitButton.sceExtraLarge.buttonSelected .dijitButtonNode{
    background-color: #e9e9e9;
}


.claro .dijitButton.sceIconButton.sceMedium .dijitButtonNode {
	padding: .5rem .6125rem;
}
.claro .dijitButton.sceIconButton.sceMedium.selected .dijitButtonNode{
	background-color: #444;
	color: #fff;
}

.claro .sceSceneHead .sceButtonIcon {
	display: inline-block;
	height: 42px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid transparent;
	vertical-align: top;
	margin-top: 4px;
}
.claro .sceSceneHead .sceButtonIcon.sceFullH {
	height: 51px;
	border: none;
	padding: .875rem .5625rem;
	margin-top: 0;
}
.claro .sceSceneHead .sceButtonIcon.sceMenuSelected {
	background-color: var(--theme);
}

.claro .sceButtonIcon .dijitButtonNode *,
.claro .sceButtonIconBorder .dijitButtonNode * {
	display: block;
}

.claro .sceButtonIconBorder.sceSmall .dijitButtonNode,
.claro .sceButtonIcon.sceSmall {
	padding: .25rem;
}
.claro .sceButtonIconBorder.sceMedium .dijitButtonNode,
.claro .sceButtonIcon.sceMedium {
	padding: .5rem;
}
.claro .sceSceneHead .sceButtonIcon.sceFullH .dijitButtonNode {
	padding: .875rem .5625rem;
	border: none;
	-moz-border-radius: 0;
	border-radius: 0;
}

.claro .sceSceneHead .dijitButton.sceButtonIcon.sceFullH,
.claro .dijitButton.sceButtonIcon.sceSmall,
.claro .dijitButton.sceButtonIcon.sceMedium,
.claro .dijitDropDownButton.sceButtonIcon.sceSmall {
	padding: 0;
	border: none;
}

.claro .sceDropDownButton.sceButtonIcon .dijitButtonNode,
.claro .dijitButton.sceButtonIcon .dijitButtonNode {
	border-color: transparent;
	background: transparent;
}
.claro.sceNoTouch .sceDropDownButton.sceButtonIcon:hover .dijitButtonNode,
.claro.sceNoTouch .dijitButton.sceButtonIcon:hover .dijitButtonNode {
	border-color: var(--border);
}
.claro.sceNoTouch .dijitButton.sceButtonIcon.sceFullH:hover .dijitButtonNode {
	background-color: var(--theme);
}
.claro.sceTouch .sceDropDownButton.sceButtonIcon.dijitButtonActive .dijitButtonNode,
.claro.sceTouch .dijitButton.sceButtonIcon.dijitButtonActive .dijitButtonNode {
	background-color: #e3f2fd;
}
.claro .sceDropDownButton.sceButtonIcon i,
.claro .dijitButton.sceButtonIcon i {
	vertical-align: middle;
}
.claro .sceDropDownButton.sceButtonIcon.sceSmall .dijitButtonNode,
.claro .dijitButton.sceButtonIcon.sceSmall .dijitButtonNode {
	padding: .25rem;
}
.claro .dijitButton.sceButtonIcon.sceSmall i {
	font-size: 1.25rem;
}
.claro .sceDropDownButton.sceButtonIcon.sceMedium .dijitButtonNode,
.claro .dijitButton.sceButtonIcon.sceMedium .dijitButtonNode {
	padding: .5625rem .5rem .5rem .5rem;
	/*font-size: .9375rem;*/
}
.claro .dijitButton.sceButtonIcon.sceBack .dijitButtonNode {
	padding-left: .1875rem;
}
.claro .dijitButton.sceButtonIcon.sceBlue .dijitButtonNode,
.claro .dijitButton.sceButtonIcon.sceBlue .dijitButtonNode i {
	color: var(--blue);
}
.claro.sceNoTouch .dijitButton.sceButtonIcon.sceBlue:hover .dijitButtonNode {
	border-color: var(--blue);
}

.claro .dijitButton.sceButtonBigIcon .dijitButtonNode {
	border-color: transparent;
	background: transparent;
	padding: .375rem;
	font-size: .75rem;
	font-weight: 300;
}
.claro .dijitButton.sceButtonBigIcon .dijitButtonNode .material-icons-outlined {
	font-size: 24px;
}
.claro .dijitButton.sceButtonBigIcon .dijitButtonNode .iconify {
	width: 24px;
	height: 24px;
}

.claro .dijitButton.sceButtonBadge {
	position: relative;
}
.claro .sceButtonBadge .sceBadgeNode {
	position: absolute;
	right: 1px;
	top: 4px;
	width: 24px;
	height: 24px;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	line-height: 20px;
	border: 2px solid #fff;
	background-color: #ccc;
	color: #fff;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: border-color, color, background-color;
	-moz-transition-property: border-color, color, background-color;
	transition-property: border-color, color, background-color;
}
.claro .sceButtonBadge.sceBadgeOn .sceBadgeNode {
	background-color: #d94547;
}
.claro .sceSceneHead .sceButtonIcon.sceMenuSelected .sceBadgeNode,
.claro.sceNoTouch .dijitButton.sceButtonIcon.sceFullH:hover .sceBadgeNode {
	border-color: var(--theme);
}

.claro a.sceLikeButton {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.3;
}

.claro .sceRound .dijitButtonNode {
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.claro .reset .dijitButtonNode {
	border-color: var(--lgray);
	background: var(--lgray);
}

.clicked {
	border-color: var(--theme);
	background: var(--theme);
}

.claro .submit .dijitButtonNode {
	border: 1px solid #444;
	background: #444;
	color: #fff;
}

.claro .submit.sceTheme .dijitButtonNode {
	border-color: var(--theme);
	background: var(--theme);
	color: var(--text);
}

.claro .submit.sceGrayL .dijitButtonNode {
	border-color: var(--lgray);
	background: var(--lgray);
	color: var(--text);
}

.claro .sceEdit .dijitButtonNode {
	border: 1px solid var(--border);
	color: var(--text);
}

.claro .dijitButton.dijitButtonDisabled * {
	cursor: default;
}
.claro .dijitButtonDisabled .dijitButtonNode, .claro .reset.dijitButtonDisabled .dijitButtonNode,
	.claro .submit.dijitButtonDisabled .dijitButtonNode, .claro .submit.sceTheme.dijitButtonDisabled .dijitButtonNode, .claro .sceEdit.dijitButtonDisabled .dijitButtonNode
	{
	border: 1px solid #c2c2c2;
	background: #c2c2c2;
	color: #fff;
	cursor: default;
}

.claro .dijitButtonDisabled .dijitButtonContents {
	outline: none;
}

.claro .dijitButton .material-icons-outlined {
	position: relative;
	vertical-align: middle;
	opacity: .7;
}
.claro .dijitButton .iconify {
	position: relative;
	vertical-align: middle;
}

.claro .dijitButton.sceRelative-1 .iconify,
.claro .dijitButton.sceRelative-1 .material-icons-outlined {
	top: -1px;
}
.claro .dijitButton .iconify.sceRelative-2,
.claro .dijitButton.sceRelative-2 .material-icons-outlined {
	top: -2px;
}
.claro .dijitButton .iconify.sceRelative-3,
.claro .dijitButton.sceRelative-3 .material-icons-outlined {
	top: -3px;
}

.claro .dijitButton.sceMultiLine .dijitButtonText {
	white-space: normal;
}




/* PAGE */
.claro .scePage {
	min-height: 100%;
	overflow: hidden;
}

.claro .scePageContainer {
	min-height: 100%;
}

.claro.sceTouch .sceSceneContainer {
	min-height: calc(100vh - 52px);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.claro .sceSceneTitle {
	display: none;
}


/* HEAD */
.claro .sceSceneHead {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 52px;
	background-color: #fff;
	border-bottom: 1px solid var(--theme);
	padding: 0 .5rem;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 12px rgba(0,0,0,.1)!important;
	box-shadow: 0 1px 12px rgba(0,0,0,.1)!important; 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 500;
}
.claro .sceSceneHeadWrapper {
	height: 52px;	
}
.claro.sceHideSceneHead .sceSceneHead,
.claro.sceHideSceneHead .sceSceneHeadWrapper,
.claro.sceHideSceneHead .sceBreadCrumb,
.claro.sceHideSceneHead .sceSceneTitle {
	display: none;
}

.claro .sceSceneHead .sceBoxLogo {
	display: none;
	position: absolute;
	left: 82px;
}

.claro .sceSceneHeadContent {
	line-height: 51px;
}

.claro .sceSceneHead .sceLogo {
	width: 150px;
	margin-top: 11px;
}

.claro .sceSceneHead .sceTitle {
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0 88px;
}
.claro .sceSceneHead .sceButtonsSmall .sceTitle {
	margin: 0 42px;
}
.claro .sceSceneHead .sceButtonsMedium .sceTitle {
	margin: 0 80px;
}
.claro .sceSceneHead .sceButtonsLarge .sceTitle {
	margin: 0 90px;
}
.claro .sceSceneHead .sceButtonSettings {
	display: none;
}

.claro .sceSceneContent {
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.claro .sceSceneContent.scepa-default {
	padding: 0;
	margin: -1px -1px 0 -1px;
}
.claro .sceSceneContent.scepa-card {
	padding: .5rem;
}
.claro .sceGridActionsTop {
	padding: .5rem;
	margin-bottom: 8px;
}

.claro .sceGridFiltersTop {
	display: flex;
	flex-wrap: wrap;
}

.claro .sceGridFiltersBox {
	display: flex;
	flex-grow: 1;
	flex-wrap: wrap;
}

.claro .sceGridFiltersBox > table,
.claro .sceGridFiltersBox > div {
	display: flex;
	width: 100%;
}

.claro .sceGridFiltersBox > table > *,
.claro .sceGridFiltersBox > table td:first-child {
	width: 100%;
}

.claro .sceGridActionsTop .sceSearchButton {
	min-width: 100%;
}

.claro .sceGridFiltersTop .dijitSelect .dijitInputField, .claro .sceGridFiltersTop .dijitTextBox .dijitInputField {
	padding-top: 11px;
	padding-bottom: 11px;
}

.claro .sceRelative {
	position: relative;
}

.claro .sceUpper {
	text-transform: uppercase;
}



.claro.sceTouch .sceHideTouch {display: none;}
.claro.sceNoTouch .sceHideNoTouch {display: none;}







.claro .sceNavTabs {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.claro .sceNavTabs li {
	display: inline-block;
	padding: .8125rem;
	font-weight: 500;
	text-align: center;
	border: 1px solid transparent;
	cursor: pointer;
	margin-bottom: -1px;
}

.claro .sceNavTabs li.sceSelected {
	color: var(--text);
	border: 1px solid rgba(0, 0, 0, .1);
	border-bottom-color: #fff;
}

.claro .sceShadow .sceNavTabs li.sceSelected {
	-webkit-box-shadow: 0 -4px 13px 0 rgba(20, 44, 90, .08);
	box-shadow: 0 -4px 13px 0 rgba(20, 44, 90, .08);
}

.claro .sceShadow .sceNavContainer {
	-webkit-box-shadow: 0 0 13px 0 rgba(20, 44, 90, .08);
	box-shadow: 0 0 13px 0 rgba(20, 44, 90, .08);
}

.claro .sceTabContainer {
	border: 1px solid rgba(0, 0, 0, .1);
	border-top: none;
	padding: 1rem;
}

.claro .sceTabContainer.sceTransparent {
	border: none;
	padding: 0;
}
.claro .sceTabContainer.sceHideBorder {
	border: none;
}

.claro .sceTabsWhite .sceNavTabs li.sceSelected,
.claro .sceTabsWhite .sceTabContainer {
	background-color: #fff;
}

.claro .sceLarge > .sceNavTabs li {
	padding: .8125rem 1.5rem;
}

.claro .scePill .sceNavTabs {
	margin-bottom: 1rem;
}

.claro .scePill .sceNavTabs li {
	color: #666;
	padding: .5rem 1.125rem;
	border-radius: 4px;
	font-weight: 500;
}

.claro .scePill .sceNavTabs li.sceSelected {
	background-color: #666;
	color: #fff;
}

.claro .sceTabsLight .sceNavTabs li {
	font-weight: 300;
}

.claro .sceTabsMultiline .sceNavTabs {
	white-space: nowrap;
}

.claro .sceTabsMultiline .sceNavTabs li {
	white-space: normal;
	line-height: normal;
	text-align: center;
	padding-left: .5rem;
	padding-right: .5rem;
	display: flex;
	place-items: center;
	justify-content: center;
}


.claro .sceTabsController.sceResponsive {
	display: none;
}
.claro .sceTabsController.sceTabsButton {
	border: 1px solid #666;
	background: #666;
}
.claro .sceTabsController.sceTabsButton.sceGrayLight {
	border: 1px solid var(--border);
	background: #e9e9e9;
}

.claro .sceTabsButton .sceNavTabs {
	border: none;
	grid-gap: 1px;
}

.claro .sceTabsButton .sceNavTabs li {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 300;
	line-height: normal;
	margin: 0;
	padding: .5rem;
	border: none;
	background-color: #fff;
}

.claro .sceTabsButton.sceGrayLight .sceNavTabs li {
	position: relative;
	padding: 1rem 3rem 1rem 1rem;
	color: var(--blue);
	font-weight: 300;
	text-align: left;
}

.claro .sceTabsButton.sceGrayLight .sceNavTabs li .sceArrow {
	position: absolute;
	color: var(--blue);
	right: 1rem;
	top: 1rem;
	font-size: 14px;
}

.claro .sceTabsButton .sceNavTabs li.sceSelected {
	background-color: #666;
	color: #fff;
}
.claro .sceTabsButton.sceGrayLight .sceNavTabs li.sceSelected {
	background-color: transparent;
	color: var(--blue);
}
.claro .sceTabsButton.sceGrayLight .sceNavTabs li.sceSelected .sceArrow {
	display: none;
}

.claro .sceTabsButton.sceGrayLight .sceNavTabs li.sceMenuTab {
	padding: 0;
}

.claro .sceTabsButton.sceGrayLight .sceNavTabs li .dijitMenu {
	width: 100%;
	border: none;
	background: transparent;
}
.claro .sceTabsButton.sceGrayLight .sceNavTabs li .dijitMenu td {
	color: var(--blue);
	padding: 1rem 3rem 1rem 1rem;
	border: none;
}
.claro .sceTabsButton.sceGrayLight .sceNavTabs li .dijitMenu .dijitMenuItemIconCell,
.claro .sceTabsButton.sceGrayLight .sceNavTabs li .dijitMenu .dijitMenuArrowCell {
	display: none;
}
.claro .sceTabsButton.sceGrayLight .sceNavTabs li .dijitMenu .dijitMenuItemHover,
.claro .sceTabsButton.sceGrayLight .sceNavTabs li .dijitMenu .dijitMenuItemHover td,
.claro .sceTabsButton.sceGrayLight .sceNavTabs li .dijitMenu .dijitMenuItemSelected,
.claro .sceTabsButton.sceGrayLight .sceNavTabs li .dijitMenu .dijitMenuItemSelected td {
	background: none;
}

.claro .sceTabSubMenu .dijitMenuItem {border-color: transparent;}
.claro .sceTabSubMenu .dijitMenuItem td {padding: .875rem 1rem;}
.claro .sceTabSubMenu .dijitMenuItem.dijitMenuItemHover,
.claro .sceTabSubMenu .dijitMenuItem.dijitMenuItemHover td,
.claro .sceTabSubMenu .dijitMenuItem.dijitMenuItemSelected,
.claro .sceTabSubMenu .dijitMenuItem.dijitMenuItemSelected td {
	background: none;
	border-color: transparent;
}
.claro .sceTabSubMenu .dijitRadioMenuItem .dijitMenuItemIcon {position: relative; top: -2px;}
.claro .sceTabSubMenu .dijitRadioMenuItem td.dijitMenuItemIconCell {width: 18px; padding-right: 0;}

.claro .sceTabsLeft .sceNavTabs li {
	display: block;
}

.claro .sceTabsFullTop .sceNavTabs li:not(:nth-child(1)) {
	border-left: none;
}


.claro .sceTabsFullTop2 .sceNavTabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.claro .sceTabsFullTop4 .sceNavTabs {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.claro .sceTabsFullTop5 .sceNavTabs {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.claro .sceTabsFullTop6 .sceNavTabs {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}


.claro .sceTabsSpeedButton .sceNavTabs {
	border-bottom: none;
}
.claro .sceTabsSpeedButton .sceNavTabs li {
	margin: 0;
	padding: .25rem;
	border-color: var(--border);
}
.claro.sceTouch .sceTabsSpeedButton .sceNavTabs li {
	padding: .5625rem;
}
.claro .sceTabsSpeedButton .sceNavTabs li:not(:nth-child(1)) {
	border-left: none;
}
.claro .sceTabsSpeedButton .sceNavTabs li.sceSelected {
	background-color: #e9e9e9;
}
.claro .sceTabsSpeedButton .sceNavTabs li .material-icons-outlined {
	display: block;
	font-size: 1.25rem;
}


.claro .sceTabs.sceResponsive > .sceNavTabs {
	display: none;
}
.claro .sceTabs.sceResponsive .sceTabContainer {
	border-width: 0;
	padding: 0;
}
.claro .sceRespTabs {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	border-top: 1px solid var(--border);
	z-index: 500;
}
.claro .sceRespTabs.sceForceHidden, .claro .sceWrapperRespTabs.sceForceHidden {
	display: none;
}
.claro .sceRespTabsHide{
	display: none;
}
.claro .sceRespTabs button {
	position: relative;
	padding: 0 .5rem;
	height: 58px;
	border: none;
	-moz-border-radius: 0;
	border-radius: 0;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.claro .sceRespTabs button .material-icons-outlined {
	position: absolute;
	top: 8px;
	left: 0;
	right: 0;
	font-size: 1.5rem;
}
.claro .sceRespTabs button div {
	text-align: center;
	font-size: .625rem;
	font-weight: 300;
	color: #000;
	margin: 32px auto 0 auto;
	max-width: 92%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.claro .sceRespTabs button.sceSelected .material-icons-outlined,
.claro .sceRespTabs button.sceSelected div {
	color: var(--blue);
}
.claro .sceRespTabs .sceRespCols1 {
	width: 100%;
}
.claro .sceRespTabs .sceRespCols2 {
	width: 50%;
}
.claro .sceRespTabs .sceRespCols3 {
	width: 33.33%;
}
.claro .sceRespTabs .sceRespCols4 {
	width: 25%;
}
.claro .sceRespTabs .sceRespCols5 {
	width: 20%;
}
.claro .sceRespTabs .sceRespCols6 {
	width: 16.66%;
}
.claro .sceRespTabs .sceRespCols7 {
	width: 14.28%;
}
.claro .sceRespTabs .sceRespCols8 {
	width: 12.5%;
}
.claro .sceRespTabs .sceRespCols9 {
	width: 11.11%;
}
.claro .sceRespTabs .sceRespCols10 {
	width: 10%;
}


.claro .sceSubFormTabsController .sceNavTabs {
	border-bottom: 1px solid var(--border);
}

.claro .sceSubFormTabsController .sceNavTabs li {
	position: relative;
	margin: 0;
	padding: .5rem;
	text-align: left;
	border-color: var(--border);
	border-bottom: none;
	font-weight: 300;
}

.claro .sceSubFormTabsController .sceNavTabs li.sceSelected {
	background-color: #e9e9e9;
}

.claro .sceSubFormTabsController .sceNavTabs .sceTabOrder {
	float: left;
	position: relative;
	top: -1px;
	padding: 0 .375rem;
	border: 1px solid #666;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.claro .sceSubFormTabsController .sceNavTabs .sceTabLabel {
	margin: 0 1.5rem 0 1.875rem;
	min-height: 19px;
}

.claro .sceSubFormTabsController.sceHideOrder .sceNavTabs .sceTabOrder {display: none;}
.claro .sceSubFormTabsController.sceHideOrder .sceNavTabs .sceTabLabel {margin-left: .25rem;}


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

.claro .sceSubForm .sceAddButton {margin-top: 1rem;}
.claro .sceSubFormTabsController .sceAddButton {margin: 1rem 0 0 .5rem;}
.claro .sceSubForm button.sceAddButton,
.claro .sceSubFormTabsController button.sceAddButton {border: none; padding: 0; color: var(--blue); -webkit-box-shadow: none; box-shadow: none; outline: none;}
.claro .sceSubForm .sceDropDownButton.sceAddButton .dijitButtonNode {padding: .5625rem 1rem .375rem 1rem; color: var(--blue); outline: none; -webkit-box-shadow: none; box-shadow: none;}
.claro .sceSubForm .sceAddButton .material-icons-outlined,
.claro .sceSubFormTabsController .sceAddButton .material-icons-outlined {position: relative; margin-right: 4px; color: var(--blue); vertical-align: middle;}
.claro .sceSubForm button.sceAddButton .material-icons-outlined,
.claro .sceSubFormTabsController button.sceAddButton .material-icons-outlined {top: -3px;}
.claro .sceSubForm .sceDropDownButton.sceAddButton .material-icons-outlined {top: -2px;}
.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;}
.claro .sceSubFormItem .sceDelButton {top: 1rem; right: 1rem;}
.claro .sceSubFormTabItem .sceDelButton {top: .5rem; right: .5rem;}
.claro .sceSubFormItem .sceDelButton .material-icons-outlined,
.claro .sceSubFormTabItem .sceDelButton .material-icons-outlined {color: #ef549d;}
.claro .sceSubForm.sceTable .sceSubFormItem .sceDelButton {top: .25rem; right: .375rem; padding: .125rem;}
.claro .sceSubForm.sceTable .sceSubFormItem .sceDelButton .material-icons-outlined {font-size: 1rem;}
.claro .sceSubForm.sceTable .sceSubFormItem .sceBeforeDel {padding-right: 2.25rem;}
.claro .sceSubForm.sceTable.sceReadOnly .sceSubFormItem .sceBeforeDel {padding-right: .75rem;}

.claro .sceDefaultMenu .dijitMenuItem td {padding: .75rem 1.5rem; border: none;}
.claro .sceDefaultMenu .dijitMenuItem .dijitMenuItemIconCell {display: none;}


.claro .sceSubForm .sceNavTabs {padding: .125rem .5rem; margin-bottom: .375rem; border: none;}
.claro .sceSubForm .sceNavTabs li {padding: .125rem .125rem 0 .125rem; font-weight: 700; margin: .5rem .375rem; color: #999; border: none; border-bottom: 3px solid transparent;}
.claro .sceSubForm .sceNavTabs li.sceSelected {color: var(--text); border-bottom: 3px solid var(--blue);}


/* FORMCOLLECTION */
.claro .sceFormCollection .sceAddButton {border: none; padding: 0; color: var(--blue); -webkit-box-shadow: none; box-shadow: none; outline: none; margin-top: 1rem;}
.claro .sceFormCollection .sceAddButton .material-icons-outlined {position: relative; top: -2px; margin-right: 4px; color: var(--blue); font-size: 1rem; vertical-align: middle;}

.claro .sceFormCollectionItem .sceDelButton {float: right; border: none; background: transparent; padding: 0; margin: 1rem 0 0 1rem; -webkit-box-shadow: none; box-shadow: none; outline: none;}
.claro .sceFormCollectionItem .sceDelButton .material-icons-outlined {color: #ef549d; font-size: 1rem;}
.claro .sceFormCollectionItem.sceCreate .sceHideCreate {display: none;}


.claro .sceLikeToggler,
.claro .sceTogglerController {position: relative; cursor: pointer;}
.claro .sceLikeToggler:before,
.claro .sceTogglerController:before {content: "\25BC"; position: absolute; right: 6px; top: 9px; font-size: .5rem; color: #b3b3b3;}

/* TOPBAR */
.claro .sceTopbar {
	height: 4.125rem;
	background-color: #fff;
	padding: 0 1rem;
	-webkit-box-shadow: 0 0 28px 0 rgba(40, 61, 124, .13);
	box-shadow: 0 0 28px 0 rgba(40, 61, 124, .13);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}

.claro .sceTopbar .dijitButton, .claro .sceTopbar .dijitDropDownButton {margin: 0;}
.claro .sceTopbar .dijitDropDownButton {margin-left: 1rem;}
.claro .sceTopbar .dijitDropDownButton .dijitArrowButtonInner {display: none;}
.claro .sceTopbar .sceButtonMenu {float: left; margin: 15px 6px 0 0;}

.claro .sceTopbar .sceIconButton.sceLarge {
	height: 4.125rem;
}
.claro .sceTopbar .sceIconButton.sceLarge .dijitButtonNode {
	position: relative;
	padding: 1.25rem .3125rem;
}
.claro .sceTopbar .sceIconButton.sceLarge .material-icons-outlined {
	color: rgba(0,68,129,.55);
	font-size: 1.4375rem;
}
.claro .sceTopbar .sceIconButton.sceLarge.dijitButtonHover .material-icons-outlined {
	color: rgba(0,68,129,.8);
}
.claro .sceTopbar .sceIconButton.sceLarge .dijitButtonNode .sceBadge {
	position: absolute;
	top: 1.0625rem;
	left: 1.0625rem;
	background: #fd3995;
	color: #fff;
	-webkit-box-shadow: 0 0 0 1px #fff;
	box-shadow: 0 0 0 1px #fff;
	border: 1px solid transparent;
	font-size: .625rem;
	min-width: .875rem;
	max-width: 1.6875rem;
	padding: 0 4px;
	font-weight: 500;
	line-height: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-moz-border-radius: 1.25rem;
	border-radius: 1.25rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.claro .sceTopbar .dijitDropDownButton .dijitButtonNode,
.claro .sceTopbar .sceIconButton .dijitButtonNode {
	text-align: center;
	background: transparent;
	border: 1px solid transparent;
	padding: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.claro .sceTopbar .dijitDropDownButton .dijitButtonNode {
	padding: 1rem .5rem;
}

.claro .sceTopbar .sceBoxApps {display: none; vertical-align: top;}
 
.claro .dijitMenuPopup {
	-webkit-box-shadow: 0 0 15px 1px rgba(90,80,105,.2);
	box-shadow: 0 0 15px 1px rgba(90,80,105,.2);
}
#topNavMenu {
	border: none;
	width: calc(100vw - 2rem);
}
#topNavMenu .sceHeader {
	padding: 1.25rem 1.5rem 0 1.5rem;
	overflow: hidden;
}
#topNavMenu .sceHeader .sceBoxUserName {padding: .0625rem 0; line-height: 1.3}
#topNavMenu .sceHeader .sceBoxUserName .sceUserName {font-size: 1.125rem; max-width: 220px; white-space: nowrap; text-overflow: ellipsis;}
#topNavMenu .sceHeader .sceBoxUserName .sceUserProfile {font-size: .9375rem; font-weight: 300; opacity: .8; max-width: 220px; white-space: nowrap; text-overflow: ellipsis;}

#topNavMenu .dijitMenuItem td img {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 1rem;
	vertical-align: middle;
}

#topNavMenu .dijitMenuItem .dijitMenuItemIconCell {display: none;}

#topNavMenu .dijitMenuItem td {padding: .75rem 1.5rem; color: var(--blue); font-weight: 400; border: none; line-height: 2rem;}
#topNavMenu .dijitMenuItem.dijitMenuItemSelected td {background: #fff; border: none;}
.sceNoTouch  #topNavMenu .dijitMenuItem.dijitMenuItemHover td {background: #fff; color: var(--text); border: none;}

#topNavMenu .dijitMenuSeparator .dijitMenuSeparatorTop {border-color: var(--border); padding-top: 8px;}
#topNavMenu .dijitMenuItem.sceExit td {font-size: 1.0625rem;}

#topNavMenu .dijitMenuItem.sceBold td {font-weight: 700;}

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

.claro .sceBreadCrumb {
	padding: 1rem .5rem 1.5rem .5rem;
	color: var(--text);
	display: none;
}

.claro .sceBreadCrumb .sceItem {
	display: inline-block;;
}

.claro .sceBreadCrumb .sceItem+.sceItem::before {
	display: inline-block;
	content: '>';
	padding: 0 .5rem;
}

.claro .sceBreadCrumbDate {display: none;}

/* LEFTBAR */
.claro .sceLeftbar {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
	padding: 0 0 16px 0;
	min-height: 100vh;
	max-height: 100vh;
	font-size: .875rem;
	border-right: 1px solid var(--border);
	background-color: var(--lgray);
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.06)), to(transparent));
	background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.06), transparent);
	overflow: auto;
	z-index: 519;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.claro.sceMenuPopupShow .sceLeftbar {
	display: block;
}

.claro.sceMenuPopupShow .sceMainContainer {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
}

.claro .sceMenuOverlay {
	position: fixed;
	background: 0 0;
	z-index: 518;
	-webkit-transition: background .3s;
	transition: background .3s;
}

.claro .sceLeftbar .sceBoxLogo {
	height: 52px;
	text-align: center;
	background-color: #fff;
}

.claro .sceLeftbar .sceLogo {
	width: 145px;
	margin-top: 12px;
}

.claro .sceLeftbar .sceUser {
	clear: both;
	overflow: hidden;
	padding: 2rem 1.5rem;
	text-shadow: rgb(0,0,0) 0 1px;
	line-height: normal;
	color: #fff;
	background: rgba(68, 66, 62, .9);
	border-bottom: 1px solid rgba(255,255,255,.8);
	margin-bottom: 1.8125rem;
	height: 36px;
}

.claro .sceLeftbar .sceUser .sceUserProfile {
	font-weight: 300;
	font-size: .75rem;
	opacity: .85;
}

.claro .sceLeftbar .sceMenu {
	border: none;
}

.claro .sceLeftbar .sceGroupItem {
	margin: 0;
}

.claro .sceLeftbar .sceGroupItemContainer {
	background-color: #f8f8f6;
}
.claro .sceLeftbar .sceGroupItemContainer .sceMenuItem:first-child a {
	margin-top: .5rem;
}
.claro .sceLeftbar .sceGroupItemContainer .sceMenuItem:last-child a {
	margin-bottom: .5rem;
}

.claro .sceLeftbar .sceGroupItemLabel {
	position: relative;
	padding: 1rem 0 1rem 2rem;
	font-size: .75rem;
	text-transform: uppercase;
	color: rgba(0,0,0,.6);
	cursor: pointer;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: border, background-color, color;
	-moz-transition-property: border, background-color, color;
	transition-property: border, background-color, color;
}
.claro .sceLeftbar .sceGroupItem.sceTogglerShow .sceGroupItemLabel {
	color: rgba(0,0,0,.75);
}
.claro .sceLeftbar .sceGroupItem.sceSelected .sceGroupItemLabel {
	color: #000;
}
.claro.sceNoTouch  .sceMenu .sceGroupItem .sceGroupItemLabel:hover {
	background-color: var(--theme); /*rgba(0, 0, 0, .1);*/
	color: #000;
}
.claro .sceGroupItem .sceArrowDown,
.claro .sceGroupItem .sceArrowUp {width: 18px; height: 18px; color: var(--text); position: absolute; right: 26px; opacity: .7;}
.claro .sceGroupItem .sceArrowDown {top: 15px;}
.claro .sceGroupItem .sceArrowUp {display: none; top: 16px;}
.claro .sceGroupItem.sceTogglerShow .sceArrowUp {display: inline;}
.claro .sceGroupItem.sceTogglerShow .sceArrowDown {display: none;}

.claro .sceMenu .sceMenuBall {
	width: 7px;
	height: 7px;
	background-color: var(--theme);
	position: absolute;
	top: 20px;
	right: 12px;
	border: 1px solid rgba(0,0,0,.2);
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-image: linear-gradient(rgba(255,255,255,.6) 0px, rgba(255,255,255,0) 50%, rgba(0,0,0,.1) 100%);
	display: none;}
.claro .sceMenu .sceMenuItem.sceSelected .sceMenuBall,
.claro .sceGroupItem.sceSelected .sceGroupItemLabel .sceMenuBall {display: inline;}
.claro .sceGroupItem.sceTogglerShow .sceGroupItemLabel .sceMenuBall {display: none;}
.claro .sceMenu, .claro .sceMenu ul {
	list-style: none;
	padding: 0;
}

.claro .sceMenu li>ul {
	margin: 0;
	overflow: hidden;
}

.claro .sceMenu li a {
	position: relative;
	display: block;
	padding: .8125rem .5rem .8125rem 2rem;
	font-size: .875rem;
	line-height: normal;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: border, background-color, color;
	-moz-transition-property: border, background-color, color;
	transition-property: border, background-color, color;
}

.claro .sceMenu li a .sceText {
	line-height: normal;
	font-weight: 400;
	color: rgba(0,0,0,.6);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color;
	-moz-transition-property: color;
	transition-property: color;
}

.claro .sceMenu li a .sceTextIcon {
	display: inline-block;
	vertical-align: middle;
}

.claro .sceMenu li a .sceSelArrow {
	float: right;
	position: relative;
	left: 2px;
	opacity: .8;
	display: none;
}

.claro.sceNoTouch  .sceMenu li a:hover {
	background-color: var(--theme);
}

.claro .sceMenu li>ul li a {
	padding: .8125rem .5rem .8125rem 2rem;
}

.claro .sceMenu li>ul li>ul li a {
	padding: .8125rem 2rem .8125rem 4.75rem;
}

.claro .sceMenu .sceMenuSelected>a {
	color: #fff;
	background-color: rgba(255, 255, 255, .04);
	-webkit-box-shadow: inset 6px 0 0 var(--theme);
	box-shadow: inset 6px 0 0 var(--theme);
}

.claro .sceMenu .sceSelect>a {
	background-color: #fff;
}

.claro.sceNoTouch .sceMenu li a:hover .sceText {
	color: #000;
}

.claro .sceMenu .sceSelect>a .sceText,
.claro .sceMenu .sceSubMenuSelected>a .sceText,
.claro .sceMenu .sceTogglerShow>a .sceText {
	color: #000;
}

.claro .sceMenu li.sceSelect a .sceSelArrow {
	display: block;
}

.claro .sceMenu .sceIcon {
	position: relative;
	left: 0;
	top: -1px;
	width: 21px;
	height: 21px;
	margin-right: .5rem;
	vertical-align: middle;
	opacity: .25;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	transition-property: opacity;
}

.claro.sceNoTouch .sceMenu li a:hover .sceIcon {
	opacity: .5;
}

.claro .sceMenu .sceArrow {
	position: absolute;
	top: calc(50% - 7px);
	right: 1.7rem;
	display: inline-block;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.25);
}

.claro .sceLeftbar .sceGroupItem td.sceImage .material-icons-outlined {
	top: 3px;
	font-size: 9px;
	font-weight: bold;
	color: #777;
	word-spacing: -4px;
}

.claro .sceLeftbar td.sceArrow .sceBadge {
	position: absolute;
	top: 0;
	left: 2px;
	background-color: #f90606;
	color: #fff;
	text-align: center;
	padding: 0 0 1.7px 0;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 15.5px;
}

.claro .sceMenuAccelerator {text-align: center; margin: 2.5rem 0 1rem 0;}
.claro .sceMenuAccelerator a {margin: 0 .375rem;}
.claro .sceMenuAccelerator .material-icons-outlined {font-size: 1.4em; color: rgba(255, 255, 255, 0.2);}
.claro.sceNoTouch .sceMenuAccelerator a:hover .material-icons-outlined {font-size: 1.4em; color: rgba(255, 255, 255, 0.45);}


/* MENU SHORTCUT */
.claro .sceShortcutMenu {
	position: fixed;
	z-index: 517;
	display: none;
}
.claro .sceShortcutMenu i.material-icons-outlined {
	position: relative;
	font-size: 1.5rem;
	color: #fff;
	background: #666;
	padding: .5rem;
	border: 1px solid #666;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 6px 0 rgba(48, 106, 193, .5);
	box-shadow: 0 2px 6px 0 rgba(48, 106, 193, .5);
	cursor: pointer;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	z-index: 517;
}
.claro .sceShortcutMenu i.material-icons-outlined.sceOpen {
	background: #505050;
	border-color: #505050;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transform: scale(.9,.9);
	transform: scale(.9,.9);
}
.claro .sceSMenuBox {
	position: relative;
	white-space: nowrap;
	margin: 0 auto .5rem auto;
	border-left: 1px solid var(--border);
	border-right: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
	overflow: hidden;
	-webkit-box-shadow: 0 0 13px 0 rgba(20, 44, 90, .08);
	box-shadow: 0 0 13px 0 rgba(20, 44, 90, .08);
	z-index: 516;
}
.claro .sceSMenuHead {
	padding: 1.5rem 1rem;
	background: #666;
	color: #fff;
}
.claro .sceSMenuHead img {
	float: left;
	width: 50px;
	height: 50px;
}
.claro .sceSMenuHead div {
	margin: .4375rem 0 .625rem 66px;
}
.claro .sceSMenuHead a {
	display: block;
	color: #fff;
}
.claro .sceSMenuBody {
	background: #fff;
}
.claro .sceSMenuBody a {
	display: block;
	padding: .375rem .875rem;
	color: var(--blue);
	font-weight: 300;
	border-bottom: 1px solid var(--border);
	cursor: pointer;
}
.claro.sceNoTouch .sceSMenuBody a:hover {
	color: var(--blue);
	text-decoration: none;
	background: #eef7fd;
}
.claro .sceSMenuBody a img {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 2rem;
	vertical-align: middle;
}

/* CONTENT */


.claro .sceScene.sceSceneGridCard .dgrid {
	background: #f8fafb;
}
.claro .sceScene.sceSceneGridCard.sceGridWhite .dgrid {
	background: #fff;
}

.claro .sceScene .sceCaption {
	text-align: center;
	padding-top: 12px;
}

.claro .sceScene .sceCaption.sceTouchLeft {
	text-align: left;
}

.claro .sceScene.sceSceneTest {max-width: 800px; margin-left: auto; margin-right: auto;}

.claro .sceScene.sceSceneFill .sceCaption,
	.claro .sceScene.sceSceneGrid .sceCaption, .claro .sceScene.sceSceneGridCard .sceCaption,
	.claro .sceScene.sceSceneFill .sceSeparate,
	.claro .sceScene.sceSceneGrid .sceSeparate, .claro .sceScene.sceSceneGridCard .sceSeparate
	{
	padding-left: 12px;
	padding-right: 12px;
}

.claro .sceCaptionBox {
	padding: 6px;
}

.claro .sceScene .sceCaption .sceTitle {
	font-weight: bold;
	font-size: 1.26em;
	text-transform: uppercase;
	margin-bottom: 3px;
}

/* GENERAL */
.claro .sceBox, .claro .sceBoxBorder {background-color: #fff;}
.claro .sceBox, .claro .sceBoxTrans, .claro .sceBoxBorder {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.claro .sceBox, .claro .sceBoxTrans {
	-webkit-box-shadow: 0 0 13px 0 rgba(20, 44, 90, .08);
	box-shadow: 0 0 13px 0 rgba(20, 44, 90, .08);
	border: 1px solid rgba(0, 0, 0, .09);
	border-bottom: 1px solid #e0e0e0;
}
.claro .sceBox, .claro .sceBoxTrans, .claro .sceBoxRound {
	border-radius: 4px;
}
.claro .sceBoxTrans {background-color: transparent;}

.claro .sceBoxBorder {
	border: 1px solid var(--border);
}

.claro .sceBorderL {border-left: 1px solid var(--border);}
.claro .sceBorderR {border-right: 1px solid var(--border);}
.claro .sceBorderT {border-top: 1px solid var(--border);}
.claro .sceBorderB {border-bottom: 1px solid var(--border);}

.claro hr {
	border-top: 1px solid #dee2e6;
}

.claro .sceBox .sceTitle, .claro .sceBoxBorder .sceTitle {
	font-size: 1rem;
	text-transform: uppercase;
	text-align: center;
	padding: 1.5rem 1rem 0 1rem;
}
.claro .sceBox .sceTitle.sceMultiline, .claro .sceBoxBorder .sceTitle.sceMultiline {line-height: 1.47; padding-top: .875rem; padding-bottom: .875rem;}
.claro .sceBox .sceTitle .sceText, .claro .sceBoxBorder .sceTitle .sceText {
	line-height: normal;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.claro .sceIconChar.sceSmall {
	padding: 0 4px;
	border: 1px solid #c9c9c9;
	margin-left: .25rem;
	margin-right: .25rem;
	border-radius: 50%;
	font-weight: 400;
}

.claro .sceIconChar.sceMedium {
	padding: 3px 8px 3px 9px;
	border: 1px solid #c9c9c9;
	margin-left: .25rem;
	margin-right: .5rem;
	border-radius: 50%;
	font-size: 1.125rem;
	font-weight: 500;
}

.claro.sceTouch .sceScene.sceSceneFill .sceBoxBorder, .claro .sceScene.sceSceneTest .sceBoxBorder,
	.claro.sceTouch .sceScene.sceSceneGridCard .sceBoxBorder, .claro.sceTouch hr
	{
	border-color: #dcdcdc;
}

.claro .sceBoxHint {
	padding: 1rem;
	margin-bottom: 2rem;
	border-left: 3px solid rgb(29, 201, 183);
	background: #eef7fd;
	opacity: 0.8;
	font-size: .875rem;
	font-weight: 300;
	border-radius: 0 8px 8px 0;
}
.claro .sceBoxHint.sceHigh {
	opacity: 1;
}
.claro .sceBoxHint.sceNormal {
	font-size: .8125rem;
}
.claro .sceBoxHint.sceSmall {
	font-size: .8125rem;
	padding: .25rem .75rem;
	margin-bottom: 1rem;
}
.claro .sceBoxAlert {
	padding: 1rem 1.25rem;
	margin-bottom: 2rem;
	border: 1px solid #d6d3da;
	background: #f3f1f5;
	color: #696969;
	font-size: .8125rem;
	font-weight: 400;
	border-radius: 4px;
}

.claro .sceBoxAlert .material-icons-outlined {
	float: left;
	font-size: 1.5rem;
	padding: .5rem;
	background-color: #004481;
	color: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	opacity: .8;
}

.claro .sceBoxAlert .material-icons {
	float: left;
	font-size: 3rem;
	color: #004481;
	border-radius: 50%;
	opacity: .8;
	margin-top: -4px;
	margin-left: -4px;
}
.claro .sceBoxAlert.sceSmallIcon .material-icons {font-size: 2rem;}
.claro .sceBoxAlert.sceMiniIcon .material-icons {font-size: 1.75rem;}

.claro .sceBoxAlert div {
	margin-left: 3.2rem;
	font-weight: 300;
	line-height: 1.24;
}

.claro .sceBoxAlert div.sceTitle {
	font-size: .9375rem;
	font-weight: 500;
	line-height: 1.57;
}

.claro .sceBoxHelp {font-size: .6875rem; margin-top: .325rem; color: #909090; line-height: normal;}


.claro .sceTestLogo {
	max-width: 150px;
	max-height: 40px;
	margin-right: .75rem;
}

.claro .sceWalletLogo {
	max-width: 160px;
	max-height: 38px;
}

.claro .sceLabel.sceLabelTop {
	margin-bottom: 3px;	
}

.claro .sceLabel.sceLabelLeft {
	padding-right: 6px;
}

.claro .sceLabelBadge {
	margin-left: .25rem;
}

.claro .sceDisabled, .claro .sceNoRequired {
	opacity: 0.4;
}

.claro textarea {
	resize: none;
}

.claro .sceNoWrap {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.claro .sceov-h {
	overflow: hidden;
}
.claro .sceCursorPointer {
	cursor: pointer;
}

.claro .sceInline {
	display: inline-block;
	vertical-align: middle;
}

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

.material-icons-outlined {
	color: rgba(0, 0, 0, 0.5);
}

.claro .sceIconInline {
	position: relative;
	top: 2px;
	vertical-align: bottom;
}
.claro .sceIconInline1 {
	position: relative;
	top: 1px;
	vertical-align: bottom;
}

.scefc-dd, .scefc-dd .sceTextLabel, .claro .dijitTextBox.scefc-dd .dijitInputInner, .scefc-dd .material-icons-outlined {
	color: #000;
}

.scefc-d, .scefc-d .sceTextLabel, .scefc-d .material-icons-outlined {
	color: #505050;
}

.scefc-n, .scefc-n .sceTextLabel {
	color: var(--text);
}

.scefc-l, .scefc-l .sceTextLabel {
	color: #838383;
}

.scefc-theme, .scefc-theme .sceTextLabel, .scefc-theme .material-icons-outlined,
.claro .scefc-theme .dijitTextBox, .claro .scefc-theme .dijitInputInner,
.claro .sceButton.scefc-theme .dijitButtonNode,
.claro a.sceLikeButton.scefc-theme
	{
	color: #666;
}

.scefc-themeColor {
	color: var(--theme);
}

.scefc-gray, .scefc-gray .sceTextLabel {
	color: #aaa;
}

.claro .dijitTextBox.scefc-white,
.claro .scefc-white .dijitInputInner,
.claro button.sceLikeAnchor .scefc-white,
.claro .dijitButton.sceLikeAnchor.scefc-white .dijitButtonNode,
.scefc-white a,
.scefc-white {color: #fff;}

.claro.sceNoTouch button.sceLikeAnchor:hover .scefc-white,
.claro.sceNoTouch .dijitButton.sceLikeAnchor.scefc-white.dijitButtonHover .dijitButtonNode {color: #fff;}


.claro .dijitButton.sceLikeAnchor.scefc-red .dijitButtonNode,
.scefc-red, .claro .scefc-red .sceTextLabel {
	color: #ef549d;
}

.claro .dijitButton.sceLikeAnchor.scefc-green .dijitButtonNode,
.scefc-green, .claro .scefc-green .sceTextLabel {
	color: var(--green);
}

.scefc-blue, .claro .scefc-blue .sceTextLabel {
	color: var(--blue);
}

.claro .dijitButton.sceLikeAnchor.scefc-yellow .dijitButtonNode,
.scefc-yellow, .claro .scefc-yellow .sceTextLabel {
	color: var(--yellow);
}

.sceBadge-m {
	padding: .375rem .844rem;
	border-radius: 4px;
}

.claro .sceDropDownButton .dijitButtonNode.sceBadge-trans-red,
.claro .dijitMenuItem.sceBadge-trans-red,
.sceBadge-trans-red {
	background-color: rgba(253, 57, 149, .09);
	color: #ef549d;
}

.claro .sceDropDownButton .dijitButtonNode.sceBadge-trans-green,
.claro .dijitMenuItem.sceBadge-trans-green,
.sceBadge-trans-green {
	background-color: rgba(29, 201, 183, .09);
	color: var(--green);
}

.claro .sceDropDownButton .dijitButtonNode.sceBadge-trans-blue,
.claro .dijitMenuItem.sceBadge-trans-blue,
.sceBadge-trans-blue {
	background-color: rgba(33, 150, 243, .09);
	color: var(--blue);
}

.claro .sceDropDownButton .dijitButtonNode.sceBadge-trans-yellow,
.claro .dijitMenuItem.sceBadge-trans-yellow,
.sceBadge-trans-yellow {
	background-color: rgba(255, 194, 65, .14);
	color: #e49c05;
}

.claro .scebc-white  {
	background-color: #fff;
}
.claro .scebc-theme {background: #666;}
.claro .scebc-themeLight {background-color: #e3f2fd;}
	
input[type="text"].scebc-yellow, textarea.scebc-yellow {-webkit-box-shadow: 0 0 30px var(--yellow) inset !important;}
input[type="text"].scebc-blue, textarea.scebc-blue {-webkit-box-shadow: 0 0 30px #6ab8f7 inset !important;}
input[type="text"].scebc-green, textarea.scebc-green {-webkit-box-shadow: 0 0 30px var(--green) inset !important;}
input[type="text"].scebc-red, textarea.scebc-red {-webkit-box-shadow: 0 0 30px var(--red) inset !important;}
input[type="text"].scebc-gray, textarea.scebc-gray {-webkit-box-shadow: 0 0 30px #727b84 inset !important;}
input[type="text"].scebc-lgray, textarea.scebc-lgray {-webkit-box-shadow: 0 0 30px #f8fafb inset !important;}

.claro .scebc-yellow {background-color: var(--yellow);}
.claro .scebc-blue {background-color: #6ab8f7;}
.claro .scebc-lblue {background: #eef7fd;}
.claro .scebc-l2blue {background-color: #e3f2fd;}
.claro .scebc-l3blue {background-color: #d8ecf9;}
.claro .scebc-l4blue {background-color: #cce8f5;}
.claro .scebc-green {background-color: var(--green);}
.claro .scebc-red {background-color: var(--red);}
.claro .scebc-purple {background-color: #bd8bf3;}
.claro .scebc-brown {background-color: #d59d80;}

.claro .scebc-gray {background-color: #727b84;}
.claro .scebc-lgray {background-color: #f8fafb;}
.claro .scebc-l2gray {background-color: #f2f4f5;}
.claro .scebc-l3gray {background-color: #e9ebec;}
.claro .scebc-ltheme {background: #eef7fd;}

.claro .scebc-l2green {background-color: #e0f8f1;}
.claro .scebc-l2red {background-color: #fed2e5;}
.claro .scebc-l3red {background-color: #ffedf5;}
.claro .scebc-l2purple {background-color: #f1f0ff;}
.claro .scebc-l2yellow {background-color: #fdf2e8;}
.claro .scebc-l2brown {background-color: #f4e7df;}


.claro .scebc-transparent {background: transparent;}
.scebc-themeD40 {
	background-color: rgba(0, 68, 129, 0.4);
}

.claro .scebc-l9red {background-color: rgba(253, 57, 149, .09);}
.claro .scebc-l9yellow {background-color: rgba(255, 194, 65, .14);}
.claro .scebc-l9green {background-color: rgba(29, 201, 183, .09);}





.claro .scebi-theme {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(34, 150, 225, .4
		)), to(transparent));
	background-image: linear-gradient(270deg, rgba(34, 150, 225, .4),
		transparent);
}

.sceBorderTheme {
	border: 1.2px solid #666;
}
.sceBorderBlue {
	border: 1.2px solid var(--blue);
}
.sceBorderGreen {
	border: 1.2px solid #1dc9b7;
}
.sceBorderRed {
	border: 1.2px solid #fd3995;
}
.sceBorderYellow {
	border: 1.2px solid var(--yellow);
}

.sceop-6 {
	opacity: .6;
}

.sceop-8 {
	opacity: .8;
}

.claro .sceBorderBox {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.claro .sceFixBottom {
	clear: both;
	padding: 48px 0 16px 0;
}

.claro .sceFixBottom.sceOn {
	position: absolute;
	bottom: 0;
	padding: 0 6px 16px 0;
}




/* DIJIT CONTROLS - CLEAN & BORDER */

.claro .dijitTextBox, .claro .dijitSelect, .claro .dijitComboBox, .claro .dijitButton {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.claro .dijitTextBox, .claro .dijitSelect, .claro .dijitComboBox {
	width: 100%;
}
.claro .dijitTextBox, .claro .dijitComboBox, .claro .dijitTextArea, .claro .dijitSelect,
.claro .dijitTextBox.dijitReadOnly, .claro .dijitComboBox.dijitReadOnly {
	border-color: var(--wborder);
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
}

.claro .dijitSelect .dijitInputField, .claro .dijitTextBox .dijitInputField, .claro .dijitTextArea, .claro .sceLabelValue.sceBorder .sceTextLabel {
	padding: .5rem .875rem;
}
.claro .dijitSelect.sceSmall .dijitInputField, .claro .dijitTextBox.sceSmall .dijitInputField, .claro .dijitTextArea.sceSmall, .claro .sceLabelValue.sceBorder.sceSmall .sceTextLabel {
	padding: .25rem .625rem;
}
.claro .dijitSelect.sceMedium .dijitInputField, .claro .dijitTextBox.sceMedium .dijitInputField, .claro .dijitTextArea.sceMedium, .claro .sceLabelValue.sceBorder.sceMedium .sceTextLabel {
	padding: .75rem 1rem;
}
.claro .dijitSelectLabel,
.claro .dijitTextBox .dijitInputInner,
.claro .dijitValidationTextBox .dijitValidationContainer,
.claro .dijitSelectFocused .dijitArrowButton {
	padding: 0;	
}
.claro .dijitSelect .dijitInputField.dijitPlaceHolder,
.claro .dijitTextBox .dijitInputField.dijitPlaceHolder,
.claro .dijitPlaceHolder {
	font-style: normal;
	font-weight: 300;
	color: #aaa;
	-webkit-text-fill-color: #aaa;
}

.claro .dijitTextBox .sceDateClearButton {float: right; padding: .5rem 8px; cursor: pointer;}

.claro .dijitSelect {
	outline: none;
}
.claro .dijitSelect .dijitButtonContents {
	border-right: none;
	background-color: #fff;
	padding: 0;
}
.claro .dijitComboBox .dijitButtonNode,
.claro .dijitSelect .dijitButtonNode {
	background-color: #fff;
	border: none;
}

.claro .dijitComboBox.sceHasClearButton .dijitButtonNode, .claro .dijitComboBoxFocused.sceHasClearButton .dijitButtonNode {
	border-left: 1px solid var(--border);
}

.claro .dijitSelect .dijitArrowButton {
	width: 20px;
}
.claro .dijitSelect .dijitArrowButtonInner,
.claro .dijitComboBox .dijitArrowButtonInner {
	width: 18px;
}


.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.sceNoTouch .dijitSelectHover,
.claro.sceNoTouch .dijitSelectHover .dijitButtonContents,
.claro.sceNoTouch .dijitSelectHover .dijitArrowButton,
.claro.sceNoTouch .dijitTextBoxHover,
.claro.sceNoTouch .dijitTextBoxHover .dijitButtonNode {
	background-color: var(--themelight);
}

.claro .dijitComboBoxFocused .dijitButtonNode,
.claro .dijitSelect.dijitSelectFocused .dijitButtonNode,
.claro.sceNoTouch .dijitSelectHover.dijitSelectFocused .dijitButtonContents {
	background-color: #fff;
}

.claro .dijitMenu .dijitMenuItem td {
	padding-left: .875rem;
	padding-right: .875rem;
}

.claro .dijitMenu .dijitMenuItemSelected td {
	border-color: var(--theme);
	background-color: var(--themelight);
}

.claro .dijitTextBox.sceLine, .claro .dijitComboBox.scLine, .claro .dijitTextArea .sceLine {
	border-top: none;
	border-left: none;
	border-right: none;
	border-color: var(--border);
	-moz-border-radius: 0;
	border-radius: 0;
}


/* FORM */
.claro .sceForm {margin-left: auto; margin-right: auto;}
.claro .sceFormsController .sceFormReadOnly.sceInvalid .sceTitle,
.claro .sceFormsController .sceFormReadOnly.sceInvalid .scepa-form,
.claro .sceFormsController.sceCreateRecord .sceIgnoreCreate .sceTitle,
.claro .sceFormsController.sceCreateRecord .sceIgnoreCreate .scepa-form,
.claro .sceOpaqueS {
	opacity: 0.4;
}
.claro .sceFormsController.sceCreateRecord .sceIgnoreCreate .sceSubFormTabsController .sceAddButton {display: none;}

.claro .sceFormReadOnly .dijitValidationContainer {
	display: none;
}

.claro .sceFormButtons .sceButton {
	margin-bottom: 0;
}

.claro .sceFormButtons.sceTop {
	float: right;
	margin-left: 12px;
}

.claro .sceFormButtons.sceTopLeft {
	float: left;
}

.claro .sceFormButtons.sceTop.sceFixed {
	float: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.claro .sceFormButtons.sceBottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 2rem;
	text-align: center;
}
.claro .sceFormButtons.sceBottom .sceButton {
	min-width: 90px;
	text-transform: uppercase;
}

.claro .sceFormButtons.sceBottom.sceFixed {
	background: #f9f9f9;
	padding: 0;
	z-index: 1;
}

.claro .sceWrapperFormButtons {
	height: 64px;
}

.claro .sceFormButtons .dijitButtonNode {
	padding: .375rem .844rem;
	font-size: 12px;
}

.claro .sceFormButtons.sceTop.sceFixed .dijitButtonNode {
	padding: .5rem 1.125rem; font-size: 13px;
}

.claro .sceTitleCreate, .claro .sceTitleEdit {
	display: none
}
.claro .sceFormCreateOn .sceTitleCreate {
	display: block;
}
.claro .sceFormEditOn .sceTitleEdit {
	display: block;
}


/* DATERANGE */

.claro .sceDateRange {
	border: 1px solid var(--border);
	padding: .5rem 1.125rem;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.claro .sceDateRange.sceGray {
	background-color: var(--lgray);
	border: none;
}

.claro .sceDateRange.sceTheme {
	background-color: var(--theme);
	border: none;
}


/* BUTTON */
.claro .dijitButton.sceGray .dijitButtonNode {
	background: #eee;
	border: 1px solid #aaa;
}

.claro a.sceLikeButton.sceTheme,
.claro button.sceTheme, .claro .dijitButton.sceTheme .dijitButtonNode {
	background: var(--theme);
	border: 1px solid var(--theme);
	color: var(--text);
}

.claro .dijitButton.sceTheme.sceArrowLeft .dijitButtonNode {
	position: relative;
	padding-top: .4375rem;
	padding-left: 10px;
	margin-left: 17px;
	height: 34px;
	border-left: none;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.claro .dijitButton.sceTheme.sceArrowLeft .dijitButtonNode:after {
	content: " ";
	left: -34px;
	top: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #666;
	border-width: 17px;
	margin-top: -17px;
}

.claro .dijitButton.sceTheme.sceArrowRight .dijitButtonNode {
	position: relative;
	padding-top: .4375rem;
	padding-right: 10px;
	margin-right: 17px;
	height: 34px;
	border-right: none;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.claro .dijitButton.sceTheme.sceArrowRight .dijitButtonNode:after {
	content: " ";
	left: 100%;
	top: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #666;
	border-width: 17px;
	margin-top: -17px;
}

.claro .dijitButton.sceBorderHide .dijitButtonNode {
	border-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.claro .dijitButton.sceBorderButtonTheme .dijitButtonNode {
	border: 1px solid #666;
	color: #666;
}

.claro button.sceRed, .claro .dijitButton.sceRed .dijitButtonNode {
	background-color: #fd3995;
	border-color: #ef549d;
	color: #fff;
}

.claro .dijitButton.sceRed .material-icons-outlined {
	font-weight: bold;
}

.claro button.sceYellow, .claro .dijitButton.sceYellow .dijitButtonNode {
	background-color: var(--yellow);
	border-color: #ffae06;
	color: #fff;
	-webkit-box-shadow: 0 2px 6px 0 rgba(48, 106, 193, .5);
	box-shadow: 0 2px 6px 0 rgba(48, 106, 193, .5);
}

.claro button.sceGray, .claro .dijitButton.sceGray .dijitButtonNode {
	background-color: #727b84;
	border-color: #6c757d;
	color: #fff;
	-webkit-box-shadow: 0 2px 6px 0 rgba(48, 106, 193, .5);
	box-shadow: 0 2px 6px 0 rgba(48, 106, 193, .5);
}

.claro .sceBoxButton.sceShadowOff,
.claro .dijitButton.sceShadowOff .dijitButtonNode {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.claro .dijitButton.sceRedBorder .dijitButtonNode {
	border-color: #fd3995;
	color: #ef549d;
}
.claro .dijitButton.sceRedBorder .dijitButtonNode .material-icons-outlined {
	color: #ef549d;
}

.claro button.sceLikeAnchor, .claro .dijitButton.sceLikeAnchor .dijitButtonNode	{
	border: none;
	padding: 0;
	background-color: transparent;
	color: var(--blue);
	text-align: left;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.claro .dijitButton.sceLikeAnchor .dijitButtonNode .material-icons-outlined {
	color: var(--blue);
}
.claro .dijitButton.sceLikeAnchor.scefc-d .dijitButtonNode {color: var(--text);}

.claro.sceNoTouch button.sceLikeAnchor:hover,
.claro.sceNoTouch .dijitButton.sceLikeAnchor.dijitButtonHover .dijitButtonNode,
.claro.sceNoTouch .dijitButton.sceLikeAnchor.dijitButtonHover .dijitButtonNode .material-icons-outlined
{
	color: #666;
	text-decoration: underline;
}
.claro.sceTouch .dijitButton.sceLikeAnchor.dijitButtonActive .dijitButtonNode {
	background-color: #e3f2fd;
}

.claro .dijitButton.sceLikeAnchor.dijitButtonDisabled .dijitButtonNode,
.claro.sceNoTouch .dijitButton.sceLikeAnchor.dijitButtonDisabled.dijitButtonHover .dijitButtonNode {
	color: #aaa;
	font-weight: 300;
}
.claro .dijitButton.sceLikeAnchor.sceov-ellipsis .dijitButtonText {
	display: block;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
}

.claro button.sceta-l, .claro .dijitButton.sceta-l .dijitButtonNode	{
	text-align: left;
}

.claro a.sceThemeLight {
	font-weight: 300;
	background-color: #e3f2fd;
	color: #666;
	padding: .625rem 1rem;
}
.claro.sceNoTouch a.sceThemeLight:hover {
	color: var(--blue);
}
.claro button.sceThemeLight, .claro .dijitButton.sceThemeLight .dijitButtonNode	{
	position: relative;
	padding: .625rem 2rem .625rem 1rem;
	font-weight: 300;
	background-color: #e3f2fd;
	color: #666;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.claro button.sceThemeLight.scefc-dark, .claro .dijitButton.sceThemeLight.scefc-dark .dijitButtonNode	{
	color: var(--text);
}
.claro button.sceThemeLight .sceArrow, .claro .dijitButton.sceThemeLight .dijitButtonNode .sceArrow {
	position: absolute;
	right: .5rem;
	font-size: .9375rem;
	opacity: .7;
}
.claro.sceNoTouch button.sceThemeLight:hover, .claro.sceNoTouch .dijitButton.sceThemeLight.dijitButtonHover .dijitButtonNode	{
	color: var(--blue);
}
.claro .dijitButton.sceThemeLight.dijitButtonDisabled .dijitButtonNode	{opacity: .5;}
.claro .dijitButton.sceThemeLight.dijitButtonDisabled *	{cursor: default;}
.claro .dijitButton.sceThemeLight.dijitButtonDisabled .dijitButtonNode .sceArrow {display: none;}

.claro button.sceGreenLight.sceSmall, .claro .dijitButton.sceGreenLight.sceSmall .dijitButtonNode,
.claro button.sceThemeLight.sceSmall, .claro .dijitButton.sceThemeLight.sceSmall .dijitButtonNode {
	padding: .375rem 1rem;
	font-size: .6875rem;
}
.claro button.sceThemeLight.sceMedium, .claro .dijitButton.sceThemeLight.sceMedium .dijitButtonNode	{
	padding: .625rem 2rem;
}

.claro button.sceGreenLight, .claro .dijitButton.sceGreenLight .dijitButtonNode	{
	background-color: #e0f8f1;
}
.claro button.scePurpleLight, .claro .dijitButton.scePurpleLight .dijitButtonNode	{
	background-color: #f0eeff;
}
.claro button.sceGreenLight, .claro .dijitButton.sceGreenLight .dijitButtonNode,
.claro button.scePurpleLight, .claro .dijitButton.scePurpleLight .dijitButtonNode	{
	position: relative;
	padding: .625rem 2rem .625rem 1rem;
	font-weight: 300;
}
.claro.sceNoTouch button.sceGreenLight:hover, .claro.sceNoTouch .dijitButton.sceGreenLight.dijitButtonHover .dijitButtonNode,
.claro.sceNoTouch button.scePurpleLight:hover, .claro.sceNoTouch .dijitButton.scePurpleLight.dijitButtonHover .dijitButtonNode {
	color: var(--blue);
}
.claro .dijitButton.sceGreenLight.dijitButtonDisabled .dijitButtonNode,
.claro .dijitButton.scePurpleLight.dijitButtonDisabled .dijitButtonNode {
	opacity: .5;
}
.claro .dijitButton.sceGreenLight.dijitButtonDisabled *,
.claro .dijitButton.scePurpleLight.dijitButtonDisabled * {
	cursor: default;
}
.claro .dijitButton.sceGreenLight.dijitButtonDisabled .dijitButtonNode .sceArrow,
.claro .dijitButton.scePurpleLight.dijitButtonDisabled .dijitButtonNode .sceArrow {
	display: none;
}
.claro button.sceGreenLight.sceSmall2, .claro .dijitButton.sceGreenLight.sceSmall2 .dijitButtonNode,
.claro button.scePurpleLight.sceSmall2, .claro .dijitButton.scePurpleLight.sceSmall2 .dijitButtonNode {
	padding: .375rem 1rem;
}

.claro .sceMultilineIconRight {display: block;}
.claro .sceMultilineIconRight .dijitButtonNode {padding-right: 1.75rem;}
.claro .sceMultilineIconRight .dijitButtonText span {display: inline-block; white-space: normal; position: relative; top: -1px;}
.claro .sceMultilineIconRight .dijitButtonText i {vertical-align: middle;}

.claro .dijitButton.sceRespClose {
	position: relative;
	top: -4px;
	left: 4px;
	margin: 0;
}

.claro .dijitButton.sceRespClose .dijitButtonNode {
	padding: 1px 4px 4px 5px;
	background: transparent;
}

.claro .dijitButton.sceRespClose .dijitButtonNode .material-icons-outlined
	{
	font-size: 14px;
	font-weight: bold;
}

.claro .dijitButton.sceRespClose.dijitButtonActive .dijitButtonNode,
.claro.sceNoTouch .dijitButton.sceRespClose.dijitButtonHover .dijitButtonNode {
	background-color: #fd3995;
	border-color: #fd3995;
}

.claro .dijitButton.sceRespClose.dijitButtonActive .dijitButtonNode .material-icons-outlined,
.claro.sceNoTouch .dijitButton.sceRespClose.dijitButtonHover .dijitButtonNode .material-icons-outlined {
	color: #fff;
}

.claro.sceTouch .dijitButton.sceRespClose .dijitButtonNode, .claro.sceTouch .dijitButton.sceRespClose.dijitButtonActive .dijitButtonNode,
.claro.sceTouch .dijitButton.sceRespClose.dijitButtonHover .dijitButtonNode
	{
	padding: 5px 8px 7px 8px;
	border: none;
}

.claro.sceTouch .dijitButton.sceRespClose .dijitButtonNode .material-icons-outlined
	{
	font-size: 20px;
}

.claro.sceTouch .dijitButton.sceRespClose.dijitButtonActive .dijitButtonNode .material-icons-outlined,
.claro.sceTouch .dijitButton.sceRespClose.dijitButtonHover .dijitButtonNode .material-icons-outlined
	{
	color: #fff;
}

/* LABELVALUE */
.claro .sceLabelValue {
	overflow: hidden;
}

.claro .sceLabelValue.sceInline,
.claro .sceLabelValue .sceInline {
	display: inline-block;
	vertical-align: text-bottom;
}

.claro .sceLabelValue.sceInlineM {
	display: inline-block;
	vertical-align: middle;
}

.claro .sceLabelValue.sceCompress .sceTextLabel {letter-spacing: -0.6px;}

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

.claro .sceLabelValue.sceAcronym {
	border: 1px solid #666;
	padding: 13px 14px 10px 14px;
}

.claro .sceLabelValue.sceAcronym .sceTextLabel {
	color: #666;
}

.claro .sceLabelValue.sceStars .material-icons-outlined {
	font-size: 20px;
	letter-spacing: -2px;
}

.claro.sceTouch .sceLabelValue.sceStars .material-icons-outlined {
	font-size: 24px;
}

.claro .sceLabelValue.sceStars.scefc-white .material-icons-outlined {
	color: #fff;;
}

.claro .sceLabelValue.sceBorderSmall, .claro .sceLabelValue.sceBorderMedium,
	.claro .sceLabelValue.sceBorderMediumX {
	display: inline-block;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.claro .sceLabelValue.sceBorderSmall .sceContainer {
	padding: 4px 10px;
	text-align: center;
}

.claro .sceLabelValue.sceBorderMedium .sceContainer {
	padding: 4px;
	text-align: center;
}

.claro.sceTouch .sceLabelValue.sceBorderMedium .sceContainer, .claro .sceLabelValue .sceContainer.sceContainerProgress
	{
	padding-top: 4px;
}

.claro .sceLabelValue.sceBorderMediumX .sceContainer {
	padding: 4px 16px;
	text-align: center;
}

.sceBorderBlue {
	border: 1.2px solid var(--blue);
}
.claro .sceLabelValue.sceBorderBlue {
	border: 1.2px solid var(--blue);
	color: var(--blue);
}

.sceBorderGreen {
	border: 1.2px solid #1dc9b7;
}
.claro .sceLabelValue.sceBorderGreen,
.claro .sceDropDownButton .dijitButtonNode.sceBorderGreen {
	border: 1.2px solid #1dc9b7;
	color: var(--green);
}
.claro .dijitMenuPopup .sceBorderGreen td {
	color: var(--green);
}

.sceBorderRed {
	border: 1.2px solid #fd3995;
}
.claro .sceLabelValue.sceBorderRed,
.claro .sceDropDownButton .dijitButtonNode.sceBorderRed {
	border: 1.2px solid #fd3995;
	color: #ef549d;
}
.claro .dijitMenuPopup .sceBorderRed td {
	color: #ef549d;
}

.sceBorderYellow {
	border: 1.2px solid var(--yellow);
}
.claro .sceLabelValue.sceBorderYellow,
.claro .sceDropDownButton .dijitButtonNode.sceBorderYellow {
	border: 1.2px solid var(--yellow);
	color: #e49c05;
}
.claro .dijitMenuPopup .sceBorderYellow td {
	color: #e49c05;
}

.claro .sceLabelValue.sceBorderGray {
	border: 1.2px solid #aaa;
	color: #aaa;
}

.claro .sceLabelValue .sceContainerProgress {
	font-size: 0.94em;
}

.claro .sceLabelValue .sceTextLabel.sceProgress0, .claro .sceLabelValue .sceTextLabel.sceProgress40
	{
	position: relative;
	text-align: left;
	padding-left: 6px;
}

.claro .sceLabelValue .sceTextLabel.sceProgress40 {
	color: #fff;
}

.claro .sceLabelValue .sceProgress {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: #fd3995;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}


.claro .sceLabelValue.sceSmall,
.claro .sceLabelValue.sceLarge {
	position: relative;
	display: inline-block;
	background-color: rgb(239, 248, 254);
	border: 1px solid var(--border);
	text-align: center;
}
.claro .sceLabelValue.sceLarge {
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.claro .sceLabelValue.sceSmall {
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.claro .sceBoxIcon .sceLabelValue.sceLarge {
	float: right;
	top: -8px;
}

.claro .sceLabelValue .sceBackLabel {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	font-size: 2.1875rem;
	font-weight: 700;
	color: #c0c0c0;
}
.claro .sceLabelValue.sceLarge .sceBackLabel {
	font-size: 2.1875rem;
}
.claro .sceLabelValue.sceSmall .sceBackLabel {
	font-size: .875rem;
	}
.claro .sceLabelValue .sceBackLabel div {
	width: 100%;
}

.claro .sceLabelValue.sceLarge .sceContainer {
	position: relative;
	padding: 16px 5px 16px 5px;
	font-size: 1.0625rem;
	font-weight: 700;
}
.claro .sceLabelValue.sceSmall .sceContainer {
	position: relative;
	padding: 6px 3px 6px 3px;
	font-size: .4375rem;
	font-weight: 700;
}

.claro .sceLabelValue.sceLarge .sceTextLabel, .claro .sceFormLight .sceLabelValue.sceLarge .sceTextLabel {font-weight: 700; color: #303030; letter-spacing: -.5px;}
.claro .sceLabelValue.sceSmall .sceTextLabel, .claro .sceFormLight .sceLabelValue.sceSmall .sceTextLabel {font-weight: 700; color: #303030; letter-spacing: -.2px;}


.claro .sceBackStar .material-icons-outlined {
	padding: 1px;
	font-size: 11px;
	background-color: var(--border);
	color: #fff;
	margin-right: 2px;
	vertical-align: baseline;
}
.claro .sceStarMedium .sceBackStar .material-icons-outlined {font-size: 18px;}
.claro .sceStarLarge .sceBackStar .material-icons-outlined {font-size: 22px;}

.claro .sceBackStar.sceRed .sceFull {background-color: rgb(252,57,46);}
.claro .sceBackStar.sceRed .sceHalf {background-image: linear-gradient(90deg,rgb(252,57,46) 0px, rgb(252,57,46) 50%, var(--border) 50%, var(--border) 100%);}
.claro .sceBackStar.sceOrange .sceFull {background-color: rgb(253,134,51);}
.claro .sceBackStar.sceOrange .sceHalf {background-image: linear-gradient(90deg,rgb(253,134,51) 0px, rgb(253,134,51) 50%, var(--border) 50%, var(--border) 100%);}
.claro .sceBackStar.sceYellow .sceFull {background-color: rgb(254,205,47);}
.claro .sceBackStar.sceYellow .sceHalf {background-image: linear-gradient(90deg,rgb(254,205,47) 0px, rgb(254,205,47) 50%, var(--border) 50%, var(--border) 100%);}
.claro .sceBackStar.sceLightGreen .sceFull {background-color: rgb(118,205,43);}
.claro .sceBackStar.sceLightGreen .sceHalf {background-image: linear-gradient(90deg,rgb(118,205,43) 0px, rgb(118,205,43) 50%, var(--border) 50%, var(--border) 100%);}
.claro .sceBackStar.sceDarkGreen .sceFull {background-color: rgb(27,181,124);}
.claro .sceBackStar.sceDarkGreen .sceHalf {background-image: linear-gradient(90deg,rgb(27,181,124) 0px, rgb(27,181,124) 50%, var(--border) 50%, var(--border) 100%);}

.claro .sceLabelValue .sceComparePercent {font-weight: 400;}
.claro .sceLabelValue .sceComparePercent .material-icons-outlined {position: relative; top: 1px; font-size: 1rem; padding: 0 .125rem; vertical-align: bottom;}


/* SILO */

.claro .sceSilo {
	position: relative;
	height: 140px;
	background-color: #666;
	border: 2px solid #666;
	-moz-border-radius: 37px;
	border-radius: 37px;
	overflow: hidden;
}

.claro .sceSilo.sceSmall {
	max-width: 70px;
}
.claro .sceSilo.sceMedium {
	max-width: 80px;
}
.claro .sceSilo.sceBig {
	max-width: 90px;
}

.claro .sceSiloPercent {position: absolute; left: 0; right: 0; font-size: 1.1875rem; font-weight: 400; text-align: center;}
.claro .sceSiloRemains {position: absolute; left: 0; right: 0; font-size: .9375rem; font-weight: 500; text-align: center;}
.claro .sceSiloLevel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/* SILO MEASURES */

.claro .sceSiloMeasures svg {
	position: absolute;
}

svg{
	touch-action : manipulation !important;
}


/* DROPDOWNBUTTON  */

.claro .sceDropDownButton {
	margin: 0;
}
.claro .sceDropDownButton .dijitButtonNode {
	color: var(--text);
	padding: .5rem 1.125rem;
	border: 1px solid var(--border);
	background: #fff;
	cursor: pointer;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.claro .sceDropDownButton.sceSmall .dijitButtonNode {
	padding: .25rem 1rem;
}

.claro .sceDropDownButton.sceGray .dijitButtonNode {
	background: var(--lgray);
	border: none
}
.claro .sceDropDownButton.sceGray.sceTheme .dijitButtonNode {
	background: var(--theme);
	border: none
}

.claro .sceDropDownButton .dijitButtonText {
	vertical-align: text-bottom;
	display: block;
}
.claro .sceDropDownButton .dijitArrowButtonInner {
	position: relative;
	left: 6px;
}

.claro.sceTouch .sceDropDownButton.sceTouchMedium .dijitButtonNode {padding: .6875rem 1rem;}

.claro .sceDropDownButton.sceFullLeft {
	width: 100%;
}
.claro .sceDropDownButton.sceFullLeft .dijitButtonNode {
	display: block;
	background: transparent;
}
.claro .sceDropDownButton.sceFullLeft .dijitButtonContents {
	position: relative;
	text-align: left;
	padding-right: 1rem;
}
.claro .sceDropDownButton.sceFullLeft .dijitArrowButtonInner {
	position: absolute;
	left: unset;
	right: -4px;
	top: 1px;
}

.claro .sceDropDownButton.sceValidate .dijitButtonNode {
	background: transparent;
}
.claro .sceDropDownButton.sceDocValidate .dijitButtonNode {
	border: none;
	font-size: .8125rem;
	font-weight: 400;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.claro .sceDropDownButton .dijitArrowButtonInner {
	display: none;
}

/* CHECKBOX */
.claro .sceCheckBox {
	width: auto;
	height: auto;
	padding: 1px 0 0 0;
}

.claro .dijitCheckBox, .claro .dijitCheckBoxIcon {
	background: none;
	margin: 0;
}

.claro .sceCheckBox .sceLabelContent {
	margin-left: 20px;
}
.claro .sceCheckBox.sceMarginM .sceLabelContent {
	margin-left: 32px;
}
.claro .sceFormLight .sceCheckBox .sceLabelContent {
	font-weight: 300;
}

.claro.sceTouch .sceCheckBox .sceLabelContent {
	margin-left: 22px;
}

.claro .dijitCheckBox input {
	width: 16px;
	height: 16px;
	float: left;
}

.claro.sceTouch .dijitCheckBox input {
	width: 18px;
	height: 18px;
}

.claro .sceCheckBox .sceCheckBoxIcon {
	position: absolute;
	margin-top: -1px;
}

.claro .sceCheckBox .sceCheckBoxIcon .material-icons {
	font-size: 16px;
}

.claro.sceTouch .sceCheckBox .sceCheckBoxIcon .material-icons {
	font-size: 18px;
}

.claro .sceCheckBox .sceCheckBoxIcon .sceChecked {
	display: none;
}

.claro .sceCheckBox .sceCheckBoxIcon .sceUnchecked {
	display: inline-block;
	color: #aaa;
}

.claro .sceCheckBox.dijitChecked .sceCheckBoxIcon .sceChecked {
	display: inline-block;
	color: #666;
}
.claro .sceCheckBox.scefc-black.dijitChecked .sceCheckBoxIcon .sceChecked {
	color: var(--text);
}

.claro .sceCheckBox.dijitChecked .sceCheckBoxIcon .sceUnchecked {
	display: none;
}

.claro .sceCheckBox.sceDisabled label {
	color: #aaa;
}


/* MULTISELECT */
.claro .sceMultiSelect .sceFieldsContainer {
	margin-top: 2px;
	outline: none;
}

.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.sceCheckLarge .sceCheckBox .sceBoxProfileSmall {
	opacity: 0.6;
}
.claro .sceMultiSelect.sceCheckLarge .sceCheckBox.dijitChecked .sceBoxProfileSmall {
	opacity: 1;
}


/* RADIOGROUP / RADIOBUTTON */
.claro .sceRadioGroup .sceFieldsContainer {
	margin-top: 2px;
	outline: none;
}

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

.claro .sceRadioGroup.sceRadioBorder .sceRadioButton {
	border: 1px solid var(--border);
	padding: .75rem;
	margin-bottom: .75rem;
}

.claro .sceRadioGroup.sceCheckedLGray .sceRadioButton.dijitChecked {
	background: #f2f4f5;
}

.claro .sceRadioButton {
	width: auto;
	height: auto;
	padding: 1px 0 0 0;
	background: none;
}

.claro .sceRadioButton .sceLabelContent {
	margin-left: 20px;
}
.claro .sceFormLight .sceRadioButton .sceLabelContent {
	font-weight: 300;
}

.claro.sceTouch .sceRadioButton .sceLabelContent {
	margin-left: 22px;
}

.claro .sceRadioButton input {
	width: 16px;
	height: 16px;
	float: left;
}

.claro.sceTouch .sceRadioButton input {
	width: 18px;
	height: 18px;
}

.claro .sceRadioButton .sceRadioIcon {
	position: absolute;
	margin-top: -1px;
}

.claro .sceRadioButton .sceRadioIcon .material-icons-outlined {
	font-size: 16px;
}

.claro.sceTouch .sceRadioButton .sceRadioIcon .material-icons-outlined {
	font-size: 18px;
}

.claro .sceRadioButton .sceRadioIcon .sceChecked {
	display: none;
}

.claro .sceRadioButton .sceRadioIcon .sceUnchecked {
	display: inline-block;
	color: #aaa;
}

.claro .sceRadioButton.dijitChecked .sceRadioIcon .sceChecked {
	display: inline-block;
	color: #666;
}

.claro .sceRadioButton.dijitChecked .sceRadioIcon .sceUnchecked {
	display: none;
}

.claro .sceRadioButton.sceDisabled label {
	color: #aaa;
}

.claro .sceRadioButton.dijitInline {
	margin-right: 16px;
}

.claro .sceRadioButtonIcon {
	display: block;
	position: relative;
	border: 1px solid #aaa;
	padding: 16px 32px;
	text-align: center;
	cursor: pointer;
}

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

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

.claro .sceRadioButtonIcon.dijitChecked {
	background-color: #666;
	color: #fff;
}

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





.claro .sceRadioGroupSegmented {
	display: table;
	width: 100%;
	-moz-border-radius: 4px;
  	border-radius: 4px;
  	table-layout: fixed;
}

.claro .sceRadioButtonBox {
	width: 100%;
	display: inline-block;
	-moz-border-radius: 6px;
  	border-radius: 6px;
}

.claro .sceRadioGroupSegmented .sceRadioButtonBox {
	display: table-row;
}

.claro .sceRadioButtonBox .sceRadioButton {
	margin-right: 0;
}

.claro .sceRadioGroupSegmented .sceRadioButton {
	display: table-cell;
	text-align: center;
	background-color: var(--lgray);
	border-right-style: none;
	-moz-border-radius: 0;
  	border-radius: 0;
	padding: .5rem;
	min-width: 0;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
	-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;
}

.claro .sceRadioButtonBox .sceRadioButton:first-child {
	-moz-border-radius: 6px 0 0 6px;
  	border-radius: 6px 0 0 6px;
}

.claro .sceRadioButtonBox .sceRadioButton:last-child {
	-moz-border-radius: 0 6px 6px 0;
  	border-radius: 0 6px 6px 0;
	border-right-style: solid;
}

.claro .sceRadioButtonBox .sceRadioButton.dijitRadioChecked {
	background-color: var(--theme);
}

.claro .sceRadioGroupSegmented .sceRadioButton .sceLabelContent {
	margin-left: 0;
}
.claro .sceRadioGroupSegmented .sceRadioButton .sceRadioIcon {
	display: none;
}
.claro .sceRadioGroupSegmented .sceRadioButton input {
	width: 0;
	height: 0;
}




/* 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: .8125rem;}
.claro .sceTranslationText .sceLabelBox {font-size: .6875rem; padding-left: 18px; padding-right: 8px; font-weight: 300; background-size: 14px; opacity: 0.8}

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

.claro .sceTranslationTextarea.scePaddingSmall .sceTranslationContent {padding-top: .5rem;}
.claro .sceTranslationTextarea.scePaddingMedium .sceTranslationContent {margin-top: .3125rem; padding-top: .625rem; border-top: 1px solid var(--border);}
.claro .sceTranslationTextarea .sceTranslationContent:nth-child(1) {margin-top: 0; padding-top: .25rem; border-top: none;}

.claro .sceTranslationTextBox .sceLabelBox {background-position: left 4px; vertical-align: bottom;}
.claro .sceTranslationTextBox.sceSmall .sceLabelBox {background-position: left 2px;}
.claro .sceTranslationTextarea .sceLabelBox {background-position: left 2px; vertical-align: top;}
.claro .sceTranslationText .sceInputBox {width: 100%;}
.claro .sceTranslationText .dijitTextArea {margin-bottom: 0;}

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

/* SOCIALVIEW */

.claro .sceSocialView {
	display: inline-block;
}

.claro .sceSocialView .sceSocialIcon {
	display: inline-block;
	background-repeat: no-repeat;
}
.claro .sceSocialView.sceMedium .sceSocialIcon {
	background-size: 28px;
	width: 28px;
	height: 25px;
	margin-right: 0px;
}
.claro .sceSocialView.sceSmall .sceSocialIcon {
	background-size: 22px;
	width: 22px;
	height: 18px;
	margin-right: 0px;
}

.claro .sceSocialView.sceSocialBlack .sceSocialIcon {opacity: .15}
.claro .sceSocialView.sceSocialBlue .sceSocialIcon {opacity: .2}
.claro .sceSocialView.sceSocialWhite .sceSocialIcon {opacity: .25}

.claro .sceSocialView.sceSocialBlack .sceIconYouTube {background-image: url("./img/social/youtube.png");}
.claro .sceSocialView.sceSocialBlack .sceIconInstagram {background-image: url("./img/social/instagram.png");}
.claro .sceSocialView.sceSocialBlack .sceIconTwitter {background-image: url("./img/social/twitter.png");}
.claro .sceSocialView.sceSocialBlack .sceIconFacebook {background-image: url("./img/social/facebook.png");}
.claro .sceSocialView.sceSocialBlack .sceIconPhone {background-image: url("./img/social/phone.png");}
.claro .sceSocialView.sceSocialBlack .sceIconEmail {background-image: url("./img/social/mail.png");}
.claro .sceSocialView.sceSocialBlack .sceIconLinkedin {background-image: url("./img/social/linkedin.png");}
.claro .sceSocialView.sceSocialBlack .sceIconWeb {background-image: url("./img/social/web.png");}

.claro .sceSocialView.sceSocialBlue .sceIconYouTube {background-image: url("./img/social/youtube-blue.png");}
.claro .sceSocialView.sceSocialBlue .sceIconInstagram {background-image: url("./img/social/instagram-blue.png");}
.claro .sceSocialView.sceSocialBlue .sceIconTwitter {background-image: url("./img/social/twitter-blue.png");}
.claro .sceSocialView.sceSocialBlue .sceIconFacebook {background-image: url("./img/social/facebook-blue.png");}
.claro .sceSocialView.sceSocialBlue .sceIconPhone {background-image: url("./img/social/phone-blue.png");}
.claro .sceSocialView.sceSocialBlue .sceIconEmail {background-image: url("./img/social/mail-blue.png");}
.claro .sceSocialView.sceSocialBlue .sceIconLinkedin {background-image: url("./img/social/linkedin-blue.png");}
.claro .sceSocialView.sceSocialBlue .sceIconWeb {background-image: url("./img/social/web-blue.png");}

.claro .sceSocialView.sceSocialWhite .sceIconYouTube {background-image: url("./img/social/youtube-white.png");}
.claro .sceSocialView.sceSocialWhite .sceIconInstagram {background-image: url("./img/social/instagram-white.png");}
.claro .sceSocialView.sceSocialWhite .sceIconTwitter {background-image: url("./img/social/twitter-white.png");}
.claro .sceSocialView.sceSocialWhite .sceIconFacebook {background-image: url("./img/social/facebook-white.png");}
.claro .sceSocialView.sceSocialWhite .sceIconPhone {background-image: url("./img/social/phone-white.png");}
.claro .sceSocialView.sceSocialWhite .sceIconEmail {background-image: url("./img/social/mail-white.png");}
.claro .sceSocialView.sceSocialWhite .sceIconLinkedin {background-image: url("./img/social/linkedin-white.png");}
.claro .sceSocialView.sceSocialWhite .sceIconWeb {background-image: url("./img/social/web-white.png");}

.claro .sceSocialView.sceSocialBlack .sceSocialIcon.sceOn {opacity: .8}
.claro .sceSocialView.sceSocialBlue .sceSocialIcon.sceOn {opacity: .8}
.claro .sceSocialView.sceSocialWhite .sceSocialIcon.sceOn {opacity: 1}


/* DIALOG */
.claro .dijitDialogUnderlay {
	background-color: #000;
	opacity: 0.2;
}

.claro.sceWhite .dijitDialogUnderlay {
	background-color: #f8fafb;
	opacity: 0.8;
}

.claro .sceDialog {
	border-color: var(--theme);
}

.claro .sceDialog .dijitDialogPaneContent {
	padding: 0;
	border: none;
}

.claro .sceDialog .sceDialogContent {
	padding: 16px;
}

.claro .sceDialog .sceCaption .sceTitle {
	font-weight: 500;
	font-size: 1.2em;
	line-height: normal;
	text-align: center;
}

.claro .dijitDialogPaneActionBar {
	background-color: #fff;
	border: none;
	padding: 1rem;
}

.claro .sceDialogSmaller {
	min-width: 90%;
	max-width: 90%;
}

.claro .sceDialogPopup .sceDialogContent {
	/* padding: 0; */
}
.claro .sceDialogPopup .dijitDialogTitleBar {
	padding: 10px 1.5em;
	background-color: var(--theme);
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	border: none;
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0) 100%);
	_background-image: none;
}

.claro .sceDialogPopup .dijitDialogTitle {
	font-size: .875rem;
	text-transform: uppercase;
}

.claro .dijitDialog .scePromptSaveCaption {
	text-align: center;
	padding: 12px 24px;
	font-size: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.claro .dijitDialog .scePromptSaveQuestion {
	text-align: center;
	padding: 0 24px 0 24px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.claro .sceConfirmDialog .iconify {
	float: left;
	width: 20px;
	height: 20px;
	margin-top: -2px;
}

.claro .sceConfirmDialog .sceMessage {
	margin-left: 28px;
}

.claro .sceDialogAlert {
	min-width: 100vw;
	border: none;
	box-shadow: none;
}

.claro .sceDialogAlert .dijitDialogPaneContent {
	background-color: rgba(0, 0, 0, .8);
	border: none;
	min-width: 100vw;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.claro .sceDialog.sceDialogAlert .sceDialogContent {
	padding: 1.5rem 1rem 1rem;
}

.claro .sceDialogAlert .sceMessageBox, .claro .sceDialogAlert .sceButtonsBox
	{
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	color: #fff;
}

.claro .sceDialogAlert .sceButtonsBox {
	text-align: right;
}

.claro .sceDialogAlert .sceClose {
	float: right;
	position: relative;
	top: -8px;
	left: 7px;
}

.claro .sceDialogAlert .sceClose .dijitButtonNode {
	border: none;
	padding: 6px;
	background: transparent;
	color: rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.claro.sceNoTouch .sceDialogAlert .sceClose.dijitButtonHover .dijitButtonNode {
	color: #fff;
}

.claro .sceDialogAlert .sceTitle {
	font-size: 1.5rem;
	font-weight: 300;
}

.claro .sceDialogAlert .sceMessage {
	font-weight: 300;
}

.claro .sceDialogSession .sceDialogContent {width: 90%;}


.claro .scePanelError {
	position: relative;
	border: 1px solid #fd3995;
}
.claro .scePanelError .sceHead {
	margin-left: 1rem;
	margin-right: 1rem;
	text-align: center;
}
.claro .scePanelError .sceHead .sceClose {
	position: absolute;
	top: 6px;
	right: 6px;
}
.claro .scePanelError .sceHead .sceClose .dijitButtonNode {
	background-color: #fd3995;
	color: #fff;
	font-size: 13px;
	padding: 0 5px 2px 6px;
}
.claro .scePanelError .sceHead .material-icons-outlined {
	color: #fd3995;
	font-size: 20px;
	width: 20px;
	margin-right: 8px;
	vertical-align: text-bottom;
}
.claro .scePanelError .sceHead .sceHeadTitle {
	color: #fd3995;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.2;
}
.claro .scePanelError .sceContent {
	padding: 1rem 2rem 2rem 2rem;
}


.claro .sceDialogInfo,
.claro .sceDialogError {
	border: none;
	padding: 6px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.claro .sceDialogInfo .dijitDialogPaneContent,
.claro .sceDialogError .dijitDialogPaneContent {
	border: none;
	background: none;
}

.claro .sceDialogInfo .sceDialogBody,
.claro .sceDialogError .sceDialogBody {
	background: #fff;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
.claro .sceDialogInfo .sceDialogBody {
	border: 1px solid #666;
}
.claro .sceDialogInfo .sceDialogBody {
	max-width: 560px;
}

.claro .sceDialog .sceDialogContent {
}

.claro .sceDialogInfo .sceTitle,
.claro .sceDialogError .sceTitle {
	margin-left: 2rem;
	margin-right: 2rem;
	text-align: center;
}

.claro .sceDialogInfo .sceTitle .material-icons-outlined,
.claro .sceDialogError .sceTitle .material-icons-outlined {
	font-size: 31px;
	width: 31px;
	margin-right: 6px;
	vertical-align: top;
}
.claro .sceDialogInfo .sceTitle .material-icons-outlined {
	color: #666;
}
.claro .sceDialogError .sceTitle .material-icons-outlined {
	color: #fd3995;
}

.claro .sceDialogInfo .sceTitle span,
.claro .sceDialogError .sceTitle span {
	font-size: 1.75rem;
	line-height: 1.2;
}
.claro .sceDialogInfo .sceTitle span {
	color: #666;
	font-weight: 400;
}
.claro .sceDialogError .sceTitle span {
	color: #fd3995;
	font-weight: 700;
}

.claro .sceDialogInfo .sceSubtitle {
	margin-top: 2rem;
	font-size: 1.75rem;
	font-weight: 300;
}

.claro .sceDialogInfo .sceContent,
.claro .sceDialogError .sceContent {
	padding: 3.5rem 1rem;
}
.claro .sceDialogInfo .sceContentSmall,
.claro .sceDialogError .sceContentSmall {
	padding: 1.5rem 1rem 3.5rem 1rem;
}
.claro .sceDialogInfo .sceMessage {
	font-weight: 300;
}

.claro.sceNoTouch .sceDialogError a:hover {
	text-decoration: underline;
}


.claro .sceDialogConfirmAction {
	border: 1px solid #666;
}

.claro .sceDialogConfirmAction .dijitDialogPaneContent {
	border: none;
}

.claro .sceDialogConfirmAction .sceTitle {
	font-size: 1.25rem;
	margin-left: 2rem;
	margin-right: 2rem;
	text-align: center;
}

.claro .sceDialogConfirmAction .sceSubTitle .material-icons-outlined {
	position: relative;
	top: 3px;
	font-size: 2rem;
	margin-right: 2px;
	vertical-align: bottom;
}

.claro .sceDialogConfirmAction .sceSubTitle span {
	font-size: .9375rem;
	line-height: 1.2;
}

.claro .sceDialogConfirmAction .sceContent {
	padding: 2rem 1rem;
}

.claro .sceDialogConfirmAction .sceLikeButton,
.claro .sceDialogConfirmAction .sceButton .dijitButtonNode {background-color: #e3f2fd;}
.claro .sceDialogConfirmAction .sceLikeButton {outline: none;}


/* DROP ZONE */
.claro .dropzone {
	border: 2px dashed var(--border);
	position: relative;
	padding: .5rem .5rem 4rem .5rem;
	min-height: 0;
}
.claro .dropzone.sceOneImage {padding: 0.75rem;}
.claro.sceNoTouch .dropzone.dz-drag-hover {
	background-color: #eef7fd;
}
.claro .dropzone.sceWhiteImage, .claro .dropzone.sceWhiteImage .dz-preview {
	background-color: #004481;
}
.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: var(--text); font-weight: 300;}
.claro .dropzone .dz-message {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: .8125rem;
	font-weight: 300;
	color: #a0a0a0;
	margin: 1.5rem 0;
}
.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: 0px 7px 1px 7px;
	font-size: 1.125rem;
	font-weight: 500;
	background-color: var(--text);
	color: #fff;
	border: none;
	z-index: 100;
	opacity: .4;
	cursor: pointer;
}
.claro.sceNoTouch .dropzone .sceButtonRemove:hover {
	background-color: #fd3995;
	opacity: 1;
}

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

/* PHONETEXTBOX*/
.claro .scePhoneTextBox {
	position: relative;
}

.claro .scePhoneTextBoxLabel {
	margin-bottom: 2px;
}

.claro .scePhoneTextBox .iti,
claro .scePhoneTextBox .intl-tel-input {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.claro .scePhoneTextBox .iti input,
.claro .scePhoneTextBox .intl-tel-input input {
	border: 1px solid var(--wborder);
	-moz-border-radius: 6px;
	border-radius: 6px;
	outline: none;
}
.claro .scePhoneTextBox.scepa-medium .iti input,
.claro .scePhoneTextBox.scepa-medium .intl-tel-input input {
	padding: .375rem .875rem .3125rem .875rem;
}

.claro .scePhoneTextBox .dijitValidationContainer {
	display: none;
	position: absolute;
	right: 0;
	top: 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;
}

/* CODETEXTBOX */
.claro .sceCodeTextBox {
	display: grid;
	grid-gap: 16px;
	width: 100%;
	max-width: 231px;
	margin: 0 auto;
}

.claro .sceCodeTextBox .sceBoxChar {
	background-color: #efefef;
	border: 1px solid #aaa;
	padding: 16px 0;
	text-align: center;
}

.claro .sceCodeTextBox .sceCodeTextBoxInput {
	width: 1em;
	padding: 4px;
	border: none;
	background-color: #efefef;
	font-size: 1.14em;
	text-align: center;
	font-weight: bold;
}

.claro .sceCodeTextBox .sceCodeTextBoxInput:focus {
	background-color: #fff;
}

/* BUTTONUPLOAD */

.claro .sceButtonUpload {
	position: relative;
	display: inline-block;
}

.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.sceNoTouch .sceButtonUpload .sceViewButton:hover {
	opacity: 1;
}

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

.claro .sceButtonUpload .sceProgressContainer .sceProgressValue {
	background: #0a0;
	-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: var(--text);
}

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

.claro .sceButtonUpload.sceOnlyButton .dijitButtonNode {
	padding: 8px 24px 10px 24px;
	-moz-border-radius: 32px;
	border-radius: 32px;
}

/* BUTTONSIGNATURE */
.claro .sceSignature .sceSignatureContainer {
	position: relative;
	padding: 0;
	background: transparent;
	border: 1px solid var(--border);
	text-align: center;
	-moz-border-radius: 0;
	border-radius: 0;
}

.claro .sceSignature .sceSignatureContainer img {
	position: absolute;
	left: 0;
	top: 4px;
	height: 96px;;
	width: 100%;
	background-color: #fff;
	object-fit: contain;
}

.claro .sceSignature .sceSignatureContainer .sceSignaturePlaceholder {
	padding: 42px 0;
	font-weight: 300;
}

.claro .sceSignature .sceSignatureContainer .sceSignatureLabel {
	position: absolute;
	right: 8px;
	bottom: 5px;
}

.claro .sceDialogSignature .sceSignatureNode {
	border: 1px solid #ddd;
}

.claro .sceDialog.sceDialogSignature .sceDialogContent {
	background: #f9f9f9;
	padding: 12px 12px 0 12px;
}

.claro .sceDialogSignature .dijitDialogPaneActionBar {
	background-color: #f9f9f9;
	border: none;
	padding: 0 12px 12px 12px;
}

.claro .sceDialogSignature .submit, .claro .sceDialogSignature .reset {
	width: auto;
}

.claro.sceTouch .sceDialogSignature .dijitButtonNode {
	border-color: transparent;
	background-color: transparent;
	color: #666;
	padding: 8px 0
}

.claro.sceTouch .sceDialogSignature .sceButton.dijitButtonDisabled .dijitButtonNode
	{
	border-color: transparent;
}

.claro.sceTouch .sceDialogSignature .submit, .claro.sceTouch .sceDialogSignature .reset
	{
	margin-left: 16px;
}

.claro.sceTouch .sceDialogSignature .clear {
	margin-right: 16px;
}


/* DOCUMENTLIST */

.claro .sceDocumentList.sceLarge {
	max-width: 1000px;
} 
.claro .sceDocumentList .sceListTitle,
.claro .sceDocumentList .sceContainer {
	display: grid; grid-template-columns: 32px 1fr 64px;
	border-left: 1px solid var(--border);
	font-weight: 300;
}
.claro .sceDocumentList .sceListTitle {
	border-top: 1px solid var(--border);
}
.claro .sceDocumentList .sceListTitle div,
.claro .sceDocumentList .sceContainer div {
	border-bottom: 1px solid var(--border);
	border-right: 1px solid var(--border);
	overflow: hidden;
	display: flex;
	place-items: center;
}
.claro .sceDocumentList .sceListTitle .sceName {
	padding: .5rem .75rem;
}
.claro .sceDocumentList .sceListTitle .sceOrder,
.claro .sceDocumentList .sceListTitle .sceDocument {
	justify-content: center;
	padding: .5rem 0;
}
.claro .sceDocumentList .sceContainer .sceOrder {
	justify-content: center;
	padding: .5rem 0;
}
.claro .sceDocumentList .sceContainer .sceName {
	padding: .5rem .75rem;
}
.claro .sceDocumentList .sceContainer .sceDocument {
	justify-content: center;
	padding: .375rem 0;
}
.claro .sceDocumentList .sceContainer .sceDocument a,
.claro .sceDocumentList .sceContainer .sceDocument img {
	cursor: pointer;
}
.claro .sceDocumentList .sceContainer .sceDocument img {
	height: 48px;
}
.claro .sceDocumentList .sceColArea {width: 18%;} 
.claro .sceDocumentList .sceColRequired {width: 18%; padding-left: 0; padding-right: 0;} 
.claro .sceDocumentList .sceColSend {width: 18%; padding-left: 0; padding-right: 0;} 
.claro .sceDocumentList .sceColValidation {width: 18%; padding-left: 0; padding-right: 0;} 

/* SHOWDOCS */
.claro .sceShowDocs {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 12px;
	z-index: 901;
	background-color: rgba(0, 0, 0, 0.8);
	overflow: auto;
}

.claro .sceShowDocs .sceShowDocsCaption {
	margin-bottom: 12px;
}

.claro .sceShowDocs .sceShowDocsCaption .sceButton {
	float: right;
}

.claro .sceShowDocs .sceShowDocsCaption .dijitButtonNode {
	background: transparent;
	border: none;
}

.claro .sceShowDocs .sceShowDocsTitle {
	color: #fff;
	font-weight: bold;
	margin: 0 40px;
}

.claro .sceShowDocs .sceShowDocsCaption i {
	font-size: 24px;
	color: #fff;
}

.claro .sceShowDocs .sceShowDocsBoxPdf {
	width: 90%;
	max-width: 820px;
	margin: 0 auto;
}

.claro .sceShowDocs .sceShowDocsPdf {
	display: block;
	width: 100%;
	height: 100%;
}

.claro .sceShowDocs .sceShowDocsPdf p {
	text-align: center;
	padding: 1em;
}

.claro .sceShowDocs .sceShowDocsPdf a {
	color: #fff;
}

.claro .sceShowDocs .sceShowDocsBoxImage {
	width: 90%;
	max-width: 820px;
	margin: 0 auto;
}
.claro .sceShowDocs .sceShowDocsBoxImage img {
	display: block;
	width: 100%;
	margin-bottom: 1rem;
}


/* DOCUMENTVIEW */

.claro .sceDocViewPdf {width: 100%; height: 1000px;}
.claro .sceDocViewBoxImage img {width: 100%; margin-bottom: 1rem;}


/* RANGESLIDER */

.claro .sceHorizontalRangeSlider .sceButtonsYear {text-align: left; background-color: var(--gray10);}
.claro .sceHorizontalRangeSlider .sceButtonsYear button {padding: .125rem 1rem; font-size: .75rem; font-weight: 400; background-color: var(--gray10); outline: none; border: none; border-radius: 0;}
.claro .sceHorizontalRangeSlider .sceButtonsYear button.sceSelected {background-color: var(--theme);}
.claro .sceHorizontalRangeSlider .sceRuleYears {position: relative; text-align: left; height: 20px;}
.claro .sceHorizontalRangeSlider .sceRuleMonths {position: relative; text-align: left; height: 20px;}
.claro .sceHorizontalRangeSlider .sceRuleTicks {position: relative; height: 8px;}
.claro .sceHorizontalRangeSlider .sceRuleYears .sceYear {position: absolute; font-size: .75rem; border-left: 1px solid #ddd; padding: 2px 6px; box-sizing: border-box; height: 100%; overflow: hidden;}
.claro .sceHorizontalRangeSlider .sceRuleMonths .sceMonth {position: absolute; font-size: .75rem; border-left: 1px solid #ddd; border-top: 1px solid #ddd; padding: 2px 6px; box-sizing: border-box; height: 100%; overflow: hidden;}
.claro .sceHorizontalRangeSlider .sceRuleYears .sceYear:first-child,
.claro .sceHorizontalRangeSlider .sceRuleMonths .sceMonth:first-child {border-left: none;}
.claro .sceHorizontalRangeSlider .sceRuleYears .sceYear.sceEven,
.claro .sceHorizontalRangeSlider .sceRuleMonths .sceMonth.sceEven {background-color: var(--gray10);}
.claro .sceHorizontalRangeSlider .sceRuleYears .sceYear.sceOdd,
.claro .sceHorizontalRangeSlider .sceRuleMonths .sceMonth.sceOdd {background-color: var(--gray10);}
.claro .sceHorizontalRangeSlider .sceRuleTicks .sceTick {position: absolute; border-left: 1px solid #666; width: 0; height: 100%; line-height: 0;}
.claro .sceHorizontalRangeSlider .sceRuleTicks .sceMinor {height: 60%; border-color: #aaa;}

.claro .sceHorizontalRangeSlider .dijitSliderDecorationT {border: 1px solid #ddd; border-bottom: none; overflow: hidden;}
.claro .sceHorizontalRangeSlider .dijitSliderImageHandleH {top: -2px;}
.claro .sceHorizontalRangeSlider .dijitSliderBarH {height: 9px;}
.claro .sceHorizontalRangeSlider .dijitSliderButtonContainerH {padding-left: 0; padding-right: 0;}
.claro .sceHorizontalRangeSlider .dijitSliderBumperH {height: 9px; width: 0;}
.claro .sceHorizontalRangeSlider .dijitSliderProgressBarH {background-color: var(--theme);}
.claro .sceHorizontalRangeSlider .dijitSliderImageHandleH {outline: none;}
.claro .sceHorizontalRangeSlider.dijitSliderFocused .dijitSliderImageHandleH {background-position: 0 0;}


/* STACKPROGRESS */

.claro .sceStackProgress {padding: 1rem 1rem .4375rem 1rem;}
.claro .sceStackProgress .sceItem {position: relative; text-align: center;}
.claro .sceStackProgress .sceItemText {font-weight: 300; line-height: normal; overflow: hidden;}
.claro .sceStackProgress .sceBoxBall {position: absolute; left: 0; right: 0;}
.claro .sceStackProgress .sceBall {position: relative; display: inline-block; background: var(--border); border: 1px solid var(--border); -mod-border-radius: 50%; border-radius: 50%;}
.claro .sceStackProgress .sceLineL, .claro .sceStackProgress .sceLineR {position: absolute; border-bottom: 2px solid var(--border); width: 50%;}
.claro .sceStackProgress .sceLineL {float: left;}
.claro .sceStackProgress .sceLineR {margin-left: 50%;}

.claro .sceStackProgress.sceLineBall .sceItemText {margin-bottom: 1.75rem; color: #888;}
.claro .sceStackProgress.sceLineBall .sceItem:nth-child(1) {text-align: left;}
.claro .sceStackProgress.sceLineBall .sceItem:nth-last-child(1) {text-align: right;}
.claro .sceStackProgress.sceLineBall .sceBoxBall {bottom: 0;}
.claro .sceStackProgress.sceLineBall .sceBall {width: 13px; height: 13px;}
.claro .sceStackProgress.sceLineBall .sceLineL, .claro .sceStackProgress.sceLineBall .sceLineR {top: 5px; height: 2px;}
.claro .sceStackProgress.sceLineBall .sceOrder {display: block;}
.claro .sceStackProgress.sceLineBall .sceSelBall.sceSelOk .sceItemText {color: #1dc9b7; font-weight: 500;}

.claro .sceStackProgress.sceBallOrder .sceItemText {margin-top: 2rem;}
.claro .sceStackProgress.sceBallOrder .sceItem:nth-child(1) .sceLineL,
.claro .sceStackProgress.sceBallOrder .sceItem:nth-last-child(1) .sceLineR {visibility: hidden;}
.claro .sceStackProgress.sceBallOrder .sceBoxBall {top: 0;}
.claro .sceStackProgress.sceBallOrder .sceBall {width: 25px; height: 25px; background: #e9ebec;; border-color: #e9ebec;}
.claro .sceStackProgress.sceBallOrder .sceLineL, .claro .sceStackProgress.sceBallOrder .sceLineR {top: 8px; border-bottom-width: 4px; border-color: #e9ebec; height: 4px;}
.claro .sceStackProgress.sceBallOrder .sceOrder {padding-top: 3px;}
.claro .sceStackProgress.sceBallOrder .sceOrder {display: block; margin: 0 auto;}
.claro .sceStackProgress.sceBallOrder .sceSelBall .sceOrder {font-weight: 400;}
.claro .sceStackProgress.sceBallOrder .sceSelBall.sceOk .sceOrder {color: #fff;}

.claro .sceStackProgress.sceBallOrder .sceOrder .sceOk {display: none;}
.claro .sceStackProgress.sceBallOrder .sceSelBall.sceSelOk .sceOrder .sceOk {display: inline;}
.claro .sceStackProgress.sceBallOrder .sceSelBall.sceSelOk .sceOrder .sceIndex {display: none;}


.claro .sceStackProgress .sceSelBall .sceBall {background: #1dc9b7; border-color: #1dc9b7;}
.claro .sceStackProgress .sceSelLeft .sceLineL {border-color: #1dc9b7;}
.claro .sceStackProgress .sceSelRight .sceLineR {border-color: #1dc9b7;}
.claro .sceStackProgress.sce4StackProgress {display: grid; grid-template-columns: 16.5% 1fr 1fr 16.5%;}
.claro .sceStackProgress.sce5StackProgress {display: grid; grid-template-columns: 10% 1fr 1fr 1fr 10%;}

.claro .sceStackProgress .sceSelBall.sceLevel .sceBall {background: #fff; border-color: #777;}
.claro .sceStackProgress .sceLevel .sceItemText {color: unset; font-weight: 400;}

.claro .sceStackProgress .sceFailBall .sceItemText {color: #fd3995;}
.claro .sceStackProgress .sceFailBall .sceBall {background: #fd3995; border-color: #fd3995;}
.claro .sceStackProgress .sceFailLeft .sceLineL {border-color: #fd3995;}
.claro .sceStackProgress .sceFailRight .sceLineR {border-color: #fd3995;}

.claro .sceStackProgress .sceCancelBall .sceItemText {color: #e49c05;}
.claro .sceStackProgress .sceCancelBall .sceBall {background: #ffc241; border-color: #ffc241;}
.claro .sceStackProgress .sceCancelLeft .sceLineL {border-color: #ffc241;}
.claro .sceStackProgress .sceCancelRight .sceLineR {border-color: #ffc241;}


/* ----------------- PENDIENTE DE REVISAR -------------------- */

/* SELECT */
.claro .dijitSelect .dijitButtonNode, .claro .dijitSelect .dijitSelectFocused .dijitButtonNode,
	.claro .dijitSelect .dijitButtonContents {
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0px,
		rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0px,
		rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0px,
		rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0px,
		rgba(255, 255, 255, 0) 100%);
}

/* MULTISELECT DROPDOWN */
.claro .sceMultiSelectDropDown {
	border: 1px solid #aaa;
}

.claro .sceMultiSelectDropDown .sceMSDDButton {
	background-color: #efefef;
	padding: 4px 4px 4px 8px;
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0px,
		rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0px,
		rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0px,
		rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0px,
		rgba(255, 255, 255, 0) 100%);
}

.claro .sceMultiSelectDropDown .sceMSDDButton .sceMSDDArrow {
	float: right;
	position: relative;
	top: 1px;
}

.claro .sceMultiSelectDropDown .sceIcon {
	float: left;
	font-size: 14px;
	color: #777;
	margin-top: 1px;;
}

.claro .sceMultiSelectDropDown .sceMSDDSelection {
	font-size: 0.84em;
	margin-left: 17px;
}

.claro .sceMultiSelectDropDown .sceMSDDContainer {
	border-top: 1px solid #aaa;
	padding: 8px 16px;
}

.claro .sceMultiSelectDropDown .sceMSDDCheckBox {
	display: block;
	padding: 2px 0;
}

.claro .sceMultiSelectDropDown .sceMSDDCheckBox .dijitCheckBox {
	position: relative;
	top: -2px;
	margin-right: 6px;
}

/* MOBILE CHECKBOX */
.claro .engiMobileCheckBox {
	display: inline-block;
	background-color: #fff;
	height: 32px;
	width: 51px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: inset 0px 0px 0px 1px #ddd;
	-moz-box-shadow: inset 0px 0px 0px 1px #ddd;
	box-shadow: inset 0px 0px 0px 1px #ddd;
}

.claro .engiMobileCheckBox .engiThumb {
	display: inline-block;
	border: 1px solid #ddd;
	background-color: #fff;
	height: 32px;
	width: 32px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: inset 0px -1px 0px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0px -1px 0px 1px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0px -1px 0px 1px rgba(0, 0, 0, 0.25);
}

.claro .engiMobileCheckBox.engiOn, .claro .engiMobileCheckBox.dijitDisabled.engiOn
	{
	text-align: right;
	background-color: rgb(16, 220, 96);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.claro .engiMobileCheckBox.engiOn .engiThumb {
	border-color: rgb(16, 220, 96);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.claro .engiMobileCheckBox.dijitDisabled {
	background-color: #f7f7f4;
	opacity: 0.5;
}

.claro .engiMobileCheckBox.dijitDisabled .engiThumb, .claro .engiMobileCheckBox.dijitDisabled.engiOn .engiThumb
	{
	background-color: #f7f7f4;
}


/* HORZBAR */
.claro .sceLabeledHorzBar {display: grid;}
.claro .sceLabeledHorzBar.sceLabel3 {grid-template-columns: 120px 1fr 42px;}
.claro .sceLabeledHorzBar.sceLabelL {grid-template-columns: 120px 1fr;}
.claro .sceLabeledHorzBar.sceLabelR {grid-template-columns: 1fr 50px;}
.claro .sceLabeledHorzBar .sceLeftLabel {text-align: right; padding-right: 1rem; overflow: hidden; text-overflow: ellipsis;}
.claro .sceLabeledHorzBar .sceRightLabel {text-align: right;}

.claro .sceHorzBar {background-color: #f6f6f6; overflow: hidden; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;display: flex;} /*display: flex*/
.claro .sceHorzBarMask {-moz-transition: width .6s ease; transition: width .6s ease;}
.claro .sceHorzBar-s .sceHorzBar {margin-top: 6px;}
.claro .sceHorzBar-s .sceHorzBarMask {height: 8px;}
.claro .sceHorzBar-x .sceHorzBarMask {height: 24px;}
.claro .sceHorzBar-x .sceLeftLabel, .claro .sceHorzBar-x .sceRightLabel {line-height: 24px;}
.claro .sceHorzBar.sceRightValue .sceHorzBarMask {margin-right: 80px;}
.claro .sceHorzBar.sceRightValue .sceValue {float: right; max-width: 80px;}

/* CHART RADIAL */
.claro .sceRadial {position: relative;}
.claro .sceRadial svg {position: absolute;}

/* CHART COLUMNRESULT*/
.claro .sceColumnsResult {position: relative;}
.claro .sceColumnsResult svg {position: absolute;}


/* CHARTCOLLECTION */
.claro .sceChartCollection .sceChartCTabs {
	text-align: right;
	overflow: hidden;
}
.claro .sceChartCollection .sceChartCTabs .dijitSelect {display: inline-table; outline: none; border-color: var(--border); position: relative; top: .625rem;}
.claro .sceChartCollection .sceChartCTabs .dijitSelect td {border: none;}
.claro .sceChartCollection .sceChartCTabs .dijitSelect .dijitSelectLabel {padding: 0;}
.claro .sceChartCollection .sceChartCTabs .dijitSelect .dijitInputField {float: none; padding: .4375rem 1rem; text-transform: uppercase;}
.claro .sceChartCollection .sceLegend table {width: 100%;}
.claro .sceChartCollection .sceLegend td {padding: .5rem .5rem .5rem 0; border-bottom: 1px solid var(--border); font-weight: 300;}


.claro .sceChartCTabs.sceButtons .dijitButton {
	margin-right: 1rem;
}
.claro .sceChartCTabs .dijitButton .sceSelector {
	display: inline-block;
	margin-right: 0.3125rem;
	width: 10px;
	height: 10px;
	border: 1px solid #666;
	border-radius: 50%;
	position: relative;
	top: -1px;
	vertical-align: middle;
	opacity: .5;
}
.claro .sceChartCTabs .dijitButton.dijitButtonHover .sceSelector {
	opacity: .9;
}
.claro .sceChartCTabs .dijitButton.sceSelected .sceSelector {
	background-color: #666;
	opacity: 1;
}


/* CHART */
.claro .sceChartContainer {
	position: relative;
}

.claro .sceChartContainer .sceChart, .claro .sceChartContainer .sceLegend {
	position: absolute;
}

/*
.claro .sceChartContainer .sceChart {
	overflow: hidden;
}
*/

.claro .sceChartContainer .sceLegend table {
	border-spacing: 0;
}

.claro .sceChartContainer.sceLegendCenter .legendTopBottom {
	text-align: center;
}

.claro .sceChartContainer.sceLegendCenter .legendTopBottom table {
	margin-left: auto;
	margin-right: auto;
}
.claro .sceChartContainer.sceLegendTopS .legendTopBottom {
	padding-top: .5rem;
}

.claro .sceChartContainer .sceLegend td {
	text-align: left;
}

.claro .dojoxLegendIcon {
	float: left;
}

.claro .dojoxLegendText {
	display: block;
	padding: 2px 10px 6px 0;
	margin-left: 24px;
	line-height: normal;
}
.claro .sceChartContainer.sceLegendLight .dojoxLegendText {
	font-weight: 300;
}

.claro .sceFixedLegend .sceLegendLabel {
	padding-right: 1.5rem;	
}
.claro .sceFixedLegend .sceLegendMark {
	display: inline-block;
	position: relative;
	top: -1px;
	width: 11px;
	height: 11px;
	margin-right: .3125rem;
	vertical-align: middle;
}


.claro .sceBarResult {
	padding: 1rem;
}

.claro .sceBarResultContainer {
	position: relative;
}

.claro .sceBarResult .sceLAxis {
	position: absolute;
	left: 0;
	top: 0;
	right: 11rem;
	bottom: 0;
	font-weight: 300;
	color: var(--text);
}

.claro .sceBarResult .sceBoxChart {
	position: absolute;
	left: 11rem;
	top: 0;
	right: 7rem;
	bottom: 0;
}

.claro .sceBarResult .chartBarL,
.claro .sceBarResult .chartBarR {
	position: absolute;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.claro .sceBarResult .chartBarL div,
.claro .sceBarResult .chartBarR div {
	margin: 0 auto;
	text-align: center;
	font-weight: 400;
}

.claro .sceBarResult .chartBarL {
	left: 0;
	width: 50%;
}

.claro .sceBarResult .chartBarR {
	left: 50%;
	right: 0;
}

.claro .sceBarResult .chartBarT {
	top: 0;
}

.claro .sceBarResult .chartBarB {
	bottom: 0;
}

.claro .sceBarResult .chartBarLT {background-color: rgba(255, 124, 67, .3);}
.claro .sceBarResult .chartBarLB {background-color: rgba(154, 99, 36, .3);}
.claro .sceBarResult .chartBarRT {background-color: rgba(54, 137, 128, .3);}
.claro .sceBarResult .chartBarRB {background-color: rgba(253, 57, 149, .3);}


/* LIGHTBOXLIST*/
.claro .sceLightboxList .sceContainer {
	
}

.claro .sceLightboxList .sceContainer img {
	width: 100%;
	object-fit: cover;
	cursor: pointer;
}

.claro .sceDialogLightboxList {
	background-color: rgba(0, 0, 0, 0.8);
	border: none;
	overflow: hidden;
}

.claro .sceDialogLightboxList .sceClose {
	position: absolute;
	top: 8px;
	right: 8px;
}

.claro .sceDialogLightboxList .scePrev {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 8px;
}

.claro .sceDialogLightboxList .sceNext {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	right: 8px;
}

.claro .sceDialogLightboxList .sceContainer {
	width: fit-content;
	margin: 0 auto;
}

.claro .sceDialogLightboxList .sceContainer img {
	border: none;
}

.claro .sceDialogLightboxList .sceContainer img.sceDownload {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	width: 32px;
	height: 32px;
	border: none;
}

.claro .sceDialogLightboxList .sceTitle {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 6px 8px;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
}

.claro .sceDialogLightboxList .sceText {
	text-align: center;
	margin: 0 48px;
}

.claro .sceDialogLightboxList .sceCounter {
	float: right;
}

.claro .sceDialogLightboxList .dijitButtonNode {
	border: none;
	background: transparent;
	padding: 6px;
}

.claro .sceDialogLightboxList .sceNavigation .dijitButtonNode {
	background: rgba(255, 255, 255, 0.3);
	-moz-border-radius: 32px;
	border-radius: 32px;
}

.claro .sceDialogLightboxList .dijitButtonContents {
	outline: none;
}

.claro .sceDialogLightboxList .dijitButtonNode .material-icons-outlined
	{
	font-size: 28px;
	color: #fff;
	text-shadow: 0px 0px 8px #000;
}


/* COLLECTIONCONTROLER */

.claro .sceCollectionController .sceCCTabs .dijitButton {margin-right: 1rem;}
.claro .sceCollectionController .sceCCTabs .dijitButton .dijitButtonNode {
	border: none;
	padding: .5rem 0 .5rem 0;
	color: var(--text);
	font-size: .875rem;
	font-weight: 400;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.claro .sceCollectionController .sceCCTabs .dijitButton .sceSelector {
	display: inline-block;
	margin-right: 0.3125rem;
	width: 10px;
	height: 10px;
	border: 1px solid #666;
	border-radius: 50%;
	position: relative;
	top: -1px;
	vertical-align: middle;
	opacity: .5;
}
.claro .sceCollectionController .sceCCTabs .dijitButton.dijitButtonHover .sceSelector
{
	opacity: .9;
}
.claro .sceCollectionController .sceCCTabs .dijitButton.sceSelected .sceSelector
{
	background-color: #666;
	opacity: 1;
}


/* UPDATECOLLECTION */
.claro .sceUpdateCollection {display: none;}


/* LIST */
.claro .sceList .dgrid-scroller {
	margin-top: 0;
}

.claro .sceList.sceActivity .sceRowContainer {
	margin-left: 6px;
	padding: 0 0 1.25rem 20px;
	border-left: 1px dotted #000;
}

.claro .sceList.sceActivity .sceRowContainer .sceCircle {
	position: absolute;
	margin: 0 0 0 -27px;
	width: 7px;
	height: 7px;
	background-color: #fff;
	border: 3px solid #000;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.claro .sceList.sceActivity .sceRowContainer .sceTopContainer {
	position: relative;
	top: -1px;
}

.claro .sceList.sceActivity .sceRowContainer .sceCirclegreen {
	border-color: #1dc9b7;
}

.claro .sceList.sceActivity .sceRowContainer .sceCircleblue {
	border-color: var(--blue);
}

.claro .sceList.sceActivity .sceRowContainer .sceCirclered {
	border-color: #fd3995;
}

.claro .sceList.sceActivity .sceRowContainer .sceCircleyellow {
	border-color: #ffc241;
}


/* GRIDCOLLECTION */
.claro .sceGridCollection.sceClean .sceGCTabs,
.claro .sceGridCollection.sceLineB .sceGCTabs,
.claro .sceGridCollection.sceButtons .sceGCTabs {
	padding: .125 .5rem 1rem .5rem;
}
.claro .sceGridCollection.sceTabsBorderB .sceGCTabs {
	border-bottom: 1px solid var(--border);;
}
.claro .sceGridCollection.sceButtonsClean .sceGCTabs {margin-bottom: 2.5rem;}

.claro .sceGridCollection.sceButtons .sceGCTabs .dijitButton {margin-right: 6px;}

.claro .sceGridCollection.sceClean .sceGCTabs .dijitButton .dijitButtonNode {
	border: none;
	padding: .5rem 1.5rem .5rem .75rem;
	color: #838383;
	font-size: .875rem;
	font-weight: 500;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.claro .sceGridCollection.sceLineB .sceGCTabs .dijitButton .dijitButtonNode {
	margin: .5rem .375rem;
	padding: .125rem .125rem 0 .125rem;
	border: 3px solid transparent;
	font-weight: 500;
	color: #999;
}


.claro .sceGridCollection.sceButtonsClean .sceGCTabs .dijitButton .dijitButtonNode {
	min-width: 200px;
	margin-right: 1rem;
	font-weight: 300;
}
.claro .sceGridCollection.sceButtonsClean .sceGCTabs .dijitButton .dijitButtonNode {
	padding: .5rem 2rem;
}
.claro .sceGridCollection.sceButtonsClean .sceGCTabs .dijitButton.sceSelected .dijitButtonNode {
	background-color: #f2f4f5;
}

.claro .sceGridCollection.sceClean .sceGCTabs .dijitButton .sceSelector {
	display: inline-block;
	margin-right: 0.3125rem;
	width: 10px;
	height: 10px;
	border: 1px solid #666;
	border-radius: 50%;
	position: relative;
	top: -1px;
	vertical-align: middle;
	opacity: .5;
}
.claro .sceGridCollection.sceButtons .sceGCTabs .dijitButton .sceSelector {display: none;}
.claro .sceGridCollection.sceButtons .sceGCTabs .dijitButton .dijitButtonNode{padding: .375rem .844rem;}

.claro .sceGridCollection.sceClean .sceGCTabs .dijitButton.dijitButtonHover .dijitButtonNode
{
	color: var(--text);
}

.claro .sceGridCollection .sceGCTabs .dijitButton.sceSelected .dijitButtonNode,
.claro .sceGridCollection .sceGCTabs .dijitButton.dijitButtonHover.sceSelected .dijitButtonNode
{
	color: var(--text);
}

.claro .sceGridCollection .sceGCTabs .dijitButton.dijitButtonHover .sceSelector
{
	opacity: .9;
}

.claro .sceGridCollection .sceGCTabs .dijitButton.sceSelected .sceSelector
{
	background-color: #666;
	opacity: 1;
}

.claro .sceGridCollection.sceLineB .sceGCTabs .dijitButton.sceSelected .dijitButtonNode {
	color: var(--text);
	border-bottom: 3px solid var(--blue)
}

/* LIST */

.claro .sceList .dgrid-content {overflow: hidden;}


/* MODELOS DGRID & TABLE */
.claro .dgrid {
	border: none;
	background-color: #fff;
}

.claro .scebc-transparent .dgrid {
	background-color: transparent;
}

.claro .sceGridCenterCardM .dgrid-content,
.claro .sceGridCenterCardL .dgrid-content,
.claro .sceGridCenterCardX .dgrid-content,
.claro .sceGridCenterCardB .dgrid-content {text-align: center;}

.claro .dgrid-header .dgrid-cell {
	text-transform: uppercase;
	padding: .75rem;
	background-color: var(--lgray);
}

.claro .sceGridColumns .dgrid-row {
	border-bottom: 1px solid var(--border);
}

.claro .dgrid-row-table {
	overflow: visible;
}

.claro .dgrid-cell {
	border: none;
	padding: .75rem;
	vertical-align: top;
	font-weight: 300;
	line-height: 1.24;
}
.claro .dgrid-cell.scepa-tb0 {
	padding-top: 0;
	padding-bottom: 0;
}
.claro .dgrid-cell.scepa-tbn {
	padding-top: 8px;
	padding-bottom: 8px;
}
.claro .dgrid-cell.sceva-m {vertical-align: middle;}
.claro .dgrid-sort-arrow {
	margin: 0;
	width: 12px;
}

.claro.sceNoTouch .dgrid-row:hover {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .03), inset 0 -2px 1px
		rgba(0, 0, 0, .35), inset -2px 0 2px rgba(0, 0, 0, .3), inset 2px 0
		2px rgba(0, 0, 0, .3);
}

.claro.sceNoTouch .dgrid-row-table:hover {
	box-shadow: inset -2px 0 0 rgba(0, 0, 0, .4);
}

.claro.sceNoTouch .dgrid-row-table:hover {
	box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .15), inset 0 -1px 1px 0
		rgba(0, 0, 0, .3);
}

.claro .dgrid-content .dgrid-cell.scePadding0 {
	padding-top: 4px;
	padding-bottom: 0;
}

.claro .dgrid-cell.sceHideColumn,
.claro .dgrid-header .dgrid-cell.sceHideColumn {
	display: none !important;
}

.claro .dgrid-cell .sceTheme {
	color: #666;
}

.claro .dgrid-cell.sce-disabled-selector input {
	display: none;
}

.claro .dgrid-cell .sceButton.sceRespInGrid {
	margin: 1px;
}

.sceTouch .claro .dgrid-cell .sceButton.sceRespInGrid {
	margin: 4px;
}

.claro .dgrid-cell .sceButton.sceRespInGrid .dijitButtonNode {
	background: #fff;
	padding: 4px;
}

.sceTouch .claro .dgrid-cell .sceButton.sceRespInGrid .dijitButtonNode
	{
	padding: 6px;
}

.claro .dgrid-cell .sceButton.sceRespInGrid .dijitButtonNode .iconify {
	display: block;
	width: 20px;
	height: 20px;
}
.claro .dgrid-cell .sceButton.sceRespInGrid .dijitButtonText {
	display: block;
}

.claro .dgrid-cell .sceButton.sceRespInGrid .dijitButtonNode .material-icons-outlined
	{
	font-size: 15px;
}

.sceTouch .claro .dgrid-cell .sceButton.sceRespInGrid .dijitButtonNode .material-icons-outlined
	{
	font-size: 20px;
}

.claro .dgrid-cell .sceButton.sceBlue .dijitButtonNode {
	border-color: #6bb4d8;
}

.claro .dgrid-cell .sceButton.sceBlue .dijitButtonNode .material-icons-outlined
	{
	color: #6bb4d8;
}

.claro .dgrid-cell .sceButton.sceGreen .dijitButtonNode {
	border-color: #69c27f;
}

.claro .dgrid-cell .sceButton.sceGreen .dijitButtonNode .material-icons-outlined
	{
	color: #69c27f;
}

.claro .dgrid-cell .sceButton.sceRed .dijitButtonNode {
	border-color: #dc94a2;
}

.claro .dgrid-cell .sceButton.sceRed .dijitButtonNode .material-icons-outlined
	{
	color: #dc94a2;
}


.sceLikeList .dgrid {
	border-top: 1px solid var(--border);
}
.sceLikeList .dgrid-row {
	padding: 1rem;
	border-bottom: 1px solid var(--border);
	overflow: visible;
}


.dgrid-cell.w4 {
	width: 4%;
}

.dgrid-cell.w5 {
	width: 5%;
}

.dgrid-cell.w6 {
	width: 6%;
}

.dgrid-cell.w7 {
	width: 7%;
}

.dgrid-cell.w8 {
	width: 8%;
}

.dgrid-cell.w9 {
	width: 9%;
}

.dgrid-cell.w10 {
	width: 10%;
}

.dgrid-cell.w11 {
	width: 11%;
}

.dgrid-cell.w12 {
	width: 12%;
}

.dgrid-cell.w13 {
	width: 13%;
}

.dgrid-cell.w15 {
	width: 15%;
}

.dgrid-cell.w16 {
	width: 16%;
}

.dgrid-cell.w20 {
	width: 20%;
}

.dgrid-cell.w25 {
	width: 25%;
}

.dgrid-cell.w30 {
	width: 30%;
}

.dgrid-cell.w35 {
	width: 35%;
}

.dgrid-cell.w40 {
	width: 40%;
}

.dgrid-cell.w50 {
	width: 50%;
}

.dgrid-cell.w60px {
	width: 60px;
}

.dgrid-cell.w100px {
	width: 100px;
}

.dgrid-cell.w130px {
	width: 130px;
}


.claro .dgrid-selected,
.claro .sceShowOdd .dgrid-selected.dgrid-row-odd,
.claro .dgrid-selected.dgrid-row-even {
	background-color: var(--themelight);
}

.claro .dgrid-cell.wSelected {
	width: 40px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
.dgrid-cell.wSelected .sceChecked,
.dgrid-cell.wSelected .sceUnchecked {
	font-size: 16px;
	position: relative;
	top: -2px;
}	
.dgrid-cell.wSelected .sceChecked {
	display: none;
	color: #666;
}
.dgrid-cell.wSelected .sceUnchecked {
	color: #aaa;
}
.dgrid-selected .dgrid-cell.wSelected .sceChecked {
	display: inline-block;
}
.dgrid-selected .dgrid-cell.wSelected¡ .sceUnchecked {
	display: none;
}


.dgrid-cell.waction,
.dgrid-cell.waction1 {
	width: 44px;
	padding: 6px 0;
	text-align: left;
	vertical-align: middle;
}

.claro .sceActionResp .dgrid-cell.waction {
	width: 80px;
	padding-left: 9px;
	text-align: left;
}

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

.claro .dgrid-pagination {
	padding: 0 .5rem 1rem .5rem;
	font-size: .8125rem;
	overflow: hidden;
}
.claro .sceGridColumns .dgrid-pagination {
	padding-top: 1rem;
}
.claro .dgrid-pagination .dgrid-navigation {
	float: none;
	display: inline-block;
	margin-right: 2rem;
}

.claro .dgrid-navigation .dgrid-page-input {
	margin-top: 0;
	padding: 3px 0;
	font-size: .8125rem;
	font-weight: 300;
	line-height: normal;
	background-color: var(--lgray);
	border: 1px solid var(--lgray);
	border-left: none;
	outline-color: var(--theme);
}

.claro .dgrid-navigation .dgrid-page-link {
	font-weight: 300;
	padding: 3px 10px;
	border: 1px solid var(--lgray);
	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(--lgray);
}

.claro .dgrid-navigation .dgrid-page-skip {
	padding: 3px 8px;
	border: 1px solid var(--lgray);
	border-left: none;
}

.claro .dgrid-pagination .dgrid-status {
	float: none;
	display: inline-block;
	padding: 3px;
	outline: none;
}

.claro .dgrid-pagination .dgrid-page-size {
	font-size: .8125rem;
	line-height: normal;
	border-color: var(--lgray);
	margin: 0 2px 0 0;
	padding: 3px 6px;
	outline-color: var(--theme);
}

.claro .dgrid-pagination .dgrid-page-size option {
	font-size: .8125rem;
}

.claro .dgrid-pagination .scePageSizeLabel {
	float: right;
	padding: 3px;
}




.dgrid .sceIconExpand {
	display: none;
}

.dgrid .sceCollapsed .sceExpando {
	display: none;
}

.dgrid .sceCollapsed .sceIconExpand {
	display: block;
}

.dgrid .sceCollapsed .sceIconCollapse {
	display: none;
}


.claro table.sceTableBorder {
	border-collapse: collapse;
	table-layout: fixed;
}

.claro table.sceTableBorder td {
	border: 1px solid var(--border);
	border-bottom: none;
	overflow: hidden;
}

.claro table.sceTableBorder td.sceHideBorder {
	border: none;
	background-color: #fff;
}

.claro.sceNoTouch table.sceTableBorder.sceTableHover tr:hover {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .03), inset 0 -2px 1px
		rgba(0, 0, 0, .35), inset -2px 0 2px rgba(0, 0, 0, .3), inset 2px 0
		2px rgba(0, 0, 0, .3);
	/*box-shadow: inset 1px 0 0 #dadae0,
		inset -1px 0 0 #dadae0,
		0 1px 2px 0 rgba(60, 60, 67, .3),
		0 1px 3px 1px rgba(60, 60, 67, .15);*/
	z-index: 1;
	
}
.claro.sceNoTouch table.sceTableBorder.sceTableHover tr:hover td {
	border-top: 1px solid #c9c9c9 !important;
	color: #212121;
}


/* ----------------- PENDIENTE DE REVISAR -------------------- */
.gridTable5Col {
	max-width: 600px;
	overflow: hidden;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
}

.gridTable5Col div {
	float: left;
	padding: 2px 6px;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.gridTable5Col div.sceHead {
	background-color: lightslategray;
	color: #fff;
}

.gridTable5Col .engiCol1 {
	width: 33.33%
}

.gridTable5Col .engiCol4 {
	width: 50%
}

.gridLayout300 {
	clear: both;
	display: grid;
	grid-gap: 6px;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.claro .boxState1 {
	border: 1px solid #aaa;
	background: #def;
	padding: 32px;
}

.claro .sceBoxMiniChart .engiMiniChart {
	position: relative;
	left: -4px;
	width: 250px;
	height: 60px;
}

.claro .sceBoxChartLarge {
	width: 100%;
	max-width: 1200px;
}

.claro .sceBoxChartLarge .sceChartContainer {
	height: 320px;
}

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

.claro .dijitCalendarDisabledDate .dijitCalendarDateLabel {
	color: #aaa;
	opacity: 0.7;
}

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

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

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

.claro .dijitCalendarPopup .dijitCalendarMonthLabel {
	font-size: 0.97em;
	font-weight: bold;
}

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

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

.claro .dijitCalendarPopup .dijitCalendarMonthContainer {
	margin-bottom: 12px;
}

.claro .dijitCalendarPopup .dijitCalendarYearContainer {
	margin-top: 6px;
}

.claro .dijitCalendarPopup .dijitCalendarDayLabelTemplate {
	padding-bottom: 2px;
}

.claro .dijitCalendarPopup .dijitCalendarDateTemplate {
	outline-color: #666;
}

.claro .dijitCalendarPopup .engiRangeCalendar .dijitCalendarDateTemplate.dijitCalendarSelectedDate
	{
	outline-color: transparent;
}

.claro .dijitCalendarPopup .dijitCalendarDateTemplate.dijitCalendarSelectedDate .dijitCalendarDateLabel
	{
	background-color: #666;
	color: #fff;
	border-color: #d6d6d4;
}

.claro .dijitCalendarPopup .dijitCalendarPreviousMonth .dijitCalendarDateLabel,
	.claro .dijitCalendarPopup .dijitCalendarNextMonth .dijitCalendarDateLabel
	{
	background-color: #f7f7f7;
	border-color: #f7f7f7;
	color: #999;
}

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

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

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

.claro .dijitCalendarPopup .dijitCalendar tbody td:nth-child(1),
.claro .sceCalendarPane.dijitCalendar thead th:nth-child(1),
.claro .sceCalendarPane.dijitCalendar tbody td:nth-child(1)
	{
	border-left: 1px solid #e0e0de;
}

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

.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: #fff;
	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: #fff;
}

.claro .sceCalendarPane .dijitCalendarDisabledDate .dijitCalendarDateLabel
	{
	color: #aaa;
	opacity: 0.7;
	text-decoration: none;
	border-color: #fff;
}

.claro .sceCalendarPane .dijitCalendarYearContainer {
	display: none;
}

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

.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: #fff;
}

.claro .sceCalendarPane .dijitCalendarDisabledDate.engiHideLabel {
	background-color: #fff;
}

.claro .sceCalendarPane .dijitCalendarDisabledDate.engiHideLabel .dijitCalendarDateLabel
	{
	color: #fff;
}

.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 {
	font-size: 1em;
	margin: 0;
}

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

.claro .sceCalendarPane .dijitCalendarSelectedDate .dijitCalendarDateLabel,
	.claro .sceCalendarPane .dijitCalendarSelectedDate.engiColoredDate .dijitCalendarDateLabel
	{
	background-color: #666;
	color: #fff;
	border: solid 1px #d6d6d4;
}

.claro .sceCalendarPane .dijitCalendarSelectedDate.dijitCalendarHoveredDate .dijitCalendarDateLabel,
	.claro .sceCalendarPane.dijitCalendarLite .dijitCalendarSelectedDate.dijitCalendarEnabledDate:hover .dijitCalendarDateLabel
	{
	background-color: #666;
	color: #fff;
	border: solid 1px #666;
	-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: transparent;
	border: solid 1px #666;
	-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: #fcf8ed;
	border: solid 1px #e0e0de;
}

.claro .sceCalendarPane .engiCalendarPreSelectedDate.dijitCalendarSelectedDate .dijitCalendarDateLabel,
	.claro .sceCalendarPane .engiCalendarPreSelectedDate.dijitCalendarSelectedDate.dijitCalendarHoveredDate .dijitCalendarDateLabel,
	.claro .sceCalendarPane.dijitCalendarLite .engiCalendarPreSelectedDate.dijitCalendarSelectedDate.dijitCalendarEnabledDate:hover .dijitCalendarDateLabel
	{
	background-color: #fcdc72;
	border-color: #b6b6b4;
}

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


.claro .dijitTooltip, .claro .dijitTooltipDialog {outline: none;}
.claro .sceMedium .dijitTooltipContainer {padding: 1rem;}

.claro .dijitTooltip .sceIconSmall {float: left; width: 16px; height: 16px; margin-right: 5px;}
.claro .dijitTooltip .sceIconGreen {color: var(--green);}

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

/* MOBILE */
.claro .sceMobilePopup {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	background: #fff;
	border-left: 1px solid #aaa;
	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 {
	background: #fefefe;
	border-bottom: 1px solid #d4d4d4;
}

.claro .sceMobilePopup .sceHead .sceButton .dijitButtonNode {
	padding: 10px 0 13px;
}

.claro .sceMobilePopup .sceHead .sceButton.sceWithoutIcon.scefl-l .dijitButtonNode
	{
	padding-left: 8px;
}

.claro .sceMobilePopup .sceHead .sceButton.sceWithoutIcon.scefl-r .dijitButtonNode
	{
	padding-right: 8px;
}

.claro .sceMobilePopup .sceHead .sceButton i.material-icons-outlined {
	font-size: 18px;
	margin: 0;
	top: 0;
	left: 2px;
	font-weight: bold;
	vertical-align: bottom;
}

.claro .sceMobilePopup .sceContainerCaption .sceCaption {
	text-align: center;
	font-weight: bold;
	margin: 0 76px;
	padding: 14px 0;
	white-space: normal;
	line-height: 1.25em;
	text-overflow: ellipsis;
	overflow: hidden
}

.claro .sceMobilePopup .sceContainerCaption .sceCaption .material-icons-outlined
	{
	display: none;
}

.claro .sceMobilePopup .sceContainerCaption .sceCaption.sceMultiline {
	white-space: normal;
}

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

.claro .sceMobilePopup .sceContainerSearch {
	background-color: #d4d4d4;
	padding: 4px 4px;
}

.claro .sceMobilePopup .sceContainerSearch .dijitTextBox {
	border: none;
}

.claro .sceMobilePopup .sceContainerSearch .dijitTextBox .dijitInputField
	{
	padding: 6px 4px;
}

.claro .sceMobilePopup .sceContainerSearch .dijitTextBox .material-icons-outlined
	{
	position: relative;
	top: 2px;
	font-size: 18px;
}

.claro .sceMobilePopup .engiContainerActions {
	clear: both;
	text-align: center;
}

.claro .sceMobilePopup .sceContainerList {
	padding: 0;
	width: 100%;
}

.claro .sceMobilePopup .sceContainerList .dgrid {
	border: none;
	width: 100%;
}

.claro .sceMobilePopup .dgrid .dgrid-row {
	position: relative;
	padding: 16px 0 0 16px;
}

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

.claro .sceMobilePopup .dgrid .sceItem {
	padding: 0 8px 16px 0;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

.claro .sceMobilePopup .dgrid .dgrid-selected.sceRowWithSelect .sceItem
	{
	color: #666;
}

.claro .sceMobilePopup .dgrid .dgrid-row.sceRowWithCheck .sceItem {
	padding-left: 24px;
}

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

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

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

.claro .sceMobilePopup .dgrid .sceSelect .material-icons-outlined {
	font-size: 17px;
	font-weight: bold;
}

.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 {
	position: absolute;
	left: 16px;
}

.claro .sceMobilePopup .dgrid-row .sceCheckNode .material-icons-outlined
	{
	font-size: 18px;
	width: 18px;
}

.claro .sceMobilePopup .sceCheckNode .sceUnchecked {
	color: #aaa;
}

.claro .sceMobilePopup .dgrid-row .sceCheckNode .sceChecked {
	display: none;
}

.claro .sceMobilePopup .dgrid-selected .sceCheckNode .sceChecked {
	display: inline-block;
}

.claro .sceMobilePopup .dgrid-selected .sceCheckNode .sceUnchecked {
	display: none;
}


.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%;
	border: none;
	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 #d6d6d4;
}

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

.claro .sceMobilePopup .sceCalendarPane .dijitCalendarMonthLabel {
	text-transform: uppercase;
	font-weight: normal;
	color: #666;
}

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


*/

/* CUSTOM MODELS */

.claro .sceUserImage, .claro .sceUserIcon {
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.claro .sceUserImage.sceMedium {
	width: 3.125rem;
	height: auto;
}
.claro .sceUserImage.sceLarge {
	width: 4rem;
	height: 4rem;
}
.claro .sceUserIcon {
	text-align: center;
}
.claro .sceUserIcon.sceMedium {
	font-size: 2rem;
	line-height: 2.9rem;
	width: 3.125rem;
	height: 3.125rem;
}
.claro .sceUserIcon.sceLarge {
	font-size: 2.75rem;
	line-height: 3.75rem;
	width: 4rem;
	height: 4rem;
}
.claro .sceUserIcon.sceWhite {
	color: #fff;
	background-color: rgba(255, 255, 255, .15);
}
.claro .sceUserIcon.sceBlue {
	color: #666;
	background-color: rgba(0, 0, 0, .05);
}


.claro .sceBoxContacts {
	display: block;
	max-width: 360px;
}
.claro .sceBoxContacts .sceSocialView {margin-top: 0.375rem;}
.claro .sceBoxContacts .sceBoxButtons {padding: .75rem 6px;}


.claro .scePriority {
	font-size: 11px;
	font-weight: normal;
	color: #ccc;
	letter-spacing: -6px;
	margin-right: .5rem;
	vertical-align: text-bottom;
	position: relative;
	top: -2px;
	left: -3px;
}
.claro .scePriority.sceLevel1 span:nth-child(1), .claro .scePriority.sceLevel2 span:nth-child(1), .claro .scePriority.sceLevel3 span:nth-child(1) {color: #ef549d;}
.claro .scePriority.sceLevel2 span:nth-child(2), .claro .scePriority.sceLevel3 span:nth-child(2) {color: #ef549d;}
.claro .scePriority.sceLevel3 span:nth-child(3) {color: #ef549d;}

.claro .sceRegStatusActive,
.claro .sceRegStatusPending,
.claro .sceRegStatusRemoved {
	padding: .375rem 0;
	width: 80px;
	font-size: .75rem;
	font-weight: 400;
	text-align: center;
	border-radius: 4px;
}
.claro .sceRegStatusActive {
	background-color: rgba(29, 201, 183, .09);
	color: var(--green);
}
.claro .sceRegStatusPending {
	background-color: rgba(255, 194, 65, .14);
	color: #e49c05;
}
.claro .sceRegStatusRemoved {
	background-color: rgba(253, 57, 149, .09);
	color: #fd3995;
}

.claro .sceUserStatusGreen,
.claro .sceUserStatusBlue,
.claro .sceUserStatusRed,
.claro .sceUserStatusPurple,
.claro .sceUserStatusYellow {
	padding: .375rem 0;
	display: block;
	font-size: .75rem;
	font-weight: 400;
	text-align: center;
	border-radius: 4px;
}
.claro .sceUserStatusGreen {
	background-color: rgba(29, 201, 183, .09);
	color: var(--green);
}
.claro .sceUserStatusBlue {
	background-color: rgba(33, 150, 243, .09);
	color: var(--blue);
}
.claro .sceUserStatusRed {
	background-color: rgba(253, 57, 149, .09);
	color: #ef549d;
}
.claro .sceUserStatusPurple {
	background-color: rgba(149, 57, 253, .09);
	color: #af68f7;
}
.claro .sceUserStatusYellow {
	background-color: rgba(255, 194, 65, .14);
	color: #e49c05;
}


.claro .sceBtnProjectCard {
	display: block;
	margin-bottom: 1rem;
}
.claro .sceBtnProjectCard:last-child {
	margin-bottom: 0;
}
.claro .sceBtnProjectCard .dijitButtonNode {
	padding: 0;
	border-color: #dee2e6;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.claro .sceProjectCard {
	text-align: left;
}
.claro .sceProjectCard .sceTradeName {
	font-size: 1rem;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 2px;
}
.claro .sceProjectCard .sceLocation {
	font-size: .75rem;
	white-space: nowrap;
}
.claro .sceProjectCard .sceProjectImage {
	width: 100%;
	height: 200px;
	object-fit: cover;
}
.claro .sceProjectCard .sceLayerTopImage {
	position: absolute;
	top: 0;
	right: 0;
}
.claro .sceProjectCard .sceLayerImage {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.claro .sceProjectCard .sceModality {
	float: left;
	color: #fff;
	font-weight: 300;
	margin: .75rem 0 0 .5rem;
}
.claro .sceProjectCard .sceRating,
.claro .sceProjectCard .sceInvestorBall {
	margin-right: .375rem;
}
.claro .sceProjectCard .sceBoxPromotorLogo {
	height: 40px;
	padding: .75rem 0;
	text-align: center;
}
.claro .sceProjectCard .scePromotorLogo {
	max-width: 250px;
	max-height: 40px;
	margin-right: .75rem;
}
.claro .sceProjectCard hr {
	margin: 0 1rem;
}
.claro .sceProjectCard .sceBoxPadding {
	padding: 1rem 1.5rem;
}
.claro .sceProjectCard .sceHorzBar {
	margin-bottom: .3125rem;
}
.claro .sceProjectCard .sceBoxVAlign * {
	display: inline-block;
	vertical-align: baseline;
}
.claro .sceProjectCard .sceBoxVAlign .material-icons-outlined {
	position: relative;
	top: -1px;
	font-size: 1.125rem;
	margin-right: .25rem;
	vertical-align: bottom;
}
.claro .sceProjectCard .sceReachedPercent {
	position: relative;
	top: -1px;
	margin-left: .25rem;
}


.claro .sceProjectStatusGray,
.claro .sceProjectStatusBlue,
.claro .sceProjectStatusRed {
	padding: .375rem 0;
	width: 94px;
	border-radius: 4px;
}
.claro .sceProjectStatusGray {
	background-color: rgba(64, 64, 64, .09);
	color: #838383;
}
.claro .sceProjectStatusBlue {
	background-color: rgba(33, 150, 243, .09);
	color: var(--blue);
}
.claro .sceProjectStatusRed {
	background-color: rgba(253, 57, 149, .09);
	color: #ef549d;
}

.claro .sceProfileStatusGray,
.claro .sceProfileStatusLGray,
.claro .sceProfileStatusBlue {
	padding: .375rem 0;
	margin: .375rem 0;
}
.claro .sceProfileStatusGray {
	background-color: rgba(64, 64, 64, .09);
}
.claro .sceProfileStatusLGray {
	background-color: #f2f4f5;
}
.claro .sceProfileStatusBlue {
	background-color: rgba(33, 150, 243, .09);
}


.claro .sceFieldBall {min-width: 48px; height: 48px; outline: none;}
.claro .sceFieldBall .dijitSelectLabel, .claro .sceFieldBall .dijitValidationTextBox .dijitValidationContainer {padding: 4px 0;}
.claro .scePopupBall .dijitMenuItem td {padding: 6px 12px;}

.claro .sceInvestorBall {
	display: inline-block;
	-moz-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
	text-align: right;
	font-size: 5px;
	font-weight: bold;
	line-height: 0.9;
	padding: 0.75rem .25rem 0 0;
	color: #fff;
	width: 2.5rem;
	height: 2.5rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.claro .sceInvestorBall.sceInvestorBallMedium {
	width: 2.25rem;
	height: 2.25rem;
	padding-top: .75rem;
}
.claro .sceInvestorBall.sceInvestorBallSmall {
	font-size: 4px;
	padding-top: .5625rem;
	padding-right: .1875rem;
	width: 1.75rem;
	height: 1.75rem;
}

.claro .scePopupBall .sceInvestorBall,
.claro .sceFieldBall .sceInvestorBall {margin-right: 5px;}

.claro .sceInvestorBall.sceLifeBetter {
	background: radial-gradient(circle at 75% 50%, #fad2d0 0, #fa7268 100%);
}

.claro .sceInvestorBall.sceBeBalanced {
	background: radial-gradient(circle at 75% 50%, #aae8e8 0, #5ac4c4 100%);
}

.claro .sceInvestorBall.sceThinkBig {
	background: radial-gradient(circle at 75% 50%, #a3e2ff 0, #53aeff 100%);
}

.claro .sceInvestorBall .sceLine {
	margin: .135rem 0 0 auto;
	width: 38%;
	height: 1px;
	background: rgba(255, 255, 255, 0.2)
}

.claro .sceLabelValue.sceCountry {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	-moz-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.claro .sceLabelValue.sceCountry.sceMedium {
	width: 2.5rem;
	height: 2.5rem;
	border: 1px solid rgba(0, 68, 129, .5);
}
.claro .sceLabelValue.sceCountry.sceSmall {
	width: 2.25rem;
	height: 2.25rem;
	border: 1px solid rgba(0, 68, 129, .5);
}

.claro .scePopupRating {max-width: 174px; padding: 6px;}
.claro .scePopupRating .dijitMenuItem {display: inline-block;}
.claro .scePopupRating .dijitMenuItem td {padding: 4px;}
.claro .scePopupRating.sceOrigRatingSmall .dijitMenuItem td {padding: 2px;}
.claro .scePopupRating .dijitMenuItem .sceRating {margin: 0;}
.claro .scePopupRating .sceText {display: inline-block; padding-left: 5px; width: 100px;}

.claro .sceFieldRating {width: 40px; height: 48px; margin-right: 12px; outline: none;}
.claro .sceFieldRating .dijitSelectLabel, .claro .sceFieldRating .dijitValidationTextBox .dijitValidationContainer {padding: 4px 0;}
.claro .sceFieldRating .sceText {display: none;}

.claro .sceRating,
.claro .dijitSelect .sceRating {
	display: inline-block;
	color: #fff;
	padding: 0;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 2;
	text-align: center;
	-moz-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
	width: 2.5rem;
	height: 2.5rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.claro .sceRating.sceRatingMedium {
	font-size: 1.125rem;
	line-height: 2.25rem;
	width: 2.25rem;
	height: 2.25rem;
}

.claro .sceRating.sceRatingSmall {
	font-size: .8125rem;
	line-height: 1.75rem;
	width: 1.75rem;
	height: 1.75rem;
}

.claro .sceRatingA1 {background: #1f4e79;}
.claro .sceRatingA2 {background: #2e75b6;}
.claro .sceRatingA3 {background: #9Dc3e6;}
.claro .sceRatingB1 {background: #385723;}
.claro .sceRatingB2 {background: #548235;}
.claro .sceRatingB3 {background: #a9d18e;}
.claro .sceRatingC1 {background: #7f6000;}
.claro .sceRatingC2 {background: #bf9000;}
.claro .sceRatingC3 {background: #ffd966;}
.claro .sceRatingD1 {background: #c55a11;}
.claro .sceRatingD2 {background: #ffa159;}
.claro .sceRatingD3 {background: #f4B183;}
.claro .sceRatingE1 {background: #ff0000;}
.claro .sceRatingE2 {background: #ff7e79;}
.claro .sceRatingE3 {background: #ffbebc;}

.claro .sceFieldRating.sceOrigFieldRating {width: 36px; height: 36px; margin-right: 0;}
.claro .sceOrigRating,
.claro .dijitSelect .sceOrigRating {
	display: inline-block;
	color: #fff;
	padding: 0;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 2.5rem;
	text-align: center;
	vertical-align: middle;
	width: 2.5rem;
	height: 2.5rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.claro .sceOrigRating.sceOrigRatingMedium {
	font-size: 1.125rem;
	line-height: 2rem;
	width: 2rem;
	height: 2rem;
}
.claro .sceOrigRating.sceOrigRatingSmall, .claro .sceOrigRatingSmall .sceOrigRating {
	font-size: 1rem;
	line-height: 1.5rem;
	width: 1.5rem;
	height: 1.5rem;
}
.claro .sceOrigRatingNone {border: 2px dashed var(--border);}
.claro .sceOrigRatingAP {background: rgb(121,220,1);}
.claro .sceOrigRatingA {background: rgb(152,223,0);}
.claro .sceOrigRatingAM {background: rgb(179,222,14);}
.claro .sceOrigRatingBP {background: rgb(204,230,2);}
.claro .sceOrigRatingB {background: rgb(233,234,4);}
.claro .sceOrigRatingBM {background: rgb(253,241,17);}
.claro .sceOrigRatingCP {background: rgb(245,204,7);}
.claro .sceOrigRatingC {background: rgb(246,169,13);}
.claro .sceOrigRatingCM {background: rgb(247,117,15);}
.claro .sceOrigRatingD {background: rgb(239,68,5);}

.claro .sceDiversification-bajo,
.claro .sceDiversification-medio,
.claro .sceDiversification-alto {text-transform: uppercase; padding: 7px 2rem;}
.claro .sceDiversification-bajo {background-color: rgba(253, 57, 149, .09);}
.claro .sceDiversification-medio {background-color: rgba(255, 194, 65, .14);}
.claro .sceDiversification-alto {background-color: rgba(29, 201, 183, .09);}

.claro .sceBackUser {
	background: url(./img/back-user.png) no-repeat;
	background-size: cover;
}
.claro .sceBackCompany {
	background: url(./img/back-company.png) no-repeat;
	background-size: cover;
}
.claro .sceBackProfilePrivate {
	background: url(./img/back-profile-private.png) no-repeat;
	background-size: cover;
}
.claro .sceBackProfileCompany {
	background: url(./img/back-profile-company.png) no-repeat;
	background-size: cover;
}

.claro .sceBackWalletPrivate {
	background: url(./img/back-wallet-private.png) no-repeat;
	background-size: cover;
}
.claro .sceBackWalletCompany {
	background: url(./img/back-wallet-company.png) no-repeat;
	background-size: cover;
}

.claro .sceBoxProfileLarge, .claro .sceBoxWalletLarge {
	position: relative;
	width: 100%;
	max-width: 400px;
	height: 216px;
	padding: 1rem 1.5rem;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.3;
	text-align: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.claro .sceGrid .sceBoxProfileLarge {
	margin-bottom: 16px;
	vertical-align: top;
}
.claro .sceBoxProfileLarge.sceOneCard {
	display: none;
}
.claro .sceBoxProfileLarge .sceBoxLogo {height: 42px; overflow: hidden;}
.claro .sceBoxProfileLarge img {float: right; max-width: 160px; max-height: 40px;}
.claro .sceBoxProfileLarge .sceLabelValue.sceLarge {position: absolute; left: 1rem; bottom: 1rem;}
.claro .sceBoxProfileLarge .sceInactive {display: inline-block; background: #fff; padding: .375rem 1rem; margin-bottom: .375rem; -moz-border-radius: 4px; border-radius: 4px;}
.claro .sceBoxProfileLarge .sceBoxName {font-size: 1rem; color: #fff; text-transform: uppercase; font-weight: 500;}
.claro .sceBoxProfileLarge .sceBoxText {font-size: 1rem; color: #fff; font-weight: 300;}
.claro .sceBoxProfileLarge .sceBoxAccount {font-size: 1rem; color: #fff; font-weight: 500;}
.claro .sceBoxProfileLarge .sceBoxAccreditation {
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1.47;
}
.claro .sceBoxProfileLarge .sceBoxPhone {
	color: #fff;
	text-align: right;
	font-weight: 300;
	line-height: 1.47;
	position: absolute;
	right: 1.5rem;
	bottom: 1.25rem;
}

.claro .sceBoxProfileSmall, .claro .sceBoxWalletSmall {
	position: relative;
	width: 200px;
	height: 108px;
	padding: .5rem .75rem;
	line-height: 1.3;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.claro .sceBoxProfileSmall .sceBoxLogo {
	height: 21px;
	overflow: hidden;
}
.claro .sceBoxProfileSmall img {float: right; max-width: 80px; max-height: 20px;}
.claro .sceBoxProfileSmall .sceBoxName {
	color: #fff;
	font-size: .5rem;
	font-weight: 400;
	text-transform: uppercase;
}
.claro .sceBoxProfileSmall .sceBoxText {
	color: #fff;
	font-size: .5rem;
	font-weight: 300;
}
.claro .sceBoxProfileSmall .sceBoxAccount {
	color: #fff;
	font-size: .5rem;
	font-weight: 400;
}
.claro .sceBoxProfileSmall .sceBoxAccreditation {
	color: #fff;
	font-size: .40625rem;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1.7;
}
.claro .sceBoxProfileSmall .sceLabelValue.sceSmall {
	position: absolute;
	left: .625rem;
	bottom: .75rem;
}

.claro .sceBoxProfileSmall .sceBoxPhone {
	color: #fff;
	text-align: right;
	font-size: .4375rem;
	font-weight: 300;
	line-height: 1.6;
	position: absolute;
	right: .75rem;
	bottom: .625rem;
}
.claro .sceBoxProfileSmall .sceInactive {display: inline-block; background: #fff; font-size: .4375rem; padding: .125rem .3125rem; margin-bottom: .125rem; -moz-border-radius: 2px; border-radius: 2px;}

.claro .sceBoxProfileData {margin: .75rem 0 0 0;}


.claro .sceBoxWalletLarge .sceBoxLogo {height: 42px; overflow: hidden; margin-top: 2px;}
.claro .sceBoxWalletLarge img {max-width: 160px; max-height: 40px;}
.claro .sceBoxWalletLarge .sceLabelWallet {float: right; font-size: .75rem; font-weight: 300; color: #fff;}
.claro .sceBoxWalletSmall .sceWalletId {font-size: .5rem; font-weight: 300; color: #fff; letter-spacing: .6px;}
.claro .sceBoxWalletLarge .sceIconWallet {
	width: 28px;
	height: 28px;
	background: url(./img/icon-contactless.png) no-repeat;
	background-size: cover;
	margin-bottom: 40px;
}
.claro .sceBoxWalletLarge .sceWalletId {font-size: 1rem; font-weight: 300; color: #fff; letter-spacing: 1.2px;}
.claro .sceBoxWalletLarge .sceName {
	position: absolute;
	left: 1.5rem;
	bottom: 1.5rem;
	font-size: .9375rem;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
}
.claro .sceBoxWalletLarge .sceIconPayArea {
	position: absolute;
	right: 1.25rem;
	bottom: 1.25rem;
	width: 32px;
	height: 32px;
	background: url(./img/payarea-p-white.png) no-repeat;
	background-size: cover;
}


.claro .sceBoxWalletSmall .sceBoxLogo {height: 21px; overflow: hidden;}
.claro .sceBoxWalletSmall img {max-width: 80px; max-height: 20px;}
.claro .sceBoxWalletSmall .sceLabelWallet {float: right; font-size: .375rem; font-weight: 300; color: #fff;}
.claro .sceBoxWalletSmall .sceIconWallet {
	width: 14px;
	height: 14px;
	background: url(./img/icon-contactless.png) no-repeat;
	background-size: cover;
	margin-bottom: 21px;
}
.claro .sceBoxWalletSmall .sceWalletId {font-size: .5rem; font-weight: 300; color: #fff; letter-spacing: .6px;}
.claro .sceBoxWalletSmall .sceName {
	position: absolute;
	left: 12px;
	bottom: 14px;
	font-size: .40625rem;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
}
.claro .sceBoxWalletSmall .sceIconPayArea {
	position: absolute;
	right: 12px;
	bottom: 12px;
	width: 16px;
	height: 16px;
	background: url(./img/payarea-p-white.png) no-repeat;
	background-size: cover;
}

.claro .sceBoxWalletData {margin: .75rem 0 0 0;}
.claro .sceBoxWalletRData {float: right; text-align: right; margin: 4.75rem 0 0 0;}
.claro .sceBoxWalletFormRData {float: right; text-align: right; margin: .75rem 0 0 0;}

.claro .sceBoxImageInfo {
	padding: 2rem 1rem;
	background-repeat: no-repeat;
	background-position: 1rem 2rem;
	background-size: 110px;
}
.claro .sceBoxImageInfo.sceImageWalletPane {
	background-image: url("./img/Panel de tu wallet.svg");
}
.claro .sceBoxImageInfo.sceImageSimulator {
	background-image: url("./img/Tu dinero podría darte más.svg");
}
.claro .sceBoxImageInfo.sceImageInvestments {
	background-image: url("./img/Mis inversiones.jpg");
}
.claro .sceBoxImageInfo .sceTextPane {
	margin-left: 122px;
}


.claro .sceBoxQuestions {font-weight: 300;}
.claro .sceBoxQuestions .material-icons-outlined {
	font-size: 20px;
	vertical-align: bottom;
	margin-right: 1rem;
	opacity: .8;
}
.claro .sceBoxQuestions .material-icons-outlined.sceArrow {
	float: right;
	font-size: 16px;
	position: relative;
	top: 3px;
	vertical-align: bottom;
	margin-right: 1rem;
	opacity: .7;
}
.claro .sceBoxQuestions a {
	display: block;
	padding: 1.5rem 0;
}
.claro.sceNoTouch .sceBoxQuestions a:hover {
	text-decoration: underline;
}


.claro .sceBreadcrumbTabs {
	list-style: none;
	margin: 0;
	padding: 0;
}
.claro .sceBreadcrumbTabs li {
	position: relative;
	top: 1px;
	display: inline-block;
	background-color: #666;
	color: #fff;
	padding: .375rem 1rem;
	margin: 0 .5rem .5rem 0;
	line-height: normal;
	vertical-align: bottom;
}
.claro .sceBreadcrumbTabs li.sceSelected,
.claro .sceBreadcrumbTabs li:last-child {
	display: block;
	position: relative;
	top: 1px;
	padding: .75rem 1rem .375rem 1rem;
	margin: 0;
	border: 1px solid var(--border);
	border-bottom: none;
	background-color: #fff;
	color: var(--blue);
}
.claro .sceBreadcrumbTabs li a {
	color: #fff;
}

.claro .sceBreadcrumbTabs li.sceHasButton {padding: 0;}
.claro .sceBreadcrumbTabs li .dijitButtonNode {
	background-color: #666;
	color: #fff;
	padding: .375rem 1rem;
	border-radius: 0;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.claro .sceBreadcrumbTabs li .dijitButtonText {display: block;}

.claro .sceBreadcrumbArrow {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	border-radius: 4px;
}

.claro .sceBreadcrumbArrow li {
	font-size: .8125rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.claro .sceBreadcrumbArrow li span {
	position: relative;
	display: inline-block;
	height: 2.5em;
	line-height: 2.5em;
	padding: 0 10px 0 5px;
	text-align: center;
	margin-right: 22px;
	background-color: #838383;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.claro .sceBreadcrumbArrow li span:before,
.claro .sceBreadcrumbArrow li span:after {
	content: "";
	position: absolute;
	top: 0;
	border: 0 solid #838383;
	border-width: 1.25em 10px;
	width: 0;
	height: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.claro .sceBreadcrumbArrow li span:before {
	left: -20px;
	border-left-color: transparent;
}

.claro .sceBreadcrumbArrow li span:after {
	left: 100%;
	border-color: transparent;
	border-left-color: #838383;
}

.claro .sceBreadcrumbArrow li:first-child span {
	padding-left: .938em;
	border-radius: 4px 0 0 4px;
}

.claro .sceBreadcrumbArrow li:first-child span:before {
	border: none;
}

.claro .sceBreadcrumbArrow li:last-child span {
	padding-right: .938em;
	border-radius: 0 4px 4px 0;
}

.claro .sceBreadcrumbArrow li:last-child span:after {
	border: none;
}

.claro .sceBreadcrumbArrow li:last-child {
	font-weight: 500;
	opacity: .5;
}


.claro .sceBreadcrumbArrow.sceTheme li span {
	background-color: #666;
}
.claro .sceBreadcrumbArrow.sceTheme li span:before,
.claro .sceBreadcrumbArrow.sceTheme li span:after {
	border-color: #666;
}
.claro .sceBreadcrumbArrow.sceTheme li span:before {
	border-left-color: transparent;
}
.claro .sceBreadcrumbArrow.sceTheme li span:after {
	border-color: transparent;
	border-left-color: #666;
}
.claro .sceBreadcrumbArrow.sceTheme li:first-child span:before {
	border: none;
}
.claro .sceBreadcrumbArrow.sceTheme li:last-child span:after {
	border: none;
}


.claro .sceFilterTabs {
	list-style: none;
	margin: 0;
	padding: 0;
}
.claro .sceFilterTabs li {
	position: relative;
	top: 1px;
	display: inline-block;
	margin: 0 .5rem 0 0;
	vertical-align: bottom;
	font-weight: 400;
	color: #fff;
	background-color: #a0c0e0;
	padding: .375rem 1rem;
	cursor: pointer;
}
.claro .sceFilterTabs li:last-child {
	margin-right: 0;
}
.claro .sceFilterTabs li.sceTheme {
	background-color: #666;
	color: #fff;
	padding: .375rem 1rem;
	font-weight: 300;
	cursor: default;
}

.claro .sceFilterTabs li.sceSelected {
	padding: .5625rem 1rem .375rem 1rem;
	border: 1px solid var(--border);
	border-bottom: none;
	background-color: #fff;
	color: var(--blue);
	cursor: default;
}

.claro .sceFilterTabs li.sceHasButton {padding: 0;}
.claro .sceFilterTabs li .dijitButtonNode {
	background-color: #666;
	color: #fff;
	padding: .375rem 1rem;
	border-radius: 0;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


.claro .scePayAreaColor {
	width: 80px;
	height: 70px;
	background: url(./img/payarea-color.png) no-repeat;
	background-size: contain;
}

.claro .sceGoogleMapsColor {
	width: 80px;
	height: 70px;
	background: url(./img/google-maps.png) no-repeat;
	background-size: contain;
}


/* MAP CONTROLLER */

.claro .sceMapBoxLSmall {
	float: left;
}
.claro .sceMapImageSmall {
	width: 100px;
	height: 66px;
	object-fit: cover;
	margin-bottom: .5rem;
}

.claro .sceMapBoxRSmall {
	margin-left: 116px;
}
.claro .sceMapFieldSmall {
	display: grid;
	grid-template-columns: 160px 1fr;
	line-height: 1.24;
}


.claro .sceMapLegend {
    background: #fff;
	font-size: .875rem;
	font-weight: 500;
    padding: 10px;
    margin: 10px 10px 0 10px;
    border: 1px solid var(--theme);
	display: none;
}
.claro .gm-style .sceMapLegend {
	display: block;
}
.claro .sceMapLegend .sceLegendItem.sceLegendItemMB {
	margin-bottom: 4px;
}
.claro .sceMapLegend img {
	vertical-align: middle;
	margin-right: 4px;
}


/* The popup bubble styling. */
.popup-bubble {
  /* Position the bubble centred-above its parent. */
  position: absolute;
  top: 30px;
  left: 0;
  transform: translate(-50%, -100%);
  /* Style the bubble. */
  background-color: white;
  padding: 1px 5px;
  border-radius: 5px;
  overflow-y: auto;
  max-height: 60px;
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.4);
}

/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor {
  /* Position the div a fixed distance above the tip. */
  position: absolute;
  width: 100%;
  bottom: 8px;
  left: 0;
}

/* This element draws the tip. */
.popup-bubble-anchor::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  /* Center the tip horizontally. */
  transform: translate(-50%, 0);
  /* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
  width: 0;
  height: 0;
  /* The tip is 8px high, and 12px wide. */
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid white;
}

/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container {
  cursor: inherit;
  height: 0;
  position: absolute;
  /* The max width of the info window. */
  width: 200px;
}


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

/* RESPONSIVE DISPLAY */
.claro .scedi-n {
	display: none !important;
}
.claro .scedi-b {
	display: block !important;
}
.claro .scedi-ib {
	display: inline-block !important;
}

/* RESPONSIVE FLOAT */
.claro .scefl-l {
	float: left;
}
.claro .scefl-r {
	float: right;
}

.claro .scelh-1 {line-height: 1;}
.claro .scelh-n {line-height: normal;}
.claro .scelh-s {line-height: 1.24;}
.claro .scelh-m {line-height: 1.47;}
.claro .scelh-l {line-height: 1.76;}

/* RESPONSIVE FONT SIZE */
.claro .scefw-l, .claro .scefw-l .dijitSelectLabel, .claro .dijitTextBox.scefw-l .dijitInputInner,
.claro .sceLabelValue.scefw-l .sceTextLabel, .claro .sceTranslationText.scefw-l textarea {
	font-weight: 300;
}

.claro .scefw-n, .claro .scefw-n .dijitSelectLabel, .claro .dijitTextBox.scefw-n .dijitInputInner,
.claro .sceLabelValue.scefw-n .sceTextLabel, .scePhoneTextBox.scefw-n input {
	font-weight: 400;
}

.claro .scefw-b, .claro .scefw-b .dijitSelectLabel, .claro .dijitTextBox.scefw-b .dijitInputInner,
.claro .sceLabelValue.scefw-b .sceTextLabel {
	font-weight: 500;
}

.claro .scefw-x, .claro .scefw-x .dijitSelectLabel, .claro .dijitTextBox.scefw-x .dijitInputInner,
.claro .sceLabelValue.scefw-x .sceTextLabel {
	font-weight: 700;
}

.claro .scefs-d {font-size: .6875rem;}
.claro .scefs-n, .claro .scefs-nb {
	font-size: .75rem;
}

.claro .scefs-s, .claro .scefs-sb {
	font-size: .8125rem;
}

.claro .scefs-m, .claro .scefs-mb {
	font-size: .875rem;
}

.claro .scefs-l, .claro .scefs-lb {
	font-size: .9375rem;
}

.claro .scefs-x, .claro .scefs-xb {
	font-size: 1rem;
}
.claro .scefs-x2, .claro .scefs-x2b {
	font-size: 1.0625rem;
}

.claro .scefs-g, .claro .scefs-gb {
	font-size: 1.1875rem;
}
.claro .scefs-g2, .claro .scefs-g2b {
	font-size: 1.375rem;
}
.claro .scefs-g3, .claro .scefs-g3b {
	font-size: 1.4375rem;
}
.claro .scefs-g4, .claro .scefs-g4b {
	font-size: 1.5625rem;
}

.claro .scefs-b, .claro .scefs-bb {
	font-size: 1.6875rem;
}
.claro .scefs-b6, .claro .scefs-b6b {
	font-size: 2.6875rem;
}


.claro .scefs-nb, .claro .scefs-sb, .claro .scefs-mb, .claro .scefs-lb,
	.claro .scefs-xb, .claro .scefs-gb, .scefs-g2b, .claro .scefs-bb {
	font-weight: 500;
}

.claro .sceis-s {width: 16px; height: 16px;}
.claro .sceis-s2 {width: 18px; height: 18px;}
.claro .sceis-m {width: 20px; height: 20px;}
.claro .sceis-m2 {width: 24px; height: 24px;}
.claro .sceis-l {width: 28px; height: 28px;}
.claro .sceis-l2 {width: 32px; height: 32px;}
.claro .sceis-x {width: 38px; height: 38px;}


/* RESPONSIVE FONT ICON */
.claro .scefi-n {
	font-size: 10px;
}

.claro .scefi-s {
	font-size: 14px;
}

.claro .scefi-m {
	font-size: 20px;
}

.claro .scefi-m2 {
	font-size: 24px;
}

.claro .scefi-l {
	font-size: 28px;
}

.claro .scefi-x {
	font-size: 38px;
}

.claro .scefi-b {
	font-size: 48px;
}


/* RESPONSIVE TEXTALIGN */
.claro .sceta-l, .claro .sceta-l .dijitInputInner, .claro .sceta-l .dijitPlaceHolder, .claro .dijitCurrencyTextBox.sceta-l .dijitPlaceHolder {
	text-align: left;
}
.claro .sceta-r, .claro .sceta-r .dijitInputInner, .claro .sceta-r .dijitPlaceHolder, .claro .dijitCurrencyTextBox .dijitPlaceHolder {
	text-align: right;
}
.claro .sceta-c, .claro .sceta-c .dijitInputInner, .claro .sceta-c .dijitPlaceHolder, .claro .dijitCurrencyTextBox.sceta-c .dijitPlaceHolder {
	text-align: center;
}
.claro .dijitCurrencyTextBox .dijitPlaceHolder,
.claro .sceta-r .dijitPlaceHolder,
.claro .sceta-c .dijitPlaceHolder {
	width: 100%;
	color: #aaa;
	-webkit-text-fill-color: #aaa;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


.claro .intl-tel-input input::-webkit-input-placeholder,
.claro  textarea.dijitTextArea::-webkit-input-placeholder { /* WebKit browsers */
  color: #aaa;
   opacity:  1;
   font-weight: 300;
}
.claro .intl-tel-input input:-moz-placeholder,
.claro textarea.dijitTextArea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #aaa;
   opacity:  1;
   font-weight: 300;
}
.claro .intl-tel-input input::-moz-placeholder,
.claro textarea.dijitTextArea::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #aaa;
   opacity:  1;
   font-weight: 300;
}
.claro .intl-tel-input input:-ms-input-placeholder,
.claro textarea.dijitTextArea:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #aaa;
   opacity:  1;
   font-weight: 300;
}
.claro .intl-tel-input input::placeholder,
.claro textarea::placeholder {
  color: #aaa;  
   opacity:  1;
   font-weight: 300;
}



/* RESPONSIVE MARGIN */
.claro .scemb-d {
	margin-bottom: 3px;
}

.claro .scemb-n {
	margin-bottom: 6px;
}

.claro .scemb-s {
	margin-bottom: 12px;
}

.claro .scemb-r {
	margin-bottom: 14px;
}

.claro .scemb-m {
	margin-bottom: 16px;
}

.claro .scemb-l {
	margin-bottom: 24px;
}

.claro .scemb-x {
	margin-bottom: 32px;
}

.claro .scemb-b {
	margin-bottom: 48px;
}

/* RESPONSIVE PADDING */
.claro .scepa-n {
	padding: 6px;
}

.claro .scepa-s {
	padding: 12px;
}

.claro .scepa-m {
	padding: 1rem;
}

.claro .scepa-l {
	padding: 24px;
}

.claro .scepa-x {
	padding: 32px;
}

.claro .scepa-b {
	padding: 48px;
}

.claro .scepa-form {
	padding: 1rem;
}

/* RESPONSIVE GRID */
.claro .sce1 {
	display: grid;
	grid-template-columns: 1fr;
}

.claro .sce2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.claro .sce2-33 {
	display: grid;
	grid-template-columns: 1fr 2fr;
}

.claro .sce2-21 {
	display: grid;
	grid-template-columns: 66% 1fr;
}

.claro .sce2-12 {
	display: grid;
	grid-template-columns: 34% 1fr;
}

.claro .sce3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.claro .sce4 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.claro .sce5 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.claro .scegg-n {
	grid-gap: 6px;
}

.claro .scegg-s {
	grid-gap: 12px;
}

.claro .scegg-m {
	grid-gap: 16px;
}

.claro .scegg-l {
	grid-gap: 24px;
}

.claro .scegg-x {
	grid-gap: 32px;
}

.claro .scegg-b {
	grid-gap: 48px;
}

.claro .sce2icon {
	position: relative;
}

.claro .sce2icon .sceBoxIcon .sceBoxResponsive {
	float: right;
	max-width: 140px;
	margin-top: .5rem;
}

.claro.sceTouch .sce2icon .sceBoxIcon .sceBoxResponsive {
	max-width: 160px;
}

.claro .sce2icon .sceBoxIcon .sceImage {
	float: left;
	margin-right: 4px;
}

.claro .sce2icon .sceBoxIcon .sceButtonUpload {
	position: relative;
	margin-right: 4px
}

.claro .sce2icon .sceBoxIcon .sceButtonUpload .dijitButtonNode {
	padding: 0;
	background: transparent;
	border-color: transparent;
}

.claro .sce2icon .sceBoxIcon .sceButtonUpload .dijitButtonHover .dijitButtonNode
	{
	border-color: #666;
}

.claro .sce2icon .sceBoxIcon .sceButtonUpload .material-icons-outlined {
	color: #666;
}

.claro .sce2icon .sceBoxIcon .sceButtonUpload img {
	object-fit: contain;
	object-position: left top;
}

.claro .sce2icon .sceBoxIcon .sceButtonUpload .dijitDisabled .material-icons-outlined
	{
	color: #aaa;
}

.claro .sce2icon .sceBoxIcon .sceButtonUpload .material-icons-outlined {
	font-size: 96px;
}

.claro .sce2icon.sceUseImage .sceBoxIcon .sceButtonUpload input[type="file"]
	{
	width: 98px;
}

.claro .sce2icon.sceUploadedBig img,
.claro .sce2icon.sceUseImage .sceBoxIcon .sceButtonUpload img {
	object-fit: contain;
	object-position: top;
}
.claro .sce2icon.sceUseImage .sceBoxIcon .sceButtonUpload img {
	width: 96px;
	height: 96px;
}
.claro .sce2icon.sceUploadedBig img {
	width: 150px;
	max-height: 96px;
}

.claro .sce2icon.sceUseBigImage .sceBoxIcon .sceButtonUpload input[type="file"] {
	width: 152px;
}

.claro .sce2icon.sceUseBigImage .sceBoxIcon .sceButtonUpload img, .claro .sce2icon.sceUseBigImage .sceBoxIcon .sceButtonUpload .sceIconBox {
	width: 150px;
	height: 96px;
}

.claro .sce2icon .sceIcon {
	float: left;
	display: block;
	position: relative;
	left: -2px;
	top: -7px;
	margin-right: 4px;
	font-size: 50px;
}

.claro .sceLangFlag {position: relative; top: 1px; display: inline-block; width: 16px; height: 11px; margin-right: 6px; background-repeat: no-repeat;}
.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 .sceLangFlag_ru {background-image: url("./img/lang-flags/ru.png");}
.claro .sceLangFlag_it {background-image: url("./img/lang-flags/it.png");}
.claro .sceLangFlag_ja {background-image: url("./img/lang-flags/ja.png");}

@media ( min-width : 350px) {
	.claro .sceBoxContacts .sceBoxButtons {padding: 1rem;}
	.claro .sceBoxContacts .sceBoxButtons .sceButton {width: 66px;}
}

@media ( min-width : 400px) {
	.claro .sceBreadCrumb {padding-left: 1rem; padding-right: 1rem;}
	.claro .sceBoxImageInfo {
		padding: 2.5rem 2rem;
		background-size: 160px;
	}
	.claro .sceBoxImageInfo .sceTextPane {
		margin-left: 172px;
	}
	.claro .sceButtonUpload.sceDocument .sceIconBox,
	.claro .sceButtonUpload.sceDocument img {
		width: 220px;
	}
	.claro .sceButtonUpload.sceDocument .dijitUploader .dijitButtonNode {
		padding: .75rem 2rem;
	}

	.claro .sceBoxProfileLarge.sceOneCard {display: block; margin-left: 0; margin-right: 0;}
	.claro .sceBoxContacts {
		margin: .5rem;
	}
	.claro .sceBoxContacts .sceBoxButtons .sceButton:nth-child(2) {margin-right: 6px;}
}

@media ( min-width : 500px) {
	.claro .sceTopbar .sceBoxApps {display: inline-block;}
	
	.claro .sceSceneContent.scepa-grid {padding: 1rem;}

	.claro .dgrid-header .dgrid-cell.waction,
	.claro .dgrid-header .dgrid-cell.waction1 {
		background-color: var(--body);
	}
	.claro .dgrid-pagination {
		margin-left: 0;
		margin-right: 0;
	}
	.claro .sceGridActionsTop {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.claro .sceGridFiltersBox {
		justify-content: space-between;
		margin-left: 8px;
	}

	.claro .sceGridFiltersBox > table,
	.claro .sceGridFiltersBox > div {
		max-width: 49%;
	}

	.claro .sceGridActionsTop .sceSearchButton {
		margin-left: 8px;
		min-height: 100%;
	}

	.claro .sceGridActionsTop .sceSearchButton .dijitButtonNode {
		height: 100%;
		align-items: center;
		display: flex;
		justify-content: center;
	}

	.claro .sceActionRespN .dgrid-cell.waction {
		width: 80px;
		padding-left: 9px;
		text-align: left;
	}

	.claro .sceLabeledHorzBar.sceLabel3 {grid-template-columns: 120px 1fr 42px;}
	.claro .sceLabeledHorzBar .sceLeftLabel {padding-right: 1.5rem;}

	.claro .scedinn {
		display: none !important;
	}
	.claro .scedinb {
		display: block !important;
	}
	.claro .scedini {
		display: inline !important;
	}
	.claro .scedinib {
		display: inline-block !important;
	}
	.claro .scedinc {
		display: table-cell !important;
	}

	.claro .sceMultilineIconRight {display: inline-block;}
	.claro .sceMultilineIconRight .dijitButtonNode {padding-right: 1rem;}

	.claro .sceBtnProjectCard {
		display: inline-block;
		margin: 1rem;
	}
	.claro .sceBtnProjectCard:last-child {
		margin-bottom: 1rem;
	}
	.claro .sceProjectCard {
		width: 380px;
	}

	.claro .sceBoxContacts {
		display: inline-block;
		width: 360px;
		vertical-align: top;
	}

	.claro .sceDialogSmaller {
		min-width: 60%;
		max-width: 60%;
	}

	/* RESPONSIVE FLOAT */
	.claro .sceflnl {
		float: left;
	}
	.claro .sceflnr {
		float: right;
	}

	/* RESPONSIVE TEXTALIGN / MARGIN / PADDING / GRID */
	.claro .scetanl {
		text-align: left;
	}
	.claro .scetanr {
		text-align: right;
	}
	.claro .scetanc {
		text-align: center;
	}
	.claro .scembnn {
		margin-bottom: 6px;
	}
	.claro .scembns {
		margin-bottom: 12px;
	}
	.claro .scembnm {
		margin-bottom: 16px;
	}
	.claro .scembnl {
		margin-bottom: 24px;
	}
	.claro .scembnx {
		margin-bottom: 32px;
	}
	.claro .scembnb {
		margin-bottom: 48px;
	}
	.claro .scepann {
		padding: 6px;
	}
	.claro .scepans {
		padding: 12px;
	}
	.claro .scepanm {
		padding: 16px;
	}
	.claro .scepanl {
		padding: 24px;
	}
	.claro .scepanx {
		padding: 32px;
	}
	.claro .sce1n {
		display: grid;
		grid-template-columns: 1fr;
	}
	.claro .sce2n {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.claro .sce2n33 {
		display: grid;
		grid-template-columns: 33% 1fr;
	}
	.claro .sce3n {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.claro .sce4n {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.claro .sceggnn {
		grid-gap: 6px;
	}
	.claro .sceggns {
		grid-gap: 12px;
	}
	.claro .sceggnm {
		grid-gap: 16px;
	}
	.claro .sceggnl {
		grid-gap: 24px;
	}
	.claro .sceggnx {
		grid-gap: 32px;
	}
	.claro .sceggnb {
		grid-gap: 48px;
	}
}

@media ( min-width : 620px) {
	.claro .sceBreadCrumbDate {display: block;}

	.claro .sceBoxProfileData,
	.claro .sceBoxWalletData {margin: 0 0 0 220px;}
	.claro .sceBoxWalletRData {margin: 2rem 0 0 .5rem;}

	.claro .sceBreadcrumbTabs li {
		margin-bottom: 0;
	}
	.claro .sceBreadcrumbTabs li.sceSelected,
	.claro .sceBreadcrumbTabs li:last-child {
		display: inline-block;
	}
	.claro .sceBoxProfileSmall, .claro .sceBoxWalletSmall {
		float:left;
		margin-right: 1.25rem;
	}

	.claro .sceActionRespS .dgrid-cell.waction {
		width: 80px;
		padding-left: 9px;
		text-align: left;
	}

	.claro .sceStackProgress.sceLineBall .sceOrder {display: inline; padding-right: .3125rem;}

	.claro .scebosr {border-right: 1px solid var(--border);}

	.claro .scedisn {
		display: none !important;
	}
	.claro .scedisb {
		display: block !important;
	}
	.claro .scedisib {
		display: inline-block !important;
	}
	.claro .scedisc {
		display: table-cell !important;
	}

	/* RESPONSIVE FLOAT */
	.claro .sceflsl {
		float: left;
	}
	.claro .sceflsr {
		float: right;
	}
	
	/* RESPONSIVE TEXTALIGN / MARGIN / PADDING / GRID */
	.claro .scetasl {
		text-align: left;
	}
	.claro .scetasr {
		text-align: right;
	}
	.claro .scembsn {
		margin-bottom: 6px;
	}
	.claro .scembss {
		margin-bottom: 12px;
	}
	.claro .scembsm {
		margin-bottom: 16px;
	}
	.claro .scembsl {
		margin-bottom: 24px;
	}
	.claro .scembsx {
		margin-bottom: 32px;
	}
	.claro .scembsb {
		margin-bottom: 48px;
	}
	.claro .scepasn {
		padding: 6px;
	}
	.claro .scepass {
		padding: 12px;
	}
	.claro .scepasm {
		padding: 16px;
	}
	.claro .scepasl {
		padding: 24px;
	}
	.claro .scepasx {
		padding: 32px;
	}
	.claro .sce1s {
		display: grid;
		grid-template-columns: 1fr;
	}
	.claro .sce2s {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.claro .sce2s33 {
		display: grid;
		grid-template-columns: 33% 1fr;
	}
	.claro .sce3s {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.claro .sce4s {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.claro .sceggsn {
		grid-gap: 6px;
	}
	.claro .sceggss {
		grid-gap: 12px;
	}
	.claro .sceggsm {
		grid-gap: 16px;
	}
	.claro .sceggsl {
		grid-gap: 24px;
	}
	.claro .sceggsx {
		grid-gap: 32px;
	}
	.claro .sceggsb {
		grid-gap: 48px;
	}
}

@media ( min-width : 768px) {
	.claro .sceSceneContent.scepa-default,
	.claro .sceSceneContent.scepa-card,
	.claro .sceSceneContent.scepa-grid {padding: 1.5rem; margin: 0;}

	.claro .dgrid-pagination {
		margin-top: 0;
		margin-bottom: 0;
	}
	.claro .sceGridColumns .dgrid-pagination {
		padding-top: 1.5rem;
	}
	.claro .sceShowOdd .dgrid-row-odd {
		background-color: rgba(80, 80, 80, .02);
	}
	.claro .sceActionRespM .dgrid-cell.waction {
		width: 80px;
		padding-left: 9px;
		text-align: left;
	}


	.claro .sceScene  .sceCaption {
		text-align: left;
	}
	.claro .sceFitm {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	.claro .sceBoxWalletRData {margin: 2rem 1rem 0 .5rem;}
	.claro .sceDialog .sceDialogContent {
		padding: 24px 32px;
	}
	.claro .sceFixBottom.sceOn, .claro .sceScene.sceSceneFill .sceFixBottom.sceOn
		{
		margin-right: 16px;
	}
	.claro .sceDialog .sceCaption .sceTitle {
		font-size: 1.67em;
		text-align: left;
	}

	.claro .sceDialogSession .sceDialogContent {width: 520px;}

	.claro .sceTestLogo {
		position: relative;
		top: -5px;
		max-width: 176px;
		max-height: 40px;
		margin-right: 1rem;
	}

	.claro .sceGridCenterCardM .dgrid-content {text-align: left;}
	.claro .sceGrid .sceBoxProfileLarge {display: inline-block; margin: 0 24px 24px 0;}


	.claro .sceDialogSmaller {
		min-width: 50%;
		max-width: 50%;
	}

	/* ----------------- PENDIENTE DE REVISAR -------------------- */
	.gridLayout300 {
		clear: none;
		grid-gap: 16px;
	}

	.claro .scedimn {
		display: none !important;
	}
	.claro .scedimb {
		display: block !important;
	}
	.claro .scedimib {
		display: inline-block !important;
	}
	.claro .scedimc {
		display: table-cell !important;
	}

	/* RESPONSIVE FLOAT */
	.claro .sceflml {
		float: left;
	}
	.claro .sceflmr {
		float: right;
	}

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

	/* RESPONSIVE TEXTALIGN / MARGIN / PADDING / GRID */
	.claro .scetaml {
		text-align: left;
	}
	.claro .scetamr {
		text-align: right;
	}
	.claro .scembmn {
		margin-bottom: 6px;
	}
	.claro .scembms {
		margin-bottom: 12px;
	}
	.claro .scembmm {
		margin-bottom: 16px;
	}
	.claro .scembml {
		margin-bottom: 24px;
	}
	.claro .scembmx {
		margin-bottom: 32px;
	}
	.claro .scembmb {
		margin-bottom: 48px;
	}
	.claro .scepamn {
		padding: 6px;
	}
	.claro .scepams {
		padding: 12px;
	}
	.claro .scepamm {
		padding: 16px;
	}
	.claro .scepaml {
		padding: 24px;
	}
	.claro .scepamx {
		padding: 32px;
	}
	.claro .scepa-form {
		padding: 1.5rem;
	}
	.claro .sce1m {
		display: grid;
		grid-template-columns: 1fr;
	}
	.claro .sce2m {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.claro .sce2m33 {
		display: grid;
		grid-template-columns: 33% 1fr;
	}
	.claro .sce3m {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.claro .sce4m {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.claro .sceggm0 {
		grid-gap: 0;
	}
	.claro .sceggmn {
		grid-gap: 6px;
	}
	.claro .sceggms {
		grid-gap: 12px;
	}
	.claro .sceggmm {
		grid-gap: 16px;
	}
	.claro .sceggml {
		grid-gap: 24px;
	}
	.claro .sceggmx {
		grid-gap: 32px;
	}
	.claro .sceggmb {
		grid-gap: 48px;
	}
}

@media ( min-width : 1024px) {

.claro .sceGridFiltersTop {
	flex-wrap: nowrap;
}

.claro .sceGridFiltersBox {
	justify-content: flex-end;
}

.claro .sceGridFiltersBox > table,
.claro .sceGridFiltersBox > div {
	max-width: 200px;
	margin-left: 8px;
}

.claro .sceGridActionsTop .sceSearchButton {
	min-width: auto;
}

.claro .sceTabsController.sceResponsive {
	display: block;
}
.claro .sceTabs.sceResponsive > .sceNavTabs {
	display: block;
}
.claro .sceTabs.sceResponsive .sceTabContainer {
	border-width: 1px;
	padding: 1rem;
}
.claro .sceRespTabs, .claro .sceWrapperRespTabs {
	display: none;
}
.claro .sceRespTabsHide {
	display: block;
}
	.claro .sceGridCenterCardL .dgrid-content {text-align: left;}

	.claro .dijitDialogPaneActionBar .dijitButton {
		min-width: 100px;
	}

	.claro .sceDialogSmaller {
		min-width: 30%;
		max-width: 30%;
	}

	.claro .scephlx {
		padding-left: 32px;
		padding-right: 32px;
	}
	.claro .scediln {
		display: none !important;
	}
	.claro .scedilb {
		display: block !important;
	}
	.claro .scedilib {
		display: inline-block !important;
	}
	.claro .scedilc {
		display: table-cell !important;
	}
	.claro .sceGridCollection.scePadNormal .sceGCContainer {
		padding: .5rem;
	}
	.claro .dgrid-cell, .claro table.th, .claro table td {
		vertical-align: middle;
	}
	.dgrid-cell.waction {
		width: 80px;
		padding-left: 9px;
		text-align: left;
	}
	.claro .sceSceneTest {
		padding-bottom: 1.5rem;
	}
	.claro .sceTestLogo {
		top: -10px;
		margin-right: 2rem;
	}
	.claro .dijitButton.sceRespClose {
		top: -12px;
		left: 12px;
	}
	.claro .sceDialogLightboxList .sceContainer {
		min-width: 230px;
		min-height: 150px;
		text-align: center;
	}
	.claro .sceDialogLightboxList .sceContainer img {
		border: 3px solid #fff;
	}
	.claro .sceDialogLightboxList .sceTitle {
		position: static;
		background: transparent;
		padding: 0;
		margin-top: 6px;
		text-align: left;
	}
	.claro .sceDialogLightboxList.sceImageError .sceTitle {
		margin-top: 32px;
	}
	.claro .sceDialogLightboxList .sceText {
		display: inline;
		margin: 0;
	}
	.claro .sceDialogLightboxList .sceNavigation .dijitButtonNode {
		background: transparent;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.claro .sceDialogLightboxList .dijitButtonNode .material-icons-outlined
		{
		font-size: 38px;
		color: rgba(255, 255, 255, 0.7);
	}
	.claro .sceDialogLightboxList .dijitButtonHover .dijitButtonNode .material-icons-outlined
		{
		color: #fff;
	}
	
	/* ----------------- PENDIENTE DE REVISAR -------------------- */
	.gridTable5Col .engiCol1 {
		width: 16%
	}
	.gridTable5Col .engiCol4 {
		width: 26%
	}
	/* ----------------------------------------------------------- */

	/* RESPONSIVE FLOAT */
	.claro .sceflll {
		float: left;
	}
	.claro .scefllr {
		float: right;
	}

	/* RESPONSIVE TEXTALIGN / MARGIN / PADDING / GRID */
	.claro .scetall {
		text-align: left;
	}
	.claro .scetalr {
		text-align: right;
	}
	.claro .scembln {
		margin-bottom: 6px;
	}
	.claro .scembls {
		margin-bottom: 12px;
	}
	.claro .scemblm {
		margin-bottom: 16px;
	}
	.claro .scembll {
		margin-bottom: 24px;
	}
	.claro .scemblx {
		margin-bottom: 32px;
	}
	.claro .scemblb {
		margin-bottom: 48px;
	}
	.claro .scepaln {
		padding: 6px;
	}
	.claro .scepals {
		padding: 12px;
	}
	.claro .scepalm {
		padding: 16px;
	}
	.claro .scepall {
		padding: 24px;
	}
	.claro .scepalx {
		padding: 32px;
	}
	.claro .sce1l {
		display: grid;
		grid-template-columns: 1fr;
	}
	.claro .sce2l {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.claro .sce2l33 {
		display: grid;
		grid-template-columns: 33% 1fr;
	}
	.claro .sce3l {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.claro .sce4l {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.claro .sceggln {
		grid-gap: 6px;
	}
	.claro .sceggls {
		grid-gap: 12px;
	}
	.claro .scegglm {
		grid-gap: 16px;
	}
	.claro .sceggll {
		grid-gap: 24px;
	}
	.claro .scegglx {
		grid-gap: 32px;
	}
	.claro .scegglb {
		grid-gap: 48px;
	}
}

@media (max-width : 1279px) {
	.claro.sceMenuOverlayShow .sceMenuOverlay {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,.09);
	}
}

@media ( min-width : 1280px) {
	.claro .sceTopbar {
		padding: 0 2rem;
	}
	.claro .sceTopbar .sceButtonMenu {
		display: none;
	}
	.claro .sceMenuOn .scePageContainer {
		display: grid;
		grid-template-columns: 270px 1fr;
	}
	.claro .sceSceneHead .sceBoxLogo {
		display: block;
	}
	.claro .sceSceneHead {
		padding: 0 1rem;
	}
	.claro .sceSceneHead .sceTitle {
		display: none;
	}
	.claro .sceSceneHead .sceButtonUser {
		margin-left: 2rem;
	}
	.claro .sceSceneHead .sceButtonSettings {
		display: inline-block;
		margin-left: .25rem;
	}
	.claro .sceSceneHead .sceButtonNotif {
		margin-left: 1rem;
	}
	.claro .sceSceneBody {
		display: grid;
		grid-template-columns: 270px 1fr;
	}
	.claro .sceLeftbar, .claro.sceMenuPopupShow .sceLeftbar {
		display: block;
		position: static;
		padding: 0;
		width: 270px;
		max-height: none;
		min-height: calc(100vh - 52px);
		overflow: hidden;
		z-index: 499; 
	}
	.claro.sceHideSceneMenu .sceLeftbar,
	.claro.sceHideSceneMenu .sceLeftbar {
		display: none;
	}
	.claro.sceHideSceneMenu .sceSceneBody,
	.claro.sceMenuDesktopHide .sceSceneBody {
		grid-template-columns: 1fr;
	}
	.claro .sceLeftbar .sceBoxLogo {
		display: none;
	}
	
	.claro .sceSceneTitle {
		display: block;
		padding: 0 32px 10px 32px;
	}
	.claro .sceBreadCrumb {display: block;}
	.claro .sceSceneContainer, .claro.sceMenuPopupShow .sceMainContainer {
		position: static;
	}
	.claro .sceScene .sceCaption, .claro .sceScene.sceSceneFill .sceCaption,
		.claro .sceScene.sceSceneTest .sceCaption {
		padding: 0;
	}
	.claro .sceSceneContent.scepa-default,
	.claro .sceSceneContent.scepa-card,
	.claro .sceSceneContent.scepa-grid {padding: 2rem;}
	.claro .sceGridActionsTop {padding-bottom: 0rem;}

	.claro .sceScene.sceSceneFill .sceSeparate, .claro .sceScene.sceSceneTest .sceSeparate
		{
		padding-left: 0;
		padding-right: 0
	}
	.claro .sceGridCenterCardX .dgrid-content {text-align: left;}
	.claro .sceGridCollection.scePadNormal .sceGCContainer {
		padding: 1rem;
	}
	.claro .sceCaptionBox {
		padding: 0 0 12px 0;
	}
	.claro .sceScene.sceSceneGrid .sceCaption {
		padding: 0;
	}
	.claro .sceScene.sceSceneGrid .sceSeparate {
		padding-left: 0;
		padding-right: 0
	}
	.claro.sceTouch .sceScene.sceSceneFill .sceBoxBorder, .claro .sceScene.sceSceneTest .sceBoxBorder,
		.claro.sceTouch .sceScene.sceSceneGridCard .sceBoxBorder, .claro.sceTouch hr
		{
		border-color: #dee2e6;
	}
	.claro .sceSceneTest {
		padding-bottom: 32px;
	}
	.claro .sceBreadCrumb {
		padding: 1.5rem 32px .875rem 32px;
	}
	.claro .sceForm {margin-left: 0; margin-right: 0;}
	.claro .reset {
		margin-right: 4px;
	}
	.claro .sceShortcutMenu {
		bottom: 2rem;
		right: 2rem;
		display: block;
	}
	#topNavMenu {
		width: auto;
		min-width: 260px;
	}
	#topNavMenu .dijitMenuItem td {line-height: normal;}
	#topNavMenu .dijitMenuItem.sceThemeLight td {background-color: #e3f2fd; color: #666;}
	#topNavMenu .dijitMenuItem.sceThemeLight.dijitMenuItemSelected td {background-color: #e3f2fd; color: #666;}
	.sceNoTouch #topNavMenu .dijitMenuItem.sceThemeLight.dijitMenuItemHover td {background-color: #e3f2fd; color: #666;}
	.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;}

	.claro .sceFilterTabs li {
		margin-right:1.5rem;
	}
	.claro .sceFilterTabs li:last-child {
		margin-right: 0;
	}

	.claro .sceBoxIcon .sceLabelValue.sceLarge {
		float: none;
		top: 0;
		display: inline-block;
	}
	.claro .sceFixBottom.sceOn, .claro .sceScene.sceSceneFill .sceFixBottom.sceOn
		{
		margin-right: 32px;
	}
	.claro .sceGridCenterCard .dgrid-content {text-align: left;}
	.claro .sceGridWAction1 .dgrid-pagination {margin-right: 44px;}
	.claro .sceGridWAction2 .dgrid-pagination {margin-right: 80px;}

	.claro .scedixn {
		display: none !important;
	}
	.claro .scedixb {
		display: block !important;
	}
	.claro .scedixib {
		display: inline-block !important;
	}
	.claro .scedixc {
		display: table-cell !important;
	}
	.claro .sce2icon {
		display: grid;
		grid-gap: 0;
		grid-template-columns: 150px 1fr;
	}
	.claro .sce2icon.sce2iconS {
		grid-template-columns: 100px 1fr;
	}
	.claro .sce2icon .sceBoxIcon .sceImage {
		float: none;
		margin-left: 16px;
		margin-right: 0;
	}
	.claro .sce2icon .sceBoxIcon .sceBoxResponsive {
		float: none;
		max-width: unset;
		margin-top: 0;
	}
	.claro.sceTouch .sce2icon .sceBoxIcon .sceBoxResponsive {
		max-width: unset;
	}
	.claro .sce2icon .sceBoxIcon .sceButtonUpload, .claro .sce2icon.sceUseBigImage .sceBoxIcon .sceButtonUpload {
		position: relative;
		margin-left: 4px;
		margin-top: -6px;
		margin-right: 0;
	}
	.claro .sce2icon .sceIcon {
		float: none;
		display: inline-block;
		font-size: 26px;
		background: #f5f5f5;
		border: 1px solid rgba(0, 0, 0, .1);
		top: -5px;
		left: 5px;
		margin-right: 0;
		padding: 10px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.claro .sce2icon.sceUseBigImage .sceBoxIcon .sceButtonUpload input[type="file"] {
		width: 132px;
	}
	.claro .sce2icon.sceUseBigImage .sceBoxIcon .sceButtonUpload img,
	.claro .sce2icon.sceUseBigImage .sceBoxIcon .sceButtonUpload .sceIconBox {
		width: 130px;
	}
	.claro .sce2icon.sceUploadedBig img {
		width: 130px;
		height: 100px;
	}

	/* ----------------- PENDIENTE DE REVISAR -------------------- */
	.gridLayout300 {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		grid-gap: 32px;
	}
	/* ----------------------------------------------------------- */

	.claro .scehidex {display: none;}

	/* RESPONSIVE TEXTALIGN / MARGIN / PADDING / GRID */
	.claro .scetaxl {
		text-align: left;
	}
	.claro .scetaxr {
		text-align: right;
	}
	.claro .scembxn {
		margin-bottom: 6px;
	}
	.claro .scembxs {
		margin-bottom: 12px;
	}
	.claro .scembxm {
		margin-bottom: 16px;
	}
	.claro .scembxl {
		margin-bottom: 24px;
	}
	.claro .scembxx {
		margin-bottom: 32px;
	}
	.claro .scembxb {
		margin-bottom: 48px;
	}
	.claro .scepaxn {
		padding: 6px;
	}
	.claro .scepaxs {
		padding: 12px;
	}
	.claro .scepaxm {
		padding: 16px;
	}
	.claro .scepaxl {
		padding: 24px;
	}
	.claro .scepaxx {
		padding: 32px;
	}
	.claro .scepa-form {
		padding: 1.5rem 2rem;
	}
	.claro .sce1x {
		display: grid;
		grid-template-columns: 1fr;
	}
	.claro .sce2x {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.claro .sce2x33 {
		display: grid;
		grid-template-columns: 33% 1fr;
	}
	.claro .sce3x {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.claro .sce4x {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.claro .sceggxn {
		grid-gap: 6px;
	}
	.claro .sceggxs {
		grid-gap: 12px;
	}
	.claro .sceggxm {
		grid-gap: 16px;
	}
	.claro .sceggxl {
		grid-gap: 24px;
	}
	.claro .sceggxx {
		grid-gap: 32px;
	}
	.claro .sceggxb {
		grid-gap: 48px;
	}
}

@media ( min-width : 1920px) {
	.claro .sceLarge > .sceNavTabs li {
		padding: .8125rem 2rem;
	}
	.claro .sceGridCenterCardB .dgrid-content {text-align: left;}

	.claro .sceBreadcrumbTabs li {
		margin-right: 1.5rem;
	}
	.claro .sceBreadcrumbTabs li.sceSelected,
	.claro .sceBreadcrumbTabs li:last-child {
		margin-right: 0;
	}

	.claro .sceDocumentList .sceListTitle,
	.claro .sceDocumentList .sceContainer {
		grid-template-columns: 60px 1fr 100px;
	}
	.claro .sceDocumentList .sceListTitle .sceName {
		padding: 1rem;
	}
	.claro .sceDocumentList .sceListTitle .sceOrder,
	.claro .sceDocumentList .sceListTitle .sceDocument {
		padding: 1rem 0;
	}
	.claro .sceDocumentList .sceContainer .sceName {
		padding: 1.375rem 1rem;
	}
	.claro .sceDocumentList .sceContainer .sceOrder {
		padding: 1.375rem 0;
	}

	.claro .scedibn {
		display: none !important;
	}
	.claro .scedibb {
		display: block !important;
	}
	.claro .scedibib {
		display: inline-block !important;
	}
	.claro .scedibc {
		display: table-cell !important;
	}
	
	/* RESPONSIVE TEXTALIGN / MARGIN / PADDING / GRID */
	.claro .scetabl {
		text-align: left;
	}
	.claro .scetabr {
		text-align: right;
	}
	.claro .scembbn {
		margin-bottom: 6px;
	}
	.claro .scembbs {
		margin-bottom: 12px;
	}
	.claro .scembbm {
		margin-bottom: 16px;
	}
	.claro .scembbl {
		margin-bottom: 24px;
	}
	.claro .scembbx {
		margin-bottom: 32px;
	}
	.claro .scembbb {
		margin-bottom: 48px;
	}
	.claro .scepabn {
		padding: 6px;
	}
	.claro .scepabs {
		padding: 12px;
	}
	.claro .scepabm {
		padding: 16px;
	}
	.claro .scepabl {
		padding: 24px;
	}
	.claro .scepabx {
		padding: 32px;
	}
	.claro .sce1b {
		display: grid;
		grid-template-columns: 1fr;
	}
	.claro .sce2b {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.claro .sce2b33 {
		display: grid;
		grid-template-columns: 33% 1fr;
	}
	.claro .sce3b {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.claro .sce4b {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.claro .sceggbn {
		grid-gap: 6px;
	}
	.claro .sceggbs {
		grid-gap: 12px;
	}
	.claro .sceggbm {
		grid-gap: 16px;
	}
	.claro .sceggbl {
		grid-gap: 24px;
	}
	.claro .sceggbx {
		grid-gap: 32px;
	}
	.claro .sceggbb {
		grid-gap: 48px;
	}
}

@media (min-width : 2300px) {
	.claro .sceBreadCrumb,
	.claro .sceSceneTest {
		padding-bottom: 48px;
	}
	/* RESPONSIVE TEXTALIGN / MARGIN / PADDING / GRID */
	.claro .scetagl {
		text-align: left;
	}
	.claro .scetagr {
		text-align: right;
	}
	.claro .scembgn {
		margin-bottom: 6px;
	}
	.claro .scembgs {
		margin-bottom: 12px;
	}
	.claro .scembgm {
		margin-bottom: 16px;
	}
	.claro .scembgl {
		margin-bottom: 24px;
	}
	.claro .scembgx {
		margin-bottom: 32px;
	}
	.claro .scembgb {
		margin-bottom: 48px;
	}
	.claro .scepagn {
		padding: 6px;
	}
	.claro .scepags {
		padding: 12px;
	}
	.claro .scepagm {
		padding: 16px;
	}
	.claro .scepagl {
		padding: 24px;
	}
	.claro .scepagx {
		padding: 32px;
	}
	.claro .sce1g {
		display: grid;
		grid-template-columns: 1fr;
	}
	.claro .sce2g {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.claro .sce2g33 {
		display: grid;
		grid-template-columns: 33% 1fr;
	}
	.claro .sce3g {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.claro .sce4g {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.claro .scegggn {
		grid-gap: 6px;
	}
	.claro .scegggs {
		grid-gap: 12px;
	}
	.claro .scegggm {
		grid-gap: 16px;
	}
	.claro .scegggl {
		grid-gap: 24px;
	}
	.claro .scegggx {
		grid-gap: 32px;
	}
	.claro .scegggb {
		grid-gap: 48px;
	}
}

.claro .sce-footerDiv {
	display: block;
}

@media (min-width: 600px) {
.claro .sce-footerDiv {
	display: flex;}
}

.claro .sce-footerLogo {
	width: 75%;
	margin-top: 5px;
}

@media (min-width: 600px) {
.claro .sce-footerLogo {
	width: 25%;
	margin-top: 11px;}
}



/*//STRIPE*/


/* #link-authentication-element,
#payment-element {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#description {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

#description .header {
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#description .metadata-item {
    margin-bottom: 5px;
    font-weight: normal; 
    display: flex;
    justify-content: space-between;
}

#description .total-amount {
    font-weight: bold;
    margin-top: 10px;
    border-top: 1px solid #e0e0e0;
    padding-top: 5px;
    text-align: right;
}

#description .total-amount div {
    display: flex;
    justify-content: space-between;
} */